0:["$","$L3",null,{"buildId":"NW2wM5FRkiD0FXxAKHe6x","assetPrefix":"","urlParts":["","foundations","upgrades","v5"],"initialTree":["",{"children":["foundations",{"children":[["id","upgrades","d"],{"children":[["subPage","v5","d"],{"children":["__PAGE__?{\"id\":\"upgrades\",\"subPage\":\"v5\"}",{}]}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["foundations",{"children":[["id","upgrades","d"],{"children":[["subPage","v5","d"],{"children":["__PAGE__",{},[["$L4",[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[null,"\n",["$","$L6","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Welcome UI V5 focuses on the rework of our ","position":{"start":{"line":3,"column":1,"offset":19},"end":{"line":3,"column":44,"offset":62}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"foundations","position":{"start":{"line":3,"column":46,"offset":64},"end":{"line":3,"column":57,"offset":75}}}],"position":{"start":{"line":3,"column":44,"offset":62},"end":{"line":3,"column":59,"offset":77}}},{"type":"text","value":" and moving from reakit to ","position":{"start":{"line":3,"column":59,"offset":77},"end":{"line":3,"column":86,"offset":104}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"ariakit","position":{"start":{"line":3,"column":88,"offset":106},"end":{"line":3,"column":95,"offset":113}}}],"position":{"start":{"line":3,"column":86,"offset":104},"end":{"line":3,"column":97,"offset":115}}},{"type":"text","value":" (","position":{"start":{"line":3,"column":97,"offset":115},"end":{"line":3,"column":99,"offset":117}}},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"reakit v2)","position":{"start":{"line":3,"column":100,"offset":118},"end":{"line":3,"column":110,"offset":128}}}],"position":{"start":{"line":3,"column":99,"offset":117},"end":{"line":3,"column":111,"offset":129}}},{"type":"text","value":".","position":{"start":{"line":3,"column":111,"offset":129},"end":{"line":3,"column":112,"offset":130}}}],"position":{"start":{"line":3,"column":1,"offset":19},"end":{"line":3,"column":112,"offset":130}}},"children":["Welcome UI V5 focuses on the rework of our ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"foundations"}]," and moving from reakit to ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"ariakit"}]," (",["$","em","em-0",{"children":"reakit v2)"}],"."]}],"\n",["$","$L7",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"upgrade-steps","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#upgrade-steps","textDecoration":{"hover":"underline"},"children":"Upgrade steps"}]}],"\n",["$","$L7",null,{"as":"h3","id":"1-update-your-dependencies","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#1-update-your-dependencies","textDecoration":{"hover":"underline"},"children":"1. Update your dependencies"}]}],"\n",["$","$L6","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make sure you update all ","position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":9,"column":26,"offset":208}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"@welcome-ui","position":{"start":{"line":9,"column":26,"offset":208},"end":{"line":9,"column":39,"offset":221}}}],"position":{"start":{"line":9,"column":26,"offset":208},"end":{"line":9,"column":39,"offset":221}}},{"type":"text","value":" packages and ","position":{"start":{"line":9,"column":39,"offset":221},"end":{"line":9,"column":53,"offset":235}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"styled-components","position":{"start":{"line":9,"column":53,"offset":235},"end":{"line":9,"column":72,"offset":254}}}],"position":{"start":{"line":9,"column":53,"offset":235},"end":{"line":9,"column":72,"offset":254}}},{"type":"text","value":" packages:","position":{"start":{"line":9,"column":72,"offset":254},"end":{"line":9,"column":82,"offset":264}}}],"position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":9,"column":82,"offset":264}}},"children":["Make sure you update all ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"@welcome-ui"}]," packages and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"styled-components"}]," packages:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"json","children":"{\n \"dependencies\": {\n \"@welcome-ui/YOUR_PACKAGE\": \"^5.0.0\",\n \"@xstyled/styled-components\": \"^3.7.3\",\n \"react\": \"^18.0.0\",\n \"styled-components\": \"^5.3.9\"\n }\n}\n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"2-migrate-foundations","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#2-migrate-foundations","textDecoration":{"hover":"underline"},"children":"2. Migrate foundations"}]}],"\n",["$","$L6","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We reworked our theme's colors, spacing, typography, and many other properties. Use the migration script to migrate easily to V5 on a welcome-ui project.","position":{"start":{"line":24,"column":1,"offset":479},"end":{"line":24,"column":154,"offset":632}}}],"position":{"start":{"line":24,"column":1,"offset":479},"end":{"line":24,"column":154,"offset":632}}},"children":"We reworked our theme's colors, spacing, typography, and many other properties. Use the migration script to migrate easily to V5 on a welcome-ui project."}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"bash","children":"yarn migrate:v5 \"../yourProject/src/**/**.**(tsx|ts|js)\"\n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"3-migrate-reakit-to-ariakit","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#3-migrate-reakit-to-ariakit","textDecoration":{"hover":"underline"},"children":"3. Migrate Reakit to Ariakit"}]}],"\n",["$","$L6","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We also migrated to the new ","position":{"start":{"line":32,"column":1,"offset":738},"end":{"line":32,"column":29,"offset":766}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://ariakit.org"},"children":[{"type":"text","value":"Ariakit","position":{"start":{"line":32,"column":32,"offset":769},"end":{"line":32,"column":39,"offset":776}}}],"position":{"start":{"line":32,"column":31,"offset":768},"end":{"line":32,"column":61,"offset":798}}}],"position":{"start":{"line":32,"column":29,"offset":766},"end":{"line":32,"column":63,"offset":800}}},{"type":"text","value":" library ","position":{"start":{"line":32,"column":63,"offset":800},"end":{"line":32,"column":72,"offset":809}}},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"(reakit v2)","position":{"start":{"line":32,"column":73,"offset":810},"end":{"line":32,"column":84,"offset":821}}}],"position":{"start":{"line":32,"column":72,"offset":809},"end":{"line":32,"column":85,"offset":822}}},{"type":"text","value":" on some of our components. To migrate easily, you can find components migration below.","position":{"start":{"line":32,"column":85,"offset":822},"end":{"line":32,"column":172,"offset":909}}}],"position":{"start":{"line":32,"column":1,"offset":738},"end":{"line":32,"column":172,"offset":909}}},"children":["We also migrated to the new ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":["$","$L9",null,{"href":"https://ariakit.org","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$a","children":"Ariakit"}]}]," library ",["$","em","em-0",{"children":"(reakit v2)"}]," on some of our components. To migrate easily, you can find components migration below."]}],"\n",["$","$L6","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To resume:","position":{"start":{"line":34,"column":1,"offset":911},"end":{"line":34,"column":11,"offset":921}}}],"position":{"start":{"line":34,"column":1,"offset":911},"end":{"line":34,"column":11,"offset":921}}},"children":"To resume:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["We now pass on a ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property the component's state and remove \"State\" from the hook name."]}],"\n"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const drawerState = useDrawerState()\n+ const drawer = useDrawer()\n\n- \n+ \n"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"visible"}]," is now replaced by the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"open"}]," property"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["To force open a component, use now the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"defaultOpen"}]," property"]}],"\n"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const drawerState = useDrawerState({ open: true })\n+ const drawer = useDrawer({ defaultOpen: true })\n"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["Access the actual component's state with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useState"}],":"]}],"\n"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const drawerState = useDrawerState()\n- const isOpen = drawerState.visible\n+ const drawer = useDrawer()\n+ const isOpen = drawer.useState('open')\n"}]}],"\n",["$","$L7",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"theme","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#theme","textDecoration":{"hover":"underline"},"children":"Theme"}]}],"\n",["$","$L7",null,{"as":"h3","id":"colors","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#colors","textDecoration":{"hover":"underline"},"children":"Colors"}]}],"\n",["$","$L6","p-5",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We changed our colors dark and light to be fully compatible with the coming dark mode (in beta). Now dark are black rgba with transparency, and light white rgba with transparency.","position":{"start":{"line":67,"column":1,"offset":1662},"end":{"line":67,"column":180,"offset":1841}}}],"position":{"start":{"line":67,"column":1,"offset":1662},"end":{"line":67,"column":180,"offset":1841}}},"children":"We changed our colors dark and light to be fully compatible with the coming dark mode (in beta). Now dark are black rgba with transparency, and light white rgba with transparency."}],"\n",["$","$L6","p-6",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We also had to rework our colors naming for typescript compatibility reasons:","position":{"start":{"line":69,"column":1,"offset":1843},"end":{"line":69,"column":78,"offset":1920}}}],"position":{"start":{"line":69,"column":1,"offset":1843},"end":{"line":69,"column":78,"offset":1920}}},"children":"We also had to rework our colors naming for typescript compatibility reasons:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["Before: ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"colors.dark.900"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["After: ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"colors['neutral-90']"}]]}],"\n"]}],"\n",["$","$L6","p-7",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We rework some colors:","position":{"start":{"line":74,"column":1,"offset":1983},"end":{"line":74,"column":23,"offset":2005}}}],"position":{"start":{"line":74,"column":1,"offset":1983},"end":{"line":74,"column":23,"offset":2005}}},"children":"We rework some colors:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"v4 compare to v5"}]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"[success/danger/warning/info].500 <-> [success/danger/warning/info]-300"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"[success/danger/warning/info].700 <-> [success/danger/warning/info]-400"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"new color [success/danger/warning/info]-500"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"nude.400 <-> nude-500"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"nude.500 <-> beige-40"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"nude.700 <-> beige-60"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"nude.800 <-> beige-70"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["** the light colors are all white with opacity, you need to replace the old light color for text with new black color **\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"light.800 <-> neutral-30"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"light.700 <-> neutral-30"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"light.500 <-> neutral-50"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"light.200 <-> neutral-50"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"light.100 <-> neutral-60"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"now the light colors variants are 100, 200, 400, 500, 700, 900(without opacity)"}],"\n"]}],"\n"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["** the dark colors are all black with opacity, it's also used for text color **\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"dark.100 <-> neutral-60"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"dark.200 <-> neutral-70"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"dark.500 <-> dark.900"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"dark.700 <-> dark.900"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"dark.800 <-> dark.900"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"now the dark colors variants are 100, 200, 400, 500, 700, 900(without opacity)"}],"\n"]}],"\n"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"new color white (get the light.900 for dark mode)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"new color black (get the dark.900 for dark mode)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"the color for html is now neutral-60"}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"spacing","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#spacing","textDecoration":{"hover":"underline"},"children":"Spacing"}]}],"\n",["$","$L6","p-8",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We rework our spacing:","position":{"start":{"line":104,"column":1,"offset":3127},"end":{"line":104,"column":23,"offset":3149}}}],"position":{"start":{"line":104,"column":1,"offset":3127},"end":{"line":104,"column":23,"offset":3149}}},"children":"We rework our spacing:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"v5 compare to v4"}]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xxs (2px) <-> new size (before it was 6px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xs (4px) <-> new size (before it was 8px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"sm (8px) <-> xs"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"md (12px) <-> same size"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"lg (16px) <-> lg (15px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xl (24px) <-> xxl"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xxl (32px) <-> 3xl (30px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"3xl (48px) <-> 5xl (50px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"4xl (64px) <-> 6xl"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"5xl (96px) -> new size"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"6xl (128px) -> new size"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"7xl (192px) -> new size"}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"typography","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#typography","textDecoration":{"hover":"underline"},"children":"Typography"}]}],"\n",["$","$L6","p-9",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We change the name of variants to ","position":{"start":{"line":122,"column":1,"offset":3524},"end":{"line":122,"column":35,"offset":3558}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xs","position":{"start":{"line":122,"column":35,"offset":3558},"end":{"line":122,"column":39,"offset":3562}}}],"position":{"start":{"line":122,"column":35,"offset":3558},"end":{"line":122,"column":39,"offset":3562}}},{"type":"text","value":" ","position":{"start":{"line":122,"column":39,"offset":3562},"end":{"line":122,"column":40,"offset":3563}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"s","position":{"start":{"line":122,"column":40,"offset":3563},"end":{"line":122,"column":43,"offset":3566}}}],"position":{"start":{"line":122,"column":40,"offset":3563},"end":{"line":122,"column":43,"offset":3566}}},{"type":"text","value":" ","position":{"start":{"line":122,"column":43,"offset":3566},"end":{"line":122,"column":44,"offset":3567}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"m","position":{"start":{"line":122,"column":44,"offset":3567},"end":{"line":122,"column":47,"offset":3570}}}],"position":{"start":{"line":122,"column":44,"offset":3567},"end":{"line":122,"column":47,"offset":3570}}},{"type":"text","value":" ","position":{"start":{"line":122,"column":47,"offset":3570},"end":{"line":122,"column":48,"offset":3571}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"lg","position":{"start":{"line":122,"column":48,"offset":3571},"end":{"line":122,"column":52,"offset":3575}}}],"position":{"start":{"line":122,"column":48,"offset":3571},"end":{"line":122,"column":52,"offset":3575}}},{"type":"text","value":" and remove useless variants.","position":{"start":{"line":122,"column":52,"offset":3575},"end":{"line":122,"column":81,"offset":3604}}}],"position":{"start":{"line":122,"column":1,"offset":3524},"end":{"line":122,"column":81,"offset":3604}}},"children":["We change the name of variants to ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xs"}]," ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"s"}]," ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"m"}]," ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"lg"}]," and remove useless variants."]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["meta1 and meta2 has been removed and replaced by ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"sm"}]," and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xs"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["body1 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"lg"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["body2 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"md"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["body3 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"sm"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["body4 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xs"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["subtitle1 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"subtitle-md"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["subtitle2 become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"subtitle-sm"}]]}],"\n"]}],"\n",["$","$L7",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"components","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#components","textDecoration":{"hover":"underline"},"children":"Components"}]}],"\n",["$","$L7",null,{"as":"h3","id":"accordion","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#accordion","textDecoration":{"hover":"underline"},"children":"Accordion"}]}],"\n",["$","$L6","p-10",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We migrated to Ariakit and added an ","position":{"start":{"line":136,"column":1,"offset":3848},"end":{"line":136,"column":37,"offset":3884}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useAccordion","position":{"start":{"line":136,"column":37,"offset":3884},"end":{"line":136,"column":51,"offset":3898}}}],"position":{"start":{"line":136,"column":37,"offset":3884},"end":{"line":136,"column":51,"offset":3898}}},{"type":"text","value":" hook to play with the component's store.","position":{"start":{"line":136,"column":51,"offset":3898},"end":{"line":136,"column":92,"offset":3939}}}],"position":{"start":{"line":136,"column":1,"offset":3848},"end":{"line":136,"column":92,"offset":3939}}},"children":["We migrated to Ariakit and added an ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useAccordion"}]," hook to play with the component's store."]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"+ const accordion = useAccordion()\n\n- \n+ \n= ...\n= \n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"alert-toast-growl","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#alert-toast-growl","textDecoration":{"hover":"underline"},"children":"Alert / Toast / Growl"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["\n",["$","$L6","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"All components","position":{"start":{"line":149,"column":5,"offset":4137},"end":{"line":149,"column":19,"offset":4151}}}],"position":{"start":{"line":149,"column":3,"offset":4135},"end":{"line":149,"column":21,"offset":4153}}}],"position":{"start":{"line":149,"column":3,"offset":4135},"end":{"line":149,"column":21,"offset":4153}}},"children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"All components"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"We have adjusted colors and spacing."}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["Position ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"top"}]," has been replaced with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"top-center"}]," and position ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"bottom"}]," has been replaced with ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"bottom-center"}],"."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["We removed the property ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"closeButtonDataTestId"}],". Now we add ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"-close-button"}]," after your ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"dataTestId"}]," property."]}],"\n"]}],"\n"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["\n",["$","$L6","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Alert","position":{"start":{"line":155,"column":5,"offset":4432},"end":{"line":155,"column":10,"offset":4437}}}],"position":{"start":{"line":155,"column":3,"offset":4430},"end":{"line":155,"column":12,"offset":4439}}}],"position":{"start":{"line":155,"column":3,"offset":4430},"end":{"line":155,"column":12,"offset":4439}}},"children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Alert"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The props ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"icon"}]," is now given to the ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Alert"}]," component and not to ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Alert.Title"}],"."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["You must use the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"cta"}]," prop instead of pass the ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Alert.Button"}]," as a Children"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["You must use the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"isFullWidth"}]," prop to have an alert with a 100% max width"]}],"\n"]}],"\n"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["\n",["$","$L6","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Toast","position":{"start":{"line":161,"column":5,"offset":4697},"end":{"line":161,"column":10,"offset":4702}}}],"position":{"start":{"line":161,"column":3,"offset":4695},"end":{"line":161,"column":12,"offset":4704}}}],"position":{"start":{"line":161,"column":3,"offset":4695},"end":{"line":161,"column":12,"offset":4704}}},"children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Toast"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["In order to use ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"Toast"}]," component, you must add the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"Notifications"}]," component in your project root."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useToast"}]," hook is deprecated. Instead, you can directly use ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"toast"}]," function."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The props ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"icon"}]," is now given to ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Toast.Growl"}]," / ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Toast.Snackbar"}]," component and not to ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Toast.Title"}],"."]}],"\n"]}],"\n"]}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"badges","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#badges","textDecoration":{"hover":"underline"},"children":"Badges"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["rework ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"Badge"}]," component ",["$","$L9",null,{"href":"/components/badge","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":{"type":"element","tagName":"a","properties":{"href":"/components/badge"},"children":[{"type":"text","value":"now rounded","position":{"start":{"line":168,"column":29,"offset":5049},"end":{"line":168,"column":40,"offset":5060}}}],"position":{"start":{"line":168,"column":28,"offset":5048},"end":{"line":168,"column":60,"offset":5080}}},"children":"now rounded"}]]}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"buttons","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#buttons","textDecoration":{"hover":"underline"},"children":"Buttons"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"We have adjusted colors and spacing."}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"xl"}]," size has been removed."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"ternary-negative"}]," has been removed."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"quaternary"}]," variant is now named ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"ghost"}],"."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"The icon size now adjusts to the size of the button."}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"drawer","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#drawer","textDecoration":{"hover":"underline"},"children":"Drawer"}]}],"\n",["$","$L6","p-11",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We migrated to Ariakit. We now pass the component's state from ","position":{"start":{"line":180,"column":1,"offset":5328},"end":{"line":180,"column":64,"offset":5391}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useDrawer","position":{"start":{"line":180,"column":64,"offset":5391},"end":{"line":180,"column":75,"offset":5402}}}],"position":{"start":{"line":180,"column":64,"offset":5391},"end":{"line":180,"column":75,"offset":5402}}},{"type":"text","value":" to the ","position":{"start":{"line":180,"column":75,"offset":5402},"end":{"line":180,"column":83,"offset":5410}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"store","position":{"start":{"line":180,"column":83,"offset":5410},"end":{"line":180,"column":90,"offset":5417}}}],"position":{"start":{"line":180,"column":83,"offset":5410},"end":{"line":180,"column":90,"offset":5417}}},{"type":"text","value":" property:","position":{"start":{"line":180,"column":90,"offset":5417},"end":{"line":180,"column":100,"offset":5427}}}],"position":{"start":{"line":180,"column":1,"offset":5328},"end":{"line":180,"column":100,"offset":5427}}},"children":["We migrated to Ariakit. We now pass the component's state from ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useDrawer"}]," to the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const drawerState = useDrawerState()\n+ const drawer = useDrawer()\n\n- \n+ \n= ...\n= \n"}]}],"\n",["$","$L6","p-12",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We replace props by:","position":{"start":{"line":192,"column":1,"offset":5596},"end":{"line":192,"column":21,"offset":5616}}}],"position":{"start":{"line":192,"column":1,"offset":5596},"end":{"line":192,"column":21,"offset":5616}}},"children":"We replace props by:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"hideOnClickOutside"}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"hideOnInteractOutside"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," is removed and replace by a property ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"withBackdrop"}],". You can personalize your backdrop with the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"backdrop"}]," property."]}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"dropdown-menu","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#dropdown-menu","textDecoration":{"hover":"underline"},"children":"DropdownMenu"}]}],"\n",["$","$L6","p-13",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We migrated to Ariakit. Now we pass the component's state from ","position":{"start":{"line":199,"column":1,"offset":5830},"end":{"line":199,"column":64,"offset":5893}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useDropdownMenu","position":{"start":{"line":199,"column":64,"offset":5893},"end":{"line":199,"column":81,"offset":5910}}}],"position":{"start":{"line":199,"column":64,"offset":5893},"end":{"line":199,"column":81,"offset":5910}}},{"type":"text","value":" to the ","position":{"start":{"line":199,"column":81,"offset":5910},"end":{"line":199,"column":89,"offset":5918}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"store","position":{"start":{"line":199,"column":89,"offset":5918},"end":{"line":199,"column":96,"offset":5925}}}],"position":{"start":{"line":199,"column":89,"offset":5918},"end":{"line":199,"column":96,"offset":5925}}},{"type":"text","value":" property:","position":{"start":{"line":199,"column":96,"offset":5925},"end":{"line":199,"column":106,"offset":5935}}}],"position":{"start":{"line":199,"column":1,"offset":5830},"end":{"line":199,"column":106,"offset":5935}}},"children":["We migrated to Ariakit. Now we pass the component's state from ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useDropdownMenu"}]," to the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const dropdownMenuState = useDropdownMenuState()\n+ const dropdownMenu = useDropdownMenu()\n\n- \n+ \n= ...\n= \n- \n+ \n- \n+ \n= ...\n= \n= ...\n= \n"}]}],"\n",["$","$L6","p-14",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you want to not close DropdownMenu item on click please add a ","position":{"start":{"line":219,"column":1,"offset":6412},"end":{"line":219,"column":66,"offset":6477}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"hideOnClose={false}","position":{"start":{"line":219,"column":66,"offset":6477},"end":{"line":219,"column":87,"offset":6498}}}],"position":{"start":{"line":219,"column":66,"offset":6477},"end":{"line":219,"column":87,"offset":6498}}},{"type":"text","value":" on ","position":{"start":{"line":219,"column":87,"offset":6498},"end":{"line":219,"column":91,"offset":6502}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"DropdownMenu.Item","position":{"start":{"line":219,"column":91,"offset":6502},"end":{"line":219,"column":110,"offset":6521}}}],"position":{"start":{"line":219,"column":91,"offset":6502},"end":{"line":219,"column":110,"offset":6521}}},{"type":"text","value":":","position":{"start":{"line":219,"column":110,"offset":6521},"end":{"line":219,"column":111,"offset":6522}}}],"position":{"start":{"line":219,"column":1,"offset":6412},"end":{"line":219,"column":111,"offset":6522}}},"children":["If you want to not close DropdownMenu item on click please add a ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"hideOnClose={false}"}]," on ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"DropdownMenu.Item"}],":"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"jsx","children":"\n ...\n\n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"emoji-picker","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#emoji-picker","textDecoration":{"hover":"underline"},"children":"EmojiPicker"}]}],"\n",["$","$L6","p-15",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We migrated to Ariakit. Now we pass the component's state from ","position":{"start":{"line":229,"column":1,"offset":6652},"end":{"line":229,"column":64,"offset":6715}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useEmojiPicker","position":{"start":{"line":229,"column":64,"offset":6715},"end":{"line":229,"column":80,"offset":6731}}}],"position":{"start":{"line":229,"column":64,"offset":6715},"end":{"line":229,"column":80,"offset":6731}}},{"type":"text","value":" on the ","position":{"start":{"line":229,"column":80,"offset":6731},"end":{"line":229,"column":88,"offset":6739}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"store","position":{"start":{"line":229,"column":88,"offset":6739},"end":{"line":229,"column":95,"offset":6746}}}],"position":{"start":{"line":229,"column":88,"offset":6739},"end":{"line":229,"column":95,"offset":6746}}},{"type":"text","value":" property:","position":{"start":{"line":229,"column":95,"offset":6746},"end":{"line":229,"column":105,"offset":6756}}}],"position":{"start":{"line":229,"column":1,"offset":6652},"end":{"line":229,"column":105,"offset":6756}}},"children":["We migrated to Ariakit. Now we pass the component's state from ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useEmojiPicker"}]," on the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const emojiPickerState = useEmojiPicker()\n+ const emojiPicker = useEmojiPicker()\n\n- \n+ \n= ...\n= \n- \n+ \n"}]}],"\n",["$","$L6","p-16",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"and ","position":{"start":{"line":243,"column":1,"offset":7088},"end":{"line":243,"column":5,"offset":7092}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"defaultTabState","position":{"start":{"line":243,"column":5,"offset":7092},"end":{"line":243,"column":22,"offset":7109}}}],"position":{"start":{"line":243,"column":5,"offset":7092},"end":{"line":243,"column":22,"offset":7109}}},{"type":"text","value":" becomes ","position":{"start":{"line":243,"column":22,"offset":7109},"end":{"line":243,"column":31,"offset":7118}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":" defaultTabStore","position":{"start":{"line":243,"column":31,"offset":7118},"end":{"line":243,"column":49,"offset":7136}}}],"position":{"start":{"line":243,"column":31,"offset":7118},"end":{"line":243,"column":49,"offset":7136}}}],"position":{"start":{"line":243,"column":1,"offset":7088},"end":{"line":243,"column":49,"offset":7136}}},"children":["and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"defaultTabState"}]," becomes ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":" defaultTabStore"}]]}],"\n",["$","$L7",null,{"as":"h3","id":"file-drop","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#file-drop","textDecoration":{"hover":"underline"},"children":"FileDrop"}]}],"\n",["$","$L6","p-17",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"accept","position":{"start":{"line":247,"column":1,"offset":7152},"end":{"line":247,"column":9,"offset":7160}}}],"position":{"start":{"line":247,"column":1,"offset":7152},"end":{"line":247,"column":9,"offset":7160}}},{"type":"text","value":" property changed on v14 of react-dropzone:","position":{"start":{"line":247,"column":9,"offset":7160},"end":{"line":247,"column":52,"offset":7203}}}],"position":{"start":{"line":247,"column":1,"offset":7152},"end":{"line":247,"column":52,"offset":7203}}},"children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"accept"}]," property changed on v14 of react-dropzone:"]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["Before: ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"accept: \"image/*\""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["After: ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"accept: { \"image/*\": [] }"}]]}],"\n"]}],"\n",["$","$L6","p-18",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"See more about ","position":{"start":{"line":252,"column":1,"offset":7273},"end":{"line":252,"column":16,"offset":7288}}},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker#examples"},"children":[{"type":"text","value":"showOpenFilePicker","position":{"start":{"line":252,"column":17,"offset":7289},"end":{"line":252,"column":35,"offset":7307}}}],"position":{"start":{"line":252,"column":16,"offset":7288},"end":{"line":252,"column":121,"offset":7393}}},{"type":"text","value":" and ","position":{"start":{"line":252,"column":121,"offset":7393},"end":{"line":252,"column":126,"offset":7398}}},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types"},"children":[{"type":"text","value":"media type","position":{"start":{"line":252,"column":127,"offset":7399},"end":{"line":252,"column":137,"offset":7409}}}],"position":{"start":{"line":252,"column":126,"offset":7398},"end":{"line":252,"column":228,"offset":7500}}},{"type":"text","value":".","position":{"start":{"line":252,"column":228,"offset":7500},"end":{"line":252,"column":229,"offset":7501}}}],"position":{"start":{"line":252,"column":1,"offset":7273},"end":{"line":252,"column":229,"offset":7501}}},"children":["See more about ",["$","$L9",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker#examples","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$14","children":"showOpenFilePicker"}]," and ",["$","$L9",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$1e","children":"media type"}],"."]}],"\n",["$","$L7",null,{"as":"h3","id":"icons","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#icons","textDecoration":{"hover":"underline"},"children":"Icons"}]}],"\n",["$","$L6","p-19",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We rework our icon size:","position":{"start":{"line":256,"column":1,"offset":7514},"end":{"line":256,"column":25,"offset":7538}}}],"position":{"start":{"line":256,"column":1,"offset":7514},"end":{"line":256,"column":25,"offset":7538}}},"children":"We rework our icon size:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"v5 compare to v4"}]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"This size has been removed <-> xxs (7px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xs (12px) <-> xs (10px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"sm (16px) <-> sm (12px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"md (24px) <-> md (15px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"lg (32px) <-> lg (20px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xl (48px) <-> xl (27.574px)"}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"xxl (64px) <-> new size"}],"\n"]}],"\n",["$","$L6","p-20",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We remove all ","position":{"start":{"line":267,"column":1,"offset":7767},"end":{"line":267,"column":15,"offset":7781}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"@welcome-ui/icons.*","position":{"start":{"line":267,"column":15,"offset":7781},"end":{"line":267,"column":36,"offset":7802}}}],"position":{"start":{"line":267,"column":15,"offset":7781},"end":{"line":267,"column":36,"offset":7802}}},{"type":"text","value":" packages (except ","position":{"start":{"line":267,"column":36,"offset":7802},"end":{"line":267,"column":54,"offset":7820}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"icons.font","position":{"start":{"line":267,"column":56,"offset":7822},"end":{"line":267,"column":66,"offset":7832}}}],"position":{"start":{"line":267,"column":54,"offset":7820},"end":{"line":267,"column":68,"offset":7834}}},{"type":"text","value":"). There is now two packages available:","position":{"start":{"line":267,"column":68,"offset":7834},"end":{"line":267,"column":107,"offset":7873}}}],"position":{"start":{"line":267,"column":1,"offset":7767},"end":{"line":267,"column":107,"offset":7873}}},"children":["We remove all ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"@welcome-ui/icons.*"}]," packages (except ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"icons.font"}],"). There is now two packages available:"]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L9",null,{"href":"components/icons","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":{"type":"element","tagName":"a","properties":{"href":"components/icons"},"children":[{"type":"text","value":"@welcome-ui/icons","position":{"start":{"line":269,"column":4,"offset":7878},"end":{"line":269,"column":21,"offset":7895}}}],"position":{"start":{"line":269,"column":3,"offset":7877},"end":{"line":269,"column":40,"offset":7914}}},"children":"@welcome-ui/icons"}]," using ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"svg"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L9",null,{"href":"components/icons-font","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":{"type":"element","tagName":"a","properties":{"href":"components/icons-font"},"children":[{"type":"text","value":"@welcome-ui/icons.font","position":{"start":{"line":270,"column":4,"offset":7932},"end":{"line":270,"column":26,"offset":7954}}}],"position":{"start":{"line":270,"column":3,"offset":7931},"end":{"line":270,"column":50,"offset":7978}}},"children":"@welcome-ui/icons.font"}]," using ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"webfont"}]]}],"\n"]}],"\n",["$","$L6","p-21",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We renamed some icons:","position":{"start":{"line":272,"column":1,"offset":7998},"end":{"line":272,"column":23,"offset":8020}}}],"position":{"start":{"line":272,"column":1,"offset":7998},"end":{"line":272,"column":23,"offset":8020}}},"children":"We renamed some icons:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["new ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," icon"]}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"link","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#link","textDecoration":{"hover":"underline"},"children":"Link"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"isExternalLink"}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"isExternal"}]]}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"modal","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#modal","textDecoration":{"hover":"underline"},"children":"Modal"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"We have adjusted colors and spacing."}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Modal.Title"}]," is now named ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Modal.Header"}]," and has props ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"title"}]," (mandatory) and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"subtitle"}]," (optional)."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["To ensure ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"good spacing"}]," between modal's sub-components, they ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"must"}]," be wrapped with ",["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Modal.Content"}],"."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Modal.Body"}]," is now the content box for Modal."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"as":"strong","color":"neutral-90","fontWeight":"500","children":"Modal.Cover"}]," has been removed."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["We migrated to Ariakit and added an ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useModal"}]," hook to play with the component store."]}],"\n"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const modalState = useModalState()\n+ const modal = useModal()\n\n- \n- \n ...\n- \n+ \n+ \n+ \n ...\n+ \n+ \n= ...\n= \n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"popover","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#popover","textDecoration":{"hover":"underline"},"children":"Popover"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["We migrated to Ariakit and added a ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"usePopover"}]," hook to play with the component store."]}],"\n"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const popoverState = usePopoverState()\n+ const popover = usePopover()\n\n- \n+ \n= ...\n= \n- \n+ \n= ...\n= \n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"radio-group","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#radio-group","textDecoration":{"hover":"underline"},"children":"RadioGroup"}]}],"\n",["$","$L6","p-22",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We removed the check icon on radio input and changed the style of it. We also reworked accessibility.","position":{"start":{"line":337,"column":1,"offset":9657},"end":{"line":337,"column":102,"offset":9758}}}],"position":{"start":{"line":337,"column":1,"offset":9657},"end":{"line":337,"column":102,"offset":9758}}},"children":"We removed the check icon on radio input and changed the style of it. We also reworked accessibility."}],"\n",["$","$L7",null,{"as":"h3","id":"tabs","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#tabs","textDecoration":{"hover":"underline"},"children":"Tabs"}]}],"\n",["$","$L6","p-23",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We migrated to Ariakit. Now we pass the component state from ","position":{"start":{"line":341,"column":1,"offset":9770},"end":{"line":341,"column":62,"offset":9831}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useTab","position":{"start":{"line":341,"column":62,"offset":9831},"end":{"line":341,"column":70,"offset":9839}}}],"position":{"start":{"line":341,"column":62,"offset":9831},"end":{"line":341,"column":70,"offset":9839}}},{"type":"text","value":" on the ","position":{"start":{"line":341,"column":70,"offset":9839},"end":{"line":341,"column":78,"offset":9847}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"store","position":{"start":{"line":341,"column":78,"offset":9847},"end":{"line":341,"column":85,"offset":9854}}}],"position":{"start":{"line":341,"column":78,"offset":9847},"end":{"line":341,"column":85,"offset":9854}}},{"type":"text","value":" property:","position":{"start":{"line":341,"column":85,"offset":9854},"end":{"line":341,"column":95,"offset":9864}}}],"position":{"start":{"line":341,"column":1,"offset":9770},"end":{"line":341,"column":95,"offset":9864}}},"children":["We migrated to Ariakit. Now we pass the component state from ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useTab"}]," on the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const tabState = useTabState()\n+ const tab = useTab()\n\n- \n+ \n- \n+ \n= ...\n= \n= \n- \n+ \n= ...\n= \n"}]}],"\n",["$","$L6","p-24",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"and ","position":{"start":{"line":360,"column":1,"offset":10157},"end":{"line":360,"column":5,"offset":10161}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"selectedId","position":{"start":{"line":360,"column":5,"offset":10161},"end":{"line":360,"column":17,"offset":10173}}}],"position":{"start":{"line":360,"column":5,"offset":10161},"end":{"line":360,"column":17,"offset":10173}}},{"type":"text","value":" become ","position":{"start":{"line":360,"column":17,"offset":10173},"end":{"line":360,"column":25,"offset":10181}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":" defaultSelectedId","position":{"start":{"line":360,"column":25,"offset":10181},"end":{"line":360,"column":45,"offset":10201}}}],"position":{"start":{"line":360,"column":25,"offset":10181},"end":{"line":360,"column":45,"offset":10201}}}],"position":{"start":{"line":360,"column":1,"offset":10157},"end":{"line":360,"column":45,"offset":10201}}},"children":["and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"selectedId"}]," become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":" defaultSelectedId"}]]}],"\n",["$","$L7",null,{"as":"h3","id":"tag","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#tag","textDecoration":{"hover":"underline"},"children":"Tag"}]}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"We have adjusted colors and spacing."}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"lg"}]," size has been removed."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":["The ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"shape"}]," prop has been removed."]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":"The icon size now adjusts to the size of the tag."}],"\n"]}],"\n",["$","$L7",null,{"as":"h3","id":"tooltip","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#tooltip","textDecoration":{"hover":"underline"},"children":"Tooltip"}]}],"\n",["$","$L6","p-25",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We added a div around the Children of the tooltip when the children has a disabled prop otherwise the tooltip does not trigger. We removed popper.js and only use Ariakit for fixed or not fixed tooltip.","position":{"start":{"line":371,"column":1,"offset":10388},"end":{"line":371,"column":202,"offset":10589}}}],"position":{"start":{"line":371,"column":1,"offset":10388},"end":{"line":371,"column":202,"offset":10589}}},"children":"We added a div around the Children of the tooltip when the children has a disabled prop otherwise the tooltip does not trigger. We removed popper.js and only use Ariakit for fixed or not fixed tooltip."}],"\n",["$","$L7",null,{"as":"h3","id":"swiper","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#swiper","textDecoration":{"hover":"underline"},"children":"Swiper"}]}],"\n",["$","$L6","p-26",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We rework the swiper component:","position":{"start":{"line":375,"column":1,"offset":10603},"end":{"line":375,"column":32,"offset":10634}}}],"position":{"start":{"line":375,"column":1,"offset":10603},"end":{"line":375,"column":32,"offset":10634}}},"children":"We rework the swiper component:"}],"\n",["$","$L5",null,{"as":"ul","listStyleType":"disc","mt":"sm","children":["\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":""}]," has been removed, you can embed and style your slides as you want"]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"slidesToShow"}]," option become ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"slidesPerView"}]," and now takes an object to define the number of slides per device ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"{ mobile: 1, tablet: 1, desktop: 1 }"}]]}],"\n",["$","$L5",null,{"as":"li","ml":"xxl","mt":"xs","children":[["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"renderPaginationItem"}],", ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"nextButton"}],", ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"prevButton"}]," and ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"slidesToSwipe"}]," options have been removed"]}],"\n"]}],"\n",["$","$L6","p-27",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Now we pass the component state from ","position":{"start":{"line":381,"column":1,"offset":10973},"end":{"line":381,"column":38,"offset":11010}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"useSwiper","position":{"start":{"line":381,"column":38,"offset":11010},"end":{"line":381,"column":49,"offset":11021}}}],"position":{"start":{"line":381,"column":38,"offset":11010},"end":{"line":381,"column":49,"offset":11021}}},{"type":"text","value":" on the ","position":{"start":{"line":381,"column":49,"offset":11021},"end":{"line":381,"column":57,"offset":11029}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"store","position":{"start":{"line":381,"column":57,"offset":11029},"end":{"line":381,"column":64,"offset":11036}}}],"position":{"start":{"line":381,"column":57,"offset":11029},"end":{"line":381,"column":64,"offset":11036}}},{"type":"text","value":" property:","position":{"start":{"line":381,"column":64,"offset":11036},"end":{"line":381,"column":74,"offset":11046}}}],"position":{"start":{"line":381,"column":1,"offset":10973},"end":{"line":381,"column":74,"offset":11046}}},"children":["Now we pass the component state from ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"useSwiper"}]," on the ",["$","$L5",null,{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"store"}]," property:"]}],"\n",["$","div",null,{"children":["$","$L8",null,{"language":"diff","children":"- const state = useSwiperState()\n+ const swiper = useSwiper()\n\n- \n+ \n= ...\n= \n"}]}]]}],["$","$L28",null,{"basePage":"foundations","currentId":"upgrades/v5","pages":[{"parent":"foundations","pages":[{"id":"getting-started"},{"id":"how-to-contribute"},{"id":"migration"}]},{"parent":"foundations","category":"theming","pages":[{"id":"basics","parent":"theming"},{"id":"customize","parent":"theming"}]},{"parent":"foundations","category":"upgrades","pages":[{"id":"v2","parent":"upgrades"},{"id":"v3","parent":"upgrades"},{"id":"v4","parent":"upgrades"},{"id":"v5","parent":"upgrades"}]}]}]]}],["$","$L29",null,{"isSubPage":true,"tree":[{"id":"upgrade-steps","title":"Upgrade steps","href":"#upgrade-steps","children":[{"id":"1-update-your-dependencies","title":"1. Update your dependencies","href":"#1-update-your-dependencies"},{"id":"2-migrate-foundations","title":"2. Migrate foundations","href":"#2-migrate-foundations"},{"id":"3-migrate-reakit-to-ariakit","title":"3. Migrate Reakit to Ariakit","href":"#3-migrate-reakit-to-ariakit"}]},{"id":"theme","title":"Theme","href":"#theme","children":[{"id":"colors","title":"Colors","href":"#colors"},{"id":"spacing","title":"Spacing","href":"#spacing"},{"id":"typography","title":"Typography","href":"#typography"}]},{"id":"components","title":"Components","href":"#components","children":[{"id":"accordion","title":"Accordion","href":"#accordion"},{"id":"alert-toast-growl","title":"Alert / Toast / Growl","href":"#alert-toast-growl"},{"id":"badges","title":"Badges","href":"#badges"},{"id":"buttons","title":"Buttons","href":"#buttons"},{"id":"drawer","title":"Drawer","href":"#drawer"},{"id":"dropdown-menu","title":"DropdownMenu","href":"#dropdown-menu"},{"id":"emoji-picker","title":"EmojiPicker","href":"#emoji-picker"},{"id":"file-drop","title":"FileDrop","href":"#file-drop"},{"id":"icons","title":"Icons","href":"#icons"},{"id":"link","title":"Link","href":"#link"},{"id":"modal","title":"Modal","href":"#modal"},{"id":"popover","title":"Popover","href":"#popover"},{"id":"radio-group","title":"RadioGroup","href":"#radio-group"},{"id":"tabs","title":"Tabs","href":"#tabs"},{"id":"tag","title":"Tag","href":"#tag"},{"id":"tooltip","title":"Tooltip","href":"#tooltip"},{"id":"swiper","title":"Swiper","href":"#swiper"}]}]}]],null],null],null]},[null,["$","$L2a",null,{"parallelRouterKey":"children","segmentPath":["children","foundations","children","$2b","children","$2c","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L2d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[null,["$","$L2e",null,{"gap":"md","margin":"0 auto","maxWidth":1400,"pb":"3xl","px":"xl","templateColumns":{"lg":"16rem auto"},"children":[["$","$L2f",null,{"display":{"_":"none","lg":"flex"},"menu":[{"parent":"foundations","pages":[{"id":"getting-started"},{"id":"how-to-contribute"},{"id":"migration"}]},{"parent":"foundations","category":"theming","pages":[{"id":"basics","parent":"theming"},{"id":"customize","parent":"theming"}]},{"parent":"foundations","category":"upgrades","pages":[{"id":"v2","parent":"upgrades"},{"id":"v3","parent":"upgrades"},{"id":"v4","parent":"upgrades"},{"id":"v5","parent":"upgrades"}]}]}],["$","div",null,{"children":[["$","$L7",null,{"py":"3xl","variant":"h1","children":"Upgrades"}],["$","$L30",null,{"pages":"$31"}],["$","$L2e",null,{"gap":"xl","templateColumns":{"xl":"auto 15rem"},"children":["$","$L2a",null,{"parallelRouterKey":"children","segmentPath":["children","foundations","children","$2b","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L2d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]}]]}]]}]],null],null]},[null,["$","$L2a",null,{"parallelRouterKey":"children","segmentPath":["children","foundations","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L2d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/c240aae3a48c5bf0.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/530efe9c1e6b27ee.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","children":[["$","head",null,{"children":["$","link",null,{"href":"/favicon.png","rel":"icon","type":"image/png"}]}],["$","body",null,{"children":["$","$L41",null,{"children":["$","$L42",null,{"children":["$","$L43",null,{"children":["$","$L5",null,{"backgroundColor":"neutral-10","children":[["$","$L44",null,{"components":[{"category":"actions","parent":"components","pages":[{"id":"button","title":"Button","subPages":["props"]},{"id":"button-group","title":"ButtonGroup","subPages":["props"]},{"id":"link","title":"Link","subPages":["props"]}]},{"category":"data-display","parent":"components","pages":[{"id":"accordion","title":"Accordion","subPages":["props"]},{"id":"avatar","title":"Avatar","subPages":["props"]},{"id":"badge","title":"Badge","subPages":["props"]},{"id":"card","title":"Card","subPages":["props"]},{"id":"swiper","title":"Swiper","subPages":["props"]},{"id":"table","title":"Table","subPages":["props"]},{"id":"tag","title":"Tag","subPages":["props"]}]},{"category":"feedback","parent":"components","pages":[{"id":"alert","title":"Alert","subPages":["props"]},{"id":"toast","title":"Toast","subPages":["props"]}]},{"category":"forms","parent":"components","pages":[{"id":"checkbox","title":"Checkbox","subPages":["props"]},{"id":"date-picker","title":"DatePicker","subPages":["props"]},{"id":"date-time-picker","title":"DateTimePicker","subPages":["props"]},{"id":"field","title":"Field","subPages":["props"]},{"id":"file-drop","title":"FileDrop","subPages":["props"]},{"id":"file-upload","title":"FileUpload","subPages":["props"]},{"id":"hint","title":"Hint","subPages":["props"]},{"id":"input-text","title":"InputText","subPages":["props"]},{"id":"label","title":"Label","subPages":["props"]},{"id":"password-input","title":"PasswordInput","subPages":["props"]},{"id":"picker","title":"Picker","subPages":["props"]},{"id":"radio-group","title":"RadioGroup","subPages":["props"]},{"id":"radio-tab","title":"RadioTab","subPages":["props"]},{"id":"search","title":"Search","subPages":["props"]},{"id":"select","title":"Select","subPages":["props"]},{"id":"slider","title":"Slider","subPages":["props"]},{"id":"textarea","title":"Textarea","subPages":["props"]},{"id":"time-picker","title":"TimePicker","subPages":["props"]},{"id":"toggle","title":"Toggle","subPages":["props"]}]},{"category":"icons-&-logo","parent":"components","pages":[{"id":"icon","title":"Icons","subPages":["props"]},{"id":"icon-font","title":"IconFont","subPages":["props"]},{"id":"logo","title":"Logo","subPages":["props"]},{"id":"variant-icon","title":"VariantIcon","subPages":["props"]},{"id":"welcome-loader","title":"WelcomeLoader","subPages":["props"]}]},{"category":"layout","parent":"components","pages":[{"id":"aspect-ratio","title":"AspectRatio","subPages":["props"]},{"id":"box","title":"Box","subPages":["props"]},{"id":"flex","title":"Flex","subPages":["props"]},{"id":"grid","title":"Grid","subPages":["props"]},{"id":"loader","title":"Loader","subPages":["props"]},{"id":"shape","title":"Shape","subPages":["props"]},{"id":"stack","title":"Stack","subPages":["props"]}]},{"category":"navigation","parent":"components","pages":[{"id":"breadcrumb","title":"Breadcrumb","subPages":["props"]},{"id":"dropdown-menu","title":"DropdownMenu","subPages":["props"]},{"id":"pagination","title":"Pagination","subPages":["props"]},{"id":"tabs","title":"Tabs","subPages":["props"]}]},{"category":"overlay","parent":"components","pages":[{"id":"drawer","title":"Drawer","subPages":["props"]},{"id":"modal","title":"Modal","subPages":["props"]},{"id":"popover","title":"Popover","subPages":["props"]},{"id":"tooltip","title":"Tooltip","subPages":["props"]}]},{"category":"typography","parent":"components","pages":[{"id":"text","title":"Text","subPages":["props"]}]}],"foundations":[{"parent":"foundations","pages":[{"id":"getting-started"},{"id":"how-to-contribute"},{"id":"migration"}]},{"parent":"foundations","category":"theming","pages":[{"id":"basics","parent":"theming"},{"id":"customize","parent":"theming"}]},{"parent":"foundations","category":"upgrades","pages":[{"id":"v2","parent":"upgrades"},{"id":"v3","parent":"upgrades"},{"id":"v4","parent":"upgrades"},{"id":"v5","parent":"upgrades"}]}]}],["$","$L45",null,{}],["$","$L2a",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L2d",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","$L46",null,{"href":"/","children":"Return Home"}]]}],"notFoundStyles":[]}],["$","$L5",null,{"as":"footer","position":"relative","py":{"xs":"xxl","md":90},"backgroundColor":"beige-20","children":["$","$L5",null,{"margin":"0 auto","maxWidth":1200,"position":"relative","px":"lg","children":["$","$L2e",null,{"gap":"xl","gridTemplateColumns":{"_":"1fr 1fr","md":"1fr 1fr 1fr 1fr"},"children":[["$","$L47",null,{"flexDirection":"column","gap":"xs","children":[["$","$L47",null,{"alignItems":"center","gap":"sm","children":["Made with ",["$","$L48",null,{"color":"primary-50"}]," by"]}],["$","$L5",null,{"as":"a","href":"https://www.welcometothejungle.com","rel":"noreferrer noopener","target":"_blank","w":"fit-content","children":["$","$L49",null,{"h":40}]}]]}],[["$","$L47","Documentations",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Documentations"}],["$","$L47",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","/foundations",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"/foundations","rel":"$undefined","target":"$undefined","textDecoration":{"hover":"underline"},"children":["Foundations",false]}]}],["$","$L5","/components",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"/components","rel":"$undefined","target":"$undefined","textDecoration":{"hover":"underline"},"children":["Components",false]}]}],["$","$L5","https://github.com/WTTJ/welcome-ui/",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ/welcome-ui/","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Source code",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L47","Updates",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Updates"}],["$","$L47",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","https://github.com/WTTJ/welcome-ui/releases",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ/welcome-ui/releases","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Releases",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://github.com/orgs/WTTJ/projects/13",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/orgs/WTTJ/projects/13","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Project board",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L47","Community",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Community"}],["$","$L47",null,{"as":"ul","flexDirection":"column","gap":"sm","children":[["$","$L5","https://github.com/WTTJ",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://github.com/WTTJ","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Github",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://x.com/wttj_tech",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://x.com/wttj_tech","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Twitter",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://medium.com/wttj-tech",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://medium.com/wttj-tech","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Medium",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}],["$","$L5","https://www.welcometothejungle.com/en/companies/wttj/jobs",{"as":"li","children":["$","$L5",null,{"alignItems":"center","as":"a","color":"neutral-90","display":"flex","fontSize":"sm","gap":"xs","href":"https://www.welcometothejungle.com/en/companies/wttj/jobs","rel":"noopener noreferrer","target":"_blank","textDecoration":{"hover":"underline"},"children":["Jobs",["$","$L4a",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}]]]}]}]}]]}]}]}]}]}]]}]],null],null],"couldBeIntercepted":false,"initialHead":[null,"$L4b"],"globalErrorComponent":"$4c","missingSlots":"$W4d"}]