0:["$","$L3",null,{"buildId":"xcE4o2wkcjNdLgn8JiLKE","assetPrefix":"","urlParts":["","components","field"],"initialTree":["",{"children":["components",{"children":[["id","field","d"],{"children":["__PAGE__?{\"id\":\"field\"}",{}]}]}]},"$undefined","$undefined",true],"initialSeedData":["",{"children":["components",{"children":[["id","field","d"],{"children":["__PAGE__",{},[["$L4",[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":["$","$L6",null,{"code":"import { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\n\nconst Example = () => {\n return (\n \n \n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Field","pathToFile":"/Field/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":[["$","$L8","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We recommend using ","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":20,"offset":20}}},{"type":"element","tagName":"a","properties":{"href":"https://react-hook-form.com/"},"children":[{"type":"text","value":"React-hook-form","position":{"start":{"line":2,"column":21,"offset":21},"end":{"line":2,"column":36,"offset":36}}}],"position":{"start":{"line":2,"column":20,"offset":20},"end":{"line":2,"column":67,"offset":67}}},{"type":"text","value":" or ","position":{"start":{"line":2,"column":67,"offset":67},"end":{"line":2,"column":71,"offset":71}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/jaredpalmer/formik"},"children":[{"type":"text","value":"Formik","position":{"start":{"line":2,"column":72,"offset":72},"end":{"line":2,"column":78,"offset":78}}}],"position":{"start":{"line":2,"column":71,"offset":71},"end":{"line":2,"column":118,"offset":118}}},{"type":"text","value":" with these components. If so, use ","position":{"start":{"line":2,"column":118,"offset":118},"end":{"line":2,"column":153,"offset":153}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Field","position":{"start":{"line":2,"column":153,"offset":153},"end":{"line":2,"column":160,"offset":160}}}],"position":{"start":{"line":2,"column":153,"offset":153},"end":{"line":2,"column":160,"offset":160}}},{"type":"text","value":" for your fields (as in the examples below). The examples below give you an overview of common props (e.g. ","position":{"start":{"line":2,"column":160,"offset":160},"end":{"line":2,"column":267,"offset":267}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"size","position":{"start":{"line":2,"column":267,"offset":267},"end":{"line":2,"column":273,"offset":273}}}],"position":{"start":{"line":2,"column":267,"offset":267},"end":{"line":2,"column":273,"offset":273}}},{"type":"text","value":", ","position":{"start":{"line":2,"column":273,"offset":273},"end":{"line":2,"column":275,"offset":275}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"disable","position":{"start":{"line":2,"column":275,"offset":275},"end":{"line":2,"column":284,"offset":284}}}],"position":{"start":{"line":2,"column":275,"offset":275},"end":{"line":2,"column":284,"offset":284}}},{"type":"text","value":", ","position":{"start":{"line":2,"column":284,"offset":284},"end":{"line":2,"column":286,"offset":286}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"required","position":{"start":{"line":2,"column":286,"offset":286},"end":{"line":2,"column":296,"offset":296}}}],"position":{"start":{"line":2,"column":286,"offset":286},"end":{"line":2,"column":296,"offset":296}}},{"type":"text","value":" etc.)","position":{"start":{"line":2,"column":296,"offset":296},"end":{"line":2,"column":302,"offset":302}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":302,"offset":302}}},"children":["We recommend using ",["$","$L9",null,{"href":"https://react-hook-form.com/","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$a","children":"React-hook-form"}]," or ",["$","$L9",null,{"href":"https://github.com/jaredpalmer/formik","isExternal":true,"rel":"noreferrer noopener","target":"_blank","node":"$14","children":"Formik"}]," with these components. If so, 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":"Field"}]," for your fields (as in the examples below). The examples below give you an overview of common props (e.g. ",["$","$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":"size"}],", ",["$","$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":"disable"}],", ",["$","$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":"required"}]," etc.)"]}],"\n",["$","$L8","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can find props for each field component in the other ","position":{"start":{"line":4,"column":1,"offset":304},"end":{"line":4,"column":58,"offset":361}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Forms","position":{"start":{"line":4,"column":58,"offset":361},"end":{"line":4,"column":65,"offset":368}}}],"position":{"start":{"line":4,"column":58,"offset":361},"end":{"line":4,"column":65,"offset":368}}},{"type":"text","value":" pages.","position":{"start":{"line":4,"column":65,"offset":368},"end":{"line":4,"column":72,"offset":375}}}],"position":{"start":{"line":4,"column":1,"offset":304},"end":{"line":4,"column":72,"offset":375}}},"children":["You can find props for each field component in the other ",["$","$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":"Forms"}]," pages."]}],"\n",["$","$L7",null,{"as":"h3","id":"label","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#label","textDecoration":{"hover":"underline"},"children":"Label"}]}],"\n",["$","$L8","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use ","position":{"start":{"line":8,"column":1,"offset":388},"end":{"line":8,"column":5,"offset":392}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"label","position":{"start":{"line":8,"column":5,"offset":392},"end":{"line":8,"column":12,"offset":399}}}],"position":{"start":{"line":8,"column":5,"offset":392},"end":{"line":8,"column":12,"offset":399}}},{"type":"text","value":" to add an Label to your field","position":{"start":{"line":8,"column":12,"offset":399},"end":{"line":8,"column":42,"offset":429}}}],"position":{"start":{"line":8,"column":1,"offset":388},"end":{"line":8,"column":42,"offset":429}}},"children":["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":"label"}]," to add an Label to your field"]}],"\n",["$","$L6",null,{"code":"import { Checkbox } from 'welcome-ui/Checkbox'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\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":"Field","pathToFile":"/Field/docs/examples/label.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"hint","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#hint","textDecoration":{"hover":"underline"},"children":"Hint"}]}],"\n",["$","$L8","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use ","position":{"start":{"line":14,"column":1,"offset":505},"end":{"line":14,"column":5,"offset":509}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"hint","position":{"start":{"line":14,"column":5,"offset":509},"end":{"line":14,"column":11,"offset":515}}}],"position":{"start":{"line":14,"column":5,"offset":509},"end":{"line":14,"column":11,"offset":515}}},{"type":"text","value":" to add an hint to your field (it can be overload by a variant - see below)","position":{"start":{"line":14,"column":11,"offset":515},"end":{"line":14,"column":86,"offset":590}}}],"position":{"start":{"line":14,"column":1,"offset":505},"end":{"line":14,"column":86,"offset":590}}},"children":["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":"hint"}]," to add an hint to your field (it can be overload by a variant - see below)"]}],"\n",["$","$L6",null,{"code":"import { Checkbox } from 'welcome-ui/Checkbox'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\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":"Field","pathToFile":"/Field/docs/examples/hint.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"variants","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#variants","textDecoration":{"hover":"underline"},"children":"Variants"}]}],"\n",["$","$L8","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use ","position":{"start":{"line":20,"column":1,"offset":669},"end":{"line":20,"column":5,"offset":673}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"warning","position":{"start":{"line":20,"column":5,"offset":673},"end":{"line":20,"column":14,"offset":682}}}],"position":{"start":{"line":20,"column":5,"offset":673},"end":{"line":20,"column":14,"offset":682}}},{"type":"text","value":", ","position":{"start":{"line":20,"column":14,"offset":682},"end":{"line":20,"column":16,"offset":684}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"error","position":{"start":{"line":20,"column":16,"offset":684},"end":{"line":20,"column":23,"offset":691}}}],"position":{"start":{"line":20,"column":16,"offset":684},"end":{"line":20,"column":23,"offset":691}}},{"type":"text","value":", or ","position":{"start":{"line":20,"column":23,"offset":691},"end":{"line":20,"column":28,"offset":696}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"success","position":{"start":{"line":20,"column":28,"offset":696},"end":{"line":20,"column":37,"offset":705}}}],"position":{"start":{"line":20,"column":28,"offset":696},"end":{"line":20,"column":37,"offset":705}}},{"type":"text","value":" properties to add a variant status on your fields. The label, hint or border color are set by magic 🪄","position":{"start":{"line":20,"column":37,"offset":705},"end":{"line":20,"column":140,"offset":808}}}],"position":{"start":{"line":20,"column":1,"offset":669},"end":{"line":20,"column":140,"offset":808}}},"children":["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":"warning"}],", ",["$","$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":"error"}],", 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":"success"}]," properties to add a variant status on your fields. The label, hint or border color are set by magic 🪄"]}],"\n",["$","$L6",null,{"code":"import { Checkbox } from 'welcome-ui/Checkbox'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\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":"Field","pathToFile":"/Field/docs/examples/variants.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"disabled","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#disabled","textDecoration":{"hover":"underline"},"children":"Disabled"}]}],"\n",["$","$L8","p-5",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add ","position":{"start":{"line":26,"column":1,"offset":891},"end":{"line":26,"column":5,"offset":895}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"disabled","position":{"start":{"line":26,"column":5,"offset":895},"end":{"line":26,"column":15,"offset":905}}}],"position":{"start":{"line":26,"column":5,"offset":895},"end":{"line":26,"column":15,"offset":905}}},{"type":"text","value":" on Field component","position":{"start":{"line":26,"column":15,"offset":905},"end":{"line":26,"column":34,"offset":924}}}],"position":{"start":{"line":26,"column":1,"offset":891},"end":{"line":26,"column":34,"offset":924}}},"children":["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":"disabled"}]," on Field component"]}],"\n",["$","$L6",null,{"code":"import { Checkbox } from 'welcome-ui/Checkbox'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\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":"Field","pathToFile":"/Field/docs/examples/disabled.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"required","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#required","textDecoration":{"hover":"underline"},"children":"Required"}]}],"\n",["$","$L8","p-6",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add ","position":{"start":{"line":32,"column":1,"offset":1007},"end":{"line":32,"column":5,"offset":1011}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"required","position":{"start":{"line":32,"column":5,"offset":1011},"end":{"line":32,"column":15,"offset":1021}}}],"position":{"start":{"line":32,"column":5,"offset":1011},"end":{"line":32,"column":15,"offset":1021}}},{"type":"text","value":" on Field component","position":{"start":{"line":32,"column":15,"offset":1021},"end":{"line":32,"column":34,"offset":1040}}}],"position":{"start":{"line":32,"column":1,"offset":1007},"end":{"line":32,"column":34,"offset":1040}}},"children":["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":"required"}]," on Field component"]}],"\n",["$","$L6",null,{"code":"import { Checkbox } from 'welcome-ui/Checkbox'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\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":"Field","pathToFile":"/Field/docs/examples/required.tsx","withCodeEditor":true}],"\n",["$","$L7",null,{"as":"h3","id":"refs","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#refs","textDecoration":{"hover":"underline"},"children":"Refs"}]}],"\n",["$","$L6",null,{"code":"import * as React from 'react'\n\nimport { Button } from 'welcome-ui/Button'\nimport { Field } from 'welcome-ui/Field'\nimport { InputText } from 'welcome-ui/InputText'\n\nconst Example = () => {\n const inputRef = React.useRef(null)\n\n const handleClick = () => {\n inputRef?.current?.focus()\n }\n\n return (\n <>\n \n \n \n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Field","pathToFile":"/Field/docs/examples/refs.tsx","withCodeEditor":true}]]}]]}],["$","$L1e",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#label","id":"label","title":"Label"},{"href":"#hint","id":"hint","title":"Hint"},{"href":"#variants","id":"variants","title":"Variants"},{"href":"#disabled","id":"disabled","title":"Disabled"},{"href":"#required","id":"required","title":"Required"},{"href":"#refs","id":"refs","title":"Refs"}]}]}]],null],null],null]},[[null,["$","$L1f",null,{"gap":"md","margin":"0 auto","maxWidth":1400,"pb":"3xl","px":"xl","templateColumns":{"lg":"16rem auto"},"children":[["$","$L20",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":[["$","$L21",null,{"direction":"column","gap":"xl","mb":"lg","children":[["$","$L7",null,{"mt":"3xl","variant":"h1","children":"Field"}],["$","$L7",null,{"color":"neutral-60","pt":"lg","variant":"lg","children":"The Field component is a versatile UI element used to create input areas in forms. It typically includes a label and optional helper text or validation messages. This component ensures consistency and accessibility in form design, providing a structured and user-friendly way to capture user input."}],["$","$L21",null,{"align":"center","gap":"md","children":[["$","$L22",null,{"as":"a","href":"https://github.com/WTTJ/welcome-ui/tree/main/lib/src/components/Field","rel":"noreferrer noopener","size":"sm","target":"_blank","variant":"tertiary","children":[["$","$L23",null,{}],["$","span",null,{"children":"Source"}]]}],null]}]]}],["$","$L24",null,{"pages":"$25"}],["$","$L1f",null,{"gap":"xl","templateColumns":{"xl":"auto 15rem"},"children":[["$","$La0",null,{"parallelRouterKey":"children","segmentPath":["children","components","children","$a1","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La2",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}],["$","$La3",null,{"basePage":"components","currentId":"field","pages":"$25"}]]}]]}]]}]],null],null]},[null,["$","$La0",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La2",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":["$","$La4",null,{"children":["$","$La5",null,{"children":["$","$La6",null,{"children":["$","$L5",null,{"backgroundColor":"neutral-10","children":[["$","$La7",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"}]}],["$","$La8",null,{}],["$","$La0",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La2",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","$La9",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":["$","$L1f",null,{"gap":"xl","gridTemplateColumns":{"_":"1fr 1fr","md":"1fr 1fr 1fr 1fr"},"children":[["$","$L21",null,{"flexDirection":"column","gap":"xs","children":[["$","$L21",null,{"alignItems":"center","gap":"sm","children":["Made with ",["$","$Laa",null,{"color":"primary-50"}]," by"]}],["$","$L5",null,{"as":"a","href":"https://www.welcometothejungle.com","rel":"noreferrer noopener","target":"_blank","w":"fit-content","children":["$","$Lab",null,{"h":40}]}]]}],[["$","$L21","Documentations",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Documentations"}],["$","$L21",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",["$","$Lac",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L21","Updates",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Updates"}],["$","$L21",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",["$","$Lac",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",["$","$Lac",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}],["$","$L21","Community",{"as":"nav","flexDirection":"column","gap":"lg","children":[["$","$L7",null,{"variant":"subtitle-md","children":"Community"}],["$","$L21",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",["$","$Lac",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",["$","$Lac",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",["$","$Lac",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",["$","$Lac",null,{"color":"neutral-60","size":"xs"}]]}]}]]}]]}]]]}]}]}]]}]}]}]}]}]]}]],null],null],"couldBeIntercepted":false,"initialHead":[null,"$Lad"],"globalErrorComponent":"$ae","missingSlots":"$Waf"}]