0:["$","$L3",null,{"buildId":"NW2wM5FRkiD0FXxAKHe6x","assetPrefix":"","urlParts":["","components","icon-font"],"initialTree":["",{"children":["components",{"children":[["id","icon-font","d"],{"children":["__PAGE__?{\"id\":\"icon-font\"}",{}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["components",{"children":[["id","icon-font","d"],{"children":["__PAGE__",{},[["$L4",[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":["$","$L6",null,{"code":"import * as React from 'react'\nimport { Icons } from '@welcome-ui/icons.font'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"IconFont","pathToFile":"/IconFont/docs/examples/overview.tsx","withCodeEditor":true}]}],["$","$L7",null,{"packageName":"icons.font","usage":"Icons"}],["$","$L5",null,{"maxW":"100%","children":["$","$L8",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]}],["$","$L5",null,{"maxW":"100%","children":[["$","$L8",null,{"as":"h3","id":"size","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#size","textDecoration":{"hover":"underline"},"children":"Size"}]}],"\n",["$","$L9","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use size property with ","position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":24,"offset":34}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xs","position":{"start":{"line":4,"column":24,"offset":34},"end":{"line":4,"column":28,"offset":38}}}],"position":{"start":{"line":4,"column":24,"offset":34},"end":{"line":4,"column":28,"offset":38}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":28,"offset":38},"end":{"line":4,"column":30,"offset":40}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"sm","position":{"start":{"line":4,"column":30,"offset":40},"end":{"line":4,"column":34,"offset":44}}}],"position":{"start":{"line":4,"column":30,"offset":40},"end":{"line":4,"column":34,"offset":44}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":34,"offset":44},"end":{"line":4,"column":36,"offset":46}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"md","position":{"start":{"line":4,"column":36,"offset":46},"end":{"line":4,"column":40,"offset":50}}}],"position":{"start":{"line":4,"column":36,"offset":46},"end":{"line":4,"column":40,"offset":50}}},{"type":"text","value":", ","position":{"start":{"line":4,"column":40,"offset":50},"end":{"line":4,"column":42,"offset":52}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"lg","position":{"start":{"line":4,"column":42,"offset":52},"end":{"line":4,"column":46,"offset":56}}}],"position":{"start":{"line":4,"column":42,"offset":52},"end":{"line":4,"column":46,"offset":56}}},{"type":"text","value":" ","position":{"start":{"line":4,"column":46,"offset":56},"end":{"line":4,"column":47,"offset":57}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xl","position":{"start":{"line":4,"column":47,"offset":57},"end":{"line":4,"column":51,"offset":61}}}],"position":{"start":{"line":4,"column":47,"offset":57},"end":{"line":4,"column":51,"offset":61}}},{"type":"text","value":" or ","position":{"start":{"line":4,"column":51,"offset":61},"end":{"line":4,"column":55,"offset":65}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"xxl","position":{"start":{"line":4,"column":55,"offset":65},"end":{"line":4,"column":60,"offset":70}}}],"position":{"start":{"line":4,"column":55,"offset":65},"end":{"line":4,"column":60,"offset":70}}},{"type":"text","value":".","position":{"start":{"line":4,"column":60,"offset":70},"end":{"line":4,"column":61,"offset":71}}}],"position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":61,"offset":71}}},"children":["Use size property 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":"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":"sm"}],", ",["$","$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"}],", ",["$","$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"}]," ",["$","$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"}]," or ",["$","$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":"xxl"}],"."]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Icons } from '@welcome-ui/icons.font'\n\nconst Example = () => {\n return (\n <>\n \n \n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconFont","pathToFile":"/IconFont/docs/examples/sizes.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"color","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#color","textDecoration":{"hover":"underline"},"children":"Color"}]}],"\n",["$","$L9","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Icons inherit the color from their parent.","position":{"start":{"line":10,"column":1,"offset":151},"end":{"line":10,"column":43,"offset":193}}}],"position":{"start":{"line":10,"column":1,"offset":151},"end":{"line":10,"column":43,"offset":193}}},"children":"Icons inherit the color from their parent."}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nimport { Icons } from '@welcome-ui/icons.font'\n\nconst Example = () => {\n return (\n <>\n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconFont","pathToFile":"/IconFont/docs/examples/color.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"as":"h3","id":"css-import","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#css-import","textDecoration":{"hover":"underline"},"children":"CSS import"}]}],"\n",["$","$L9","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To import IconFont css stylesheet, you should use this import path:","position":{"start":{"line":16,"column":1,"offset":278},"end":{"line":16,"column":68,"offset":345}}}],"position":{"start":{"line":16,"column":1,"offset":278},"end":{"line":16,"column":68,"offset":345}}},"children":"To import IconFont css stylesheet, you should use this import path:"}],"\n",["$","div",null,{"children":["$","$La",null,{"language":"jsx","children":"require('@welcome-ui/icons.font/fonts/welcome-icon-font.css')\n"}]}],"\n",["$","$L9","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here is an example on how to use css class to display icons:","position":{"start":{"line":22,"column":1,"offset":421},"end":{"line":22,"column":61,"offset":481}}}],"position":{"start":{"line":22,"column":1,"offset":421},"end":{"line":22,"column":61,"offset":481}}},"children":"Here is an example on how to use css class to display icons:"}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\nrequire('@welcome-ui/icons.font/fonts/welcome-icon-font.css')\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"IconFont","pathToFile":"/IconFont/docs/examples/css.tsx","withCodeEditor":true}],"\n",["$","$L8",null,{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"icons","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#icons","textDecoration":{"hover":"underline"},"children":"Icons"}]}],"\n",["$","$L8",null,{"as":"h3","id":"arrows","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#arrows","textDecoration":{"hover":"underline"},"children":"Arrows"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"arrows"}],"\n",["$","$L8",null,{"as":"h3","id":"actions","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#actions","textDecoration":{"hover":"underline"},"children":"Actions"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"actions"}],"\n",["$","$L8",null,{"as":"h3","id":"miscellaneous","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#miscellaneous","textDecoration":{"hover":"underline"},"children":"Miscellaneous"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"miscellaneous"}],"\n",["$","$L8",null,{"as":"h3","id":"wtf","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#wtf","textDecoration":{"hover":"underline"},"children":"WTF"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"wtf"}],"\n",["$","$L8",null,{"as":"h3","id":"files","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#files","textDecoration":{"hover":"underline"},"children":"Files"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"files"}],"\n",["$","$L8",null,{"as":"h3","id":"player","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#player","textDecoration":{"hover":"underline"},"children":"Player"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"player"}],"\n",["$","$L8",null,{"as":"h3","id":"avatar","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#avatar","textDecoration":{"hover":"underline"},"children":"Avatar"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"avatar"}],"\n",["$","$L8",null,{"as":"h3","id":"markdown","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#markdown","textDecoration":{"hover":"underline"},"children":"Markdown"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"markdown"}],"\n",["$","$L8",null,{"as":"h3","id":"table","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#table","textDecoration":{"hover":"underline"},"children":"Table"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"table"}],"\n",["$","$L8",null,{"as":"h3","id":"brands","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#brands","textDecoration":{"hover":"underline"},"children":"Brands"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"brands"}],"\n",["$","$L8",null,{"as":"h3","id":"welcome","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#welcome","textDecoration":{"hover":"underline"},"children":"Welcome"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"welcome"}],"\n",["$","$L8",null,{"as":"h3","id":"flags","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#flags","textDecoration":{"hover":"underline"},"children":"Flags"}]}],"\n",["$","$Lb",null,{"isIconFont":true,"name":"flags"}]]}]]}],["$","$Lc",null,{"isSubPage":true,"tree":[{"id":"definition","title":"Definition","href":"#"},{"id":"installation","title":"Installation","href":"#installation"},{"id":"examples","title":"Examples","href":"#examples","children":[{"id":"size","title":"Size","href":"#size"},{"id":"color","title":"Color","href":"#color"},{"id":"css-import","title":"CSS import","href":"#css-import"}]},{"id":"icons","title":"Icons","href":"#icons","children":[{"id":"arrows","title":"Arrows","href":"#arrows"},{"id":"actions","title":"Actions","href":"#actions"},{"id":"miscellaneous","title":"Miscellaneous","href":"#miscellaneous"},{"id":"wtf","title":"WTF","href":"#wtf"},{"id":"files","title":"Files","href":"#files"},{"id":"player","title":"Player","href":"#player"},{"id":"avatar","title":"Avatar","href":"#avatar"},{"id":"markdown","title":"Markdown","href":"#markdown"},{"id":"table","title":"Table","href":"#table"},{"id":"brands","title":"Brands","href":"#brands"},{"id":"welcome","title":"Welcome","href":"#welcome"},{"id":"flags","title":"Flags","href":"#flags"}]}]}]],null],null],null]},[[null,["$","$Ld",null,{"gap":"md","margin":"0 auto","maxWidth":1400,"pb":"3xl","px":"xl","templateColumns":{"lg":"16rem auto"},"children":[["$","$Le",null,{"display":{"_":"none","lg":"flex"},"isSubPage":true,"menu":[{"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"]}]}]}],["$","div",null,{"children":[["$","$Lf",null,{"direction":"column","gap":"xl","mb":"lg","children":[["$","$L8",null,{"pt":"3xl","variant":"h1","children":"IconFont"}],["$","$L8",null,{"color":"neutral-60","pt":"lg","variant":"lg","children":"The IconFont component uses a font-based approach to display scalable icons. It provides a collection of icons that can be styled with CSS, just like text, ensuring consistency and flexibility in size, color, and other properties. This component is ideal for adding visually appealing and responsive icons to your application, enhancing user interface and experience."}],["$","$Lf",null,{"align":"center","gap":"md","children":[["$","$L10",null,{"as":"a","href":"https://github.com/WTTJ/welcome-ui/tree/main/packages/IconFont","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$L11",null,{}],["$","span",null,{"children":"Source"}]]}],["$","$L10",null,{"as":"a","href":"https://www.npmjs.com/package/@welcome-ui/icons.font","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$L12",null,{}],["$","span",null,{"children":["@welcome-ui/","icons.font"]}]]}],"$undefined"]}]]}],["$","$L13",null,{"pages":"$14"}],["$","$Ld",null,{"gap":"xl","templateColumns":{"xl":"auto 15rem"},"children":[["$","$L8f",null,{"parallelRouterKey":"children","segmentPath":["children","components","children","$90","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L91",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}],["$","$L92",null,{"basePage":"components","currentId":"icon-font","pages":"$14"}]]}]]}]]}]],null],null]},[null,["$","$L8f",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L91",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":["$","$L93",null,{"children":["$","$L94",null,{"children":["$","$L95",null,{"children":["$","$L5",null,{"backgroundColor":"neutral-10","children":[["$","$L96",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"}]}]}],["$","$L97",null,{}],["$","$L8f",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L91",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","$L98",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":["$","$Ld",null,{"gap":"xl","gridTemplateColumns":{"_":"1fr 1fr","md":"1fr 1fr 1fr 1fr"},"children":[["$","$Lf",null,{"flexDirection":"column","gap":"xs","children":[["$","$Lf",null,{"alignItems":"center","gap":"sm","children":["Made with ",["$","$L99",null,{"color":"primary-50"}]," by"]}],["$","$L5",null,{"as":"a","href":"https://www.welcometothejungle.com","rel":"noreferrer noopener","target":"_blank","w":"fit-content","children":["$","$L9a",null,{"h":40}]}]]}],[["$","$Lf","Documentations",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Documentations"}],["$","$Lf",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",["$","$L9b",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$Lf","Updates",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Updates"}],["$","$Lf",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",["$","$L9b",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",["$","$L9b",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$Lf","Community",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L8",null,{"variant":"subtitle-md","children":"Community"}],["$","$Lf",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",["$","$L9b",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",["$","$L9b",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",["$","$L9b",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",["$","$L9b",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}]]]}]}]}]]}]}]}]}]}]]}]],null],null],"couldBeIntercepted":false,"initialHead":[null,"$L9c"],"globalErrorComponent":"$9d","missingSlots":"$W9e"}]