@preply/ds-docs 11.2.0 → 11.4.0

package/dist/assets/{FormControl-N0zmQNS2.js → FormControl-DoNLVcw2.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{St as o,_ as s}from"./iframe-Ddp8AsMq.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{i as u,r as d}from"./lib-8ue2PVWI.js";var f,p,m,h,g,_,v=t((()=>{f=`container__g46MP`,p=`label__dGrlk`,m=`required__w9EwB`,h=`description__AST5n`,g=`error__uRqiU`,_={container:f,label:p,required:m,description:h,error:g}}));function y({id:e,error:t,description:n,hasError:r}){let i={};return r&&(i[`aria-invalid`]=!0),t&&(i[`aria-invalid`]=!0,i[`aria-errormessage`]=`${e}-error`),n&&(i[`aria-describedby`]=`${e}-description`),i}var b,x,S,C=t((()=>{s(),b=e(n(),1),v(),d(),i(),l(),x=a(),S=({id:e,label:t,hideLabel:n,description:i,error:a,hasError:s,children:l,required:d,dataset:f,onClick:p,preplyDsComponent:m=c.FormControl,useLegacyRequiredLabel:h=!1})=>{let g=(0,b.useId)(),v=e||g,S=y({id:v,error:a,description:i,hasError:s}),C=r(f,{preplyDsComponent:m});return(0,x.jsxs)(`div`,{className:_.container,...C,onClick:p,children:[(0,x.jsxs)(`label`,{htmlFor:v,className:_.label,"data-hidden":n||!t,"data-testid":`label`,children:[t,!!h&&d&&(0,x.jsxs)(`span`,{"aria-hidden":!0,className:_.required,children:[` • `,(0,x.jsx)(u,{id:`preply-ds.fieldLabel.required`,defaultMessage:`Required`,description:`Form field required label`})]}),!h&&!d&&(0,x.jsxs)(`span`,{"aria-hidden":!0,className:_.required,children:[` • `,(0,x.jsx)(u,{id:`preply-ds.fieldLabel.optional`,defaultMessage:`Optional`,description:`Form field optional label`})]})]}),(0,x.jsx)(o,{id:v,required:d,...S,children:l}),a?(0,x.jsx)(`p`,{className:_.error,role:`alert`,id:`${v}-error`,"data-testid":`error`,children:a}):i?(0,x.jsx)(`p`,{className:_.description,id:`${v}-description`,"data-testid":`description`,children:i}):null]})};try{S.displayName=`FormControl`,S.__docgenInfo={description:"FormControl component provides a consistent layout and accessibility\nfor the form fields. You can use it to create custom fields not supported\nby the DS yet.\n\nNote that FormControl will implicitly provide some props to the child component:\n\n- `id` forwarded from FormControl props or will be generated automatically for accessibility purposes;\n- `aria-invalid` and `aria-errormessage` when `error` is provided;\n- `aria-describedby` when `description` is provided;\n- `required` when FormControl's `required` is true;",displayName:`FormControl`,props:{id:{defaultValue:null,description:`The id to be passed to the input element.
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{St as o,_ as s}from"./iframe-BuOXI2w6.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{i as u,r as d}from"./lib-8ue2PVWI.js";var f,p,m,h,g,_,v=t((()=>{f=`container__g46MP`,p=`label__dGrlk`,m=`required__w9EwB`,h=`description__AST5n`,g=`error__uRqiU`,_={container:f,label:p,required:m,description:h,error:g}}));function y({id:e,error:t,description:n,hasError:r}){let i={};return r&&(i[`aria-invalid`]=!0),t&&(i[`aria-invalid`]=!0,i[`aria-errormessage`]=`${e}-error`),n&&(i[`aria-describedby`]=`${e}-description`),i}var b,x,S,C=t((()=>{s(),b=e(n(),1),v(),d(),i(),l(),x=a(),S=({id:e,label:t,hideLabel:n,description:i,error:a,hasError:s,children:l,required:d,dataset:f,onClick:p,preplyDsComponent:m=c.FormControl,useLegacyRequiredLabel:h=!1})=>{let g=(0,b.useId)(),v=e||g,S=y({id:v,error:a,description:i,hasError:s}),C=r(f,{preplyDsComponent:m});return(0,x.jsxs)(`div`,{className:_.container,...C,onClick:p,children:[(0,x.jsxs)(`label`,{htmlFor:v,className:_.label,"data-hidden":n||!t,"data-testid":`label`,children:[t,!!h&&d&&(0,x.jsxs)(`span`,{"aria-hidden":!0,className:_.required,children:[` • `,(0,x.jsx)(u,{id:`preply-ds.fieldLabel.required`,defaultMessage:`Required`,description:`Form field required label`})]}),!h&&!d&&(0,x.jsxs)(`span`,{"aria-hidden":!0,className:_.required,children:[` • `,(0,x.jsx)(u,{id:`preply-ds.fieldLabel.optional`,defaultMessage:`Optional`,description:`Form field optional label`})]})]}),(0,x.jsx)(o,{id:v,required:d,...S,children:l}),a?(0,x.jsx)(`p`,{className:_.error,role:`alert`,id:`${v}-error`,"data-testid":`error`,children:a}):i?(0,x.jsx)(`p`,{className:_.description,id:`${v}-description`,"data-testid":`description`,children:i}):null]})};try{S.displayName=`FormControl`,S.__docgenInfo={description:"FormControl component provides a consistent layout and accessibility\nfor the form fields. You can use it to create custom fields not supported\nby the DS yet.\n\nNote that FormControl will implicitly provide some props to the child component:\n\n- `id` forwarded from FormControl props or will be generated automatically for accessibility purposes;\n- `aria-invalid` and `aria-errormessage` when `error` is provided;\n- `aria-describedby` when `description` is provided;\n- `required` when FormControl's `required` is true;",displayName:`FormControl`,props:{id:{defaultValue:null,description:`The id to be passed to the input element.
 If not provided, will be generated for accessibility purposes.`,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:`hideLabel`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
 to provide more context or instructions to the user.`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},error:{defaultValue:null,description:`Error message to display when the field has an invalid value.`,name:`error`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:`hasError`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
 indicator next to the label.`,name:`required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},preplyDsComponent:{defaultValue:{value:`webComponentNames.FormControl`},description:`@deprecated The attribute is meant for internal usage only

package/dist/assets/{FormControl.stories-B8Ne0MLq.js → FormControl.stories-CM0O-z49.js}

@@ -1,10 +1,10 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Q as i,Y as a,et as o,t as s,w as c}from"./dist-DtfJeYQK.js";import{t as l}from"./jsx-runtime-C2wGStra.js";import{n as u,t as d}from"./Icon-DwVTLcDP.js";import{n as f,t as p}from"./Text-B288uCKD.js";import{n as m,t as h}from"./FormControl-N0zmQNS2.js";import{r as g,t as _}from"./styled-components.browser.esm-48-sXnz9.js";import{n as v,t as y}from"./TokyoUIUpload-C6_mMWjz.js";var b,x,S,C,w,T,E,D;t((()=>{m(),g(),b=e(n(),1),u(),v(),s(),c(),f(),x=l(),S={title:`Components/FormControl`,component:h,parameters:{layout:`padded`}},C=_.input.attrs({type:`file`})`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{C as r,Q as i,Y as a,et as o,t as s,w as c}from"./dist-DtfJeYQK.js";import{t as l}from"./jsx-runtime-C2wGStra.js";import{n as u,t as d}from"./Icon-Dqr2b6tP.js";import{n as f,t as p}from"./Text-Cy08WP3t.js";import{r as m,t as h}from"./styled-components.browser.esm-BF2I7YPU.js";import{n as g,t as _}from"./FormControl-DoNLVcw2.js";import{n as v,t as y}from"./TokyoUIUpload-C6_mMWjz.js";var b,x,S,C,w,T,E,D;t((()=>{g(),m(),b=e(n(),1),u(),v(),s(),c(),f(),x=l(),S={title:`Components/FormControl`,component:_,parameters:{layout:`padded`}},C=h.input.attrs({type:`file`})`
     visibility: hidden;
     position: absolute;
     width: 0;
     height: 0;
     opacity: 0;
-`,w=_.label`
+`,w=h.label`
     background: ${r(a.background.secondary)};
     padding: ${r(o[24])} ${r(o[16])};
     border-radius: ${r(i[8])};
@@ -13,12 +13,12 @@ import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2
     &:has(input[aria-invalid='true']) {
         background: ${r(a.background.criticalLight)};
     }
-`,T=_.div`
+`,T=h.div`
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-`,E=()=>(0,x.jsx)(h,{label:`Upload photo`,description:`Your photo will be displayed in your profile`,children:(0,x.jsx)(e=>{let[t,n]=(0,b.useState)(`Select file to upload`),r=e[`aria-invalid`]?`critical`:`secondary`,i=t=>{n(t.target.files?.[0]?.name||`Select file to upload`),e.onChange?.(t)};return(0,x.jsxs)(w,{children:[(0,x.jsx)(C,{...e,onChange:i}),(0,x.jsxs)(T,{children:[(0,x.jsx)(d,{size:`32`,svg:y,accent:r}),(0,x.jsx)(p,{variant:`default-regular`,accent:r,children:t})]})]})},{})}),E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`() => {
+`,E=()=>(0,x.jsx)(_,{label:`Upload photo`,description:`Your photo will be displayed in your profile`,children:(0,x.jsx)(e=>{let[t,n]=(0,b.useState)(`Select file to upload`),r=e[`aria-invalid`]?`critical`:`secondary`,i=t=>{n(t.target.files?.[0]?.name||`Select file to upload`),e.onChange?.(t)};return(0,x.jsxs)(w,{children:[(0,x.jsx)(C,{...e,onChange:i}),(0,x.jsxs)(T,{children:[(0,x.jsx)(d,{size:`32`,svg:y,accent:r}),(0,x.jsx)(p,{variant:`default-regular`,accent:r,children:t})]})]})},{})}),E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`() => {
   const FileInput = (props: HTMLAttributes<HTMLInputElement>) => {
     const [text, setText] = useState('Select file to upload');
     const accent = props['aria-invalid'] ? 'critical' : 'secondary';

package/dist/assets/{Heading-Bmekm9VQ.js → Heading-B3jb_-J8.js}

@@ -1 +1 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,x as a,y as o}from"./dist-DtfJeYQK.js";import{t as s}from"./jsx-runtime-C2wGStra.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./text-accent-CfNKCcRq.js";import{n as f,t as p}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as m,t as h}from"./text-centered-D7Kg4Wt0.js";var g,_,v=t((()=>{g=`Heading__Erkb1`,_={Heading:g,"Heading--variant-massive":`Heading--variant-massive__JFGji`,"Heading--variant-huge":`Heading--variant-huge__47FQz`,"Heading--variant-extraLarge":`Heading--variant-extraLarge__xRrqx`,"Heading--variant-large":`Heading--variant-large__wNK6S`,"Heading--variant-medium":`Heading--variant-medium__bCNZ-`,"Heading--variant-small":`Heading--variant-small__308Nb`,"Heading--narrow-l--variant-massive":`Heading--narrow-l--variant-massive__yg4AJ`,"Heading--narrow-l--variant-huge":`Heading--narrow-l--variant-huge__y9b4N`,"Heading--narrow-l--variant-extraLarge":`Heading--narrow-l--variant-extraLarge__XgyJu`,"Heading--narrow-l--variant-large":`Heading--narrow-l--variant-large__tzTo6`,"Heading--narrow-l--variant-medium":`Heading--narrow-l--variant-medium__iP3sG`,"Heading--narrow-l--variant-small":`Heading--narrow-l--variant-small__KeKjn`,"Heading--medium-s--variant-massive":`Heading--medium-s--variant-massive__L-b4J`,"Heading--medium-s--variant-huge":`Heading--medium-s--variant-huge__2o5EA`,"Heading--medium-s--variant-extraLarge":`Heading--medium-s--variant-extraLarge__eHmYu`,"Heading--medium-s--variant-large":`Heading--medium-s--variant-large__AI3KL`,"Heading--medium-s--variant-medium":`Heading--medium-s--variant-medium__t5dUK`,"Heading--medium-s--variant-small":`Heading--medium-s--variant-small__fCdNa`,"Heading--medium-l--variant-massive":`Heading--medium-l--variant-massive__jI3FW`,"Heading--medium-l--variant-huge":`Heading--medium-l--variant-huge__k0UpW`,"Heading--medium-l--variant-extraLarge":`Heading--medium-l--variant-extraLarge__yfai7`,"Heading--medium-l--variant-large":`Heading--medium-l--variant-large__65QTG`,"Heading--medium-l--variant-medium":`Heading--medium-l--variant-medium__UvxHB`,"Heading--medium-l--variant-small":`Heading--medium-l--variant-small__QI2p2`,"Heading--wide-s--variant-massive":`Heading--wide-s--variant-massive__B1S84`,"Heading--wide-s--variant-huge":`Heading--wide-s--variant-huge__KvYrn`,"Heading--wide-s--variant-extraLarge":`Heading--wide-s--variant-extraLarge__TJs8l`,"Heading--wide-s--variant-large":`Heading--wide-s--variant-large__Wcc0E`,"Heading--wide-s--variant-medium":`Heading--wide-s--variant-medium__mONpk`,"Heading--wide-s--variant-small":`Heading--wide-s--variant-small__oRKSN`,"Heading--wide-l--variant-massive":`Heading--wide-l--variant-massive__twgw-`,"Heading--wide-l--variant-huge":`Heading--wide-l--variant-huge__DBuNF`,"Heading--wide-l--variant-extraLarge":`Heading--wide-l--variant-extraLarge__H9nEI`,"Heading--wide-l--variant-large":`Heading--wide-l--variant-large__kJarT`,"Heading--wide-l--variant-medium":`Heading--wide-l--variant-medium__VN27E`,"Heading--wide-l--variant-small":`Heading--wide-l--variant-small__Skmxk`}})),y,b,x,S=t((()=>{l(),i(),y=e(n(),1),u(),m(),f(),v(),b=s(),x=(0,y.forwardRef)(function({children:e,variant:t,accent:n,tag:i,centered:s,dataset:l,id:u,className:f,...m},g){let v=i||`h1`,y=o(_,c.Heading,a(`variant`,t)),x=h(s),S=d(!n,n),C=[...y,...x,...S,f];return(0,b.jsx)(v,{...p(m),className:C.join(` `),...r(l,{preplyDsComponent:c.Heading}),id:u,ref:g,children:e})});try{x.displayName=`Heading`,x.__docgenInfo={description:``,displayName:`Heading`,props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:`strong`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"accentDark"`},{value:`"inverted"`},{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`}]}},centered:{defaultValue:null,description:``,name:`centered`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!0,type:{name:`enum`,value:[{value:`"small"`},{value:`"massive"`},{value:`"huge"`},{value:`"extraLarge"`},{value:`"large"`},{value:`"medium"`},{value:`ResponsiveProp<HeadingVariant>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!0,type:{name:`enum`,value:[{value:`"div"`},{value:`"h1"`},{value:`"h2"`},{value:`"h3"`},{value:`"h4"`},{value:`"h5"`},{value:`"p"`},{value:`"span"`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLHeadingElement | null) => void`},{value:`RefObject<HTMLHeadingElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{S as n,x as t};
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,x as a,y as o}from"./dist-DtfJeYQK.js";import{t as s}from"./jsx-runtime-C2wGStra.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./text-accent-CfNKCcRq.js";import{n as f,t as p}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as m,t as h}from"./text-centered-D7Kg4Wt0.js";var g,_,v=t((()=>{g=`Heading__Erkb1`,_={Heading:g,"Heading--variant-massive":`Heading--variant-massive__JFGji`,"Heading--variant-huge":`Heading--variant-huge__47FQz`,"Heading--variant-extraLarge":`Heading--variant-extraLarge__xRrqx`,"Heading--variant-large":`Heading--variant-large__wNK6S`,"Heading--variant-medium":`Heading--variant-medium__bCNZ-`,"Heading--variant-small":`Heading--variant-small__308Nb`,"Heading--narrow-l--variant-massive":`Heading--narrow-l--variant-massive__yg4AJ`,"Heading--narrow-l--variant-huge":`Heading--narrow-l--variant-huge__y9b4N`,"Heading--narrow-l--variant-extraLarge":`Heading--narrow-l--variant-extraLarge__XgyJu`,"Heading--narrow-l--variant-large":`Heading--narrow-l--variant-large__tzTo6`,"Heading--narrow-l--variant-medium":`Heading--narrow-l--variant-medium__iP3sG`,"Heading--narrow-l--variant-small":`Heading--narrow-l--variant-small__KeKjn`,"Heading--medium-s--variant-massive":`Heading--medium-s--variant-massive__L-b4J`,"Heading--medium-s--variant-huge":`Heading--medium-s--variant-huge__2o5EA`,"Heading--medium-s--variant-extraLarge":`Heading--medium-s--variant-extraLarge__eHmYu`,"Heading--medium-s--variant-large":`Heading--medium-s--variant-large__AI3KL`,"Heading--medium-s--variant-medium":`Heading--medium-s--variant-medium__t5dUK`,"Heading--medium-s--variant-small":`Heading--medium-s--variant-small__fCdNa`,"Heading--medium-l--variant-massive":`Heading--medium-l--variant-massive__jI3FW`,"Heading--medium-l--variant-huge":`Heading--medium-l--variant-huge__k0UpW`,"Heading--medium-l--variant-extraLarge":`Heading--medium-l--variant-extraLarge__yfai7`,"Heading--medium-l--variant-large":`Heading--medium-l--variant-large__65QTG`,"Heading--medium-l--variant-medium":`Heading--medium-l--variant-medium__UvxHB`,"Heading--medium-l--variant-small":`Heading--medium-l--variant-small__QI2p2`,"Heading--wide-s--variant-massive":`Heading--wide-s--variant-massive__B1S84`,"Heading--wide-s--variant-huge":`Heading--wide-s--variant-huge__KvYrn`,"Heading--wide-s--variant-extraLarge":`Heading--wide-s--variant-extraLarge__TJs8l`,"Heading--wide-s--variant-large":`Heading--wide-s--variant-large__Wcc0E`,"Heading--wide-s--variant-medium":`Heading--wide-s--variant-medium__mONpk`,"Heading--wide-s--variant-small":`Heading--wide-s--variant-small__oRKSN`,"Heading--wide-l--variant-massive":`Heading--wide-l--variant-massive__twgw-`,"Heading--wide-l--variant-huge":`Heading--wide-l--variant-huge__DBuNF`,"Heading--wide-l--variant-extraLarge":`Heading--wide-l--variant-extraLarge__H9nEI`,"Heading--wide-l--variant-large":`Heading--wide-l--variant-large__kJarT`,"Heading--wide-l--variant-medium":`Heading--wide-l--variant-medium__VN27E`,"Heading--wide-l--variant-small":`Heading--wide-l--variant-small__Skmxk`}})),y,b,x,S=t((()=>{l(),i(),y=e(n(),1),u(),m(),f(),v(),b=s(),x=(0,y.forwardRef)(function({children:e,variant:t,accent:n,tag:i,centered:s,dataset:l,id:u,className:f,...m},g){let v=i||`h1`,y=o(_,c.Heading,a(`variant`,t)),x=h(s),S=d(!n,n),C=[...y,...x,...S,f];return(0,b.jsx)(v,{...p(m),className:C.join(` `),...r(l,{preplyDsComponent:c.Heading}),id:u,ref:g,children:e})});try{x.displayName=`Heading`,x.__docgenInfo={description:``,displayName:`Heading`,props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:`strong`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"accentDark"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"critical"`},{value:`"inverted"`},{value:`"positive"`},{value:`"warning"`},{value:`"info"`}]}},centered:{defaultValue:null,description:``,name:`centered`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!0,type:{name:`enum`,value:[{value:`"small"`},{value:`"large"`},{value:`"medium"`},{value:`"massive"`},{value:`"huge"`},{value:`"extraLarge"`},{value:`ResponsiveProp<HeadingVariant>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!0,type:{name:`enum`,value:[{value:`"div"`},{value:`"h1"`},{value:`"h2"`},{value:`"h3"`},{value:`"h4"`},{value:`"h5"`},{value:`"p"`},{value:`"span"`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}}}}}catch{}}));export{S as n,x as t};

package/dist/assets/{Heading.stories-Bkr_umIZ.js → Heading.stories-DjrU1PaC.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Heading-Bmekm9VQ.js";import{r as o,t as s}from"./storybook-utils-Dnw8-7zP.js";var c,l,u,d,f;t((()=>{e(n(),1),i(),s(),c=r(),l={title:`components/Heading`,component:a,argTypes:{centered:{description:o},variant:{description:o}}},u=()=>(0,c.jsxs)(`div`,{style:{padding:`16px`,display:`grid`,gridTemplateColumns:`auto 3fr`,alignItems:`center`,gap:`16px`},children:[(0,c.jsx)(`span`,{children:`h1 / massive`}),(0,c.jsx)(a,{tag:`h1`,variant:`massive`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h2 / huge`}),(0,c.jsx)(a,{tag:`h2`,variant:`huge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h3 / extraLarge`}),(0,c.jsx)(a,{tag:`h3`,variant:`extraLarge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h4 / large`}),(0,c.jsx)(a,{tag:`h4`,variant:`large`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h5 / medium`}),(0,c.jsx)(a,{tag:`h5`,variant:`medium`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`p / small`}),(0,c.jsx)(a,{tag:`p`,variant:`small`,children:`Lorem ipsum`})]}),d={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(e,{args:t})=>(0,c.jsx)(`div`,{style:{backgroundColor:t.accent===`inverted`?`black`:void 0},children:e()})],args:{tag:`h1`,variant:`massive`,children:`Lorem ipsum`,dataset:{qaid:`heading`}},argTypes:{centered:{control:`boolean`},dataset:{control:`object`},strong:{table:{disable:!0}}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <div style={{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Heading-B3jb_-J8.js";import{r as o,t as s}from"./storybook-utils-BfrlMSeG.js";var c,l,u,d,f;t((()=>{e(n(),1),i(),s(),c=r(),l={title:`components/Heading`,component:a,argTypes:{centered:{description:o},variant:{description:o}}},u=()=>(0,c.jsxs)(`div`,{style:{padding:`16px`,display:`grid`,gridTemplateColumns:`auto 3fr`,alignItems:`center`,gap:`16px`},children:[(0,c.jsx)(`span`,{children:`h1 / massive`}),(0,c.jsx)(a,{tag:`h1`,variant:`massive`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h2 / huge`}),(0,c.jsx)(a,{tag:`h2`,variant:`huge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h3 / extraLarge`}),(0,c.jsx)(a,{tag:`h3`,variant:`extraLarge`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h4 / large`}),(0,c.jsx)(a,{tag:`h4`,variant:`large`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`h5 / medium`}),(0,c.jsx)(a,{tag:`h5`,variant:`medium`,children:`Lorem ipsum`}),(0,c.jsx)(`span`,{children:`p / small`}),(0,c.jsx)(a,{tag:`p`,variant:`small`,children:`Lorem ipsum`})]}),d={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(e,{args:t})=>(0,c.jsx)(`div`,{style:{backgroundColor:t.accent===`inverted`?`black`:void 0},children:e()})],args:{tag:`h1`,variant:`massive`,children:`Lorem ipsum`,dataset:{qaid:`heading`}},argTypes:{centered:{control:`boolean`},dataset:{control:`object`},strong:{table:{disable:!0}}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <div style={{
   padding: '16px',
   display: 'grid',
   gridTemplateColumns: 'auto 3fr',

package/dist/assets/{Icon-DwVTLcDP.js → Icon-Dqr2b6tP.js}

@@ -5,4 +5,4 @@ import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2
 @example <caption>Using as react server component</caption>
 import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
 
-<Icon svg={<TokyoUINotesWithPad />} />`,name:`svg`,required:!0,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},size:{defaultValue:{value:`24`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"16"`},{value:`"24"`},{value:`"32"`},{value:`"48"`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"accentDark"`},{value:`"inverted"`},{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:`expColor`,required:!1,type:{name:`enum`,value:[{value:`"grey-0"`},{value:`"grey-50"`},{value:`"grey-100"`},{value:`"grey-200"`},{value:`"grey-300"`},{value:`"grey-400"`},{value:`"grey-500"`},{value:`"grey-600"`},{value:`"grey-700"`},{value:`"grey-800"`},{value:`"grey-900"`},{value:`"pink-50"`},{value:`"pink-100"`},{value:`"pink-200"`},{value:`"pink-300"`},{value:`"pink-400"`},{value:`"pink-500"`},{value:`"pink-600"`},{value:`"pink-700"`},{value:`"pink-800"`},{value:`"yellow-50"`},{value:`"yellow-100"`},{value:`"yellow-200"`},{value:`"yellow-300"`},{value:`"yellow-400"`},{value:`"yellow-500"`},{value:`"yellow-600"`},{value:`"yellow-700"`},{value:`"yellow-800"`},{value:`"blue-50"`},{value:`"blue-100"`},{value:`"blue-200"`},{value:`"blue-300"`},{value:`"blue-400"`},{value:`"blue-500"`},{value:`"blue-600"`},{value:`"blue-700"`},{value:`"blue-800"`},{value:`"teal-50"`},{value:`"teal-100"`},{value:`"teal-200"`},{value:`"teal-300"`},{value:`"teal-400"`},{value:`"teal-500"`},{value:`"teal-600"`},{value:`"teal-700"`},{value:`"teal-800"`},{value:`"red-50"`},{value:`"red-100"`},{value:`"red-200"`},{value:`"red-300"`},{value:`"red-400"`},{value:`"red-500"`},{value:`"red-600"`},{value:`"red-700"`},{value:`"red-800"`}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:`label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLSpanElement | null) => void`},{value:`RefObject<HTMLSpanElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{k as n,O as t};
+<Icon svg={<TokyoUINotesWithPad />} />`,name:`svg`,required:!0,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},size:{defaultValue:{value:`24`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"16"`},{value:`"24"`},{value:`"32"`},{value:`"48"`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"accentDark"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"critical"`},{value:`"inverted"`},{value:`"positive"`},{value:`"warning"`},{value:`"info"`}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:`expColor`,required:!1,type:{name:`enum`,value:[{value:`"grey-0"`},{value:`"grey-50"`},{value:`"grey-100"`},{value:`"grey-200"`},{value:`"grey-300"`},{value:`"grey-400"`},{value:`"grey-500"`},{value:`"grey-600"`},{value:`"grey-700"`},{value:`"grey-800"`},{value:`"grey-900"`},{value:`"pink-50"`},{value:`"pink-100"`},{value:`"pink-200"`},{value:`"pink-300"`},{value:`"pink-400"`},{value:`"pink-500"`},{value:`"pink-600"`},{value:`"pink-700"`},{value:`"pink-800"`},{value:`"yellow-50"`},{value:`"yellow-100"`},{value:`"yellow-200"`},{value:`"yellow-300"`},{value:`"yellow-400"`},{value:`"yellow-500"`},{value:`"yellow-600"`},{value:`"yellow-700"`},{value:`"yellow-800"`},{value:`"blue-50"`},{value:`"blue-100"`},{value:`"blue-200"`},{value:`"blue-300"`},{value:`"blue-400"`},{value:`"blue-500"`},{value:`"blue-600"`},{value:`"blue-700"`},{value:`"blue-800"`},{value:`"teal-50"`},{value:`"teal-100"`},{value:`"teal-200"`},{value:`"teal-300"`},{value:`"teal-400"`},{value:`"teal-500"`},{value:`"teal-600"`},{value:`"teal-700"`},{value:`"teal-800"`},{value:`"red-50"`},{value:`"red-100"`},{value:`"red-200"`},{value:`"red-300"`},{value:`"red-400"`},{value:`"red-500"`},{value:`"red-600"`},{value:`"red-700"`},{value:`"red-800"`}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:`label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{k as n,O as t};

package/dist/assets/{Icon-RSC-Dn9e0iAh.js → Icon-RSC-CIkzpnfO.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r,s as i}from"./iframe-Ddp8AsMq.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";import{ServerComponent as s,t as c}from"./Icon.stories-D9JEL0Hx.js";function l(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...a(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:`components/Icon/Server Component`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r,s as i}from"./iframe-BuOXI2w6.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";import{ServerComponent as s,t as c}from"./Icon.stories-1leYoSZM.js";function l(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...a(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:`components/Icon/Server Component`}),`
 `,(0,d.jsx)(t.h1,{id:`use-icon-as-react-server-component`,children:`Use Icon as react server component`}),`
 `,(0,d.jsxs)(t.p,{children:[`To use Icon as react server component, provide `,(0,d.jsx)(t.code,{children:`svg`}),` as element:`]}),`
 `,(0,d.jsx)(i,{of:s}),`

package/dist/assets/{Icon.stories-D9JEL0Hx.js → Icon.stories-1leYoSZM.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{G as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./Icon-DwVTLcDP.js";import{n as c,t as l}from"./TokyoUINotesWithPad-B6yTiv-C.js";var u,d,f,p,m,h,g,_=t((()=>{i(),c(),e(n(),1),o(),u=a(),d={title:`components/Icon`,component:s,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},f=()=>(0,u.jsxs)(`div`,{style:{display:`flex`,alignItems:`end`,gap:`4px`},children:[(0,u.jsx)(s,{svg:l,size:`16`}),(0,u.jsx)(s,{svg:l,size:`24`}),(0,u.jsx)(s,{svg:l,size:`32`}),(0,u.jsx)(s,{svg:l,size:`48`})]}),p=()=>(0,u.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`4px`},children:r.map(e=>(0,u.jsxs)(`div`,{style:{display:`flex`,gap:16},children:[(0,u.jsx)(s,{svg:l,expColor:e.id},e.id),(0,u.jsx)(`span`,{children:e.id})]},e.id))}),m=()=>(0,u.jsx)(s,{svg:(0,u.jsx)(l,{})}),m.tags=[`!dev`,`!autodocs`],h={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:l,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <div style={{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{G as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./Icon-Dqr2b6tP.js";import{n as c,t as l}from"./TokyoUINotesWithPad-B6yTiv-C.js";var u,d,f,p,m,h,g,_=t((()=>{i(),c(),e(n(),1),o(),u=a(),d={title:`components/Icon`,component:s,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},f=()=>(0,u.jsxs)(`div`,{style:{display:`flex`,alignItems:`end`,gap:`4px`},children:[(0,u.jsx)(s,{svg:l,size:`16`}),(0,u.jsx)(s,{svg:l,size:`24`}),(0,u.jsx)(s,{svg:l,size:`32`}),(0,u.jsx)(s,{svg:l,size:`48`})]}),p=()=>(0,u.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`4px`},children:r.map(e=>(0,u.jsxs)(`div`,{style:{display:`flex`,gap:16},children:[(0,u.jsx)(s,{svg:l,expColor:e.id},e.id),(0,u.jsx)(`span`,{children:e.id})]},e.id))}),m=()=>(0,u.jsx)(s,{svg:(0,u.jsx)(l,{})}),m.tags=[`!dev`,`!autodocs`],h={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:l,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   alignItems: 'end',
   gap: '4px'

package/dist/assets/IconButton-CQGXuX8O.js

@@ -0,0 +1,9 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{at as r,it as i,w as a}from"./dist-DtfJeYQK.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./render-icon-CUp_n6rD.js";import{n as d,t as f}from"./ButtonBase-CMQthdSK.js";var p,m,h,g,_=t((()=>{p=`bubbleCounter__IIv-p`,m=`childTargetOverlay__7xCVK`,h=`cutout__ooHoK`,g={bubbleCounter:p,"size-small":`size-small__eLF8T`,"size-medium":`size-medium__UY-G5`,"size-large":`size-large__qs1m8`,"variant-dark":`variant-dark__OzCSP`,"variant-light":`variant-light__vwrDe`,childTargetOverlay:m,cutout:h}})),v,y,b=t((()=>{v=`IconButton__sj2x5`,y={IconButton:v}})),x,S,C,w=t((()=>{a(),c(),x=e(n(),1),u(),d(),_(),b(),S=o(),C=(0,x.forwardRef)(function({variant:e=r,size:t=i,url:n,a11yLabel:a,svg:o,...c},u){let d=[y.IconButton,g.cutout].join(` `);return(0,S.jsx)(f,{...c,ref:u,className:d,isIconButton:!0,variant:e,size:t,url:n,a11yLabel:a,preplyDsComponent:s.IconButton,children:l(o,{"aria-hidden":`true`,focusable:`false`})})});try{C.displayName=`IconButton`,C.__docgenInfo={description:``,displayName:`IconButton`,props:{id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},href:{defaultValue:null,description:``,name:`href`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},download:{defaultValue:null,description:``,name:`download`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},variant:{defaultValue:{value:`primary`},description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"ai"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"quaternary"`},{value:`"ghost"`},{value:`"critical"`},{value:`"onColor"`},{value:`"classroom"`},{value:`"primaryB2b"`},{value:`"primaryTutor"`},{value:`"inverted"`},{value:`"newFeature"`}]}},opensInNewTab:{defaultValue:null,description:``,name:`opensInNewTab`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},nofollow:{defaultValue:null,description:``,name:`nofollow`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:``,name:`assistiveText`,required:!1,type:{name:`string`}},as:{defaultValue:null,description:`Custom element to render the button.
+
+Allows rendering the button using a different React element or component.
+This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
+@example // Render as a react router link component
+import { Link } from 'react-router-dom';
+
+<ButtonBase as={<Link to="/home" />} />`,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:`url`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},size:{defaultValue:{value:`small`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"large"`},{value:`"medium"`},{value:`ResponsiveProp<ButtonSize>`}]}},submitsForm:{defaultValue:null,description:``,name:`submitsForm`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},busy:{defaultValue:null,description:`Replaces the content with a loading indicator.`,name:`busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},selected:{defaultValue:null,description:`Used only for classroom and ghost variants`,name:`selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:`a11yLabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dsInternalSimulation:{defaultValue:null,description:`@deprecated This is meant for internal DS usage only. Do not use it in your code.
+@ignore`,name:`dsInternalSimulation`,required:!1,type:{name:`enum`,value:[{value:`"hover"`},{value:`"focus"`},{value:`"active"`}]}},svg:{defaultValue:null,description:``,name:`svg`,required:!0,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}}}}}catch{}}));export{_ as i,w as n,g as r,C as t};

package/dist/assets/{IconTile.stories-B5GBHpUh.js → IconTile.stories-C3MYzhR1.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{a as i,i as a}from"./AlertBannerAction-Ul2Z9Ycf.js";import{n as o,t as s}from"./TokyoUINotesWithPad-B6yTiv-C.js";var c,l,u,d,f,p;t((()=>{o(),e(n(),1),i(),c=r(),l={title:`components/IconTile`,component:a,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},u=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`small`}),(0,c.jsx)(`th`,{children:`base`}),(0,c.jsx)(`th`,{children:`medium`}),(0,c.jsx)(`th`,{children:`large`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`small`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`base`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`medium`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`large`})})]})})]}),d=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`neutral`}),(0,c.jsx)(`th`,{children:`info`}),(0,c.jsx)(`th`,{children:`ai`}),(0,c.jsx)(`th`,{children:`positive`}),(0,c.jsx)(`th`,{children:`warning`}),(0,c.jsx)(`th`,{children:`critical`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`neutral`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`info`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`ai`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`positive`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`warning`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`critical`})})]})})]}),f={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:s,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <table style={{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{a as i,i as a}from"./AlertBannerAction-DU-Yr-4k.js";import{n as o,t as s}from"./TokyoUINotesWithPad-B6yTiv-C.js";var c,l,u,d,f,p;t((()=>{o(),e(n(),1),i(),c=r(),l={title:`components/IconTile`,component:a,parameters:{docs:{description:{component:`To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page).`}}}},u=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`small`}),(0,c.jsx)(`th`,{children:`base`}),(0,c.jsx)(`th`,{children:`medium`}),(0,c.jsx)(`th`,{children:`large`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`small`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`base`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`medium`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,size:`large`})})]})})]}),d=()=>(0,c.jsxs)(`table`,{style:{borderCollapse:`separate`,borderSpacing:`16px`},children:[(0,c.jsx)(`thead`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`th`,{children:`neutral`}),(0,c.jsx)(`th`,{children:`info`}),(0,c.jsx)(`th`,{children:`ai`}),(0,c.jsx)(`th`,{children:`positive`}),(0,c.jsx)(`th`,{children:`warning`}),(0,c.jsx)(`th`,{children:`critical`})]})}),(0,c.jsx)(`tbody`,{children:(0,c.jsxs)(`tr`,{children:[(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`neutral`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`info`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`ai`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`positive`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`warning`})}),(0,c.jsx)(`td`,{children:(0,c.jsx)(a,{svg:s,tone:`critical`})})]})})]}),f={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:s,dataset:{qaid:`icon`}},argTypes:{svg:{control:!1},dataset:{control:`object`},label:{control:`text`}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <table style={{
   borderCollapse: 'separate',
   borderSpacing: '16px'
 }}>

package/dist/assets/Input-D6_jI5Uh.js

@@ -0,0 +1,3 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{i as o,n as s,r as c,t as l}from"./InputContainer-xfDpQQNl.js";var u,d,f,p=t((()=>{u=e(n(),1),o(),i(),s(),d=a(),f=(0,u.forwardRef)(function({button:e,icon:t,dataset:n,onChange:i,onValueChange:a,...o},s){let u=r(n),f=e=>{i?.(e),a?.(e.target.value)};return(0,d.jsx)(l,{button:e,icon:t,children:(0,d.jsx)(`input`,{...u,...o,ref:s,onChange:f,className:c.input})})});try{f.displayName=`Input`,f.__docgenInfo={description:`A component to render input with optional icon and button.
+For internal use only.`,displayName:`Input`,props:{icon:{defaultValue:null,description:``,name:`icon`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},button:{defaultValue:null,description:``,name:`button`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},onValueChange:{defaultValue:null,description:``,name:`onValueChange`,required:!1,type:{name:`enum`,value:[{value:`(value: string) => void`}]}}}}}catch{}})),m,h,g,_=t((()=>{m=e(n(),1),o(),i(),s(),h=a(),g=(0,m.forwardRef)(function({dataset:e,onChange:t,onValueChange:n,resize:i=`vertical`,...a},o){let s=r(e),u=e=>{t?.(e),n?.(e.target.value)};return(0,h.jsx)(l,{children:(0,h.jsx)(`textarea`,{...s,...a,onChange:u,ref:o,className:c.input,style:{resize:i}})})});try{g.displayName=`Textarea`,g.__docgenInfo={description:`A component to render a textarea.
+For internal use only.`,displayName:`Textarea`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},onValueChange:{defaultValue:null,description:``,name:`onValueChange`,required:!1,type:{name:`enum`,value:[{value:`(value: string) => void`}]}},resize:{defaultValue:{value:`vertical`},description:``,name:`resize`,required:!1,type:{name:`enum`,value:[{value:`"horizontal"`},{value:`"vertical"`},{value:`"none"`},{value:`"both"`}]}}}}}catch{}})),v=t((()=>{p(),_()}));export{g as n,f as r,v as t};

package/dist/assets/{IntegrationWithReactHookForm.stories-CCDlaJxi.js → IntegrationWithReactHookForm.stories-7-TsLOR4.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Heading-Bmekm9VQ.js";import{t as a}from"./Button-a57MCiDO.js";import{r as o}from"./AlertBannerAction-Ul2Z9Ycf.js";import{t as s}from"./Checkbox-Bchk1blw.js";import{n as c,t as l}from"./SingleSelectChips-BOJ8NDnY.js";import{n as u,t as d}from"./MultiSelectChips-HRY_a-9f.js";import{n as f,t as p}from"./DismissibleChips-Dc4tbb9S.js";import{t as m}from"./FormControl-N0zmQNS2.js";import{t as h}from"./LayoutFlex-CEr_Bd5T.js";import{t as g}from"./NumberField-BmPC7HUo.js";import{t as _}from"./PasswordField-DSRq_bhg.js";import{n as v,t as y}from"./RatingInput-S42sTjma.js";import{r as b,t as x}from"./SelectField-u1424VWi.js";import{t as ee}from"./Slider-cjoP1Fs6.js";import{t as S}from"./RangeSlider-gznGiBxe.js";import{t as C}from"./Switch-CpclSBFz.js";import{t as w}from"./TextareaField-FzIH0QHs.js";import{t as T}from"./TextField-Ch_1Y9U9.js";import{setRating as E,t as te}from"./RatingInput.stories-BJ91kNqc.js";function D(e){let t,n=Array.isArray(e),r=typeof FileList<`u`?e instanceof FileList:!1;if(e instanceof Date)t=new Date(e);else if(!(be&&(e instanceof Blob||r))&&(n||F(e)))if(t=n?[]:Object.create(Object.getPrototypeOf(e)),!n&&!ye(e))t=e;else for(let n in e)e.hasOwnProperty(n)&&(t[n]=D(e[n]));else return e;return t}function ne(e){let t=we(),{control:n=t.control,disabled:r,name:i,exact:a}=e||{},[o,s]=M.useState(n._formState),c=M.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Ee(()=>n._subscribe({name:i,formState:c.current,exact:a,callback:e=>{!r&&s({...n._formState,...e})}}),[i,r,a]),M.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),M.useMemo(()=>Te(o,n,c.current,!1),[o,n])}function O(e,t,n=new WeakSet){if(Oe(e)||Oe(t))return e===t;if(N(e)&&N(t))return e.getTime()===t.getTime();let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(n.has(e)||n.has(t))return!0;n.add(e),n.add(t);for(let a of r){let r=e[a];if(!i.includes(a))return!1;if(a!==`ref`){let e=t[a];if(N(r)&&N(e)||F(r)&&F(e)||Array.isArray(r)&&Array.isArray(e)?!O(r,e,n):r!==e)return!1}}return!0}function re(e){let t=we(),{control:n=t.control,name:r,defaultValue:i,disabled:a,exact:o,compute:s}=e||{},c=M.useRef(i),l=M.useRef(s),u=M.useRef(void 0);l.current=s;let d=M.useMemo(()=>n._getWatch(r,c.current),[n,r]),[f,p]=M.useState(l.current?l.current(d):d);return Ee(()=>n._subscribe({name:r,formState:{values:!0},exact:o,callback:e=>{if(!a){let t=De(r,n._names,e.values||n._formValues,!1,c.current);if(l.current){let e=l.current(t);O(e,u.current)||(p(e),u.current=e)}else p(t)}}}),[n,a,r,o]),M.useEffect(()=>n._removeUnmounted()),f}function ie(e){let t=we(),{name:n,disabled:r,control:i=t.control,shouldUnregister:a,defaultValue:o}=e,s=ve(i._names.array,n),c=re({control:i,name:n,defaultValue:M.useMemo(()=>z(i._formValues,n,z(i._defaultValues,n,o)),[i,n,o]),exact:!0}),l=ne({control:i,name:n,exact:!0}),u=M.useRef(e),d=M.useRef(void 0),f=M.useRef(i.register(n,{...e.rules,value:c,...B(e.disabled)?{disabled:e.disabled}:{}}));u.current=e;let p=M.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!z(l.errors,n)},isDirty:{enumerable:!0,get:()=>!!z(l.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!z(l.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!z(l.validatingFields,n)},error:{enumerable:!0,get:()=>z(l.errors,n)}}),[l,n]),m=M.useCallback(e=>f.current.onChange({target:{value:ge(e),name:n},type:Se.CHANGE}),[n]),h=M.useCallback(()=>f.current.onBlur({target:{value:z(i._formValues,n),name:n},type:Se.BLUR}),[n,i._formValues]),g=M.useCallback(e=>{let t=z(i._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})},[i._fields,n]),_=M.useMemo(()=>({name:n,value:c,...B(r)||l.disabled?{disabled:l.disabled||r}:{},onChange:m,onBlur:h,ref:g}),[n,r,l.disabled,m,h,g,c]);return M.useEffect(()=>{let e=i._options.shouldUnregister||a,t=d.current;t&&t!==n&&!s&&i.unregister(t),i.register(n,{...u.current.rules,...B(u.current.disabled)?{disabled:u.current.disabled}:{}});let r=(e,t)=>{let n=z(i._fields,e);n&&n._f&&(n._f.mount=t)};if(r(n,!0),e){let e=D(z(i._options.defaultValues,n,u.current.defaultValue));V(i._defaultValues,n,e),L(z(i._formValues,n))&&V(i._formValues,n,e)}return!s&&i.register(n),d.current=n,()=>{(s?e&&!i._state.action:e)?i.unregister(n):r(n,!1)}},[n,i,s,a]),M.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),M.useMemo(()=>({field:_,formState:l,fieldState:p}),[_,l,p])}function ae(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&F(i)&&a){let e=ae(i,a);F(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}function k(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;)e=L(e)?r++:e[t[r++]];return e}function oe(e){for(let t in e)if(e.hasOwnProperty(t)&&!L(e[t]))return!1;return!0}function A(e,t){let n=Array.isArray(t)?t:I(t)?[t]:R(t),r=n.length===1?e:k(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(F(r)&&K(r)||Array.isArray(r)&&oe(r))&&A(e,n.slice(0,-1)),e}function se(e){return Array.isArray(e)||F(e)&&!Re(e)}function j(e,t={}){for(let n in e)se(e[n])?(t[n]=Array.isArray(e[n])?[]:{},j(e[n],t[n])):L(e[n])||(t[n]=!0);return t}function ce(e,t,n){n||=j(t);for(let r in e)se(e[r])?L(t)||Oe(n[r])?n[r]=j(e[r],Array.isArray(e[r])?[]:{}):ce(e[r],P(t)?{}:t[r],n[r]):n[r]=!O(e[r],t[r]);return n}function le(e){let t=e.ref;return Me(t)?t.files:Fe(t)?We(e.refs).value:Pe(t)?[...t.selectedOptions].map(({value:e})=>e):me(t)?Ve(e.refs).value:He(L(t.value)?e.ref.value:t.value,e)}function ue(e,t,n){let r=z(e,n);if(r||I(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=z(t,r),o=z(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}function de(e,t,n=`validate`){if(W(e)||Array.isArray(e)&&e.every(W)||B(e)&&!e)return{type:n,message:W(e)?e:``,ref:t}}function fe(e={}){let t={...ot,...e},n={submitCount:0,isDirty:!1,isReady:!1,isLoading:q(t.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1},r={},i=(F(t.defaultValues)||F(t.values))&&D(t.defaultValues||t.values)||{},a=t.shouldUnregister?{}:D(i),o={action:!1,mount:!1,watch:!1},s={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},c,l=0,u={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},d={...u},f={array:je(),state:je()},p=t.criteriaMode===H.all,m=e=>t=>{clearTimeout(l),l=setTimeout(e,t)},h=async e=>{if(!t.disabled&&(u.isValid||d.isValid||e)){let e=t.resolver?K((await S()).errors):await w(r,!0);e!==n.isValid&&f.state.next({isValid:e})}},g=(e,r)=>{!t.disabled&&(u.isValidating||u.validatingFields||d.isValidating||d.validatingFields)&&((e||Array.from(s.mount)).forEach(e=>{e&&(r?V(n.validatingFields,e,r):A(n.validatingFields,e))}),f.state.next({validatingFields:n.validatingFields,isValidating:!K(n.validatingFields)}))},_=(e,s=[],c,l,p=!0,m=!0)=>{if(l&&c&&!t.disabled){if(o.action=!0,m&&Array.isArray(z(r,e))){let t=c(z(r,e),l.argA,l.argB);p&&V(r,e,t)}if(m&&Array.isArray(z(n.errors,e))){let t=c(z(n.errors,e),l.argA,l.argB);p&&V(n.errors,e,t),rt(n.errors,e)}if((u.touchedFields||d.touchedFields)&&m&&Array.isArray(z(n.touchedFields,e))){let t=c(z(n.touchedFields,e),l.argA,l.argB);p&&V(n.touchedFields,e,t)}(u.dirtyFields||d.dirtyFields)&&(n.dirtyFields=ce(i,a)),f.state.next({name:e,isDirty:E(e,s),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else V(a,e,s)},v=(e,t)=>{V(n.errors,e,t),f.state.next({errors:n.errors})},y=e=>{n.errors=e,f.state.next({errors:n.errors,isValid:!1})},b=(e,t,n,s)=>{let c=z(r,e);if(c){let r=z(a,e,L(n)?z(i,e):n);L(r)||s&&s.defaultChecked||t?V(a,e,t?r:le(c._f)):re(e,r),o.mount&&h()}},x=(e,r,a,o,s)=>{let c=!1,l=!1,p={name:e};if(!t.disabled){if(!a||o){(u.isDirty||d.isDirty)&&(l=n.isDirty,n.isDirty=p.isDirty=E(),c=l!==p.isDirty);let t=O(z(i,e),r);l=!!z(n.dirtyFields,e),t?A(n.dirtyFields,e):V(n.dirtyFields,e,!0),p.dirtyFields=n.dirtyFields,c||=(u.dirtyFields||d.dirtyFields)&&l!==!t}if(a){let t=z(n.touchedFields,e);t||(V(n.touchedFields,e,a),p.touchedFields=n.touchedFields,c||=(u.touchedFields||d.touchedFields)&&t!==a)}c&&s&&f.state.next(p)}return c?p:{}},ee=(e,r,i,a)=>{let o=z(n.errors,e),s=(u.isValid||d.isValid)&&B(r)&&n.isValid!==r;if(t.delayError&&i?(c=m(()=>v(e,i)),c(t.delayError)):(clearTimeout(l),c=null,i?V(n.errors,e,i):A(n.errors,e)),(i?!O(o,i):o)||!K(a)||s){let t={...a,...s&&B(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},f.state.next(t)}},S=async e=>{g(e,!0);let n=await t.resolver(a,t.context,Ge(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation));return g(e),n},C=async e=>{let{errors:t}=await S(e);if(e)for(let r of e){let e=z(t,r);e?V(n.errors,r,e):A(n.errors,r)}else n.errors=t;return t},w=async(e,r,i={valid:!0})=>{for(let o in e){let c=e[o];if(c){let{_f:e,...o}=c;if(e){let o=s.array.has(e.name),l=c._f&&Xe(c._f);l&&u.validatingFields&&g([e.name],!0);let d=await at(c,s.disabled,a,p,t.shouldUseNativeValidation&&!r,o);if(l&&u.validatingFields&&g([e.name]),d[e.name]&&(i.valid=!1,r))break;!r&&(z(d,e.name)?o?it(n.errors,d,e.name):V(n.errors,e.name,d[e.name]):A(n.errors,e.name))}!K(o)&&await w(o,r,i)}}return i.valid},T=()=>{for(let e of s.unMount){let t=z(r,e);t&&(t._f.refs?t._f.refs.every(e=>!Le(e)):!Le(t._f.ref))&&I(e)}s.unMount=new Set},E=(e,n)=>!t.disabled&&(e&&n&&V(a,e,n),!O(de(),i)),te=(e,t,n)=>De(e,s,{...o.mount?a:L(t)?i:W(e)?{[e]:t}:t},n,t),ne=e=>xe(z(o.mount?a:i,e,t.shouldUnregister?z(i,e,[]):[])),re=(e,t,n={})=>{let i=z(r,e),o=t;if(i){let n=i._f;n&&(!n.disabled&&V(a,e,He(t,n)),o=Ne(n.ref)&&P(t)?``:t,Pe(n.ref)?[...n.ref.options].forEach(e=>e.selected=o.includes(e.value)):n.refs?me(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(o)?e.checked=!!o.find(t=>t===e.value):e.checked=o===e.value||!!o)}):n.refs.forEach(e=>e.checked=e.value===o):Me(n.ref)?n.ref.value=``:(n.ref.value=o,n.ref.type||f.state.next({name:e,values:D(a)})))}(n.shouldDirty||n.shouldTouch)&&x(e,o,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&j(e)},ie=(e,t,n)=>{for(let i in t){if(!t.hasOwnProperty(i))return;let a=t[i],o=e+`.`+i,c=z(r,o);(s.array.has(e)||F(a)||c&&!c._f)&&!N(a)?ie(o,a,n):re(o,a,n)}},k=(e,t,c={})=>{let l=z(r,e),p=s.array.has(e),m=D(t);V(a,e,m),p?(f.array.next({name:e,values:D(a)}),(u.isDirty||u.dirtyFields||d.isDirty||d.dirtyFields)&&c.shouldDirty&&f.state.next({name:e,dirtyFields:ce(i,a),isDirty:E(e,m)})):l&&!l._f&&!P(m)?ie(e,m,c):re(e,m,c),Qe(e,s)&&f.state.next({...n,name:e}),f.state.next({name:o.mount?e:void 0,values:D(a)})},oe=async e=>{o.mount=!0;let i=e.target,l=i.name,m=!0,_=z(r,l),v=e=>{m=Number.isNaN(e)||N(e)&&isNaN(e.getTime())||O(e,z(a,l,e))},y=Je(t.mode),b=Je(t.reValidateMode);if(_){let o,C,T=i.type?le(_._f):ge(e),E=e.type===Se.BLUR||e.type===Se.FOCUS_OUT,te=!Ze(_._f)&&!t.resolver&&!z(n.errors,l)&&!_._f.deps||nt(E,z(n.touchedFields,l),n.isSubmitted,b,y),ne=Qe(l,s,E);V(a,l,T),E?(!i||!i.readOnly)&&(_._f.onBlur&&_._f.onBlur(e),c&&c(0)):_._f.onChange&&_._f.onChange(e);let O=x(l,T,E),re=!K(O)||ne;if(!E&&f.state.next({name:l,type:e.type,values:D(a)}),te)return(u.isValid||d.isValid)&&(t.mode===`onBlur`?E&&h():E||h()),re&&f.state.next({name:l,...ne?{}:O});if(!E&&ne&&f.state.next({...n}),t.resolver){let{errors:e}=await S([l]);if(v(T),m){let t=ue(n.errors,r,l),i=ue(e,r,t.name||l);o=i.error,l=i.name,C=K(e)}}else g([l],!0),o=(await at(_,s.disabled,a,p,t.shouldUseNativeValidation))[l],g([l]),v(T),m&&(o?C=!1:(u.isValid||d.isValid)&&(C=await w(r,!0)));m&&(_._f.deps&&(!Array.isArray(_._f.deps)||_._f.deps.length>0)&&j(_._f.deps),ee(l,C,o,O))}},se=(e,t)=>{if(z(n.errors,t)&&e.focus)return e.focus(),1},j=async(e,i={})=>{let a,o,c=Ae(e);if(t.resolver){let t=await C(L(e)?e:c);a=K(t),o=e?!c.some(e=>z(t,e)):a}else e?(o=(await Promise.all(c.map(async e=>{let t=z(r,e);return await w(t&&t._f?{[e]:t}:t)}))).every(Boolean),!(!o&&!n.isValid)&&h()):o=a=await w(r);return f.state.next({...!W(e)||(u.isValid||d.isValid)&&a!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:a}:{},errors:n.errors}),i.shouldFocus&&!o&&$e(r,se,e?c:s.mount),o},de=(e,t)=>{let r={...o.mount?a:i};return t&&(r=ae(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),L(e)?r:W(e)?z(r,e):e.map(e=>z(r,e))},fe=(e,t)=>({invalid:!!z((t||n).errors,e),isDirty:!!z((t||n).dirtyFields,e),error:z((t||n).errors,e),isValidating:!!z(n.validatingFields,e),isTouched:!!z((t||n).touchedFields,e)}),pe=e=>{e&&Ae(e).forEach(e=>A(n.errors,e)),f.state.next({errors:e?n.errors:{}})},M=(e,t,i)=>{let a=(z(r,e,{_f:{}})._f||{}).ref,{ref:o,message:s,type:c,...l}=z(n.errors,e)||{};V(n.errors,e,{...l,...t,ref:a}),f.state.next({name:e,errors:n.errors,isValid:!1}),i&&i.shouldFocus&&a&&a.focus&&a.focus()},he=(e,t)=>q(e)?f.state.subscribe({next:n=>`values`in n&&e(te(void 0,t),n)}):te(e,t,!0),_e=e=>f.state.subscribe({next:t=>{tt(e.name,t.name,e.exact)&&et(t,e.formState||u,Fe,e.reRenderRoot)&&e.callback({values:{...a},...n,...t,defaultValues:i})}}).unsubscribe,ye=e=>(o.mount=!0,d={...d,...e.formState},_e({...e,formState:d})),I=(e,o={})=>{for(let c of e?Ae(e):s.mount)s.mount.delete(c),s.array.delete(c),o.keepValue||(A(r,c),A(a,c)),!o.keepError&&A(n.errors,c),!o.keepDirty&&A(n.dirtyFields,c),!o.keepTouched&&A(n.touchedFields,c),!o.keepIsValidating&&A(n.validatingFields,c),!t.shouldUnregister&&!o.keepDefaultValue&&A(i,c);f.state.next({values:D(a)}),f.state.next({...n,...o.keepDirty?{isDirty:E()}:{}}),!o.keepIsValid&&h()},R=({disabled:e,name:t})=>{(B(e)&&o.mount||e||s.disabled.has(t))&&(e?s.disabled.add(t):s.disabled.delete(t))},U=(e,n={})=>{let a=z(r,e),c=B(n.disabled)||B(t.disabled);return V(r,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...n}}),s.mount.add(e),a?R({disabled:B(n.disabled)?n.disabled:t.disabled,name:e}):b(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:qe(n.min),max:qe(n.max),minLength:qe(n.minLength),maxLength:qe(n.maxLength),pattern:qe(n.pattern)}:{},name:e,onChange:oe,onBlur:oe,ref:c=>{if(c){U(e,n),a=z(r,e);let t=L(c.value)&&c.querySelectorAll&&c.querySelectorAll(`input,select,textarea`)[0]||c,o=Ie(t),s=a._f.refs||[];if(o?s.find(e=>e===t):t===a._f.ref)return;V(r,e,{_f:{...a._f,...o?{refs:[...s.filter(Le),t,...Array.isArray(z(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),b(e,!1,void 0,t)}else a=z(r,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(ve(s.array,e)&&o.action)&&s.unMount.add(e)}}},Ce=()=>t.shouldFocusError&&$e(r,se,s.mount),we=e=>{B(e)&&(f.state.next({disabled:e}),$e(r,(t,n)=>{let i=z(r,n);i&&(t.disabled=i._f.disabled||e,Array.isArray(i._f.refs)&&i._f.refs.forEach(t=>{t.disabled=i._f.disabled||e}))},0,!1))},Te=(e,i)=>async o=>{let c;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let l=D(a);if(f.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await S();n.errors=e,l=D(t)}else await w(r);if(s.disabled.size)for(let e of s.disabled)A(l,e);if(A(n.errors,`root`),K(n.errors)){f.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),Ce(),setTimeout(Ce);if(f.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:K(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},Ee=(e,t={})=>{z(r,e)&&(L(t.defaultValue)?k(e,D(z(i,e))):(k(e,t.defaultValue),V(i,e,D(t.defaultValue))),t.keepTouched||A(n.touchedFields,e),t.keepDirty||(A(n.dirtyFields,e),n.isDirty=t.defaultValue?E(e,D(z(i,e))):E()),t.keepError||(A(n.errors,e),u.isValid&&h()),f.state.next({...n}))},Oe=(e,c={})=>{let l=e?D(e):i,d=D(l),p=K(e),m=p?i:d;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(ce(i,a))]);for(let t of Array.from(e))z(n.dirtyFields,t)?V(m,t,z(a,t)):k(t,z(m,t))}else{if(be&&L(e))for(let e of s.mount){let t=z(r,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(Ne(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)k(e,z(m,e));else r={}}a=t.shouldUnregister?c.keepDefaultValues?D(i):{}:D(m),f.array.next({values:{...m}}),f.state.next({values:{...m}})}s={mount:c.keepDirtyValues?s.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},o.mount=!u.isValid||!!c.keepIsValid||!!c.keepDirtyValues,o.watch=!!t.shouldUnregister,f.state.next({submitCount:c.keepSubmitCount?n.submitCount:0,isDirty:p?!1:c.keepDirty?n.isDirty:!!(c.keepDefaultValues&&!O(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:p?{}:c.keepDirtyValues?c.keepDefaultValues&&a?ce(i,a):n.dirtyFields:c.keepDefaultValues&&e?ce(i,e):c.keepDirty?n.dirtyFields:{},touchedFields:c.keepTouched?n.touchedFields:{},errors:c.keepErrors?n.errors:{},isSubmitSuccessful:c.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:i})},G=(e,t)=>Oe(q(e)?e(a):e,t),ke=(e,t={})=>{let n=z(r,e),i=n&&n._f;if(i){let e=i.refs?i.refs[0]:i.ref;e.focus&&(e.focus(),t.shouldSelect&&q(e.select)&&e.select())}},Fe=e=>{n={...n,...e}},Re={control:{register:U,unregister:I,getFieldState:fe,handleSubmit:Te,setError:M,_subscribe:_e,_runSchema:S,_focusError:Ce,_getWatch:te,_getDirty:E,_setValid:h,_setFieldArray:_,_setDisabledField:R,_setErrors:y,_getFieldArray:ne,_reset:Oe,_resetDefaultValues:()=>q(t.defaultValues)&&t.defaultValues().then(e=>{G(e,t.resetOptions),f.state.next({isLoading:!1})}),_removeUnmounted:T,_disableForm:we,_subjects:f,_proxyFormState:u,get _fields(){return r},get _formValues(){return a},get _state(){return o},set _state(e){o=e},get _defaultValues(){return i},get _names(){return s},set _names(e){s=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:ye,trigger:j,register:U,handleSubmit:Te,watch:he,setValue:k,getValues:de,reset:G,resetField:Ee,clearErrors:pe,unregister:I,setError:M,setFocus:ke,getFieldState:fe};return{...Re,formControl:Re}}function pe(e={}){let t=M.useRef(void 0),n=M.useRef(void 0),[r,i]=M.useState({isDirty:!1,isValidating:!1,isLoading:q(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!1,defaultValues:q(e.defaultValues)?void 0:e.defaultValues});if(!t.current)if(e.formControl)t.current={...e.formControl,formState:r},e.defaultValues&&!q(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...i}=fe(e);t.current={...i,formState:r}}let a=t.current.control;return a._options=e,Ee(()=>{let e=a._subscribe({formState:a._proxyFormState,callback:()=>i({...a._formState}),reRenderRoot:!0});return i(e=>({...e,isReady:!0})),a._formState.isReady=!0,e},[a]),M.useEffect(()=>a._disableForm(e.disabled),[a,e.disabled]),M.useEffect(()=>{e.mode&&(a._options.mode=e.mode),e.reValidateMode&&(a._options.reValidateMode=e.reValidateMode)},[a,e.mode,e.reValidateMode]),M.useEffect(()=>{e.errors&&(a._setErrors(e.errors),a._focusError())},[a,e.errors]),M.useEffect(()=>{e.shouldUnregister&&a._subjects.state.next({values:a._getWatch()})},[a,e.shouldUnregister]),M.useEffect(()=>{if(a._proxyFormState.isDirty){let e=a._getDirty();e!==r.isDirty&&a._subjects.state.next({isDirty:e})}},[a,r.isDirty]),M.useEffect(()=>{e.values&&!O(e.values,n.current)?(a._reset(e.values,{keepFieldsRef:!0,...a._options.resetOptions}),n.current=e.values,i(e=>({...e}))):a._resetDefaultValues()},[a,e.values]),M.useEffect(()=>{a._state.mount||(a._setValid(),a._state.mount=!0),a._state.watch&&(a._state.watch=!1,a._subjects.state.next({...a._formState})),a._removeUnmounted()}),t.current.formState=Te(r,a),t.current}var M,me,N,P,he,F,ge,_e,ve,ye,be,I,L,xe,R,z,B,V,Se,H,U,Ce,we,Te,Ee,W,De,Oe,G,ke,Ae,je,K,Me,q,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,J,at,ot,st=t((()=>{M=e(n(),1),me=e=>e.type===`checkbox`,N=e=>e instanceof Date,P=e=>e==null,he=e=>typeof e==`object`,F=e=>!P(e)&&!Array.isArray(e)&&he(e)&&!N(e),ge=e=>F(e)&&e.target?me(e.target)?e.target.checked:e.target.value:e,_e=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,ve=(e,t)=>e.has(_e(t)),ye=e=>{let t=e.constructor&&e.constructor.prototype;return F(t)&&t.hasOwnProperty(`isPrototypeOf`)},be=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`,I=e=>/^\w*$/.test(e),L=e=>e===void 0,xe=e=>Array.isArray(e)?e.filter(Boolean):[],R=e=>xe(e.replace(/["|']|\]/g,``).split(/\.|\[/)),z=(e,t,n)=>{if(!t||!F(e))return n;let r=(I(t)?[t]:R(t)).reduce((e,t)=>P(e)?e:e[t],e);return L(r)||r===e?L(e[t])?n:e[t]:r},B=e=>typeof e==`boolean`,V=(e,t,n)=>{let r=-1,i=I(t)?[t]:R(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=F(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(t===`__proto__`||t===`constructor`||t===`prototype`)return;e[t]=a,e=e[t]}},Se={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`},H={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},U={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},Ce=M.createContext(null),Ce.displayName=`HookFormContext`,we=()=>M.useContext(Ce),Te=(e,t,n,r=!0)=>{let i={defaultValues:t._defaultValues};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==H.all&&(t._proxyFormState[i]=!r||H.all),n&&(n[i]=!0),e[i]}});return i},Ee=typeof window<`u`?M.useLayoutEffect:M.useEffect,W=e=>typeof e==`string`,De=(e,t,n,r,i)=>W(e)?(r&&t.watch.add(e),z(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),z(n,e))):(r&&(t.watchAll=!0),n),Oe=e=>P(e)||!he(e),G=e=>e.render(ie(e)),ke=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},Ae=e=>Array.isArray(e)?e:[e],je=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}},K=e=>F(e)&&!Object.keys(e).length,Me=e=>e.type===`file`,q=e=>typeof e==`function`,Ne=e=>{if(!be)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},Pe=e=>e.type===`select-multiple`,Fe=e=>e.type===`radio`,Ie=e=>Fe(e)||me(e),Le=e=>Ne(e)&&e.isConnected,Re=e=>{for(let t in e)if(q(e[t]))return!0;return!1},ze={value:!1,isValid:!1},Be={value:!0,isValid:!0},Ve=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!L(e[0].attributes.value)?L(e[0].value)||e[0].value===``?Be:{value:e[0].value,isValid:!0}:Be:ze}return ze},He=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>L(e)?e:t?e===``?NaN:e&&+e:n&&W(e)?new Date(e):r?r(e):e,Ue={isValid:!1,value:null},We=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,Ue):Ue,Ge=(e,t,n,r)=>{let i={};for(let n of e){let e=z(t,n);e&&V(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},Ke=e=>e instanceof RegExp,qe=e=>L(e)?e:Ke(e)?e.source:F(e)?Ke(e.value)?e.value.source:e.value:e,Je=e=>({isOnSubmit:!e||e===H.onSubmit,isOnBlur:e===H.onBlur,isOnChange:e===H.onChange,isOnAll:e===H.all,isOnTouch:e===H.onTouched}),Ye=`AsyncFunction`,Xe=e=>!!e&&!!e.validate&&!!(q(e.validate)&&e.validate.constructor.name===Ye||F(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===Ye)),Ze=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),Qe=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(t)&&/^\.\w+/.test(e.slice(t.length)))),$e=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=z(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if($e(a,t))break}else if(F(a)&&$e(a,t))break}}},et=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return K(a)||Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||H.all))},tt=(e,t,n)=>!e||!t||e===t||Ae(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),nt=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,rt=(e,t)=>!xe(z(e,t)).length&&A(e,t),it=(e,t,n)=>{let r=Ae(z(e,n));return V(r,`root`,t[n]),V(e,n,r),e},J=e=>F(e)&&!Ke(e)?e:{value:e,message:``},at=async(e,t,n,r,i,a)=>{let{ref:o,refs:s,required:c,maxLength:l,minLength:u,min:d,max:f,pattern:p,validate:m,name:h,valueAsNumber:g,mount:_}=e._f,v=z(n,h);if(!_||t.has(h))return{};let y=s?s[0]:o,b=e=>{i&&y.reportValidity&&(y.setCustomValidity(B(e)?``:e||``),y.reportValidity())},x={},ee=Fe(o),S=me(o),C=ee||S,w=(g||Me(o))&&L(o.value)&&L(v)||Ne(o)&&o.value===``||v===``||Array.isArray(v)&&!v.length,T=ke.bind(null,h,r,x),E=(e,t,n,r=U.maxLength,i=U.minLength)=>{let a=e?t:n;x[h]={type:e?r:i,message:a,ref:o,...T(e?r:i,a)}};if(a?!Array.isArray(v)||!v.length:c&&(!C&&(w||P(v))||B(v)&&!v||S&&!Ve(s).isValid||ee&&!We(s).isValid)){let{value:e,message:t}=W(c)?{value:!!c,message:c}:J(c);if(e&&(x[h]={type:U.required,message:t,ref:y,...T(U.required,t)},!r))return b(t),x}if(!w&&(!P(d)||!P(f))){let e,t,n=J(f),i=J(d);if(!P(v)&&!isNaN(v)){let r=o.valueAsNumber||v&&+v;P(n.value)||(e=r>n.value),P(i.value)||(t=r<i.value)}else{let r=o.valueAsDate||new Date(v),a=e=>new Date(new Date().toDateString()+` `+e),s=o.type==`time`,c=o.type==`week`;W(n.value)&&v&&(e=s?a(v)>a(n.value):c?v>n.value:r>new Date(n.value)),W(i.value)&&v&&(t=s?a(v)<a(i.value):c?v<i.value:r<new Date(i.value))}if((e||t)&&(E(!!e,n.message,i.message,U.max,U.min),!r))return b(x[h].message),x}if((l||u)&&!w&&(W(v)||a&&Array.isArray(v))){let e=J(l),t=J(u),n=!P(e.value)&&v.length>+e.value,i=!P(t.value)&&v.length<+t.value;if((n||i)&&(E(n,e.message,t.message),!r))return b(x[h].message),x}if(p&&!w&&W(v)){let{value:e,message:t}=J(p);if(Ke(e)&&!v.match(e)&&(x[h]={type:U.pattern,message:t,ref:o,...T(U.pattern,t)},!r))return b(t),x}if(m){if(q(m)){let e=de(await m(v,n),y);if(e&&(x[h]={...e,...T(U.validate,e.message)},!r))return b(e.message),x}else if(F(m)){let e={};for(let t in m){if(!K(e)&&!r)break;let i=de(await m[t](v,n),y,t);i&&(e={...i,...T(t,i.message)},b(i.message),r&&(x[h]=e))}if(!K(e)&&(x[h]={ref:y,...e},!r))return x}}return b(!0),x},ot={mode:H.onSubmit,reValidateMode:H.onChange,shouldFocusError:!0}})),Y,X,Z,Q,ct,lt,ut,$,dt;t((()=>{e(n(),1),o(),st(),v(),te(),Y=r(),{userEvent:X,expect:Z,within:Q,waitFor:ct,fn:lt}=__STORYBOOK_MODULE_TEST__,ut={title:`Guides/Integration with React Hook Form`,args:{onSubmit:lt()}},$={render:function(e){return(0,Y.jsx)(()=>{let{register:t,handleSubmit:n,formState:{errors:r},reset:o,control:v}=pe({defaultValues:{fullName:``,email:``,age:void 0,country:``,password:``,confirmPassword:``,bio:``,privacyPolicyAccepted:!1,experienceLevel:50,priceRange:[25,75],emailNotifications:!0,englishLevel:null,skills:[],marketing:[`emails`,`push`],registrationExperience:0}});return(0,Y.jsx)(`div`,{style:{maxWidth:`600px`,margin:`0 auto`,padding:`20px`},children:(0,Y.jsxs)(h,{direction:`column`,gap:`16`,children:[(0,Y.jsx)(i,{variant:`extraLarge`,tag:`h1`,children:`User Registration Form`}),(0,Y.jsxs)(`form`,{onSubmit:n(e.onSubmit),style:{display:`contents`},noValidate:!0,children:[(0,Y.jsx)(T,{label:`Full Name`,...t(`fullName`,{required:`Full name is required`}),error:r.fullName?.message,required:!0}),(0,Y.jsx)(T,{label:`Email`,type:`email`,...t(`email`,{required:`Email is required`}),error:r.email?.message,required:!0}),(0,Y.jsx)(g,{label:`Age`,...t(`age`,{valueAsNumber:!0,required:`Age is required`,min:{value:18,message:`You must be at least 18 years old`}}),min:18,max:120,error:r.age?.message,required:!0}),(0,Y.jsx)(G,{name:`country`,control:v,rules:{required:`Country is required`},render:({field:e})=>(0,Y.jsxs)(x,{ref:e.ref,label:`Country`,placeholder:``,error:r.country?.message,required:!0,disabled:e.disabled,value:e.value,onBlur:e.onBlur,onValueChange:e.onChange,children:[(0,Y.jsx)(b,{value:`us`,children:`United States`}),(0,Y.jsx)(b,{value:`ca`,children:`Canada`}),(0,Y.jsx)(b,{value:`uk`,children:`United Kingdom`}),(0,Y.jsx)(b,{value:`de`,children:`Germany`}),(0,Y.jsx)(b,{value:`fr`,children:`France`}),(0,Y.jsx)(b,{value:`it`,children:`Italy`}),(0,Y.jsx)(b,{value:`es`,children:`Spain`}),(0,Y.jsx)(b,{value:`au`,children:`Australia`}),(0,Y.jsx)(b,{value:`jp`,children:`Japan`}),(0,Y.jsx)(b,{value:`other`,children:`Other`})]})}),(0,Y.jsx)(_,{label:`Password`,...t(`password`,{required:`Password is required`,minLength:{value:8,message:`Password must be at least 8 characters`},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,message:`Password must contain at least one uppercase letter, one lowercase letter, one number, and one special character`}}),error:r.password?.message,required:!0}),(0,Y.jsx)(_,{label:`Confirm Password`,...t(`confirmPassword`,{required:`Please confirm your password`,validate:(e,t)=>e===t.password||`Passwords do not match`}),error:r.confirmPassword?.message,required:!0}),(0,Y.jsx)(w,{label:`Bio`,...t(`bio`,{maxLength:{value:500,message:`Bio must be less than 500 characters`}}),error:r.bio?.message}),(0,Y.jsx)(G,{name:`experienceLevel`,control:v,rules:{validate:{minValue:e=>e<50?`Must be above 50`:!0}},render:({field:e})=>(0,Y.jsx)(m,{label:`Experience Level`,error:r.experienceLevel?.message,children:(0,Y.jsx)(ee,{value:e.value,onValueChange:e.onChange,min:0,max:100,"aria-label":`Experience Level`})})}),(0,Y.jsx)(G,{name:`priceRange`,control:v,rules:{validate:{minValue:([e])=>e<=25?`Minimum must be above 25`:!0,maxValue:([,e])=>e>=75?`Maximum must be below 75`:!0}},render:({field:e})=>(0,Y.jsx)(m,{label:`Price`,error:r.priceRange?.message,children:(0,Y.jsx)(S,{value:e.value,onValueChange:e.onChange,min:0,max:100,"aria-label":`Price Range`})})}),(0,Y.jsx)(G,{name:`emailNotifications`,control:v,render:({field:e})=>(0,Y.jsx)(m,{label:`Email Notifications`,description:`Receive updates and newsletters via email`,error:r.emailNotifications?.message,children:(0,Y.jsx)(C,{checked:e.value,onCheckedChange:e.onChange,"aria-label":`Email Notifications`})})}),(0,Y.jsx)(G,{control:v,name:`englishLevel`,rules:{required:`English level is required`},render:({field:e})=>(0,Y.jsx)(m,{label:`English Level`,required:!0,children:(0,Y.jsxs)(l,{"aria-label":`English Level`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(c,{value:`a0`,children:`A0`}),(0,Y.jsx)(c,{value:`a1`,children:`A1`}),(0,Y.jsx)(c,{value:`a2`,children:`A2`}),(0,Y.jsx)(c,{value:`b1`,children:`B1`}),(0,Y.jsx)(c,{value:`b2`,children:`B2`}),(0,Y.jsx)(c,{value:`c1`,children:`C1`}),(0,Y.jsx)(c,{value:`c2`,children:`C2`})]})})}),(0,Y.jsx)(G,{control:v,name:`skills`,rules:{required:`Skills are required`},render:({field:e})=>(0,Y.jsx)(m,{label:`Skills`,required:!0,children:(0,Y.jsxs)(d,{"aria-label":`Skills`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(u,{value:`vocabulary`,children:`Vocabulary`}),(0,Y.jsx)(u,{value:`speaking`,children:`Speaking`}),(0,Y.jsx)(u,{value:`listening`,children:`Listening`}),(0,Y.jsx)(u,{value:`reading`,children:`Reading`})]})})}),(0,Y.jsx)(G,{control:v,name:`marketing`,rules:{required:`Marketing is required`},render:({field:e})=>(0,Y.jsx)(m,{label:`Marketing`,description:`How do you want to receive marketing communications?`,required:!0,children:(0,Y.jsxs)(p,{"aria-label":`Marketing`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(f,{value:`emails`,children:`Marketing emails`}),(0,Y.jsx)(f,{value:`push`,children:`Push notifications`})]})})}),(0,Y.jsx)(m,{label:`Accept Privacy Policy`,description:`I accept the Privacy Policy`,error:r.privacyPolicyAccepted?.message,hideLabel:!0,children:(0,Y.jsx)(s,{...t(`privacyPolicyAccepted`,{required:`You must accept the Privacy Policy`})})}),(0,Y.jsx)(G,{name:`registrationExperience`,control:v,render:({field:e})=>(0,Y.jsx)(m,{label:`Rate the registration experience`,description:`Was the form easy to understand?`,error:r.registrationExperience?.message,id:`registrationExperienceField`,children:(0,Y.jsx)(y,{value:e.value,onValueChange:e.onChange})})}),(0,Y.jsxs)(h,{gap:`12`,padding:[`20`,`0`,`0`],justifyContent:`end`,children:[(0,Y.jsx)(a,{onClick:()=>o(),variant:`secondary`,children:`Reset`}),(0,Y.jsx)(a,{submitsForm:!0,children:`Submit`})]})]})]})})},{})},play:async({args:e,canvasElement:t,step:n})=>{let r=Q(t);await n(`Fill full name field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Full Name`}),`John Doe`)}),await n(`Fill email field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Email`}),`john.doe@example.com`)}),await n(`Fill age field`,async()=>{await X.clear(r.getByRole(`spinbutton`,{name:`Age`})),await X.type(r.getByRole(`spinbutton`,{name:`Age`}),`25`)}),await n(`Fill country field`,async()=>{r.getByRole(`combobox`,{name:`Country`}).focus(),await X.keyboard(`{Enter}`.repeat(2))}),await n(`Fill password field`,async()=>{await X.type(r.getByLabelText(/^Password/),`TestPassword123!`)}),await n(`Fill confirm password field`,async()=>{await X.type(r.getByLabelText(/^Confirm Password/),`TestPassword123!`)}),await n(`Fill bio field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Bio`}),`I am a software engineer with 5 years of experience.`)}),await n(`Move experience level slider`,async()=>{r.getByRole(`slider`,{name:`Experience Level`}).focus(),await X.keyboard(`{ArrowRight}`.repeat(5))}),await n(`Move price range slider minimum`,async()=>{r.getByRole(`slider`,{name:`Minimum Price Range`}).focus(),await X.keyboard(`{ArrowRight}`.repeat(2))}),await n(`Move price range slider maximum`,async()=>{r.getByRole(`slider`,{name:`Maximum Price Range`}).focus(),await X.keyboard(`{ArrowLeft}`.repeat(2))}),await n(`Select english level`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`English Level`})).getByRole(`option`,{name:`B2`});await X.click(e)}),await n(`Select reading skill`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`Skills`})).getByRole(`option`,{name:`Reading`});await X.click(e)}),await n(`Select listening skill`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`Skills`})).getByRole(`option`,{name:`Listening`});await X.click(e)}),await n(`Dismiss push notifications`,async()=>{let e=Q(r.getByRole(`list`,{name:`Marketing`})).getByRole(`button`,{name:`Remove Push notifications`});await X.click(e)}),await n(`Accept privacy policy`,async()=>{let e=r.getByRole(`checkbox`,{name:`Accept Privacy Policy`});await X.click(e)}),await n(`Toggle email notifications`,async()=>{await X.click(r.getByRole(`switch`,{name:`Email Notifications`}))});let i=t.querySelector(`#registrationExperienceField`);if(!i)throw Error(`#registrationExperienceField is not in the canvas`);if(!(i instanceof HTMLElement))throw Error(`#registrationExperienceField is not a valid HTMLElement`);await n(`Rate the registration form`,async()=>{await E({value:5,rating:i})}),await n(`Submit the form`,async()=>{await X.click(r.getByRole(`button`,{name:`Submit`}))}),await n(`Assert that onSubmit was called with correct data`,async()=>{await ct(()=>{Z(e.onSubmit).toHaveBeenCalledWith({fullName:`John Doe`,email:`john.doe@example.com`,age:25,country:`us`,password:`TestPassword123!`,confirmPassword:`TestPassword123!`,bio:`I am a software engineer with 5 years of experience.`,privacyPolicyAccepted:!0,experienceLevel:55,priceRange:[27,73],emailNotifications:!1,englishLevel:`b2`,skills:[`reading`,`listening`],marketing:[`emails`],registrationExperience:5},Z.anything())})}),await n(`Reset the form`,async()=>{await X.click(r.getByRole(`button`,{name:`Reset`}))}),await n(`Assert all fields are cleared`,async()=>{await ct(()=>{Z(r.getByRole(`textbox`,{name:`Full Name`})).not.toHaveValue(),Z(r.getByRole(`textbox`,{name:`Email`})).not.toHaveValue(),Z(r.getByRole(`spinbutton`,{name:`Age`})).not.toHaveValue(),Z(r.getByRole(`combobox`,{name:`Country`})).not.toHaveValue(),Z(r.getByLabelText(/^Password/)).not.toHaveValue(),Z(r.getByLabelText(/^Confirm Password/)).not.toHaveValue(),Z(r.getByRole(`textbox`,{name:`Bio`})).not.toHaveValue(),Z(r.getByRole(`checkbox`,{name:`Accept Privacy Policy`})).not.toBeChecked(),Z(r.getByRole(`switch`,{name:`Email Notifications`})).toHaveAttribute(`aria-checked`,`true`),Z(r.getByRole(`slider`,{name:`Experience Level`})).toHaveAttribute(`aria-valuenow`,`50`),Z(r.getByRole(`slider`,{name:`Minimum Price Range`})).toHaveAttribute(`aria-valuenow`,`25`),Z(r.getByRole(`slider`,{name:`Maximum Price Range`})).toHaveAttribute(`aria-valuenow`,`75`),Q(r.getByRole(`listbox`,{name:`English Level`})).getAllByRole(`option`).forEach(e=>{Z(e).toHaveAttribute(`aria-selected`,`false`)}),Q(r.getByRole(`listbox`,{name:`Skills`})).getAllByRole(`option`).forEach(e=>{Z(e).toHaveAttribute(`aria-selected`,`false`)});let e=r.getByRole(`list`,{name:`Marketing`});Z(Q(e).getByRole(`button`,{name:`Remove Marketing emails`})).toBeVisible(),Z(Q(e).getByRole(`button`,{name:`Remove Push notifications`})).toBeVisible();let n=t.querySelector(`#registrationExperienceField`);if(!n)throw Error(`#registrationExperienceField is not in the canvas`);if(!(n instanceof HTMLElement))throw Error(`#registrationExperienceField is not a valid HTMLElement`);Z(n).toHaveAttribute(`aria-valuetext`,`0 out of 5`)})})}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Heading-B3jb_-J8.js";import{t as a}from"./Button--WTUF97E.js";import{r as o}from"./AlertBannerAction-DU-Yr-4k.js";import{t as s}from"./Checkbox-BV4Be-fH.js";import{n as c,t as l}from"./SingleSelectChips-lT5C7a2D.js";import{n as u,t as d}from"./MultiSelectChips-Bs8MJsJe.js";import{n as f,t as p}from"./DismissibleChips-CMpz1ljr.js";import{t as m}from"./FormControl-DoNLVcw2.js";import{t as h}from"./LayoutFlex-BlWwmFhv.js";import{t as g}from"./NumberField-WzHWHpwG.js";import{t as _}from"./PasswordField-D3gN_VbU.js";import{n as v,t as y}from"./RatingInput-BNKHainW.js";import{r as b,t as x}from"./SelectField-CtnC30IK.js";import{t as ee}from"./Slider-BgB4xT6m.js";import{t as S}from"./RangeSlider-CQsn2ggM.js";import{t as C}from"./Switch-DyKTsO1c.js";import{t as w}from"./TextareaField-BAawMK2x.js";import{t as T}from"./TextField-DtzGGo-n.js";import{setRating as E,t as te}from"./RatingInput.stories-D07FYTPA.js";function D(e){let t,n=Array.isArray(e),r=typeof FileList<`u`?e instanceof FileList:!1;if(e instanceof Date)t=new Date(e);else if(!(be&&(e instanceof Blob||r))&&(n||F(e)))if(t=n?[]:Object.create(Object.getPrototypeOf(e)),!n&&!ye(e))t=e;else for(let n in e)e.hasOwnProperty(n)&&(t[n]=D(e[n]));else return e;return t}function ne(e){let t=we(),{control:n=t.control,disabled:r,name:i,exact:a}=e||{},[o,s]=M.useState(n._formState),c=M.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Ee(()=>n._subscribe({name:i,formState:c.current,exact:a,callback:e=>{!r&&s({...n._formState,...e})}}),[i,r,a]),M.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),M.useMemo(()=>Te(o,n,c.current,!1),[o,n])}function O(e,t,n=new WeakSet){if(Oe(e)||Oe(t))return e===t;if(N(e)&&N(t))return e.getTime()===t.getTime();let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(n.has(e)||n.has(t))return!0;n.add(e),n.add(t);for(let a of r){let r=e[a];if(!i.includes(a))return!1;if(a!==`ref`){let e=t[a];if(N(r)&&N(e)||F(r)&&F(e)||Array.isArray(r)&&Array.isArray(e)?!O(r,e,n):r!==e)return!1}}return!0}function re(e){let t=we(),{control:n=t.control,name:r,defaultValue:i,disabled:a,exact:o,compute:s}=e||{},c=M.useRef(i),l=M.useRef(s),u=M.useRef(void 0);l.current=s;let d=M.useMemo(()=>n._getWatch(r,c.current),[n,r]),[f,p]=M.useState(l.current?l.current(d):d);return Ee(()=>n._subscribe({name:r,formState:{values:!0},exact:o,callback:e=>{if(!a){let t=De(r,n._names,e.values||n._formValues,!1,c.current);if(l.current){let e=l.current(t);O(e,u.current)||(p(e),u.current=e)}else p(t)}}}),[n,a,r,o]),M.useEffect(()=>n._removeUnmounted()),f}function ie(e){let t=we(),{name:n,disabled:r,control:i=t.control,shouldUnregister:a,defaultValue:o}=e,s=ve(i._names.array,n),c=re({control:i,name:n,defaultValue:M.useMemo(()=>z(i._formValues,n,z(i._defaultValues,n,o)),[i,n,o]),exact:!0}),l=ne({control:i,name:n,exact:!0}),u=M.useRef(e),d=M.useRef(void 0),f=M.useRef(i.register(n,{...e.rules,value:c,...B(e.disabled)?{disabled:e.disabled}:{}}));u.current=e;let p=M.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!z(l.errors,n)},isDirty:{enumerable:!0,get:()=>!!z(l.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!z(l.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!z(l.validatingFields,n)},error:{enumerable:!0,get:()=>z(l.errors,n)}}),[l,n]),m=M.useCallback(e=>f.current.onChange({target:{value:ge(e),name:n},type:Se.CHANGE}),[n]),h=M.useCallback(()=>f.current.onBlur({target:{value:z(i._formValues,n),name:n},type:Se.BLUR}),[n,i._formValues]),g=M.useCallback(e=>{let t=z(i._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})},[i._fields,n]),_=M.useMemo(()=>({name:n,value:c,...B(r)||l.disabled?{disabled:l.disabled||r}:{},onChange:m,onBlur:h,ref:g}),[n,r,l.disabled,m,h,g,c]);return M.useEffect(()=>{let e=i._options.shouldUnregister||a,t=d.current;t&&t!==n&&!s&&i.unregister(t),i.register(n,{...u.current.rules,...B(u.current.disabled)?{disabled:u.current.disabled}:{}});let r=(e,t)=>{let n=z(i._fields,e);n&&n._f&&(n._f.mount=t)};if(r(n,!0),e){let e=D(z(i._options.defaultValues,n,u.current.defaultValue));V(i._defaultValues,n,e),L(z(i._formValues,n))&&V(i._formValues,n,e)}return!s&&i.register(n),d.current=n,()=>{(s?e&&!i._state.action:e)?i.unregister(n):r(n,!1)}},[n,i,s,a]),M.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),M.useMemo(()=>({field:_,formState:l,fieldState:p}),[_,l,p])}function ae(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&F(i)&&a){let e=ae(i,a);F(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}function k(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;)e=L(e)?r++:e[t[r++]];return e}function oe(e){for(let t in e)if(e.hasOwnProperty(t)&&!L(e[t]))return!1;return!0}function A(e,t){let n=Array.isArray(t)?t:I(t)?[t]:R(t),r=n.length===1?e:k(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(F(r)&&K(r)||Array.isArray(r)&&oe(r))&&A(e,n.slice(0,-1)),e}function se(e){return Array.isArray(e)||F(e)&&!Re(e)}function j(e,t={}){for(let n in e)se(e[n])?(t[n]=Array.isArray(e[n])?[]:{},j(e[n],t[n])):L(e[n])||(t[n]=!0);return t}function ce(e,t,n){n||=j(t);for(let r in e)se(e[r])?L(t)||Oe(n[r])?n[r]=j(e[r],Array.isArray(e[r])?[]:{}):ce(e[r],P(t)?{}:t[r],n[r]):n[r]=!O(e[r],t[r]);return n}function le(e){let t=e.ref;return Me(t)?t.files:Fe(t)?We(e.refs).value:Pe(t)?[...t.selectedOptions].map(({value:e})=>e):me(t)?Ve(e.refs).value:He(L(t.value)?e.ref.value:t.value,e)}function ue(e,t,n){let r=z(e,n);if(r||I(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=z(t,r),o=z(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}function de(e,t,n=`validate`){if(W(e)||Array.isArray(e)&&e.every(W)||B(e)&&!e)return{type:n,message:W(e)?e:``,ref:t}}function fe(e={}){let t={...ot,...e},n={submitCount:0,isDirty:!1,isReady:!1,isLoading:q(t.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1},r={},i=(F(t.defaultValues)||F(t.values))&&D(t.defaultValues||t.values)||{},a=t.shouldUnregister?{}:D(i),o={action:!1,mount:!1,watch:!1},s={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},c,l=0,u={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},d={...u},f={array:je(),state:je()},p=t.criteriaMode===H.all,m=e=>t=>{clearTimeout(l),l=setTimeout(e,t)},h=async e=>{if(!t.disabled&&(u.isValid||d.isValid||e)){let e=t.resolver?K((await S()).errors):await w(r,!0);e!==n.isValid&&f.state.next({isValid:e})}},g=(e,r)=>{!t.disabled&&(u.isValidating||u.validatingFields||d.isValidating||d.validatingFields)&&((e||Array.from(s.mount)).forEach(e=>{e&&(r?V(n.validatingFields,e,r):A(n.validatingFields,e))}),f.state.next({validatingFields:n.validatingFields,isValidating:!K(n.validatingFields)}))},_=(e,s=[],c,l,p=!0,m=!0)=>{if(l&&c&&!t.disabled){if(o.action=!0,m&&Array.isArray(z(r,e))){let t=c(z(r,e),l.argA,l.argB);p&&V(r,e,t)}if(m&&Array.isArray(z(n.errors,e))){let t=c(z(n.errors,e),l.argA,l.argB);p&&V(n.errors,e,t),rt(n.errors,e)}if((u.touchedFields||d.touchedFields)&&m&&Array.isArray(z(n.touchedFields,e))){let t=c(z(n.touchedFields,e),l.argA,l.argB);p&&V(n.touchedFields,e,t)}(u.dirtyFields||d.dirtyFields)&&(n.dirtyFields=ce(i,a)),f.state.next({name:e,isDirty:E(e,s),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else V(a,e,s)},v=(e,t)=>{V(n.errors,e,t),f.state.next({errors:n.errors})},y=e=>{n.errors=e,f.state.next({errors:n.errors,isValid:!1})},b=(e,t,n,s)=>{let c=z(r,e);if(c){let r=z(a,e,L(n)?z(i,e):n);L(r)||s&&s.defaultChecked||t?V(a,e,t?r:le(c._f)):re(e,r),o.mount&&h()}},x=(e,r,a,o,s)=>{let c=!1,l=!1,p={name:e};if(!t.disabled){if(!a||o){(u.isDirty||d.isDirty)&&(l=n.isDirty,n.isDirty=p.isDirty=E(),c=l!==p.isDirty);let t=O(z(i,e),r);l=!!z(n.dirtyFields,e),t?A(n.dirtyFields,e):V(n.dirtyFields,e,!0),p.dirtyFields=n.dirtyFields,c||=(u.dirtyFields||d.dirtyFields)&&l!==!t}if(a){let t=z(n.touchedFields,e);t||(V(n.touchedFields,e,a),p.touchedFields=n.touchedFields,c||=(u.touchedFields||d.touchedFields)&&t!==a)}c&&s&&f.state.next(p)}return c?p:{}},ee=(e,r,i,a)=>{let o=z(n.errors,e),s=(u.isValid||d.isValid)&&B(r)&&n.isValid!==r;if(t.delayError&&i?(c=m(()=>v(e,i)),c(t.delayError)):(clearTimeout(l),c=null,i?V(n.errors,e,i):A(n.errors,e)),(i?!O(o,i):o)||!K(a)||s){let t={...a,...s&&B(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},f.state.next(t)}},S=async e=>{g(e,!0);let n=await t.resolver(a,t.context,Ge(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation));return g(e),n},C=async e=>{let{errors:t}=await S(e);if(e)for(let r of e){let e=z(t,r);e?V(n.errors,r,e):A(n.errors,r)}else n.errors=t;return t},w=async(e,r,i={valid:!0})=>{for(let o in e){let c=e[o];if(c){let{_f:e,...o}=c;if(e){let o=s.array.has(e.name),l=c._f&&Xe(c._f);l&&u.validatingFields&&g([e.name],!0);let d=await at(c,s.disabled,a,p,t.shouldUseNativeValidation&&!r,o);if(l&&u.validatingFields&&g([e.name]),d[e.name]&&(i.valid=!1,r))break;!r&&(z(d,e.name)?o?it(n.errors,d,e.name):V(n.errors,e.name,d[e.name]):A(n.errors,e.name))}!K(o)&&await w(o,r,i)}}return i.valid},T=()=>{for(let e of s.unMount){let t=z(r,e);t&&(t._f.refs?t._f.refs.every(e=>!Le(e)):!Le(t._f.ref))&&I(e)}s.unMount=new Set},E=(e,n)=>!t.disabled&&(e&&n&&V(a,e,n),!O(de(),i)),te=(e,t,n)=>De(e,s,{...o.mount?a:L(t)?i:W(e)?{[e]:t}:t},n,t),ne=e=>xe(z(o.mount?a:i,e,t.shouldUnregister?z(i,e,[]):[])),re=(e,t,n={})=>{let i=z(r,e),o=t;if(i){let n=i._f;n&&(!n.disabled&&V(a,e,He(t,n)),o=Ne(n.ref)&&P(t)?``:t,Pe(n.ref)?[...n.ref.options].forEach(e=>e.selected=o.includes(e.value)):n.refs?me(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(o)?e.checked=!!o.find(t=>t===e.value):e.checked=o===e.value||!!o)}):n.refs.forEach(e=>e.checked=e.value===o):Me(n.ref)?n.ref.value=``:(n.ref.value=o,n.ref.type||f.state.next({name:e,values:D(a)})))}(n.shouldDirty||n.shouldTouch)&&x(e,o,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&j(e)},ie=(e,t,n)=>{for(let i in t){if(!t.hasOwnProperty(i))return;let a=t[i],o=e+`.`+i,c=z(r,o);(s.array.has(e)||F(a)||c&&!c._f)&&!N(a)?ie(o,a,n):re(o,a,n)}},k=(e,t,c={})=>{let l=z(r,e),p=s.array.has(e),m=D(t);V(a,e,m),p?(f.array.next({name:e,values:D(a)}),(u.isDirty||u.dirtyFields||d.isDirty||d.dirtyFields)&&c.shouldDirty&&f.state.next({name:e,dirtyFields:ce(i,a),isDirty:E(e,m)})):l&&!l._f&&!P(m)?ie(e,m,c):re(e,m,c),Qe(e,s)&&f.state.next({...n,name:e}),f.state.next({name:o.mount?e:void 0,values:D(a)})},oe=async e=>{o.mount=!0;let i=e.target,l=i.name,m=!0,_=z(r,l),v=e=>{m=Number.isNaN(e)||N(e)&&isNaN(e.getTime())||O(e,z(a,l,e))},y=Je(t.mode),b=Je(t.reValidateMode);if(_){let o,C,T=i.type?le(_._f):ge(e),E=e.type===Se.BLUR||e.type===Se.FOCUS_OUT,te=!Ze(_._f)&&!t.resolver&&!z(n.errors,l)&&!_._f.deps||nt(E,z(n.touchedFields,l),n.isSubmitted,b,y),ne=Qe(l,s,E);V(a,l,T),E?(!i||!i.readOnly)&&(_._f.onBlur&&_._f.onBlur(e),c&&c(0)):_._f.onChange&&_._f.onChange(e);let O=x(l,T,E),re=!K(O)||ne;if(!E&&f.state.next({name:l,type:e.type,values:D(a)}),te)return(u.isValid||d.isValid)&&(t.mode===`onBlur`?E&&h():E||h()),re&&f.state.next({name:l,...ne?{}:O});if(!E&&ne&&f.state.next({...n}),t.resolver){let{errors:e}=await S([l]);if(v(T),m){let t=ue(n.errors,r,l),i=ue(e,r,t.name||l);o=i.error,l=i.name,C=K(e)}}else g([l],!0),o=(await at(_,s.disabled,a,p,t.shouldUseNativeValidation))[l],g([l]),v(T),m&&(o?C=!1:(u.isValid||d.isValid)&&(C=await w(r,!0)));m&&(_._f.deps&&(!Array.isArray(_._f.deps)||_._f.deps.length>0)&&j(_._f.deps),ee(l,C,o,O))}},se=(e,t)=>{if(z(n.errors,t)&&e.focus)return e.focus(),1},j=async(e,i={})=>{let a,o,c=Ae(e);if(t.resolver){let t=await C(L(e)?e:c);a=K(t),o=e?!c.some(e=>z(t,e)):a}else e?(o=(await Promise.all(c.map(async e=>{let t=z(r,e);return await w(t&&t._f?{[e]:t}:t)}))).every(Boolean),!(!o&&!n.isValid)&&h()):o=a=await w(r);return f.state.next({...!W(e)||(u.isValid||d.isValid)&&a!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:a}:{},errors:n.errors}),i.shouldFocus&&!o&&$e(r,se,e?c:s.mount),o},de=(e,t)=>{let r={...o.mount?a:i};return t&&(r=ae(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),L(e)?r:W(e)?z(r,e):e.map(e=>z(r,e))},fe=(e,t)=>({invalid:!!z((t||n).errors,e),isDirty:!!z((t||n).dirtyFields,e),error:z((t||n).errors,e),isValidating:!!z(n.validatingFields,e),isTouched:!!z((t||n).touchedFields,e)}),pe=e=>{e&&Ae(e).forEach(e=>A(n.errors,e)),f.state.next({errors:e?n.errors:{}})},M=(e,t,i)=>{let a=(z(r,e,{_f:{}})._f||{}).ref,{ref:o,message:s,type:c,...l}=z(n.errors,e)||{};V(n.errors,e,{...l,...t,ref:a}),f.state.next({name:e,errors:n.errors,isValid:!1}),i&&i.shouldFocus&&a&&a.focus&&a.focus()},he=(e,t)=>q(e)?f.state.subscribe({next:n=>`values`in n&&e(te(void 0,t),n)}):te(e,t,!0),_e=e=>f.state.subscribe({next:t=>{tt(e.name,t.name,e.exact)&&et(t,e.formState||u,Fe,e.reRenderRoot)&&e.callback({values:{...a},...n,...t,defaultValues:i})}}).unsubscribe,ye=e=>(o.mount=!0,d={...d,...e.formState},_e({...e,formState:d})),I=(e,o={})=>{for(let c of e?Ae(e):s.mount)s.mount.delete(c),s.array.delete(c),o.keepValue||(A(r,c),A(a,c)),!o.keepError&&A(n.errors,c),!o.keepDirty&&A(n.dirtyFields,c),!o.keepTouched&&A(n.touchedFields,c),!o.keepIsValidating&&A(n.validatingFields,c),!t.shouldUnregister&&!o.keepDefaultValue&&A(i,c);f.state.next({values:D(a)}),f.state.next({...n,...o.keepDirty?{isDirty:E()}:{}}),!o.keepIsValid&&h()},R=({disabled:e,name:t})=>{(B(e)&&o.mount||e||s.disabled.has(t))&&(e?s.disabled.add(t):s.disabled.delete(t))},U=(e,n={})=>{let a=z(r,e),c=B(n.disabled)||B(t.disabled);return V(r,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...n}}),s.mount.add(e),a?R({disabled:B(n.disabled)?n.disabled:t.disabled,name:e}):b(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:qe(n.min),max:qe(n.max),minLength:qe(n.minLength),maxLength:qe(n.maxLength),pattern:qe(n.pattern)}:{},name:e,onChange:oe,onBlur:oe,ref:c=>{if(c){U(e,n),a=z(r,e);let t=L(c.value)&&c.querySelectorAll&&c.querySelectorAll(`input,select,textarea`)[0]||c,o=Ie(t),s=a._f.refs||[];if(o?s.find(e=>e===t):t===a._f.ref)return;V(r,e,{_f:{...a._f,...o?{refs:[...s.filter(Le),t,...Array.isArray(z(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),b(e,!1,void 0,t)}else a=z(r,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(ve(s.array,e)&&o.action)&&s.unMount.add(e)}}},Ce=()=>t.shouldFocusError&&$e(r,se,s.mount),we=e=>{B(e)&&(f.state.next({disabled:e}),$e(r,(t,n)=>{let i=z(r,n);i&&(t.disabled=i._f.disabled||e,Array.isArray(i._f.refs)&&i._f.refs.forEach(t=>{t.disabled=i._f.disabled||e}))},0,!1))},Te=(e,i)=>async o=>{let c;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let l=D(a);if(f.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await S();n.errors=e,l=D(t)}else await w(r);if(s.disabled.size)for(let e of s.disabled)A(l,e);if(A(n.errors,`root`),K(n.errors)){f.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),Ce(),setTimeout(Ce);if(f.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:K(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},Ee=(e,t={})=>{z(r,e)&&(L(t.defaultValue)?k(e,D(z(i,e))):(k(e,t.defaultValue),V(i,e,D(t.defaultValue))),t.keepTouched||A(n.touchedFields,e),t.keepDirty||(A(n.dirtyFields,e),n.isDirty=t.defaultValue?E(e,D(z(i,e))):E()),t.keepError||(A(n.errors,e),u.isValid&&h()),f.state.next({...n}))},Oe=(e,c={})=>{let l=e?D(e):i,d=D(l),p=K(e),m=p?i:d;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(ce(i,a))]);for(let t of Array.from(e))z(n.dirtyFields,t)?V(m,t,z(a,t)):k(t,z(m,t))}else{if(be&&L(e))for(let e of s.mount){let t=z(r,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(Ne(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)k(e,z(m,e));else r={}}a=t.shouldUnregister?c.keepDefaultValues?D(i):{}:D(m),f.array.next({values:{...m}}),f.state.next({values:{...m}})}s={mount:c.keepDirtyValues?s.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},o.mount=!u.isValid||!!c.keepIsValid||!!c.keepDirtyValues,o.watch=!!t.shouldUnregister,f.state.next({submitCount:c.keepSubmitCount?n.submitCount:0,isDirty:p?!1:c.keepDirty?n.isDirty:!!(c.keepDefaultValues&&!O(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:p?{}:c.keepDirtyValues?c.keepDefaultValues&&a?ce(i,a):n.dirtyFields:c.keepDefaultValues&&e?ce(i,e):c.keepDirty?n.dirtyFields:{},touchedFields:c.keepTouched?n.touchedFields:{},errors:c.keepErrors?n.errors:{},isSubmitSuccessful:c.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:i})},G=(e,t)=>Oe(q(e)?e(a):e,t),ke=(e,t={})=>{let n=z(r,e),i=n&&n._f;if(i){let e=i.refs?i.refs[0]:i.ref;e.focus&&(e.focus(),t.shouldSelect&&q(e.select)&&e.select())}},Fe=e=>{n={...n,...e}},Re={control:{register:U,unregister:I,getFieldState:fe,handleSubmit:Te,setError:M,_subscribe:_e,_runSchema:S,_focusError:Ce,_getWatch:te,_getDirty:E,_setValid:h,_setFieldArray:_,_setDisabledField:R,_setErrors:y,_getFieldArray:ne,_reset:Oe,_resetDefaultValues:()=>q(t.defaultValues)&&t.defaultValues().then(e=>{G(e,t.resetOptions),f.state.next({isLoading:!1})}),_removeUnmounted:T,_disableForm:we,_subjects:f,_proxyFormState:u,get _fields(){return r},get _formValues(){return a},get _state(){return o},set _state(e){o=e},get _defaultValues(){return i},get _names(){return s},set _names(e){s=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:ye,trigger:j,register:U,handleSubmit:Te,watch:he,setValue:k,getValues:de,reset:G,resetField:Ee,clearErrors:pe,unregister:I,setError:M,setFocus:ke,getFieldState:fe};return{...Re,formControl:Re}}function pe(e={}){let t=M.useRef(void 0),n=M.useRef(void 0),[r,i]=M.useState({isDirty:!1,isValidating:!1,isLoading:q(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!1,defaultValues:q(e.defaultValues)?void 0:e.defaultValues});if(!t.current)if(e.formControl)t.current={...e.formControl,formState:r},e.defaultValues&&!q(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...i}=fe(e);t.current={...i,formState:r}}let a=t.current.control;return a._options=e,Ee(()=>{let e=a._subscribe({formState:a._proxyFormState,callback:()=>i({...a._formState}),reRenderRoot:!0});return i(e=>({...e,isReady:!0})),a._formState.isReady=!0,e},[a]),M.useEffect(()=>a._disableForm(e.disabled),[a,e.disabled]),M.useEffect(()=>{e.mode&&(a._options.mode=e.mode),e.reValidateMode&&(a._options.reValidateMode=e.reValidateMode)},[a,e.mode,e.reValidateMode]),M.useEffect(()=>{e.errors&&(a._setErrors(e.errors),a._focusError())},[a,e.errors]),M.useEffect(()=>{e.shouldUnregister&&a._subjects.state.next({values:a._getWatch()})},[a,e.shouldUnregister]),M.useEffect(()=>{if(a._proxyFormState.isDirty){let e=a._getDirty();e!==r.isDirty&&a._subjects.state.next({isDirty:e})}},[a,r.isDirty]),M.useEffect(()=>{e.values&&!O(e.values,n.current)?(a._reset(e.values,{keepFieldsRef:!0,...a._options.resetOptions}),n.current=e.values,i(e=>({...e}))):a._resetDefaultValues()},[a,e.values]),M.useEffect(()=>{a._state.mount||(a._setValid(),a._state.mount=!0),a._state.watch&&(a._state.watch=!1,a._subjects.state.next({...a._formState})),a._removeUnmounted()}),t.current.formState=Te(r,a),t.current}var M,me,N,P,he,F,ge,_e,ve,ye,be,I,L,xe,R,z,B,V,Se,H,U,Ce,we,Te,Ee,W,De,Oe,G,ke,Ae,je,K,Me,q,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,J,at,ot,st=t((()=>{M=e(n(),1),me=e=>e.type===`checkbox`,N=e=>e instanceof Date,P=e=>e==null,he=e=>typeof e==`object`,F=e=>!P(e)&&!Array.isArray(e)&&he(e)&&!N(e),ge=e=>F(e)&&e.target?me(e.target)?e.target.checked:e.target.value:e,_e=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,ve=(e,t)=>e.has(_e(t)),ye=e=>{let t=e.constructor&&e.constructor.prototype;return F(t)&&t.hasOwnProperty(`isPrototypeOf`)},be=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`,I=e=>/^\w*$/.test(e),L=e=>e===void 0,xe=e=>Array.isArray(e)?e.filter(Boolean):[],R=e=>xe(e.replace(/["|']|\]/g,``).split(/\.|\[/)),z=(e,t,n)=>{if(!t||!F(e))return n;let r=(I(t)?[t]:R(t)).reduce((e,t)=>P(e)?e:e[t],e);return L(r)||r===e?L(e[t])?n:e[t]:r},B=e=>typeof e==`boolean`,V=(e,t,n)=>{let r=-1,i=I(t)?[t]:R(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=F(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(t===`__proto__`||t===`constructor`||t===`prototype`)return;e[t]=a,e=e[t]}},Se={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`},H={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},U={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},Ce=M.createContext(null),Ce.displayName=`HookFormContext`,we=()=>M.useContext(Ce),Te=(e,t,n,r=!0)=>{let i={defaultValues:t._defaultValues};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==H.all&&(t._proxyFormState[i]=!r||H.all),n&&(n[i]=!0),e[i]}});return i},Ee=typeof window<`u`?M.useLayoutEffect:M.useEffect,W=e=>typeof e==`string`,De=(e,t,n,r,i)=>W(e)?(r&&t.watch.add(e),z(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),z(n,e))):(r&&(t.watchAll=!0),n),Oe=e=>P(e)||!he(e),G=e=>e.render(ie(e)),ke=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},Ae=e=>Array.isArray(e)?e:[e],je=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}},K=e=>F(e)&&!Object.keys(e).length,Me=e=>e.type===`file`,q=e=>typeof e==`function`,Ne=e=>{if(!be)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},Pe=e=>e.type===`select-multiple`,Fe=e=>e.type===`radio`,Ie=e=>Fe(e)||me(e),Le=e=>Ne(e)&&e.isConnected,Re=e=>{for(let t in e)if(q(e[t]))return!0;return!1},ze={value:!1,isValid:!1},Be={value:!0,isValid:!0},Ve=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!L(e[0].attributes.value)?L(e[0].value)||e[0].value===``?Be:{value:e[0].value,isValid:!0}:Be:ze}return ze},He=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>L(e)?e:t?e===``?NaN:e&&+e:n&&W(e)?new Date(e):r?r(e):e,Ue={isValid:!1,value:null},We=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,Ue):Ue,Ge=(e,t,n,r)=>{let i={};for(let n of e){let e=z(t,n);e&&V(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},Ke=e=>e instanceof RegExp,qe=e=>L(e)?e:Ke(e)?e.source:F(e)?Ke(e.value)?e.value.source:e.value:e,Je=e=>({isOnSubmit:!e||e===H.onSubmit,isOnBlur:e===H.onBlur,isOnChange:e===H.onChange,isOnAll:e===H.all,isOnTouch:e===H.onTouched}),Ye=`AsyncFunction`,Xe=e=>!!e&&!!e.validate&&!!(q(e.validate)&&e.validate.constructor.name===Ye||F(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===Ye)),Ze=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),Qe=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(t)&&/^\.\w+/.test(e.slice(t.length)))),$e=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=z(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if($e(a,t))break}else if(F(a)&&$e(a,t))break}}},et=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return K(a)||Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||H.all))},tt=(e,t,n)=>!e||!t||e===t||Ae(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),nt=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,rt=(e,t)=>!xe(z(e,t)).length&&A(e,t),it=(e,t,n)=>{let r=Ae(z(e,n));return V(r,`root`,t[n]),V(e,n,r),e},J=e=>F(e)&&!Ke(e)?e:{value:e,message:``},at=async(e,t,n,r,i,a)=>{let{ref:o,refs:s,required:c,maxLength:l,minLength:u,min:d,max:f,pattern:p,validate:m,name:h,valueAsNumber:g,mount:_}=e._f,v=z(n,h);if(!_||t.has(h))return{};let y=s?s[0]:o,b=e=>{i&&y.reportValidity&&(y.setCustomValidity(B(e)?``:e||``),y.reportValidity())},x={},ee=Fe(o),S=me(o),C=ee||S,w=(g||Me(o))&&L(o.value)&&L(v)||Ne(o)&&o.value===``||v===``||Array.isArray(v)&&!v.length,T=ke.bind(null,h,r,x),E=(e,t,n,r=U.maxLength,i=U.minLength)=>{let a=e?t:n;x[h]={type:e?r:i,message:a,ref:o,...T(e?r:i,a)}};if(a?!Array.isArray(v)||!v.length:c&&(!C&&(w||P(v))||B(v)&&!v||S&&!Ve(s).isValid||ee&&!We(s).isValid)){let{value:e,message:t}=W(c)?{value:!!c,message:c}:J(c);if(e&&(x[h]={type:U.required,message:t,ref:y,...T(U.required,t)},!r))return b(t),x}if(!w&&(!P(d)||!P(f))){let e,t,n=J(f),i=J(d);if(!P(v)&&!isNaN(v)){let r=o.valueAsNumber||v&&+v;P(n.value)||(e=r>n.value),P(i.value)||(t=r<i.value)}else{let r=o.valueAsDate||new Date(v),a=e=>new Date(new Date().toDateString()+` `+e),s=o.type==`time`,c=o.type==`week`;W(n.value)&&v&&(e=s?a(v)>a(n.value):c?v>n.value:r>new Date(n.value)),W(i.value)&&v&&(t=s?a(v)<a(i.value):c?v<i.value:r<new Date(i.value))}if((e||t)&&(E(!!e,n.message,i.message,U.max,U.min),!r))return b(x[h].message),x}if((l||u)&&!w&&(W(v)||a&&Array.isArray(v))){let e=J(l),t=J(u),n=!P(e.value)&&v.length>+e.value,i=!P(t.value)&&v.length<+t.value;if((n||i)&&(E(n,e.message,t.message),!r))return b(x[h].message),x}if(p&&!w&&W(v)){let{value:e,message:t}=J(p);if(Ke(e)&&!v.match(e)&&(x[h]={type:U.pattern,message:t,ref:o,...T(U.pattern,t)},!r))return b(t),x}if(m){if(q(m)){let e=de(await m(v,n),y);if(e&&(x[h]={...e,...T(U.validate,e.message)},!r))return b(e.message),x}else if(F(m)){let e={};for(let t in m){if(!K(e)&&!r)break;let i=de(await m[t](v,n),y,t);i&&(e={...i,...T(t,i.message)},b(i.message),r&&(x[h]=e))}if(!K(e)&&(x[h]={ref:y,...e},!r))return x}}return b(!0),x},ot={mode:H.onSubmit,reValidateMode:H.onChange,shouldFocusError:!0}})),Y,X,Z,Q,ct,lt,ut,$,dt;t((()=>{e(n(),1),o(),st(),v(),te(),Y=r(),{userEvent:X,expect:Z,within:Q,waitFor:ct,fn:lt}=__STORYBOOK_MODULE_TEST__,ut={title:`Guides/Integration with React Hook Form`,args:{onSubmit:lt()}},$={render:function(e){return(0,Y.jsx)(()=>{let{register:t,handleSubmit:n,formState:{errors:r},reset:o,control:v}=pe({defaultValues:{fullName:``,email:``,age:void 0,country:``,password:``,confirmPassword:``,bio:``,privacyPolicyAccepted:!1,experienceLevel:50,priceRange:[25,75],emailNotifications:!0,englishLevel:null,skills:[],marketing:[`emails`,`push`],registrationExperience:0}});return(0,Y.jsx)(`div`,{style:{maxWidth:`600px`,margin:`0 auto`,padding:`20px`},children:(0,Y.jsxs)(h,{direction:`column`,gap:`16`,children:[(0,Y.jsx)(i,{variant:`extraLarge`,tag:`h1`,children:`User Registration Form`}),(0,Y.jsxs)(`form`,{onSubmit:n(e.onSubmit),style:{display:`contents`},noValidate:!0,children:[(0,Y.jsx)(T,{label:`Full Name`,...t(`fullName`,{required:`Full name is required`}),error:r.fullName?.message,required:!0}),(0,Y.jsx)(T,{label:`Email`,type:`email`,...t(`email`,{required:`Email is required`}),error:r.email?.message,required:!0}),(0,Y.jsx)(g,{label:`Age`,...t(`age`,{valueAsNumber:!0,required:`Age is required`,min:{value:18,message:`You must be at least 18 years old`}}),min:18,max:120,error:r.age?.message,required:!0}),(0,Y.jsx)(G,{name:`country`,control:v,rules:{required:`Country is required`},render:({field:e})=>(0,Y.jsxs)(x,{ref:e.ref,label:`Country`,placeholder:``,error:r.country?.message,required:!0,disabled:e.disabled,value:e.value,onBlur:e.onBlur,onValueChange:e.onChange,children:[(0,Y.jsx)(b,{value:`us`,children:`United States`}),(0,Y.jsx)(b,{value:`ca`,children:`Canada`}),(0,Y.jsx)(b,{value:`uk`,children:`United Kingdom`}),(0,Y.jsx)(b,{value:`de`,children:`Germany`}),(0,Y.jsx)(b,{value:`fr`,children:`France`}),(0,Y.jsx)(b,{value:`it`,children:`Italy`}),(0,Y.jsx)(b,{value:`es`,children:`Spain`}),(0,Y.jsx)(b,{value:`au`,children:`Australia`}),(0,Y.jsx)(b,{value:`jp`,children:`Japan`}),(0,Y.jsx)(b,{value:`other`,children:`Other`})]})}),(0,Y.jsx)(_,{label:`Password`,...t(`password`,{required:`Password is required`,minLength:{value:8,message:`Password must be at least 8 characters`},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,message:`Password must contain at least one uppercase letter, one lowercase letter, one number, and one special character`}}),error:r.password?.message,required:!0}),(0,Y.jsx)(_,{label:`Confirm Password`,...t(`confirmPassword`,{required:`Please confirm your password`,validate:(e,t)=>e===t.password||`Passwords do not match`}),error:r.confirmPassword?.message,required:!0}),(0,Y.jsx)(w,{label:`Bio`,...t(`bio`,{maxLength:{value:500,message:`Bio must be less than 500 characters`}}),error:r.bio?.message}),(0,Y.jsx)(G,{name:`experienceLevel`,control:v,rules:{validate:{minValue:e=>e<50?`Must be above 50`:!0}},render:({field:e})=>(0,Y.jsx)(m,{label:`Experience Level`,error:r.experienceLevel?.message,children:(0,Y.jsx)(ee,{value:e.value,onValueChange:e.onChange,min:0,max:100,"aria-label":`Experience Level`})})}),(0,Y.jsx)(G,{name:`priceRange`,control:v,rules:{validate:{minValue:([e])=>e<=25?`Minimum must be above 25`:!0,maxValue:([,e])=>e>=75?`Maximum must be below 75`:!0}},render:({field:e})=>(0,Y.jsx)(m,{label:`Price`,error:r.priceRange?.message,children:(0,Y.jsx)(S,{value:e.value,onValueChange:e.onChange,min:0,max:100,"aria-label":`Price Range`})})}),(0,Y.jsx)(G,{name:`emailNotifications`,control:v,render:({field:e})=>(0,Y.jsx)(m,{label:`Email Notifications`,description:`Receive updates and newsletters via email`,error:r.emailNotifications?.message,children:(0,Y.jsx)(C,{checked:e.value,onCheckedChange:e.onChange,"aria-label":`Email Notifications`})})}),(0,Y.jsx)(G,{control:v,name:`englishLevel`,rules:{required:`English level is required`},render:({field:e})=>(0,Y.jsx)(m,{label:`English Level`,required:!0,children:(0,Y.jsxs)(l,{"aria-label":`English Level`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(c,{value:`a0`,children:`A0`}),(0,Y.jsx)(c,{value:`a1`,children:`A1`}),(0,Y.jsx)(c,{value:`a2`,children:`A2`}),(0,Y.jsx)(c,{value:`b1`,children:`B1`}),(0,Y.jsx)(c,{value:`b2`,children:`B2`}),(0,Y.jsx)(c,{value:`c1`,children:`C1`}),(0,Y.jsx)(c,{value:`c2`,children:`C2`})]})})}),(0,Y.jsx)(G,{control:v,name:`skills`,rules:{required:`Skills are required`},render:({field:e})=>(0,Y.jsx)(m,{label:`Skills`,required:!0,children:(0,Y.jsxs)(d,{"aria-label":`Skills`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(u,{value:`vocabulary`,children:`Vocabulary`}),(0,Y.jsx)(u,{value:`speaking`,children:`Speaking`}),(0,Y.jsx)(u,{value:`listening`,children:`Listening`}),(0,Y.jsx)(u,{value:`reading`,children:`Reading`})]})})}),(0,Y.jsx)(G,{control:v,name:`marketing`,rules:{required:`Marketing is required`},render:({field:e})=>(0,Y.jsx)(m,{label:`Marketing`,description:`How do you want to receive marketing communications?`,required:!0,children:(0,Y.jsxs)(p,{"aria-label":`Marketing`,value:e.value,onValueChange:e.onChange,children:[(0,Y.jsx)(f,{value:`emails`,children:`Marketing emails`}),(0,Y.jsx)(f,{value:`push`,children:`Push notifications`})]})})}),(0,Y.jsx)(m,{label:`Accept Privacy Policy`,description:`I accept the Privacy Policy`,error:r.privacyPolicyAccepted?.message,hideLabel:!0,children:(0,Y.jsx)(s,{...t(`privacyPolicyAccepted`,{required:`You must accept the Privacy Policy`})})}),(0,Y.jsx)(G,{name:`registrationExperience`,control:v,render:({field:e})=>(0,Y.jsx)(m,{label:`Rate the registration experience`,description:`Was the form easy to understand?`,error:r.registrationExperience?.message,id:`registrationExperienceField`,children:(0,Y.jsx)(y,{value:e.value,onValueChange:e.onChange})})}),(0,Y.jsxs)(h,{gap:`12`,padding:[`20`,`0`,`0`],justifyContent:`end`,children:[(0,Y.jsx)(a,{onClick:()=>o(),variant:`secondary`,children:`Reset`}),(0,Y.jsx)(a,{submitsForm:!0,children:`Submit`})]})]})]})})},{})},play:async({args:e,canvasElement:t,step:n})=>{let r=Q(t);await n(`Fill full name field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Full Name`}),`John Doe`)}),await n(`Fill email field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Email`}),`john.doe@example.com`)}),await n(`Fill age field`,async()=>{await X.clear(r.getByRole(`spinbutton`,{name:`Age`})),await X.type(r.getByRole(`spinbutton`,{name:`Age`}),`25`)}),await n(`Fill country field`,async()=>{r.getByRole(`combobox`,{name:`Country`}).focus(),await X.keyboard(`{Enter}`.repeat(2))}),await n(`Fill password field`,async()=>{await X.type(r.getByLabelText(/^Password/),`TestPassword123!`)}),await n(`Fill confirm password field`,async()=>{await X.type(r.getByLabelText(/^Confirm Password/),`TestPassword123!`)}),await n(`Fill bio field`,async()=>{await X.type(r.getByRole(`textbox`,{name:`Bio`}),`I am a software engineer with 5 years of experience.`)}),await n(`Move experience level slider`,async()=>{r.getByRole(`slider`,{name:`Experience Level`}).focus(),await X.keyboard(`{ArrowRight}`.repeat(5))}),await n(`Move price range slider minimum`,async()=>{r.getByRole(`slider`,{name:`Minimum Price Range`}).focus(),await X.keyboard(`{ArrowRight}`.repeat(2))}),await n(`Move price range slider maximum`,async()=>{r.getByRole(`slider`,{name:`Maximum Price Range`}).focus(),await X.keyboard(`{ArrowLeft}`.repeat(2))}),await n(`Select english level`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`English Level`})).getByRole(`option`,{name:`B2`});await X.click(e)}),await n(`Select reading skill`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`Skills`})).getByRole(`option`,{name:`Reading`});await X.click(e)}),await n(`Select listening skill`,async()=>{let e=Q(r.getByRole(`listbox`,{name:`Skills`})).getByRole(`option`,{name:`Listening`});await X.click(e)}),await n(`Dismiss push notifications`,async()=>{let e=Q(r.getByRole(`list`,{name:`Marketing`})).getByRole(`button`,{name:`Remove Push notifications`});await X.click(e)}),await n(`Accept privacy policy`,async()=>{let e=r.getByRole(`checkbox`,{name:`Accept Privacy Policy`});await X.click(e)}),await n(`Toggle email notifications`,async()=>{await X.click(r.getByRole(`switch`,{name:`Email Notifications`}))});let i=t.querySelector(`#registrationExperienceField`);if(!i)throw Error(`#registrationExperienceField is not in the canvas`);if(!(i instanceof HTMLElement))throw Error(`#registrationExperienceField is not a valid HTMLElement`);await n(`Rate the registration form`,async()=>{await E({value:5,rating:i})}),await n(`Submit the form`,async()=>{await X.click(r.getByRole(`button`,{name:`Submit`}))}),await n(`Assert that onSubmit was called with correct data`,async()=>{await ct(()=>{Z(e.onSubmit).toHaveBeenCalledWith({fullName:`John Doe`,email:`john.doe@example.com`,age:25,country:`us`,password:`TestPassword123!`,confirmPassword:`TestPassword123!`,bio:`I am a software engineer with 5 years of experience.`,privacyPolicyAccepted:!0,experienceLevel:55,priceRange:[27,73],emailNotifications:!1,englishLevel:`b2`,skills:[`reading`,`listening`],marketing:[`emails`],registrationExperience:5},Z.anything())})}),await n(`Reset the form`,async()=>{await X.click(r.getByRole(`button`,{name:`Reset`}))}),await n(`Assert all fields are cleared`,async()=>{await ct(()=>{Z(r.getByRole(`textbox`,{name:`Full Name`})).not.toHaveValue(),Z(r.getByRole(`textbox`,{name:`Email`})).not.toHaveValue(),Z(r.getByRole(`spinbutton`,{name:`Age`})).not.toHaveValue(),Z(r.getByRole(`combobox`,{name:`Country`})).not.toHaveValue(),Z(r.getByLabelText(/^Password/)).not.toHaveValue(),Z(r.getByLabelText(/^Confirm Password/)).not.toHaveValue(),Z(r.getByRole(`textbox`,{name:`Bio`})).not.toHaveValue(),Z(r.getByRole(`checkbox`,{name:`Accept Privacy Policy`})).not.toBeChecked(),Z(r.getByRole(`switch`,{name:`Email Notifications`})).toHaveAttribute(`aria-checked`,`true`),Z(r.getByRole(`slider`,{name:`Experience Level`})).toHaveAttribute(`aria-valuenow`,`50`),Z(r.getByRole(`slider`,{name:`Minimum Price Range`})).toHaveAttribute(`aria-valuenow`,`25`),Z(r.getByRole(`slider`,{name:`Maximum Price Range`})).toHaveAttribute(`aria-valuenow`,`75`),Q(r.getByRole(`listbox`,{name:`English Level`})).getAllByRole(`option`).forEach(e=>{Z(e).toHaveAttribute(`aria-selected`,`false`)}),Q(r.getByRole(`listbox`,{name:`Skills`})).getAllByRole(`option`).forEach(e=>{Z(e).toHaveAttribute(`aria-selected`,`false`)});let e=r.getByRole(`list`,{name:`Marketing`});Z(Q(e).getByRole(`button`,{name:`Remove Marketing emails`})).toBeVisible(),Z(Q(e).getByRole(`button`,{name:`Remove Push notifications`})).toBeVisible();let n=t.querySelector(`#registrationExperienceField`);if(!n)throw Error(`#registrationExperienceField is not in the canvas`);if(!(n instanceof HTMLElement))throw Error(`#registrationExperienceField is not a valid HTMLElement`);Z(n).toHaveAttribute(`aria-valuetext`,`0 out of 5`)})})}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
   render: function Story(args) {
     /**
      * This \`Story\` component is a hacky workaround; without it, the

package/dist/assets/IntlFormattedAggregatedDateTime-Ai802ecy.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{k as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{a as o,o as s}from"./IntlFormattedTime-BOUEN1XF.js";function c(...e){let{formatDateAndTime:t}=r();return(0,d.jsx)(o,{children:t(...e)})}function l(...e){let{formatDateAndTimeRange:t}=r();return(0,d.jsx)(o,{children:t(...e)})}function u(...e){let{formatDateTimeAndDateTime:t}=r();return(0,d.jsx)(o,{children:t(...e)})}var d,f,p=t((()=>{e(n(),1),s(),i(),d=a(),f={DateAndTime:c,DateAndTimeRange:l,DateTimeAndDateTime:u};try{c.displayName=`DateAndTime`,c.__docgenInfo={description:``,displayName:`DateAndTime`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`{ date: string; time: string; isCapitalized: boolean; }`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{l.displayName=`DateAndTimeRange`,l.__docgenInfo={description:``,displayName:`DateAndTimeRange`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`{ date: string; timeRange: string; isCapitalized: boolean; }`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{u.displayName=`DateTimeAndDateTime`,u.__docgenInfo={description:``,displayName:`DateTimeAndDateTime`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`{ dateTimeStart: string; dateTimeEnd: string; isCapitalized: boolean; }`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}}));export{p as n,f as t};

package/dist/assets/IntlFormattedCurrency-DUrW8wq9.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{O as r,w as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{a as o,o as s}from"./IntlFormattedTime-BOUEN1XF.js";function c(...e){let{formatCurrencyShort:t}=r();return(0,f.jsx)(o,{children:t(...e)})}function l(...e){let{formatCurrencyRounded:t}=r();return(0,f.jsx)(o,{children:t(...e)})}function u(...e){let{formatCurrencyExplicit:t}=r();return(0,f.jsx)(o,{children:t(...e)})}function d(...e){let{formatCurrencyRange:t}=r();return(0,f.jsx)(o,{children:t(...e)})}var f,p,m=t((()=>{e(n(),1),i(),s(),f=a(),p={CurrencyShort:c,CurrencyRounded:l,CurrencyExplicit:u,CurrencyRange:d};try{c.displayName=`CurrencyShort`,c.__docgenInfo={description:``,displayName:`CurrencyShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`CurrencyBaseOptions`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{l.displayName=`CurrencyRounded`,l.__docgenInfo={description:``,displayName:`CurrencyRounded`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`CurrencyBaseOptions`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{u.displayName=`CurrencyExplicit`,u.__docgenInfo={description:``,displayName:`CurrencyExplicit`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`CurrencyBaseOptions`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{d.displayName=`CurrencyRange`,d.__docgenInfo={description:``,displayName:`CurrencyRange`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`CurrencyRangeFormatOptions`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}}));export{m as n,p as t};

package/dist/assets/{IntlFormattedCurrency.stories-BuMkiJd6.js → IntlFormattedCurrency.stories-C_afrVTI.js}

@@ -1 +1 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-B288uCKD.js";import{n as o,t as s}from"./Heading-Bmekm9VQ.js";import{n as c,t as l}from"./Button-a57MCiDO.js";import{a as u,r as d}from"./lib-8ue2PVWI.js";import{n as f,t as p}from"./Checkbox-Bchk1blw.js";import{n as m,t as h}from"./LayoutFlex-CEr_Bd5T.js";import{n as g,t as _}from"./LayoutGrid-DCLStsDr.js";import{n as v,t as y}from"./NumberField-BmPC7HUo.js";import{n as b,t as x}from"./IntlFormattedCurrency-loMkSk5h.js";import{c as S,f as C,i as w,l as T,o as E,p as D,r as O,s as k,u as A}from"./constants-DZ53IKPx.js";var j,M,N,P,F,I,L,R,z;t((()=>{j=e(n(),1),d(),D(),b(),i(),v(),m(),g(),o(),c(),f(),O(),M=r(),N=[`rounded`,`short`,`explicit`,`range`],P=[`BRL`,`GBP`,`EUR`,`PLN`,`USD`,`UAH`],F=()=>{let[e,t]=(0,j.useState)(``),[n,r]=(0,j.useState)(``),[i,o]=(0,j.useState)(!1),[c,d]=(0,j.useState)(12.34),[f,m]=(0,j.useState)(10),[g,v]=(0,j.useState)(20),[b,D]=(0,j.useState)(!1),O=e=>{e!==void 0&&d(e)},F=e=>{e!==void 0&&m(e)},I=e=>{e!==void 0&&v(e)},L=(e,t)=>e===`range`?(0,M.jsx)(x.CurrencyRange,{currency:t,startValue:f,endValue:g,variant:`short`,showPlusSign:b}):e===`rounded`?(0,M.jsx)(x.CurrencyRounded,{currency:t,value:c,showPlusSign:b}):e===`explicit`?(0,M.jsx)(x.CurrencyExplicit,{currency:t,value:c,showPlusSign:b}):(0,M.jsx)(x.CurrencyShort,{currency:t,value:c,showPlusSign:b}),R=({variant:i,currency:o,isEvenGroup:s,isFirstRow:c})=>(0,M.jsxs)(`tr`,{onMouseEnter:()=>r(`${i}-${o}`),children:[c?(0,M.jsx)(T,{"data-iscentered":!0,"data-isevengroup":s,rowSpan:N.length,"data-ishighlighted":n.includes(o),children:(0,M.jsx)(a,{variant:`large-semibold`,children:o})}):null,(0,M.jsx)(T,{"data-isevengroup":s,"data-ishighlighted":`${i}-${o}`===n,children:i}),w.map(a=>(0,M.jsx)(T,{onMouseEnter:()=>{t(a),r(`${i}-${o}`)},"data-ishighlighted":a===e||`${i}-${o}`===n,"data-isevengroup":s,children:(0,M.jsx)(u,{textComponent:`span`,locale:E[a],children:L(i,o)})},`${i}-${o}-${a}`))]},`${i}-${o}`);return(0,M.jsxs)(_,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,M.jsx)(s,{variant:`medium`,tag:`h3`,children:`Currency formatting using Intl.NumberFormat`}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(y,{label:`Value`,value:c,onValueChange:O,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range start`,value:f,onValueChange:F,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range end`,value:g,onValueChange:I,useLegacyRequiredLabel:!0})]}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(p,{checked:b,onCheckedChange:()=>D(!b)}),(0,M.jsx)(`label`,{htmlFor:`show-plus-sign`,children:(0,M.jsx)(a,{variant:`default-semibold`,accent:`primary`,children:`Show "+" sign`})})]}),(0,M.jsx)(h,{direction:`row`,children:(0,M.jsx)(l,{size:`small`,onClick:()=>o(!i),children:i?`Hide Options`:`Show my browser options`})}),i?(0,M.jsx)(`pre`,{children:JSON.stringify(new Intl.NumberFormat().resolvedOptions(),null,2)}):null,(0,M.jsx)(h,{direction:`column`,gap:`4`,children:(0,M.jsx)(S,{children:(0,M.jsx)(k,{onMouseLeave:()=>{t(``),r(``)},children:(0,M.jsx)(`tbody`,{children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`tr`,{children:[(0,M.jsx)(C,{}),(0,M.jsx)(C,{}),w.map(e=>(0,M.jsx)(C,{onMouseEnter:()=>t(e),children:e},e))]}),P.map((e,t)=>(0,M.jsxs)(j.Fragment,{children:[N.map((n,r)=>R({variant:n,currency:e,isEvenGroup:t%2==1,isFirstRow:r===0})),t<P.length-1&&(0,M.jsx)(`tr`,{children:(0,M.jsx)(A,{colSpan:w.length+2})})]},e))]})})})})})]})},I={title:`IntlFormatted/IntlFormattedCurrency`,component:F,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},L=()=>(0,M.jsx)(F,{}),R=L.bind({}),R.tags=[`!autodocs`,`!a11y-test`],R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`() => <CurrencyTable />`,...R.parameters?.docs?.source}}},z=[`Default`]}))();export{R as Default,z as __namedExportsOrder,I as default};
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-Cy08WP3t.js";import{n as o,t as s}from"./Heading-B3jb_-J8.js";import{n as c,t as l}from"./Button--WTUF97E.js";import{a as u,r as d}from"./lib-8ue2PVWI.js";import{n as f,t as p}from"./Checkbox-BV4Be-fH.js";import{n as m,t as h}from"./LayoutFlex-BlWwmFhv.js";import{n as g,t as _}from"./LayoutGrid-BCMSACUf.js";import{n as v,t as y}from"./NumberField-WzHWHpwG.js";import{n as b,t as x}from"./IntlFormattedCurrency-DUrW8wq9.js";import{c as S,f as C,i as w,l as T,o as E,p as D,r as O,s as k,u as A}from"./constants-BRk8fyp8.js";var j,M,N,P,F,I,L,R,z;t((()=>{j=e(n(),1),d(),D(),b(),i(),v(),m(),g(),o(),c(),f(),O(),M=r(),N=[`rounded`,`short`,`explicit`,`range`],P=[`BRL`,`GBP`,`EUR`,`PLN`,`USD`,`UAH`],F=()=>{let[e,t]=(0,j.useState)(``),[n,r]=(0,j.useState)(``),[i,o]=(0,j.useState)(!1),[c,d]=(0,j.useState)(12.34),[f,m]=(0,j.useState)(10),[g,v]=(0,j.useState)(20),[b,D]=(0,j.useState)(!1),O=e=>{e!==void 0&&d(e)},F=e=>{e!==void 0&&m(e)},I=e=>{e!==void 0&&v(e)},L=(e,t)=>e===`range`?(0,M.jsx)(x.CurrencyRange,{currency:t,startValue:f,endValue:g,variant:`short`,showPlusSign:b}):e===`rounded`?(0,M.jsx)(x.CurrencyRounded,{currency:t,value:c,showPlusSign:b}):e===`explicit`?(0,M.jsx)(x.CurrencyExplicit,{currency:t,value:c,showPlusSign:b}):(0,M.jsx)(x.CurrencyShort,{currency:t,value:c,showPlusSign:b}),R=({variant:i,currency:o,isEvenGroup:s,isFirstRow:c})=>(0,M.jsxs)(`tr`,{onMouseEnter:()=>r(`${i}-${o}`),children:[c?(0,M.jsx)(T,{"data-iscentered":!0,"data-isevengroup":s,rowSpan:N.length,"data-ishighlighted":n.includes(o),children:(0,M.jsx)(a,{variant:`large-semibold`,children:o})}):null,(0,M.jsx)(T,{"data-isevengroup":s,"data-ishighlighted":`${i}-${o}`===n,children:i}),w.map(a=>(0,M.jsx)(T,{onMouseEnter:()=>{t(a),r(`${i}-${o}`)},"data-ishighlighted":a===e||`${i}-${o}`===n,"data-isevengroup":s,children:(0,M.jsx)(u,{textComponent:`span`,locale:E[a],children:L(i,o)})},`${i}-${o}-${a}`))]},`${i}-${o}`);return(0,M.jsxs)(_,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,M.jsx)(s,{variant:`medium`,tag:`h3`,children:`Currency formatting using Intl.NumberFormat`}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(y,{label:`Value`,value:c,onValueChange:O,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range start`,value:f,onValueChange:F,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range end`,value:g,onValueChange:I,useLegacyRequiredLabel:!0})]}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(p,{checked:b,onCheckedChange:()=>D(!b)}),(0,M.jsx)(`label`,{htmlFor:`show-plus-sign`,children:(0,M.jsx)(a,{variant:`default-semibold`,accent:`primary`,children:`Show "+" sign`})})]}),(0,M.jsx)(h,{direction:`row`,children:(0,M.jsx)(l,{size:`small`,onClick:()=>o(!i),children:i?`Hide Options`:`Show my browser options`})}),i?(0,M.jsx)(`pre`,{children:JSON.stringify(new Intl.NumberFormat().resolvedOptions(),null,2)}):null,(0,M.jsx)(h,{direction:`column`,gap:`4`,children:(0,M.jsx)(S,{children:(0,M.jsx)(k,{onMouseLeave:()=>{t(``),r(``)},children:(0,M.jsx)(`tbody`,{children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`tr`,{children:[(0,M.jsx)(C,{}),(0,M.jsx)(C,{}),w.map(e=>(0,M.jsx)(C,{onMouseEnter:()=>t(e),children:e},e))]}),P.map((e,t)=>(0,M.jsxs)(j.Fragment,{children:[N.map((n,r)=>R({variant:n,currency:e,isEvenGroup:t%2==1,isFirstRow:r===0})),t<P.length-1&&(0,M.jsx)(`tr`,{children:(0,M.jsx)(A,{colSpan:w.length+2})})]},e))]})})})})})]})},I={title:`IntlFormatted/IntlFormattedCurrency`,component:F,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},L=()=>(0,M.jsx)(F,{}),R=L.bind({}),R.tags=[`!autodocs`,`!a11y-test`],R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`() => <CurrencyTable />`,...R.parameters?.docs?.source}}},z=[`Default`]}))();export{R as Default,z as __namedExportsOrder,I as default};

package/dist/assets/{IntlFormattedDateTime.stories-DMN58d8q.js → IntlFormattedDateTime.stories-DAllZCk9.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./en-CAnKwElg.js","./chunk-BneVvdWh.js","./es-MH1DT2kV.js","./fr-CgnvB_BI.js","./de-CGU9rRAn.js","./it-BMSKWkCc.js","./ua-CPYW3Hlj.js","./pl-B0BEw5na.js","./pt-qEWGT9cy.js","./tr-CvfBJD7Q.js","./id-Bp-BGWpK.js","./zh-C43VYh_6.js","./ja-wtIn1pnV.js","./ko-DvhW2pVO.js","./ar-CmAh1fW1.js","./nl-BW9s7SpL.js","./ro-DLH7plv7.js","./ru-BmiT91mV.js","./sv-CW9z0vaU.js","./th-isRlGLm5.js","./cs-o6LA2LFi.js","./tw-DpiBe17Q.js","./hk-CaQALTDd.js"])))=>i.map(i=>d[i]);
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{n,t as r}from"./preload-helper-nVtPd9zc.js";import{t as i}from"./react-C7IZe2D1.js";import{D as a,E as o,U as s,k as c,w as l}from"./dist-DtfJeYQK.js";import{t as u}from"./jsx-runtime-C2wGStra.js";import{n as d,t as f}from"./Text-B288uCKD.js";import{n as p,t as m}from"./Heading-Bmekm9VQ.js";import{a as h,r as g}from"./lib-8ue2PVWI.js";import{n as _,t as v}from"./Checkbox-Bchk1blw.js";import{n as y,t as b}from"./LayoutFlex-CEr_Bd5T.js";import{n as x,t as ee}from"./LayoutGrid-DCLStsDr.js";import{n as S,t as te}from"./Link-D75aReRI.js";import{n as C,t as ne}from"./NumberField-BmPC7HUo.js";import{i as w,r as T,t as E}from"./SelectField-u1424VWi.js";import{n as D,t as re}from"./TextField-Ch_1Y9U9.js";import{n as O,t as k}from"./IntlFormattedAggregatedDateTime-9V1gJxcg.js";import{a as A,c as j,d as M,f as N,i as P,l as ie,n as F,o as ae,p as I,r as L,s as oe,t as R}from"./constants-DZ53IKPx.js";var z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$;t((()=>{z=e(i(),1),L(),I(),l(),d(),x(),p(),y(),D(),w(),C(),_(),S(),g(),O(),B=u(),n(),V=60,H=60*1e3,U=`https://preply.atlassian.net/wiki/spaces/PKB/pages/4410572869/How+to+format+a+date+and+time+in+the+WEB`,W=[{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTime,{date:d,time:f,isCapitalized:i})},labels:[`DateAndTime`,`formatDateAndTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTimeRange,{date:d,timeRange:f,isCapitalized:i})},labels:[`DateAndTimeRange`,`formatDateAndTimeRange`],tags:[`✅ all-usages`],timeFormatterName:`formatTimeRange`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:l})=>{let u=a(),d=o(),{formatDateAndTime:f}=c(),p=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),m=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),h=d[l??``]({date:e,countryCode:r}),g=d[l??``]({date:n,countryCode:r}),_=f({date:p,time:h,isCapitalized:i}),v=f({date:m,time:g,isCapitalized:i});return(0,B.jsx)(k.DateTimeAndDateTime,{dateTimeStart:_,dateTimeEnd:v,isCapitalized:i})},labels:[`DateTimeAndDateTime`,`formatDateTimeAndDateTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`}],G=e=>!Number.isNaN(e.getTime()),K=(e,t)=>new Date(e.getTime()+t*V*H),q=e=>/^[A-Z]/.test(e),J={en:async()=>(await r(async()=>{let{default:e}=await import(`./en-CAnKwElg.js`);return{default:e}},__vite__mapDeps([0,1]),import.meta.url)).default,es:async()=>(await r(async()=>{let{default:e}=await import(`./es-MH1DT2kV.js`);return{default:e}},__vite__mapDeps([2,1]),import.meta.url)).default,fr:async()=>(await r(async()=>{let{default:e}=await import(`./fr-CgnvB_BI.js`);return{default:e}},__vite__mapDeps([3,1]),import.meta.url)).default,de:async()=>(await r(async()=>{let{default:e}=await import(`./de-CGU9rRAn.js`);return{default:e}},__vite__mapDeps([4,1]),import.meta.url)).default,it:async()=>(await r(async()=>{let{default:e}=await import(`./it-BMSKWkCc.js`);return{default:e}},__vite__mapDeps([5,1]),import.meta.url)).default,ua:async()=>(await r(async()=>{let{default:e}=await import(`./ua-CPYW3Hlj.js`);return{default:e}},__vite__mapDeps([6,1]),import.meta.url)).default,pl:async()=>(await r(async()=>{let{default:e}=await import(`./pl-B0BEw5na.js`);return{default:e}},__vite__mapDeps([7,1]),import.meta.url)).default,pt:async()=>(await r(async()=>{let{default:e}=await import(`./pt-qEWGT9cy.js`);return{default:e}},__vite__mapDeps([8,1]),import.meta.url)).default,tr:async()=>(await r(async()=>{let{default:e}=await import(`./tr-CvfBJD7Q.js`);return{default:e}},__vite__mapDeps([9,1]),import.meta.url)).default,id:async()=>(await r(async()=>{let{default:e}=await import(`./id-Bp-BGWpK.js`);return{default:e}},__vite__mapDeps([10,1]),import.meta.url)).default,zh:async()=>(await r(async()=>{let{default:e}=await import(`./zh-C43VYh_6.js`);return{default:e}},__vite__mapDeps([11,1]),import.meta.url)).default,ja:async()=>(await r(async()=>{let{default:e}=await import(`./ja-wtIn1pnV.js`);return{default:e}},__vite__mapDeps([12,1]),import.meta.url)).default,ko:async()=>(await r(async()=>{let{default:e}=await import(`./ko-DvhW2pVO.js`);return{default:e}},__vite__mapDeps([13,1]),import.meta.url)).default,ar:async()=>(await r(async()=>{let{default:e}=await import(`./ar-CmAh1fW1.js`);return{default:e}},__vite__mapDeps([14,1]),import.meta.url)).default,nl:async()=>(await r(async()=>{let{default:e}=await import(`./nl-BW9s7SpL.js`);return{default:e}},__vite__mapDeps([15,1]),import.meta.url)).default,ro:async()=>(await r(async()=>{let{default:e}=await import(`./ro-DLH7plv7.js`);return{default:e}},__vite__mapDeps([16,1]),import.meta.url)).default,ru:async()=>(await r(async()=>{let{default:e}=await import(`./ru-BmiT91mV.js`);return{default:e}},__vite__mapDeps([17,1]),import.meta.url)).default,sv:async()=>(await r(async()=>{let{default:e}=await import(`./sv-CW9z0vaU.js`);return{default:e}},__vite__mapDeps([18,1]),import.meta.url)).default,th:async()=>(await r(async()=>{let{default:e}=await import(`./th-isRlGLm5.js`);return{default:e}},__vite__mapDeps([19,1]),import.meta.url)).default,cs:async()=>(await r(async()=>{let{default:e}=await import(`./cs-o6LA2LFi.js`);return{default:e}},__vite__mapDeps([20,1]),import.meta.url)).default,tw:async()=>(await r(async()=>{let{default:e}=await import(`./tw-DpiBe17Q.js`);return{default:e}},__vite__mapDeps([21,1]),import.meta.url)).default,hk:async()=>(await r(async()=>{let{default:e}=await import(`./hk-CaQALTDd.js`);return{default:e}},__vite__mapDeps([22,1]),import.meta.url)).default},Y=()=>{let[e,t]=(0,z.useState)(``),[n,r]=(0,z.useState)(``),[i,a]=(0,z.useState)({en:{},es:{},fr:{},de:{},it:{},uk:{},pl:{},pt:{},tr:{},id:{},zh:{},ja:{},ko:{},ar:{},nl:{},ro:{},ru:{},sv:{},th:{},cs:{},"zh-TW":{},"zh-HK":{}});(0,z.useEffect)(()=>{(async()=>{try{let e=await Promise.all(Object.entries(J).map(async([e,t])=>[e,await t()]));a(Object.fromEntries(e))}catch(e){console.error(`Failed to load locale messages:`,e)}})()},[]);let o=Object.keys(i.en).length!==0,c=new Date().toISOString().slice(0,16),[l,u]=(0,z.useState)(c),d=G(new Date(l)),p=new Date(d?l:c),[g,_]=(0,z.useState)(1),y=g??1,x=K(p,y),[S,C]=(0,z.useState)(`h23`),w=S===`h12`?s[0]:``,[D,O]=(0,z.useState)(!1),[k,I]=(0,z.useState)(`formatDateShort`),L=[...R.flatMap(e=>e.labels.filter(e=>!q(e))),...F.flatMap(e=>e.labels.filter(e=>!q(e)))],V=a=>{let o=y===1&&a.extraData?.defaultDurationHours?K(p,a.extraData.defaultDurationHours):x,s=a.labels,c=s[0],l=a.timeFormatterName;return(0,B.jsxs)(`tr`,{onMouseEnter:()=>r(c),children:[(0,B.jsxs)(N,{children:[s.map(e=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(f,{variant:`small-regular-italic`,children:e}),(0,B.jsx)(`br`,{})]},e)),(0,B.jsx)(f,{variant:`small-regular`,children:a.tags.map(e=>(0,B.jsxs)(z.Fragment,{children:[e,(0,B.jsx)(`br`,{})]},e))}),l?(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(E,{label:`Date formatter`,value:k,onValueChange:I,children:L.map(e=>(0,B.jsx)(T,{value:e,children:e},e))}),(0,B.jsx)(E,{label:`Time formatter`,value:l,children:(0,B.jsx)(T,{value:l,children:l},l)})]},`${c}-${l}`):null]}),P.map(s=>(0,B.jsx)(ie,{onMouseEnter:()=>{t(s),r(c)},"data-ishighlighted":s===e||c===n,"data-iscentered":!0,children:(0,B.jsx)(h,{locale:ae[s],messages:i[s],textComponent:`span`,children:(0,B.jsx)(a.Formatter,{date:p,dateEnd:o,dateStart:p,countryCode:w,isCapitalized:D,dateFormatterName:k,timeFormatterName:l})})},`${c}-${s}`))]},c)},H=({title:e,variations:n})=>(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`tr`,{children:(0,B.jsx)(M,{colSpan:P.length+1,children:(0,B.jsx)(f,{variant:`large-semibold`,children:e})})}),(0,B.jsxs)(`tr`,{children:[(0,B.jsx)(N,{}),P.map(e=>(0,B.jsx)(N,{onMouseEnter:()=>t(e),children:e},e))]}),n.map(e=>V(e))]});return o?(0,B.jsxs)(ee,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,B.jsx)(m,{variant:`medium`,tag:`h3`,children:`Date and Time formatting tool`}),(0,B.jsxs)(b,{direction:`row`,gap:`12`,children:[(0,B.jsx)(re,{label:`Date time`,value:l,onValueChange:u,hasError:!d,useLegacyRequiredLabel:!0}),(0,B.jsx)(ne,{label:`Range duration (hours)`,value:g,onValueChange:_,useLegacyRequiredLabel:!0}),(0,B.jsxs)(E,{label:`Time Format`,value:S,onValueChange:C,useLegacyRequiredLabel:!0,children:[(0,B.jsx)(T,{value:`h12`,children:`12h format (AM/PM)`}),(0,B.jsx)(T,{value:`h23`,children:`24h format`})]}),(0,B.jsxs)(b,{direction:`column`,gap:`16`,children:[(0,B.jsx)(f,{variant:`default-regular`,children:`Is Capitalized?`}),(0,B.jsx)(v,{checked:D,onCheckedChange:O})]})]}),(0,B.jsx)(b,{direction:`row`,children:(0,B.jsx)(te,{href:U,opensInNewTab:!0,children:(0,B.jsx)(f,{variant:`default-semibold`,accent:`info`,children:`Confluence article with more examples and rules`})})}),(0,B.jsx)(b,{direction:`column`,gap:`4`,children:(0,B.jsx)(j,{children:(0,B.jsx)(oe,{onMouseLeave:()=>{t(``),r(``)},children:(0,B.jsxs)(`tbody`,{children:[H({title:`Abbreviated Dates (IntlFormattedDate)`,variations:R}),H({title:`Extended Dates (IntlFormattedDate)`,variations:F}),H({title:`Time (IntlFormattedTime)`,variations:A}),H({title:`Date and Time Aggregators (IntlFormattedAggregatedDateTime)`,variations:W})]})})})})]}):`Loading...`},X={title:`IntlFormatted/IntlFormattedDateTime`,component:Y,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},Z=()=>(0,B.jsx)(Y,{}),Q=Z.bind({}),Q.args={},Q.tags=[`!autodocs`,`!a11y-test`],Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`() => <DateTable />`,...Q.parameters?.docs?.source}}},$=[`Default`]}))();export{Q as Default,$ as __namedExportsOrder,X as default};
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{n,t as r}from"./preload-helper-nVtPd9zc.js";import{t as i}from"./react-C7IZe2D1.js";import{D as a,E as o,U as s,k as c,w as l}from"./dist-DtfJeYQK.js";import{t as u}from"./jsx-runtime-C2wGStra.js";import{n as d,t as f}from"./Text-Cy08WP3t.js";import{n as p,t as m}from"./Heading-B3jb_-J8.js";import{a as h,r as g}from"./lib-8ue2PVWI.js";import{n as _,t as v}from"./Checkbox-BV4Be-fH.js";import{n as y,t as b}from"./LayoutFlex-BlWwmFhv.js";import{n as x,t as ee}from"./LayoutGrid-BCMSACUf.js";import{n as S,t as te}from"./Link-DbeaGxmu.js";import{n as C,t as ne}from"./NumberField-WzHWHpwG.js";import{i as w,r as T,t as E}from"./SelectField-CtnC30IK.js";import{n as D,t as re}from"./TextField-DtzGGo-n.js";import{n as O,t as k}from"./IntlFormattedAggregatedDateTime-Ai802ecy.js";import{a as A,c as j,d as M,f as N,i as P,l as ie,n as F,o as ae,p as I,r as L,s as oe,t as R}from"./constants-BRk8fyp8.js";var z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$;t((()=>{z=e(i(),1),L(),I(),l(),d(),x(),p(),y(),D(),w(),C(),_(),S(),g(),O(),B=u(),n(),V=60,H=60*1e3,U=`https://preply.atlassian.net/wiki/spaces/PKB/pages/4410572869/How+to+format+a+date+and+time+in+the+WEB`,W=[{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTime,{date:d,time:f,isCapitalized:i})},labels:[`DateAndTime`,`formatDateAndTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTimeRange,{date:d,timeRange:f,isCapitalized:i})},labels:[`DateAndTimeRange`,`formatDateAndTimeRange`],tags:[`✅ all-usages`],timeFormatterName:`formatTimeRange`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:l})=>{let u=a(),d=o(),{formatDateAndTime:f}=c(),p=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),m=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),h=d[l??``]({date:e,countryCode:r}),g=d[l??``]({date:n,countryCode:r}),_=f({date:p,time:h,isCapitalized:i}),v=f({date:m,time:g,isCapitalized:i});return(0,B.jsx)(k.DateTimeAndDateTime,{dateTimeStart:_,dateTimeEnd:v,isCapitalized:i})},labels:[`DateTimeAndDateTime`,`formatDateTimeAndDateTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`}],G=e=>!Number.isNaN(e.getTime()),K=(e,t)=>new Date(e.getTime()+t*V*H),q=e=>/^[A-Z]/.test(e),J={en:async()=>(await r(async()=>{let{default:e}=await import(`./en-CAnKwElg.js`);return{default:e}},__vite__mapDeps([0,1]),import.meta.url)).default,es:async()=>(await r(async()=>{let{default:e}=await import(`./es-MH1DT2kV.js`);return{default:e}},__vite__mapDeps([2,1]),import.meta.url)).default,fr:async()=>(await r(async()=>{let{default:e}=await import(`./fr-CgnvB_BI.js`);return{default:e}},__vite__mapDeps([3,1]),import.meta.url)).default,de:async()=>(await r(async()=>{let{default:e}=await import(`./de-CGU9rRAn.js`);return{default:e}},__vite__mapDeps([4,1]),import.meta.url)).default,it:async()=>(await r(async()=>{let{default:e}=await import(`./it-BMSKWkCc.js`);return{default:e}},__vite__mapDeps([5,1]),import.meta.url)).default,ua:async()=>(await r(async()=>{let{default:e}=await import(`./ua-CPYW3Hlj.js`);return{default:e}},__vite__mapDeps([6,1]),import.meta.url)).default,pl:async()=>(await r(async()=>{let{default:e}=await import(`./pl-B0BEw5na.js`);return{default:e}},__vite__mapDeps([7,1]),import.meta.url)).default,pt:async()=>(await r(async()=>{let{default:e}=await import(`./pt-qEWGT9cy.js`);return{default:e}},__vite__mapDeps([8,1]),import.meta.url)).default,tr:async()=>(await r(async()=>{let{default:e}=await import(`./tr-CvfBJD7Q.js`);return{default:e}},__vite__mapDeps([9,1]),import.meta.url)).default,id:async()=>(await r(async()=>{let{default:e}=await import(`./id-Bp-BGWpK.js`);return{default:e}},__vite__mapDeps([10,1]),import.meta.url)).default,zh:async()=>(await r(async()=>{let{default:e}=await import(`./zh-C43VYh_6.js`);return{default:e}},__vite__mapDeps([11,1]),import.meta.url)).default,ja:async()=>(await r(async()=>{let{default:e}=await import(`./ja-wtIn1pnV.js`);return{default:e}},__vite__mapDeps([12,1]),import.meta.url)).default,ko:async()=>(await r(async()=>{let{default:e}=await import(`./ko-DvhW2pVO.js`);return{default:e}},__vite__mapDeps([13,1]),import.meta.url)).default,ar:async()=>(await r(async()=>{let{default:e}=await import(`./ar-CmAh1fW1.js`);return{default:e}},__vite__mapDeps([14,1]),import.meta.url)).default,nl:async()=>(await r(async()=>{let{default:e}=await import(`./nl-BW9s7SpL.js`);return{default:e}},__vite__mapDeps([15,1]),import.meta.url)).default,ro:async()=>(await r(async()=>{let{default:e}=await import(`./ro-DLH7plv7.js`);return{default:e}},__vite__mapDeps([16,1]),import.meta.url)).default,ru:async()=>(await r(async()=>{let{default:e}=await import(`./ru-BmiT91mV.js`);return{default:e}},__vite__mapDeps([17,1]),import.meta.url)).default,sv:async()=>(await r(async()=>{let{default:e}=await import(`./sv-CW9z0vaU.js`);return{default:e}},__vite__mapDeps([18,1]),import.meta.url)).default,th:async()=>(await r(async()=>{let{default:e}=await import(`./th-isRlGLm5.js`);return{default:e}},__vite__mapDeps([19,1]),import.meta.url)).default,cs:async()=>(await r(async()=>{let{default:e}=await import(`./cs-o6LA2LFi.js`);return{default:e}},__vite__mapDeps([20,1]),import.meta.url)).default,tw:async()=>(await r(async()=>{let{default:e}=await import(`./tw-DpiBe17Q.js`);return{default:e}},__vite__mapDeps([21,1]),import.meta.url)).default,hk:async()=>(await r(async()=>{let{default:e}=await import(`./hk-CaQALTDd.js`);return{default:e}},__vite__mapDeps([22,1]),import.meta.url)).default},Y=()=>{let[e,t]=(0,z.useState)(``),[n,r]=(0,z.useState)(``),[i,a]=(0,z.useState)({en:{},es:{},fr:{},de:{},it:{},uk:{},pl:{},pt:{},tr:{},id:{},zh:{},ja:{},ko:{},ar:{},nl:{},ro:{},ru:{},sv:{},th:{},cs:{},"zh-TW":{},"zh-HK":{}});(0,z.useEffect)(()=>{(async()=>{try{let e=await Promise.all(Object.entries(J).map(async([e,t])=>[e,await t()]));a(Object.fromEntries(e))}catch(e){console.error(`Failed to load locale messages:`,e)}})()},[]);let o=Object.keys(i.en).length!==0,c=new Date().toISOString().slice(0,16),[l,u]=(0,z.useState)(c),d=G(new Date(l)),p=new Date(d?l:c),[g,_]=(0,z.useState)(1),y=g??1,x=K(p,y),[S,C]=(0,z.useState)(`h23`),w=S===`h12`?s[0]:``,[D,O]=(0,z.useState)(!1),[k,I]=(0,z.useState)(`formatDateShort`),L=[...R.flatMap(e=>e.labels.filter(e=>!q(e))),...F.flatMap(e=>e.labels.filter(e=>!q(e)))],V=a=>{let o=y===1&&a.extraData?.defaultDurationHours?K(p,a.extraData.defaultDurationHours):x,s=a.labels,c=s[0],l=a.timeFormatterName;return(0,B.jsxs)(`tr`,{onMouseEnter:()=>r(c),children:[(0,B.jsxs)(N,{children:[s.map(e=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(f,{variant:`small-regular-italic`,children:e}),(0,B.jsx)(`br`,{})]},e)),(0,B.jsx)(f,{variant:`small-regular`,children:a.tags.map(e=>(0,B.jsxs)(z.Fragment,{children:[e,(0,B.jsx)(`br`,{})]},e))}),l?(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(E,{label:`Date formatter`,value:k,onValueChange:I,children:L.map(e=>(0,B.jsx)(T,{value:e,children:e},e))}),(0,B.jsx)(E,{label:`Time formatter`,value:l,children:(0,B.jsx)(T,{value:l,children:l},l)})]},`${c}-${l}`):null]}),P.map(s=>(0,B.jsx)(ie,{onMouseEnter:()=>{t(s),r(c)},"data-ishighlighted":s===e||c===n,"data-iscentered":!0,children:(0,B.jsx)(h,{locale:ae[s],messages:i[s],textComponent:`span`,children:(0,B.jsx)(a.Formatter,{date:p,dateEnd:o,dateStart:p,countryCode:w,isCapitalized:D,dateFormatterName:k,timeFormatterName:l})})},`${c}-${s}`))]},c)},H=({title:e,variations:n})=>(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`tr`,{children:(0,B.jsx)(M,{colSpan:P.length+1,children:(0,B.jsx)(f,{variant:`large-semibold`,children:e})})}),(0,B.jsxs)(`tr`,{children:[(0,B.jsx)(N,{}),P.map(e=>(0,B.jsx)(N,{onMouseEnter:()=>t(e),children:e},e))]}),n.map(e=>V(e))]});return o?(0,B.jsxs)(ee,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,B.jsx)(m,{variant:`medium`,tag:`h3`,children:`Date and Time formatting tool`}),(0,B.jsxs)(b,{direction:`row`,gap:`12`,children:[(0,B.jsx)(re,{label:`Date time`,value:l,onValueChange:u,hasError:!d,useLegacyRequiredLabel:!0}),(0,B.jsx)(ne,{label:`Range duration (hours)`,value:g,onValueChange:_,useLegacyRequiredLabel:!0}),(0,B.jsxs)(E,{label:`Time Format`,value:S,onValueChange:C,useLegacyRequiredLabel:!0,children:[(0,B.jsx)(T,{value:`h12`,children:`12h format (AM/PM)`}),(0,B.jsx)(T,{value:`h23`,children:`24h format`})]}),(0,B.jsxs)(b,{direction:`column`,gap:`16`,children:[(0,B.jsx)(f,{variant:`default-regular`,children:`Is Capitalized?`}),(0,B.jsx)(v,{checked:D,onCheckedChange:O})]})]}),(0,B.jsx)(b,{direction:`row`,children:(0,B.jsx)(te,{href:U,opensInNewTab:!0,children:(0,B.jsx)(f,{variant:`default-semibold`,accent:`info`,children:`Confluence article with more examples and rules`})})}),(0,B.jsx)(b,{direction:`column`,gap:`4`,children:(0,B.jsx)(j,{children:(0,B.jsx)(oe,{onMouseLeave:()=>{t(``),r(``)},children:(0,B.jsxs)(`tbody`,{children:[H({title:`Abbreviated Dates (IntlFormattedDate)`,variations:R}),H({title:`Extended Dates (IntlFormattedDate)`,variations:F}),H({title:`Time (IntlFormattedTime)`,variations:A}),H({title:`Date and Time Aggregators (IntlFormattedAggregatedDateTime)`,variations:W})]})})})})]}):`Loading...`},X={title:`IntlFormatted/IntlFormattedDateTime`,component:Y,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},Z=()=>(0,B.jsx)(Y,{}),Q=Z.bind({}),Q.args={},Q.tags=[`!autodocs`,`!a11y-test`],Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`() => <DateTable />`,...Q.parameters?.docs?.source}}},$=[`Default`]}))();export{Q as Default,$ as __namedExportsOrder,X as default};

package/dist/assets/IntlFormattedTime-BOUEN1XF.js

@@ -0,0 +1,2 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{D as r,E as i,w as a}from"./dist-DtfJeYQK.js";import{t as o}from"./jsx-runtime-C2wGStra.js";function s({children:e}){return(0,c.jsx)(`span`,{children:e})}var c,l=t((()=>{e(n(),1),c=o();try{s.displayName=`Wrapper`,s.__docgenInfo={description:`Prevent Google Translate (or another browser translator / DOM manipulating extension) to make React
+crash when the users translate the page.`,displayName:`Wrapper`,props:{}}}catch{}}));function u(...e){let{formatDayFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function d(...e){let{formatDayShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function f(...e){let{formatMonthFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function p(...e){let{formatMonthShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function m(...e){let{formatMonthYearFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function h(...e){let{formatMonthYearShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function g(...e){let{formatDateFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function _(...e){let{formatDateShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function v(...e){let{formatDateYearShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function y(...e){let{formatDayDateFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function b(...e){let{formatDayDateShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function x(...e){let{formatDateYearFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function S(...e){let{formatDayDateYearFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function C(...e){let{formatDayDateYearShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function w(...e){let{formatDateRangeShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function T(...e){let{formatDateRangeFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function E(...e){let{formatDateRangeYearShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function D(...e){let{formatDayDateNumberShort:t}=r();return(0,j.jsx)(s,{children:t(...e)})}function O(...e){let{formatRelativeDay:t}=r(),n=t(...e);return n?(0,j.jsx)(s,{children:n}):void 0}function k(...e){let{formatRelativeDayDateShort:t}=r(),n=t(...e);return n?(0,j.jsx)(s,{children:n}):void 0}function A(...e){let{formatEveryWeekDayFull:t}=r();return(0,j.jsx)(s,{children:t(...e)})}var j,M,N=t((()=>{e(n(),1),l(),a(),j=o(),M={DayFull:u,DayShort:d,MonthFull:f,MonthShort:p,MonthYearFull:m,MonthYearShort:h,DateFull:g,DateShort:_,DateYearFull:x,DateYearShort:v,DayDateFull:y,DayDateShort:b,DayDateYearFull:S,DayDateYearShort:C,DateRangeShort:w,DateRangeFull:T,DateRangeYearShort:E,RelativeDay:O,RelativeDayDateShort:k,DayDateNumberShort:D,EveryWeekDayFull:A};try{u.displayName=`DayFull`,u.__docgenInfo={description:``,displayName:`DayFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{d.displayName=`DayShort`,d.__docgenInfo={description:``,displayName:`DayShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{f.displayName=`MonthFull`,f.__docgenInfo={description:``,displayName:`MonthFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{p.displayName=`MonthShort`,p.__docgenInfo={description:``,displayName:`MonthShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{m.displayName=`MonthYearFull`,m.__docgenInfo={description:``,displayName:`MonthYearFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{h.displayName=`MonthYearShort`,h.__docgenInfo={description:``,displayName:`MonthYearShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{g.displayName=`DateFull`,g.__docgenInfo={description:``,displayName:`DateFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{_.displayName=`DateShort`,_.__docgenInfo={description:``,displayName:`DateShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{x.displayName=`DateYearFull`,x.__docgenInfo={description:``,displayName:`DateYearFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{v.displayName=`DateYearShort`,v.__docgenInfo={description:``,displayName:`DateYearShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{y.displayName=`DayDateFull`,y.__docgenInfo={description:``,displayName:`DayDateFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{b.displayName=`DayDateShort`,b.__docgenInfo={description:``,displayName:`DayDateShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{S.displayName=`DayDateYearFull`,S.__docgenInfo={description:``,displayName:`DayDateYearFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{C.displayName=`DayDateYearShort`,C.__docgenInfo={description:``,displayName:`DayDateYearShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{w.displayName=`DateRangeShort`,w.__docgenInfo={description:``,displayName:`DateRangeShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateRangeProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{T.displayName=`DateRangeFull`,T.__docgenInfo={description:``,displayName:`DateRangeFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateRangeProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{E.displayName=`DateRangeYearShort`,E.__docgenInfo={description:``,displayName:`DateRangeYearShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateRangeProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{O.displayName=`RelativeDay`,O.__docgenInfo={description:``,displayName:`RelativeDay`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedRelativeDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{k.displayName=`RelativeDayDateShort`,k.__docgenInfo={description:``,displayName:`RelativeDayDateShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedRelativeDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{D.displayName=`DayDateNumberShort`,D.__docgenInfo={description:``,displayName:`DayDateNumberShort`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{A.displayName=`EveryWeekDayFull`,A.__docgenInfo={description:``,displayName:`EveryWeekDayFull`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedDateProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}}));function P(...e){let{formatTime:t}=i();return(0,I.jsx)(s,{children:t(...e)})}function F(...e){let{formatTimeRange:t}=i();return(0,I.jsx)(s,{children:t(...e)})}var I,L,R=t((()=>{e(n(),1),a(),l(),I=o(),L={Time:P,TimeRange:F};try{P.displayName=`Time`,P.__docgenInfo={description:``,displayName:`Time`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedTimeProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}try{F.displayName=`TimeRange`,F.__docgenInfo={description:``,displayName:`TimeRange`,props:{0:{defaultValue:null,description:``,name:`0`,required:!0,type:{name:`IntlFormattedTimeRangeProps`}},length:{defaultValue:null,description:``,name:`length`,required:!0,type:{name:`1`}}}}}catch{}}));export{s as a,N as i,R as n,l as o,M as r,L as t};

package/dist/assets/{LayoutFlex-CEr_Bd5T.js → LayoutFlex-BlWwmFhv.js}

@@ -1 +1 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,w as a}from"./dist-DtfJeYQK.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{a as d,c as f,i as p,l as m,n as h,o as g,r as _,s as v,t as y,u as b}from"./layout-relative.module-BMQDPKP6.js";function x(e){let{nowrap:t}=e;if(t)return!0}function S(e){return JSON.stringify(e)}function C(e){let{direction:t,column:n,reverse:r}=e;return t===void 0?!r&&!n?{applyThrough:`direction`,directionAttr:`row`}:{applyThrough:`columnReverse`,columnReverseAttr:`${n?`column`:`row`}-${r?`rev`:`fwd`}`}:typeof t==`string`?{applyThrough:`direction`,directionAttr:t}:{applyThrough:`direction`,directionAttr:S(t)}}function w(e){let{justifyContent:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function T(e){let{alignItems:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function E(e){let{gap:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function D(e){let{padding:t}=e;return t===void 0?{applyThrough:`attr`,attr:`0`}:typeof t==`string`||typeof t==`number`?{applyThrough:`attr`,attr:t}:Array.isArray(t)||S(t).includes(`[`)?{applyThrough:`classnames`,classNames:v(t)}:{applyThrough:`attr`,attr:JSON.stringify(t)}}function O(e){let{hide:t,inline:n}=e;if(t===void 0)return;let r=n?`inline-flex`:`flex`;if(typeof t==`boolean`)return t?`hide`:r;let i=S(t);return i=i.replace(/true/g,`"hide"`),i=i.replace(/false/g,`"${r}"`),i}function k(e){let{relative:t}=e;if(t!==void 0){if(t===!0)return!0;if(t!==!1)return S(t)}}var A=t((()=>{a(),f()})),j,M=t((()=>{j={}})),N,P,F,I=t((()=>{N=e(n(),1),i(),a(),c(),l(),A(),M(),d(),_(),m(),y(),P=o(),F=(0,N.forwardRef)(function(e,t){let{gap:n,hide:i,column:a,nowrap:o,inline:c,dataset:l,reverse:d,padding:f,children:m,relative:_,direction:v,alignItems:y,justifyContent:S,tag:A=`div`,...M}=e,N=[j.LayoutFlex,g.LayoutGap,p.LayoutHide,b.layoutPadding,h.LayoutRelative],F=E({gap:n}),I=x({nowrap:o}),L=k({relative:_}),R=O({hide:i,inline:c}),z=T({alignItems:y}),B=w({justifyContent:S}),V,H,U=C({direction:v,column:a,reverse:d});U.applyThrough===`columnReverse`?H=U.columnReverseAttr:V=U.directionAttr;let W,G=D({padding:f});return G.applyThrough===`classnames`?N.push(...G.classNames):W=G.attr,(0,P.jsx)(A,{...u(M),ref:t,className:N.join(` `),"data-ds-gap":F,"data-ds-nowrap":I,"data-ds-padding":W,"data-ds-display":R,"data-ds-relative":L,"data-ds-direction":V,"data-ds-alignitems":z,"data-ds-columnreverse":H,"data-ds-justifycontent":B,...r(l,{preplyDsComponent:s.LayoutFlex}),children:m})});try{F.displayName=`LayoutFlex`,F.__docgenInfo={description:`A component for rendering flex layout`,displayName:`LayoutFlex`,props:{gap:{defaultValue:null,description:"The `gap` property is used to set the spacing between flex items.\n\nNumeric values correspond to the `px` unit.\n\nT-shirt size values like `xs`, `sm`, `md`, `lg`, `xl` are deprecated.",name:`gap`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"1"`},{value:`"2"`},{value:`"4"`},{value:`"6"`},{value:`"8"`},{value:`"12"`},{value:`"16"`},{value:`"20"`},{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`ResponsiveProp<LayoutGap>`},{value:`ResponsiveProp<Spacing>`}]}},padding:{defaultValue:null,description:``,name:`padding`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"1"`},{value:`"2"`},{value:`"4"`},{value:`"6"`},{value:`"8"`},{value:`"12"`},{value:`"16"`},{value:`"20"`},{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`[LayoutPadding, LayoutPadding]`},{value:`[LayoutPadding, LayoutPadding, LayoutPadding]`},{value:`[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]`},{value:`[Spacing, Spacing]`},{value:`[Spacing, Spacing, Spacing]`},{value:`[Spacing, Spacing, Spacing, Spacing]`},{value:`ResponsiveProp<"0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "32" | "48" | "64" | "96" | "160" | [LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding] | [...] | [...] | [...] | [...]>`}]}},nowrap:{defaultValue:null,description:``,name:`nowrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:`column`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:`reverse`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},direction:{defaultValue:null,description:``,name:`direction`,required:!1,type:{name:`enum`,value:[{value:`"column"`},{value:`"row"`},{value:`"row-reverse"`},{value:`"column-reverse"`},{value:`ResponsiveProp<LayoutFlexDirection>`}]}},justifyContent:{defaultValue:null,description:``,name:`justifyContent`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"space-between"`},{value:`"space-around"`},{value:`"space-evenly"`},{value:`ResponsiveProp<LayoutJustifyContent>`}]}},alignItems:{defaultValue:null,description:``,name:`alignItems`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"stretch"`},{value:`"baseline"`},{value:`ResponsiveProp<LayoutAlignItems>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"tr"`},{value:`"th"`},{value:`"div"`},{value:`"table"`},{value:`"td"`},{value:`"article"`},{value:`"caption"`},{value:`"fieldset"`},{value:`"figcaption"`},{value:`"figure"`},{value:`"footer"`},{value:`"header"`},{value:`"li"`},{value:`"main"`},{value:`"ol"`},{value:`"p"`},{value:`"section"`},{value:`"span"`},{value:`"tbody"`},{value:`"tfoot"`},{value:`"thead"`},{value:`"ul"`}]}},hide:{defaultValue:null,description:``,name:`hide`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},relative:{defaultValue:null,description:``,name:`relative`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},inline:{defaultValue:null,description:``,name:`inline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLElement | null) => void`},{value:`RefObject<HTMLElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{I as n,F as t};
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,w as a}from"./dist-DtfJeYQK.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{a as d,c as f,i as p,l as m,n as h,o as g,r as _,s as v,t as y,u as b}from"./layout-relative.module-C0ke0xP4.js";function x(e){let{nowrap:t}=e;if(t)return!0}function S(e){return JSON.stringify(e)}function C(e){let{direction:t,column:n,reverse:r}=e;return t===void 0?!r&&!n?{applyThrough:`direction`,directionAttr:`row`}:{applyThrough:`columnReverse`,columnReverseAttr:`${n?`column`:`row`}-${r?`rev`:`fwd`}`}:typeof t==`string`?{applyThrough:`direction`,directionAttr:t}:{applyThrough:`direction`,directionAttr:S(t)}}function w(e){let{justifyContent:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function T(e){let{alignItems:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function E(e){let{gap:t}=e;if(t!==void 0)return typeof t==`string`?t:S(t)}function D(e){let{padding:t}=e;return t===void 0?{applyThrough:`attr`,attr:`0`}:typeof t==`string`||typeof t==`number`?{applyThrough:`attr`,attr:t}:Array.isArray(t)||S(t).includes(`[`)?{applyThrough:`classnames`,classNames:v(t)}:{applyThrough:`attr`,attr:JSON.stringify(t)}}function O(e){let{hide:t,inline:n}=e;if(t===void 0)return;let r=n?`inline-flex`:`flex`;if(typeof t==`boolean`)return t?`hide`:r;let i=S(t);return i=i.replace(/true/g,`"hide"`),i=i.replace(/false/g,`"${r}"`),i}function k(e){let{relative:t}=e;if(t!==void 0){if(t===!0)return!0;if(t!==!1)return S(t)}}var A=t((()=>{a(),f()})),j,M=t((()=>{j={}})),N,P,F,I=t((()=>{N=e(n(),1),i(),a(),c(),l(),A(),M(),d(),_(),m(),y(),P=o(),F=(0,N.forwardRef)(function(e,t){let{gap:n,hide:i,column:a,nowrap:o,inline:c,dataset:l,reverse:d,padding:f,children:m,relative:_,direction:v,alignItems:y,justifyContent:S,tag:A=`div`,...M}=e,N=[j.LayoutFlex,g.LayoutGap,p.LayoutHide,b.layoutPadding,h.LayoutRelative],F=E({gap:n}),I=x({nowrap:o}),L=k({relative:_}),R=O({hide:i,inline:c}),z=T({alignItems:y}),B=w({justifyContent:S}),V,H,U=C({direction:v,column:a,reverse:d});U.applyThrough===`columnReverse`?H=U.columnReverseAttr:V=U.directionAttr;let W,G=D({padding:f});return G.applyThrough===`classnames`?N.push(...G.classNames):W=G.attr,(0,P.jsx)(A,{...u(M),ref:t,className:N.join(` `),"data-ds-gap":F,"data-ds-nowrap":I,"data-ds-padding":W,"data-ds-display":R,"data-ds-relative":L,"data-ds-direction":V,"data-ds-alignitems":z,"data-ds-columnreverse":H,"data-ds-justifycontent":B,...r(l,{preplyDsComponent:s.LayoutFlex}),children:m})});try{F.displayName=`LayoutFlex`,F.__docgenInfo={description:`A component for rendering flex layout`,displayName:`LayoutFlex`,props:{gap:{defaultValue:null,description:"The `gap` property is used to set the spacing between flex items.\n\nNumeric values correspond to the `px` unit.\n\nT-shirt size values like `xs`, `sm`, `md`, `lg`, `xl` are deprecated.",name:`gap`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"1"`},{value:`"2"`},{value:`"4"`},{value:`"6"`},{value:`"8"`},{value:`"12"`},{value:`"16"`},{value:`"20"`},{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`ResponsiveProp<LayoutGap>`},{value:`ResponsiveProp<Spacing>`}]}},padding:{defaultValue:null,description:``,name:`padding`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"1"`},{value:`"2"`},{value:`"4"`},{value:`"6"`},{value:`"8"`},{value:`"12"`},{value:`"16"`},{value:`"20"`},{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`[LayoutPadding, LayoutPadding]`},{value:`[LayoutPadding, LayoutPadding, LayoutPadding]`},{value:`[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]`},{value:`[Spacing, Spacing]`},{value:`[Spacing, Spacing, Spacing]`},{value:`[Spacing, Spacing, Spacing, Spacing]`},{value:`ResponsiveProp<"0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "32" | "48" | "64" | "96" | "160" | [LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding] | [...] | [...] | [...] | [...]>`}]}},nowrap:{defaultValue:null,description:``,name:`nowrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:`column`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:`reverse`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},direction:{defaultValue:null,description:``,name:`direction`,required:!1,type:{name:`enum`,value:[{value:`"row"`},{value:`"column"`},{value:`"row-reverse"`},{value:`"column-reverse"`},{value:`ResponsiveProp<LayoutFlexDirection>`}]}},justifyContent:{defaultValue:null,description:``,name:`justifyContent`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"space-between"`},{value:`"space-around"`},{value:`"space-evenly"`},{value:`ResponsiveProp<LayoutJustifyContent>`}]}},alignItems:{defaultValue:null,description:``,name:`alignItems`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"stretch"`},{value:`"baseline"`},{value:`ResponsiveProp<LayoutAlignItems>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"article"`},{value:`"caption"`},{value:`"div"`},{value:`"fieldset"`},{value:`"figcaption"`},{value:`"figure"`},{value:`"footer"`},{value:`"header"`},{value:`"li"`},{value:`"main"`},{value:`"ol"`},{value:`"p"`},{value:`"section"`},{value:`"span"`},{value:`"table"`},{value:`"tbody"`},{value:`"td"`},{value:`"tfoot"`},{value:`"th"`},{value:`"thead"`},{value:`"tr"`},{value:`"ul"`}]}},hide:{defaultValue:null,description:``,name:`hide`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},relative:{defaultValue:null,description:``,name:`relative`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},inline:{defaultValue:null,description:``,name:`inline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{I as n,F as t};

package/dist/assets/{LayoutFlexItem-DCUGpEDU.js → LayoutFlexItem-Ck-D8viJ.js}

@@ -1 +1 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{_ as r,ht as i,t as a,w as o,y as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{n as l,t as u}from"./dist-Cc1j9Pjk.js";import{n as d,t as f}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as p,t as m}from"./align-self-CArWUz5E.js";import{i as h,n as g,r as _,t as v}from"./layout-relative-DXMXPMmM.js";var y,b,x=t((()=>{y=`LayoutFlexItem__dKOq-`,b={LayoutFlexItem:y,"LayoutFlexItem--stretch":`LayoutFlexItem--stretch__iab5M`,"LayoutFlexItem--no-stretch":`LayoutFlexItem--no-stretch__-1TuH`,"LayoutFlexItem--narrow-l--stretch":`LayoutFlexItem--narrow-l--stretch__3ll6c`,"LayoutFlexItem--narrow-l--no-stretch":`LayoutFlexItem--narrow-l--no-stretch__ObDkL`,"LayoutFlexItem--medium-s--stretch":`LayoutFlexItem--medium-s--stretch__3Ry1a`,"LayoutFlexItem--medium-s--no-stretch":`LayoutFlexItem--medium-s--no-stretch__KB7hy`,"LayoutFlexItem--medium-l--stretch":`LayoutFlexItem--medium-l--stretch__roskH`,"LayoutFlexItem--medium-l--no-stretch":`LayoutFlexItem--medium-l--no-stretch__g5WGB`,"LayoutFlexItem--wide-s--stretch":`LayoutFlexItem--wide-s--stretch__xMSyv`,"LayoutFlexItem--wide-s--no-stretch":`LayoutFlexItem--wide-s--no-stretch__3voIB`,"LayoutFlexItem--wide-l--stretch":`LayoutFlexItem--wide-l--stretch__AfLMQ`,"LayoutFlexItem--wide-l--no-stretch":`LayoutFlexItem--wide-l--no-stretch__LA45O`}})),S,C,w,T=t((()=>{o(),u(),a(),S=e(n(),1),p(),h(),g(),d(),x(),C=c(),w=(0,S.forwardRef)(function({children:e,alignSelf:t,stretch:n=!1,tag:a,hide:o,relative:c,dataset:u,...d},p){let h=s(b,l.LayoutFlexItem,r(`stretch`,`no-stretch`,n)),g=m(t),y=_(o),x=v(c),S=[...h,...g,...y,...x];return(0,C.jsx)(a??`div`,{...f(d),ref:p,className:S.join(` `),...i(u,{preplyDsComponent:l.LayoutFlexItem}),children:e})});try{w.displayName=`LayoutFlexItem`,w.__docgenInfo={description:``,displayName:`LayoutFlexItem`,props:{alignSelf:{defaultValue:null,description:``,name:`alignSelf`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"stretch"`},{value:`ResponsiveProp<LayoutAlignSelf>`}]}},stretch:{defaultValue:{value:`false`},description:``,name:`stretch`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"tr"`},{value:`"th"`},{value:`"div"`},{value:`"table"`},{value:`"td"`},{value:`"article"`},{value:`"caption"`},{value:`"fieldset"`},{value:`"figcaption"`},{value:`"figure"`},{value:`"footer"`},{value:`"header"`},{value:`"li"`},{value:`"main"`},{value:`"ol"`},{value:`"p"`},{value:`"section"`},{value:`"span"`},{value:`"tbody"`},{value:`"tfoot"`},{value:`"thead"`},{value:`"ul"`}]}},hide:{defaultValue:null,description:``,name:`hide`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},relative:{defaultValue:null,description:``,name:`relative`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLElement | null) => void`},{value:`RefObject<HTMLElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{T as n,w as t};
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{_ as r,ht as i,t as a,w as o,y as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{n as l,t as u}from"./dist-Cc1j9Pjk.js";import{n as d,t as f}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as p,t as m}from"./align-self-DPOkDP3u.js";import{i as h,n as g,r as _,t as v}from"./layout-relative-BOsTfett.js";var y,b,x=t((()=>{y=`LayoutFlexItem__dKOq-`,b={LayoutFlexItem:y,"LayoutFlexItem--stretch":`LayoutFlexItem--stretch__iab5M`,"LayoutFlexItem--no-stretch":`LayoutFlexItem--no-stretch__-1TuH`,"LayoutFlexItem--narrow-l--stretch":`LayoutFlexItem--narrow-l--stretch__3ll6c`,"LayoutFlexItem--narrow-l--no-stretch":`LayoutFlexItem--narrow-l--no-stretch__ObDkL`,"LayoutFlexItem--medium-s--stretch":`LayoutFlexItem--medium-s--stretch__3Ry1a`,"LayoutFlexItem--medium-s--no-stretch":`LayoutFlexItem--medium-s--no-stretch__KB7hy`,"LayoutFlexItem--medium-l--stretch":`LayoutFlexItem--medium-l--stretch__roskH`,"LayoutFlexItem--medium-l--no-stretch":`LayoutFlexItem--medium-l--no-stretch__g5WGB`,"LayoutFlexItem--wide-s--stretch":`LayoutFlexItem--wide-s--stretch__xMSyv`,"LayoutFlexItem--wide-s--no-stretch":`LayoutFlexItem--wide-s--no-stretch__3voIB`,"LayoutFlexItem--wide-l--stretch":`LayoutFlexItem--wide-l--stretch__AfLMQ`,"LayoutFlexItem--wide-l--no-stretch":`LayoutFlexItem--wide-l--no-stretch__LA45O`}})),S,C,w,T=t((()=>{o(),u(),a(),S=e(n(),1),p(),h(),g(),d(),x(),C=c(),w=(0,S.forwardRef)(function({children:e,alignSelf:t,stretch:n=!1,tag:a,hide:o,relative:c,dataset:u,...d},p){let h=s(b,l.LayoutFlexItem,r(`stretch`,`no-stretch`,n)),g=m(t),y=_(o),x=v(c),S=[...h,...g,...y,...x];return(0,C.jsx)(a??`div`,{...f(d),ref:p,className:S.join(` `),...i(u,{preplyDsComponent:l.LayoutFlexItem}),children:e})});try{w.displayName=`LayoutFlexItem`,w.__docgenInfo={description:``,displayName:`LayoutFlexItem`,props:{alignSelf:{defaultValue:null,description:``,name:`alignSelf`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`},{value:`"stretch"`},{value:`ResponsiveProp<LayoutAlignSelf>`}]}},stretch:{defaultValue:{value:`false`},description:``,name:`stretch`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"article"`},{value:`"caption"`},{value:`"div"`},{value:`"fieldset"`},{value:`"figcaption"`},{value:`"figure"`},{value:`"footer"`},{value:`"header"`},{value:`"li"`},{value:`"main"`},{value:`"ol"`},{value:`"p"`},{value:`"section"`},{value:`"span"`},{value:`"table"`},{value:`"tbody"`},{value:`"td"`},{value:`"tfoot"`},{value:`"th"`},{value:`"thead"`},{value:`"tr"`},{value:`"ul"`}]}},hide:{defaultValue:null,description:``,name:`hide`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},relative:{defaultValue:null,description:``,name:`relative`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{T as n,w as t};