0:["$","$L3",null,{"buildId":"xcE4o2wkcjNdLgn8JiLKE","assetPrefix":"","urlParts":["","components","date-picker"],"initialTree":["",{"children":["components",{"children":[["id","date-picker","d"],{"children":["__PAGE__?{\"id\":\"date-picker\"}",{}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["components",{"children":[["id","date-picker","d"],{"children":["__PAGE__",{},[["$L4",[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"DatePicker","pathToFile":"/DatePicker/docs/examples/overview.tsx","withCodeEditor":true}]}],["$","$L5",null,{"maxW":"100%","children":["$","$L7",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":[["$","$L7",null,{"as":"h3","id":"react-datepicker","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#react-datepicker","textDecoration":{"hover":"underline"},"children":"react-datepicker"}]}],"\n",["$","$L8","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It is based on the ","position":{"start":{"line":4,"column":1,"offset":23},"end":{"line":4,"column":20,"offset":42}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/Hacker0x01/react-datepicker"},"children":[{"type":"text","value":"react-datepicker","position":{"start":{"line":4,"column":21,"offset":43},"end":{"line":4,"column":37,"offset":59}}}],"position":{"start":{"line":4,"column":20,"offset":42},"end":{"line":4,"column":86,"offset":108}}},{"type":"text","value":" library.","position":{"start":{"line":4,"column":86,"offset":108},"end":{"line":4,"column":95,"offset":117}}}],"position":{"start":{"line":4,"column":1,"offset":23},"end":{"line":4,"column":95,"offset":117}}},"children":["It is based on the ",["$","$L9",null,{"href":"https://github.com/Hacker0x01/react-datepicker","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$a","children":"react-datepicker"}]," library."]}],"\n",["$","$L8","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Note","position":{"start":{"line":6,"column":2,"offset":120},"end":{"line":6,"column":6,"offset":124}}}],"position":{"start":{"line":6,"column":1,"offset":119},"end":{"line":6,"column":7,"offset":125}}},{"type":"text","value":": Pass a value of ","position":{"start":{"line":6,"column":7,"offset":125},"end":{"line":6,"column":25,"offset":143}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"null","position":{"start":{"line":6,"column":25,"offset":143},"end":{"line":6,"column":31,"offset":149}}}],"position":{"start":{"line":6,"column":25,"offset":143},"end":{"line":6,"column":31,"offset":149}}},{"type":"text","value":" if you don't want the default value of ","position":{"start":{"line":6,"column":31,"offset":149},"end":{"line":6,"column":71,"offset":189}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Date.now()","position":{"start":{"line":6,"column":71,"offset":189},"end":{"line":6,"column":83,"offset":201}}}],"position":{"start":{"line":6,"column":71,"offset":189},"end":{"line":6,"column":83,"offset":201}}},{"type":"text","value":".","position":{"start":{"line":6,"column":83,"offset":201},"end":{"line":6,"column":84,"offset":202}}}],"position":{"start":{"line":6,"column":1,"offset":119},"end":{"line":6,"column":84,"offset":202}}},"children":[["$","em","em-0",{"children":"Note"}],": Pass a value of ",["$","$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":"null"}]," if you don't want the default value of ",["$","$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":"Date.now()"}],"."]}],"\n",["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\n\nconst Example = () => {\n return (\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"DatePicker","pathToFile":"/DatePicker/docs/examples/react-date-picker.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"give-an-icon","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#give-an-icon","textDecoration":{"hover":"underline"},"children":"Give an Icon"}]}],"\n",["$","$L8","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add an icon with the ","position":{"start":{"line":12,"column":1,"offset":303},"end":{"line":12,"column":22,"offset":324}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"icon","position":{"start":{"line":12,"column":22,"offset":324},"end":{"line":12,"column":28,"offset":330}}}],"position":{"start":{"line":12,"column":22,"offset":324},"end":{"line":12,"column":28,"offset":330}}},{"type":"text","value":" property","position":{"start":{"line":12,"column":28,"offset":330},"end":{"line":12,"column":37,"offset":339}}}],"position":{"start":{"line":12,"column":1,"offset":303},"end":{"line":12,"column":37,"offset":339}}},"children":["Add an icon 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":"icon"}]," property"]}],"\n",["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\nimport { WttjIcon } from 'welcome-ui/Icons'\n\nconst Example = () => {\n return (\n <>\n } name=\"welcome\" value={new Date()} />\n } iconPlacement=\"right\" name=\"welcome\" value={new Date()} />\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"DatePicker","pathToFile":"/DatePicker/docs/examples/icon.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"sizes","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#sizes","textDecoration":{"hover":"underline"},"children":"Sizes"}]}],"\n",["$","$L8","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use size propety with option:","position":{"start":{"line":18,"column":1,"offset":420},"end":{"line":18,"column":30,"offset":449}}}],"position":{"start":{"line":18,"column":1,"offset":420},"end":{"line":18,"column":30,"offset":449}}},"children":"Use size propety with option:"}],"\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":"xs"}]," (24px)"]}],"\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":"sm"}]," (32px)"]}],"\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":"md"}]," (40px - default)"]}],"\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":"lg"}]," (48px)"]}],"\n"]}],"\n",["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\nimport { WttjIcon } from 'welcome-ui/Icons'\nimport { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n \n \n \n \n Example with icon\n } name=\"welcome\" size=\"xs\" value={new Date()} />\n } name=\"welcome\" size=\"sm\" value={new Date()} />\n } name=\"welcome\" value={new Date()} />\n } name=\"welcome\" size=\"lg\" value={new Date()} />\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"DatePicker","pathToFile":"/DatePicker/docs/examples/sizes.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"locales","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#locales","textDecoration":{"hover":"underline"},"children":"Locales"}]}],"\n",["$","$L8","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can change your locale by pass locale property from date-fns.","position":{"start":{"line":29,"column":1,"offset":600},"end":{"line":29,"column":66,"offset":665}}}],"position":{"start":{"line":29,"column":1,"offset":600},"end":{"line":29,"column":66,"offset":665}}},"children":"You can change your locale by pass locale property from date-fns."}],"\n",["$","div",null,{"children":["$","$L14",null,{"language":"jsx","children":"import dateFR from 'date-fns/locale/fr'\n\nfunction () {\n return (\n \n )\n}\n"}]}],"\n",["$","$L7",null,{"as":"h3","id":"transparent","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#transparent","textDecoration":{"hover":"underline"},"children":"Transparent"}]}],"\n",["$","$L8","p-5",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Pass ","position":{"start":{"line":43,"column":1,"offset":837},"end":{"line":43,"column":6,"offset":842}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"transparent","position":{"start":{"line":43,"column":6,"offset":842},"end":{"line":43,"column":19,"offset":855}}}],"position":{"start":{"line":43,"column":6,"offset":842},"end":{"line":43,"column":19,"offset":855}}},{"type":"text","value":" to remove background-color and border-color","position":{"start":{"line":43,"column":19,"offset":855},"end":{"line":43,"column":63,"offset":899}}}],"position":{"start":{"line":43,"column":1,"offset":837},"end":{"line":43,"column":63,"offset":899}}},"children":["Pass ",["$","$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":"transparent"}]," to remove background-color and border-color"]}],"\n",["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"DatePicker","pathToFile":"/DatePicker/docs/examples/transparent.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"only-display-months","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#only-display-months","textDecoration":{"hover":"underline"},"children":"Only display months"}]}],"\n",["$","$L8","p-6",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Pass ","position":{"start":{"line":49,"column":1,"offset":1001},"end":{"line":49,"column":6,"offset":1006}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"showMonthYearPicker","position":{"start":{"line":49,"column":6,"offset":1006},"end":{"line":49,"column":27,"offset":1027}}}],"position":{"start":{"line":49,"column":6,"offset":1006},"end":{"line":49,"column":27,"offset":1027}}},{"type":"text","value":" to only display months, without days","position":{"start":{"line":49,"column":27,"offset":1027},"end":{"line":49,"column":64,"offset":1064}}}],"position":{"start":{"line":49,"column":1,"offset":1001},"end":{"line":49,"column":64,"offset":1064}}},"children":["Pass ",["$","$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":"showMonthYearPicker"}]," to only display months, without days"]}],"\n",["$","$L6",null,{"code":"import { DatePicker } from 'welcome-ui/DatePicker'\n\nconst Example = () => {\n return \n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"DatePicker","pathToFile":"/DatePicker/docs/examples/months.tsx","withCodeEditor":true}]]}]]}],["$","$L15",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#react-datepicker","id":"react-datepicker","title":"react-datepicker"},{"href":"#give-an-icon","id":"give-an-icon","title":"Give an Icon"},{"href":"#sizes","id":"sizes","title":"Sizes"},{"href":"#locales","id":"locales","title":"Locales"},{"href":"#transparent","id":"transparent","title":"Transparent"},{"href":"#only-display-months","id":"only-display-months","title":"Only display months"}]}]}]],null],null],null]},[[null,["$","$L16",null,{"gap":"md","margin":"0 auto","maxWidth":1400,"pb":"3xl","px":"xl","templateColumns":{"lg":"16rem auto"},"children":[["$","$L17",null,{"display":{"_":"none","lg":"flex"},"isSubPage":true,"menu":[{"category":"actions","pages":[{"id":"button","subPages":["props"],"title":"Button"},{"id":"button-group","subPages":["props"],"title":"ButtonGroup"},{"id":"link","subPages":["props"],"title":"Link"}],"parent":"components"},{"category":"data-display","pages":[{"id":"accordion","subPages":["props"],"title":"Accordion"},{"id":"avatar","subPages":["props"],"title":"Avatar"},{"id":"badge","subPages":["props"],"title":"Badge"},{"id":"card","subPages":["props"],"title":"Card"},{"id":"swiper","subPages":["props"],"title":"Swiper"},{"id":"table","subPages":["props"],"title":"Table"},{"id":"tag","subPages":["props"],"title":"Tag"}],"parent":"components"},{"category":"feedback","pages":[{"id":"alert","subPages":["props"],"title":"Alert"},{"id":"toast","subPages":["props"],"title":"Toast"}],"parent":"components"},{"category":"forms","pages":[{"id":"checkbox","subPages":["props"],"title":"Checkbox"},{"id":"date-picker","subPages":["props"],"title":"DatePicker"},{"id":"date-time-picker","subPages":["props"],"title":"DateTimePicker"},{"id":"field","subPages":["props"],"title":"Field"},{"id":"file-drop","subPages":["props"],"title":"FileDrop"},{"id":"file-upload","subPages":["props"],"title":"FileUpload"},{"id":"hint","subPages":["props"],"title":"Hint"},{"id":"input-text","subPages":["props"],"title":"InputText"},{"id":"label","subPages":["props"],"title":"Label"},{"id":"password-input","subPages":["props"],"title":"PasswordInput"},{"id":"picker","subPages":["props"],"title":"Picker"},{"id":"radio-group","subPages":["props"],"title":"RadioGroup"},{"id":"radio-tab","subPages":["props"],"title":"RadioTab"},{"id":"search","subPages":["props"],"title":"Search"},{"id":"select","subPages":["props"],"title":"Select"},{"id":"slider","subPages":["props"],"title":"Slider"},{"id":"textarea","subPages":["props"],"title":"Textarea"},{"id":"time-picker","subPages":["props"],"title":"TimePicker"},{"id":"toggle","subPages":["props"],"title":"Toggle"}],"parent":"components"},{"category":"icons-&-logo","pages":[{"id":"icon","subPages":["props"],"title":"Icons"},{"id":"icons-font","subPages":["props"],"title":"IconsFont"},{"id":"logo","subPages":["props"],"title":"Logo"},{"id":"variant-icon","subPages":["props"],"title":"VariantIcon"},{"id":"welcome-loader","subPages":["props"],"title":"WelcomeLoader"}],"parent":"components"},{"category":"layout","pages":[{"id":"aspect-ratio","subPages":["props"],"title":"AspectRatio"},{"id":"box","subPages":["props"],"title":"Box"},{"id":"flex","subPages":["props"],"title":"Flex"},{"id":"grid","subPages":["props"],"title":"Grid"},{"id":"loader","subPages":["props"],"title":"Loader"},{"id":"shape","subPages":["props"],"title":"Shape"},{"id":"stack","subPages":["props"],"title":"Stack"}],"parent":"components"},{"category":"navigation","pages":[{"id":"breadcrumb","subPages":["props"],"title":"Breadcrumb"},{"id":"dropdown-menu","subPages":["props"],"title":"DropdownMenu"},{"id":"pagination","subPages":["props"],"title":"Pagination"},{"id":"tabs","subPages":["props"],"title":"Tabs"}],"parent":"components"},{"category":"overlay","pages":[{"id":"drawer","subPages":["props"],"title":"Drawer"},{"id":"modal","subPages":["props"],"title":"Modal"},{"id":"popover","subPages":["props"],"title":"Popover"},{"id":"tooltip","subPages":["props"],"title":"Tooltip"}],"parent":"components"},{"category":"typography","pages":[{"id":"text","subPages":["props"],"title":"Text"}],"parent":"components"}]}],["$","div",null,{"children":[["$","$L18",null,{"direction":"column","gap":"xl","mb":"lg","children":[["$","$L7",null,{"mt":"3xl","variant":"h1","children":"DatePicker"}],["$","$L7",null,{"color":"neutral-60","pt":"lg","variant":"lg","children":"The Datepicker component is a user interface element that enables users to select dates from a calendar interface. It provides an intuitive way to input dates, offering a dropdown or popup calendar for selecting days, months, and years. Datepickers are essential for forms and applications requiring date inputs, ensuring accurate and user-friendly date selection."}],["$","$L18",null,{"align":"center","gap":"md","children":[["$","$L19",null,{"as":"a","href":"https://github.com/WTTJ/welcome-ui/tree/main/lib/src/components/DatePicker","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$L1a",null,{}],["$","span",null,{"children":"Source"}]]}],null]}]]}],["$","$L1b",null,{"pages":"$1c"}],["$","$L16",null,{"gap":"xl","templateColumns":{"xl":"auto 15rem"},"children":[["$","$L97",null,{"parallelRouterKey":"children","segmentPath":["children","components","children","$98","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L99",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}],["$","$L9a",null,{"basePage":"components","currentId":"date-picker","pages":"$1c"}]]}]]}]]}]],null],null]},[null,["$","$L97",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L99",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":["$","$L9b",null,{"children":["$","$L9c",null,{"children":["$","$L9d",null,{"children":["$","$L5",null,{"backgroundColor":"neutral-10","children":[["$","$L9e",null,{"components":[{"category":"actions","pages":[{"id":"button","subPages":["props"],"title":"Button"},{"id":"button-group","subPages":["props"],"title":"ButtonGroup"},{"id":"link","subPages":["props"],"title":"Link"}],"parent":"components"},{"category":"data-display","pages":[{"id":"accordion","subPages":["props"],"title":"Accordion"},{"id":"avatar","subPages":["props"],"title":"Avatar"},{"id":"badge","subPages":["props"],"title":"Badge"},{"id":"card","subPages":["props"],"title":"Card"},{"id":"swiper","subPages":["props"],"title":"Swiper"},{"id":"table","subPages":["props"],"title":"Table"},{"id":"tag","subPages":["props"],"title":"Tag"}],"parent":"components"},{"category":"feedback","pages":[{"id":"alert","subPages":["props"],"title":"Alert"},{"id":"toast","subPages":["props"],"title":"Toast"}],"parent":"components"},{"category":"forms","pages":[{"id":"checkbox","subPages":["props"],"title":"Checkbox"},{"id":"date-picker","subPages":["props"],"title":"DatePicker"},{"id":"date-time-picker","subPages":["props"],"title":"DateTimePicker"},{"id":"field","subPages":["props"],"title":"Field"},{"id":"file-drop","subPages":["props"],"title":"FileDrop"},{"id":"file-upload","subPages":["props"],"title":"FileUpload"},{"id":"hint","subPages":["props"],"title":"Hint"},{"id":"input-text","subPages":["props"],"title":"InputText"},{"id":"label","subPages":["props"],"title":"Label"},{"id":"password-input","subPages":["props"],"title":"PasswordInput"},{"id":"picker","subPages":["props"],"title":"Picker"},{"id":"radio-group","subPages":["props"],"title":"RadioGroup"},{"id":"radio-tab","subPages":["props"],"title":"RadioTab"},{"id":"search","subPages":["props"],"title":"Search"},{"id":"select","subPages":["props"],"title":"Select"},{"id":"slider","subPages":["props"],"title":"Slider"},{"id":"textarea","subPages":["props"],"title":"Textarea"},{"id":"time-picker","subPages":["props"],"title":"TimePicker"},{"id":"toggle","subPages":["props"],"title":"Toggle"}],"parent":"components"},{"category":"icons-&-logo","pages":[{"id":"icon","subPages":["props"],"title":"Icons"},{"id":"icons-font","subPages":["props"],"title":"IconsFont"},{"id":"logo","subPages":["props"],"title":"Logo"},{"id":"variant-icon","subPages":["props"],"title":"VariantIcon"},{"id":"welcome-loader","subPages":["props"],"title":"WelcomeLoader"}],"parent":"components"},{"category":"layout","pages":[{"id":"aspect-ratio","subPages":["props"],"title":"AspectRatio"},{"id":"box","subPages":["props"],"title":"Box"},{"id":"flex","subPages":["props"],"title":"Flex"},{"id":"grid","subPages":["props"],"title":"Grid"},{"id":"loader","subPages":["props"],"title":"Loader"},{"id":"shape","subPages":["props"],"title":"Shape"},{"id":"stack","subPages":["props"],"title":"Stack"}],"parent":"components"},{"category":"navigation","pages":[{"id":"breadcrumb","subPages":["props"],"title":"Breadcrumb"},{"id":"dropdown-menu","subPages":["props"],"title":"DropdownMenu"},{"id":"pagination","subPages":["props"],"title":"Pagination"},{"id":"tabs","subPages":["props"],"title":"Tabs"}],"parent":"components"},{"category":"overlay","pages":[{"id":"drawer","subPages":["props"],"title":"Drawer"},{"id":"modal","subPages":["props"],"title":"Modal"},{"id":"popover","subPages":["props"],"title":"Popover"},{"id":"tooltip","subPages":["props"],"title":"Tooltip"}],"parent":"components"},{"category":"typography","pages":[{"id":"text","subPages":["props"],"title":"Text"}],"parent":"components"}],"foundations":[{"pages":[{"id":"getting-started"},{"id":"how-to-contribute"}],"parent":"foundations"},{"category":"theming","pages":[{"id":"basics","parent":"theming"},{"id":"customize","parent":"theming"}],"parent":"foundations"},{"category":"upgrades","pages":[{"id":"olders","parent":"upgrades"},{"id":"v8","parent":"upgrades"}],"parent":"foundations"}]}],["$","$L9f",null,{}],["$","$L97",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L99",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","$La0",null,{"href":"/","children":"Return Home"}]]}],"notFoundStyles":[]}],["$","$L5",null,{"as":"footer","position":"relative","py":{"md":90,"xs":"xxl"},"backgroundColor":"beige-20","children":["$","$L5",null,{"margin":"0 auto","maxWidth":1200,"position":"relative","px":"lg","children":["$","$L16",null,{"gap":"xl","gridTemplateColumns":{"_":"1fr 1fr","md":"1fr 1fr 1fr 1fr"},"children":[["$","$L18",null,{"flexDirection":"column","gap":"xs","children":[["$","$L18",null,{"alignItems":"center","gap":"sm","children":["Made with ",["$","$La1",null,{"color":"primary-50"}]," by"]}],["$","$L5",null,{"as":"a","href":"https://www.welcometothejungle.com","rel":"noreferrer noopener","target":"_blank","w":"fit-content","children":["$","$La2",null,{"h":40}]}]]}],[["$","$L18","Documentations",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Documentations"}],["$","$L18",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",null]}]}],["$","$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",null]}]}],["$","$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",["$","$La3",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L18","Updates",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Updates"}],["$","$L18",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",["$","$La3",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",["$","$La3",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L18","Community",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Community"}],["$","$L18",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",["$","$La3",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",["$","$La3",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",["$","$La3",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",["$","$La3",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}]]]}]}]}]]}]}]}]}]}]]}]],null],null],"couldBeIntercepted":false,"initialHead":[null,"$La4"],"globalErrorComponent":"$a5","missingSlots":"$Wa6"}]