@alma-oss/spirit-web-react 4.4.2 → 4.6.0

package/dist/components/Field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Field.d.ts

@@ -1,2 +1,2 @@
-export * from './Field/index'
+export * from '../src/components/Field/index'
 export {}

package/dist/components/FieldGroup/FieldGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("classnames"),j=require("../../hooks/styleProps.cjs"),v=require("../../hooks/useAriaDescribedBy.cjs"),_=require("../Field/HelperText.cjs"),A=require("../Field/useAriaIds.cjs"),F=require("../Field/ValidationText.cjs"),g=require("../Field/useValidationTextRole.cjs"),V=require("../VisuallyHidden/VisuallyHidden.cjs"),D=require("./useFieldGroupStyleProps.cjs"),d=n=>{const{"aria-describedby":u="",children:c,helperText:p,hasValidationIcon:x,id:r,isDisabled:y,isFluid:b,isLabelHidden:T,isRequired:h,label:t,validationState:i,validationText:a,...m}=n,{classProps:s}=D.useFieldGroupStyleProps({isFluid:b,isRequired:h,validationState:i}),{styleProps:l,props:q}=j.useStyleProps(m),[P,o]=A.default(u),f=v.useAriaDescribedBy(P),N=g.useValidationTextRole({validationState:i,validationText:a});return e.jsxs("fieldset",{...q,...l,...f,className:S(s.root,l.className),disabled:y,children:[e.jsx(V.default,{elementType:"legend",children:t}),!T&&e.jsx("div",{className:s.label,"aria-hidden":"true",children:t}),e.jsx("div",{className:s.fields,children:c}),e.jsx(_.default,{UNSAFE_className:s.helperText,id:`${r}__helperText`,registerAria:o,helperText:p}),i&&e.jsx(F.default,{UNSAFE_className:s.validationText,...x&&{hasValidationStateIcon:i},id:`${r}__helperText`,validationText:a,registerAria:o,role:N})]})};d.spiritComponent="FieldGroup";exports.default=d;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("classnames"),S=require("../../hooks/styleProps.cjs"),j=require("../../hooks/useAriaIdRefs.cjs"),v=require("../Field/HelperText.cjs"),_=require("../Field/ValidationText.cjs"),F=require("../Field/useValidationTextRole.cjs"),g=require("../VisuallyHidden/VisuallyHidden.cjs"),A=require("./useFieldGroupStyleProps.cjs"),d=n=>{const{"aria-describedby":u="",children:c,helperText:p,hasValidationIcon:x,id:r,isDisabled:y,isFluid:T,isLabelHidden:b,isRequired:h,label:t,validationState:i,validationText:l,...m}=n,{classProps:s}=A.useFieldGroupStyleProps({isFluid:T,isRequired:h,validationState:i}),{styleProps:a,props:q}=S.useStyleProps(m),[P,o]=j.useAriaDescribedBy(u),f=F.useValidationTextRole({validationState:i,validationText:l});return e.jsxs("fieldset",{...q,...a,...P,className:N(s.root,a.className),disabled:y,children:[e.jsx(g.default,{elementType:"legend",children:t}),!b&&e.jsx("div",{className:s.label,"aria-hidden":"true",children:t}),e.jsx("div",{className:s.fields,children:c}),e.jsx(v.default,{UNSAFE_className:s.helperText,id:`${r}__helperText`,registerAria:o,helperText:p}),i&&e.jsx(_.default,{UNSAFE_className:s.validationText,...x&&{hasValidationStateIcon:i},id:`${r}__helperText`,validationText:l,registerAria:o,role:f})]})};d.spiritComponent="FieldGroup";exports.default=d;
 //# sourceMappingURL=FieldGroup.cjs.map

package/dist/components/FieldGroup/FieldGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.cjs","sources":["../../../src/components/FieldGroup/FieldGroup.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFieldGroupProps } from '../../types';\nimport { HelperText, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useFieldGroupStyleProps } from './useFieldGroupStyleProps';\n\nconst FieldGroup = (props: SpiritFieldGroupProps) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    helperText,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    ...rest\n  } = props;\n\n  const { classProps } = useFieldGroupStyleProps({ hasValidationIcon, isFluid, isRequired, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(rest);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <fieldset\n      {...transferProps}\n      {...styleProps}\n      {...ariaDescribedByProp}\n      className={classNames(classProps.root, styleProps.className)}\n      disabled={isDisabled}\n    >\n      <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n      {!isLabelHidden && (\n        <div className={classProps.label} aria-hidden=\"true\">\n          {label}\n        </div>\n      )}\n      <div className={classProps.fields}>{children}</div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__helperText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </fieldset>\n  );\n};\n\nFieldGroup.spiritComponent = 'FieldGroup';\n\nexport default FieldGroup;\n"],"names":["FieldGroup","props","ariaDescribedBy","children","helperText","hasValidationIcon","id","isDisabled","isFluid","isLabelHidden","isRequired","label","validationState","validationText","rest","classProps","useFieldGroupStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","VisuallyHidden","HelperText","ValidationText"],"mappings":"8gBAWMA,EAAcC,GAAiC,CACnD,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,GAAeC,EAAAA,wBAAwB,CAAqB,QAAAR,EAAS,WAAAE,EAAY,gBAAAE,EAAiB,EACpG,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAI,EACzD,CAACM,EAAKC,CAAQ,EAAIC,EAAAA,QAAWpB,CAAe,EAC5CqB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAED,OACEc,EAAAA,KAAC,WAAA,CACE,GAAGT,EACH,GAAGD,EACH,GAAGM,EACJ,UAAWK,EAAWb,EAAW,KAAME,EAAW,SAAS,EAC3D,SAAUV,EAEV,SAAA,CAAAsB,EAAAA,IAACC,EAAAA,QAAA,CAAe,YAAY,SAAU,SAAAnB,EAAM,EAC3C,CAACF,GACAoB,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,MAAO,cAAY,OAC3C,SAAAJ,CAAA,CACH,EAEFkB,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,OAAS,SAAAZ,EAAS,EAC7C0B,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,WAC7B,GAAI,GAAGT,CAAE,eACT,aAAce,EACd,WAAAjB,CAAA,CAAA,EAEDQ,GACCiB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,eAC5B,GAAIV,GAAqB,CAAE,uBAAwBO,CAAA,EACpD,GAAI,GAAGN,CAAE,eACT,eAAAO,EACA,aAAcQ,EACd,KAAMI,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEAzB,EAAW,gBAAkB"}
+{"version":3,"file":"FieldGroup.cjs","sources":["../../../src/components/FieldGroup/FieldGroup.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFieldGroupProps } from '../../types';\nimport { HelperText, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useFieldGroupStyleProps } from './useFieldGroupStyleProps';\n\nconst FieldGroup = (props: SpiritFieldGroupProps) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    helperText,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    ...rest\n  } = props;\n\n  const { classProps } = useFieldGroupStyleProps({ hasValidationIcon, isFluid, isRequired, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(rest);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <fieldset\n      {...transferProps}\n      {...styleProps}\n      {...ariaDescribedByProp}\n      className={classNames(classProps.root, styleProps.className)}\n      disabled={isDisabled}\n    >\n      <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n      {!isLabelHidden && (\n        <div className={classProps.label} aria-hidden=\"true\">\n          {label}\n        </div>\n      )}\n      <div className={classProps.fields}>{children}</div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__helperText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </fieldset>\n  );\n};\n\nFieldGroup.spiritComponent = 'FieldGroup';\n\nexport default FieldGroup;\n"],"names":["FieldGroup","props","ariaDescribedBy","children","helperText","hasValidationIcon","id","isDisabled","isFluid","isLabelHidden","isRequired","label","validationState","validationText","rest","classProps","useFieldGroupStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","VisuallyHidden","HelperText","ValidationText"],"mappings":"oeAWMA,EAAcC,GAAiC,CACnD,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,WAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,GAAeC,EAAAA,wBAAwB,CAAqB,QAAAR,EAAS,WAAAE,EAAY,gBAAAE,EAAiB,EACpG,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAI,EACzD,CAACM,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBpB,CAAe,EACpEqB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAZ,EACA,eAAAC,CAAA,CACD,EAED,OACEY,EAAAA,KAAC,WAAA,CACE,GAAGP,EACH,GAAGD,EACH,GAAGG,EACJ,UAAWM,EAAWX,EAAW,KAAME,EAAW,SAAS,EAC3D,SAAUV,EAEV,SAAA,CAAAoB,EAAAA,IAACC,EAAAA,QAAA,CAAe,YAAY,SAAU,SAAAjB,EAAM,EAC3C,CAACF,GACAkB,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAW,MAAO,cAAY,OAC3C,SAAAJ,CAAA,CACH,EAEFgB,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAW,OAAS,SAAAZ,EAAS,EAC7CwB,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBd,EAAW,WAC7B,GAAI,GAAGT,CAAE,eACT,aAAce,EACd,WAAAjB,CAAA,CAAA,EAEDQ,GACCe,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBf,EAAW,eAC5B,GAAIV,GAAqB,CAAE,uBAAwBO,CAAA,EACpD,GAAI,GAAGN,CAAE,eACT,eAAAO,EACA,aAAcQ,EACd,KAAME,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEAvB,EAAW,gBAAkB"}

package/dist/components/FieldGroup/FieldGroup.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsxs as A, jsx as i } from "react/jsx-runtime";
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import F from "classnames";
 import { useStyleProps as P } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as S } from "../../hooks/useAriaDescribedBy.js";
+import { useAriaDescribedBy as S } from "../../hooks/useAriaIdRefs.js";
 import _ from "../Field/HelperText.js";
-import V from "../Field/useAriaIds.js";
-import g from "../Field/ValidationText.js";
-import { useValidationTextRole as D } from "../Field/useValidationTextRole.js";
-import B from "../VisuallyHidden/VisuallyHidden.js";
-import { useFieldGroupStyleProps as G } from "./useFieldGroupStyleProps.js";
-const H = (d) => {
+import A from "../Field/ValidationText.js";
+import { useValidationTextRole as V } from "../Field/useValidationTextRole.js";
+import g from "../VisuallyHidden/VisuallyHidden.js";
+import { useFieldGroupStyleProps as D } from "./useFieldGroupStyleProps.js";
+const B = (d) => {
   const {
     "aria-describedby": n = "",
     children: p,
@@ -24,20 +23,20 @@ const H = (d) => {
     validationState: r,
     validationText: a,
     ...T
-  } = d, { classProps: e } = G({ isFluid: f, isRequired: h, validationState: r }), { styleProps: o, props: b } = P(T), [y, l] = V(n), N = S(y), v = D({
+  } = d, { classProps: e } = D({ isFluid: f, isRequired: h, validationState: r }), { styleProps: o, props: b } = P(T), [y, l] = S(n), N = V({
     validationState: r,
     validationText: a
   });
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ v(
     "fieldset",
     {
       ...b,
       ...o,
-      ...N,
+      ...y,
       className: F(e.root, o.className),
       disabled: u,
       children: [
-        /* @__PURE__ */ i(B, { elementType: "legend", children: t }),
+        /* @__PURE__ */ i(g, { elementType: "legend", children: t }),
         !x && /* @__PURE__ */ i("div", { className: e.label, "aria-hidden": "true", children: t }),
         /* @__PURE__ */ i("div", { className: e.fields, children: p }),
         /* @__PURE__ */ i(
@@ -50,22 +49,22 @@ const H = (d) => {
           }
         ),
         r && /* @__PURE__ */ i(
-          g,
+          A,
           {
             UNSAFE_className: e.validationText,
             ...c && { hasValidationStateIcon: r },
             id: `${s}__helperText`,
             validationText: a,
             registerAria: l,
-            role: v
+            role: N
           }
         )
       ]
     }
   );
 };
-H.spiritComponent = "FieldGroup";
+B.spiritComponent = "FieldGroup";
 export {
-  H as default
+  B as default
 };
 //# sourceMappingURL=FieldGroup.js.map

package/dist/components/FieldGroup/FieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","sources":["../../../src/components/FieldGroup/FieldGroup.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFieldGroupProps } from '../../types';\nimport { HelperText, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useFieldGroupStyleProps } from './useFieldGroupStyleProps';\n\nconst FieldGroup = (props: SpiritFieldGroupProps) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    helperText,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    ...rest\n  } = props;\n\n  const { classProps } = useFieldGroupStyleProps({ hasValidationIcon, isFluid, isRequired, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(rest);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <fieldset\n      {...transferProps}\n      {...styleProps}\n      {...ariaDescribedByProp}\n      className={classNames(classProps.root, styleProps.className)}\n      disabled={isDisabled}\n    >\n      <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n      {!isLabelHidden && (\n        <div className={classProps.label} aria-hidden=\"true\">\n          {label}\n        </div>\n      )}\n      <div className={classProps.fields}>{children}</div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__helperText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </fieldset>\n  );\n};\n\nFieldGroup.spiritComponent = 'FieldGroup';\n\nexport default FieldGroup;\n"],"names":["FieldGroup","props","ariaDescribedBy","children","helperText","hasValidationIcon","id","isDisabled","isFluid","isLabelHidden","isRequired","label","validationState","validationText","rest","classProps","useFieldGroupStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","VisuallyHidden","HelperText","ValidationText"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAAiC;AACnD,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAEE,EAAE,YAAAc,MAAeC,EAAwB,EAAqB,SAAAR,GAAS,YAAAE,GAAY,iBAAAE,GAAiB,GACpG,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAI,GACzD,CAACM,GAAKC,CAAQ,IAAIC,EAAWpB,CAAe,GAC5CqB,IAAsBC,EAAmBJ,CAAG,GAC5CK,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAd;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACH,GAAGD;AAAA,MACH,GAAGM;AAAA,MACJ,WAAWK,EAAWb,EAAW,MAAME,EAAW,SAAS;AAAA,MAC3D,UAAUV;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAsB,EAACC,GAAA,EAAe,aAAY,UAAU,UAAAnB,GAAM;AAAA,QAC3C,CAACF,KACA,gBAAAoB,EAAC,OAAA,EAAI,WAAWd,EAAW,OAAO,eAAY,QAC3C,UAAAJ,EAAA,CACH;AAAA,QAEF,gBAAAkB,EAAC,OAAA,EAAI,WAAWd,EAAW,QAAS,UAAAZ,GAAS;AAAA,QAC7C,gBAAA0B;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,kBAAkBhB,EAAW;AAAA,YAC7B,IAAI,GAAGT,CAAE;AAAA,YACT,cAAce;AAAA,YACd,YAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDQ,KACC,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,kBAAkBjB,EAAW;AAAA,YAC5B,GAAIV,KAAqB,EAAE,wBAAwBO,EAAA;AAAA,YACpD,IAAI,GAAGN,CAAE;AAAA,YACT,gBAAAO;AAAA,YACA,cAAcQ;AAAA,YACd,MAAMI;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAzB,EAAW,kBAAkB;"}
+{"version":3,"file":"FieldGroup.js","sources":["../../../src/components/FieldGroup/FieldGroup.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFieldGroupProps } from '../../types';\nimport { HelperText, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useFieldGroupStyleProps } from './useFieldGroupStyleProps';\n\nconst FieldGroup = (props: SpiritFieldGroupProps) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    helperText,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    validationState,\n    validationText,\n    ...rest\n  } = props;\n\n  const { classProps } = useFieldGroupStyleProps({ hasValidationIcon, isFluid, isRequired, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(rest);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <fieldset\n      {...transferProps}\n      {...styleProps}\n      {...ariaDescribedByProp}\n      className={classNames(classProps.root, styleProps.className)}\n      disabled={isDisabled}\n    >\n      <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n      {!isLabelHidden && (\n        <div className={classProps.label} aria-hidden=\"true\">\n          {label}\n        </div>\n      )}\n      <div className={classProps.fields}>{children}</div>\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n        helperText={helperText}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__helperText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </fieldset>\n  );\n};\n\nFieldGroup.spiritComponent = 'FieldGroup';\n\nexport default FieldGroup;\n"],"names":["FieldGroup","props","ariaDescribedBy","children","helperText","hasValidationIcon","id","isDisabled","isFluid","isLabelHidden","isRequired","label","validationState","validationText","rest","classProps","useFieldGroupStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","VisuallyHidden","HelperText","ValidationText"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAa,CAACC,MAAiC;AACnD,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAEE,EAAE,YAAAc,MAAeC,EAAwB,EAAqB,SAAAR,GAAS,YAAAE,GAAY,iBAAAE,GAAiB,GACpG,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAI,GACzD,CAACM,GAAqBC,CAAQ,IAAIC,EAAmBpB,CAAe,GACpEqB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAZ;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACH,GAAGD;AAAA,MACH,GAAGG;AAAA,MACJ,WAAWM,EAAWX,EAAW,MAAME,EAAW,SAAS;AAAA,MAC3D,UAAUV;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAoB,EAACC,GAAA,EAAe,aAAY,UAAU,UAAAjB,GAAM;AAAA,QAC3C,CAACF,KACA,gBAAAkB,EAAC,OAAA,EAAI,WAAWZ,EAAW,OAAO,eAAY,QAC3C,UAAAJ,EAAA,CACH;AAAA,QAEF,gBAAAgB,EAAC,OAAA,EAAI,WAAWZ,EAAW,QAAS,UAAAZ,GAAS;AAAA,QAC7C,gBAAAwB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,kBAAkBd,EAAW;AAAA,YAC7B,IAAI,GAAGT,CAAE;AAAA,YACT,cAAce;AAAA,YACd,YAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDQ,KACC,gBAAAe;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,kBAAkBf,EAAW;AAAA,YAC5B,GAAIV,KAAqB,EAAE,wBAAwBO,EAAA;AAAA,YACpD,IAAI,GAAGN,CAAE;AAAA,YACT,gBAAAO;AAAA,YACA,cAAcQ;AAAA,YACd,MAAME;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAvB,EAAW,kBAAkB;"}

package/dist/components/FieldGroup/useFieldGroupStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),c=require("../../hooks/useClassNamePrefix.cjs"),f=({isFluid:r,isRequired:t,validationState:s})=>{const e=c.useClassNamePrefix("FieldGroup"),i=`${e}--fluid`,a=`${e}--${s}`,l=`${e}__label`,u=`${l}--required`,d=`${e}__fields`,p=`${e}__validationText`,n=`${e}__helperText`;return{classProps:{root:o(e,{[i]:r,[a]:s}),label:o(l,{[u]:t}),fields:d,validationText:p,helperText:n}}};exports.useFieldGroupStyleProps=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),c=require("../../hooks/useClassNamePrefix.cjs"),f=({isFluid:r,isRequired:i,validationState:s})=>{const e=c.useClassNamePrefix("FieldGroup"),t=`${e}--fluid`,a=`${e}--${s}`,l=`${e}__label`,u=`${l}--required`,d=`${e}__fields`,p=`${e}__validationText`,n=`${e}__helperText`;return{classProps:{root:o(e,{[t]:r,[a]:s}),label:o(l,{[u]:i}),fields:d,validationText:p,helperText:n}}};exports.useFieldGroupStyleProps=f;
 //# sourceMappingURL=useFieldGroupStyleProps.cjs.map

package/dist/components/FieldGroup/useFieldGroupStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldGroupStyleProps.cjs","sources":["../../../src/components/FieldGroup/useFieldGroupStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type Validation } from '../../types';\n\nexport interface UseFieldGroupStyleProps extends Validation {\n  isFluid?: boolean;\n}\n\nexport interface UseFieldGroupStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    fields: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useFieldGroupStyleProps = ({\n  isFluid,\n  isRequired,\n  validationState,\n}: UseFieldGroupStyleProps): UseFieldGroupStyleReturn => {\n  const fieldGroupRootClass = useClassNamePrefix('FieldGroup');\n  const fieldGroupRootFluidClass = `${fieldGroupRootClass}--fluid`;\n  const fieldGroupRootValidationClass = `${fieldGroupRootClass}--${validationState}`;\n  const fieldGroupLabelClass = `${fieldGroupRootClass}__label`;\n  const fieldGroupLabelRequiredClass = `${fieldGroupLabelClass}--required`;\n  const fieldGroupFieldsClass = `${fieldGroupRootClass}__fields`;\n  const fieldGroupValidationTextClass = `${fieldGroupRootClass}__validationText`;\n  const fieldGroupHelperTextClass = `${fieldGroupRootClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(fieldGroupRootClass, {\n        [fieldGroupRootFluidClass]: isFluid,\n        [fieldGroupRootValidationClass]: validationState,\n      }),\n      label: classNames(fieldGroupLabelClass, {\n        [fieldGroupLabelRequiredClass]: isRequired,\n      }),\n      fields: fieldGroupFieldsClass,\n      validationText: fieldGroupValidationTextClass,\n      helperText: fieldGroupHelperTextClass,\n    },\n  };\n};\n"],"names":["useFieldGroupStyleProps","isFluid","isRequired","validationState","fieldGroupRootClass","useClassNamePrefix","fieldGroupRootFluidClass","fieldGroupRootValidationClass","fieldGroupLabelClass","fieldGroupLabelRequiredClass","fieldGroupFieldsClass","fieldGroupValidationTextClass","fieldGroupHelperTextClass","classNames"],"mappings":"8JAmBaA,EAA0B,CAAC,CACtC,QAAAC,EACA,WAAAC,EACA,gBAAAC,CACF,IAAyD,CACvD,MAAMC,EAAsBC,EAAAA,mBAAmB,YAAY,EACrDC,EAA2B,GAAGF,CAAmB,UACjDG,EAAgC,GAAGH,CAAmB,KAAKD,CAAe,GAC1EK,EAAuB,GAAGJ,CAAmB,UAC7CK,EAA+B,GAAGD,CAAoB,aACtDE,EAAwB,GAAGN,CAAmB,WAC9CO,EAAgC,GAAGP,CAAmB,mBACtDQ,EAA4B,GAAGR,CAAmB,eAExD,MAAO,CACL,WAAY,CACV,KAAMS,EAAWT,EAAqB,CACpC,CAACE,CAAwB,EAAGL,EAC5B,CAACM,CAA6B,EAAGJ,CAAA,CAClC,EACD,MAAOU,EAAWL,EAAsB,CACtC,CAACC,CAA4B,EAAGP,CAAA,CACjC,EACD,OAAQQ,EACR,eAAgBC,EAChB,WAAYC,CAAA,CACd,CAEJ"}
+{"version":3,"file":"useFieldGroupStyleProps.cjs","sources":["../../../src/components/FieldGroup/useFieldGroupStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type Validation } from '../../types';\n\nexport interface UseFieldGroupStyleProps extends Validation {\n  isFluid?: boolean;\n}\n\nexport interface UseFieldGroupStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    fields: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useFieldGroupStyleProps = ({\n  isFluid,\n  isRequired,\n  validationState,\n}: UseFieldGroupStyleProps): UseFieldGroupStyleReturn => {\n  const fieldGroupClass = useClassNamePrefix('FieldGroup');\n  const fieldGroupFluidClass = `${fieldGroupClass}--fluid`;\n  const fieldGroupValidationClass = `${fieldGroupClass}--${validationState}`;\n  const fieldGroupLabelClass = `${fieldGroupClass}__label`;\n  const fieldGroupLabelRequiredClass = `${fieldGroupLabelClass}--required`;\n  const fieldGroupFieldsClass = `${fieldGroupClass}__fields`;\n  const fieldGroupValidationTextClass = `${fieldGroupClass}__validationText`;\n  const fieldGroupHelperTextClass = `${fieldGroupClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(fieldGroupClass, {\n        [fieldGroupFluidClass]: isFluid,\n        [fieldGroupValidationClass]: validationState,\n      }),\n      label: classNames(fieldGroupLabelClass, {\n        [fieldGroupLabelRequiredClass]: isRequired,\n      }),\n      fields: fieldGroupFieldsClass,\n      validationText: fieldGroupValidationTextClass,\n      helperText: fieldGroupHelperTextClass,\n    },\n  };\n};\n"],"names":["useFieldGroupStyleProps","isFluid","isRequired","validationState","fieldGroupClass","useClassNamePrefix","fieldGroupFluidClass","fieldGroupValidationClass","fieldGroupLabelClass","fieldGroupLabelRequiredClass","fieldGroupFieldsClass","fieldGroupValidationTextClass","fieldGroupHelperTextClass","classNames"],"mappings":"8JAmBaA,EAA0B,CAAC,CACtC,QAAAC,EACA,WAAAC,EACA,gBAAAC,CACF,IAAyD,CACvD,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAAuB,GAAGF,CAAe,UACzCG,EAA4B,GAAGH,CAAe,KAAKD,CAAe,GAClEK,EAAuB,GAAGJ,CAAe,UACzCK,EAA+B,GAAGD,CAAoB,aACtDE,EAAwB,GAAGN,CAAe,WAC1CO,EAAgC,GAAGP,CAAe,mBAClDQ,EAA4B,GAAGR,CAAe,eAEpD,MAAO,CACL,WAAY,CACV,KAAMS,EAAWT,EAAiB,CAChC,CAACE,CAAoB,EAAGL,EACxB,CAACM,CAAyB,EAAGJ,CAAA,CAC9B,EACD,MAAOU,EAAWL,EAAsB,CACtC,CAACC,CAA4B,EAAGP,CAAA,CACjC,EACD,OAAQQ,EACR,eAAgBC,EAChB,WAAYC,CAAA,CACd,CAEJ"}

package/dist/components/FieldGroup/useFieldGroupStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldGroupStyleProps.js","sources":["../../../src/components/FieldGroup/useFieldGroupStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type Validation } from '../../types';\n\nexport interface UseFieldGroupStyleProps extends Validation {\n  isFluid?: boolean;\n}\n\nexport interface UseFieldGroupStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    fields: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useFieldGroupStyleProps = ({\n  isFluid,\n  isRequired,\n  validationState,\n}: UseFieldGroupStyleProps): UseFieldGroupStyleReturn => {\n  const fieldGroupRootClass = useClassNamePrefix('FieldGroup');\n  const fieldGroupRootFluidClass = `${fieldGroupRootClass}--fluid`;\n  const fieldGroupRootValidationClass = `${fieldGroupRootClass}--${validationState}`;\n  const fieldGroupLabelClass = `${fieldGroupRootClass}__label`;\n  const fieldGroupLabelRequiredClass = `${fieldGroupLabelClass}--required`;\n  const fieldGroupFieldsClass = `${fieldGroupRootClass}__fields`;\n  const fieldGroupValidationTextClass = `${fieldGroupRootClass}__validationText`;\n  const fieldGroupHelperTextClass = `${fieldGroupRootClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(fieldGroupRootClass, {\n        [fieldGroupRootFluidClass]: isFluid,\n        [fieldGroupRootValidationClass]: validationState,\n      }),\n      label: classNames(fieldGroupLabelClass, {\n        [fieldGroupLabelRequiredClass]: isRequired,\n      }),\n      fields: fieldGroupFieldsClass,\n      validationText: fieldGroupValidationTextClass,\n      helperText: fieldGroupHelperTextClass,\n    },\n  };\n};\n"],"names":["useFieldGroupStyleProps","isFluid","isRequired","validationState","fieldGroupRootClass","useClassNamePrefix","fieldGroupRootFluidClass","fieldGroupRootValidationClass","fieldGroupLabelClass","fieldGroupLabelRequiredClass","fieldGroupFieldsClass","fieldGroupValidationTextClass","fieldGroupHelperTextClass","classNames"],"mappings":";;AAmBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,MAAyD;AACvD,QAAMC,IAAsBC,EAAmB,YAAY,GACrDC,IAA2B,GAAGF,CAAmB,WACjDG,IAAgC,GAAGH,CAAmB,KAAKD,CAAe,IAC1EK,IAAuB,GAAGJ,CAAmB,WAC7CK,IAA+B,GAAGD,CAAoB,cACtDE,IAAwB,GAAGN,CAAmB,YAC9CO,IAAgC,GAAGP,CAAmB,oBACtDQ,IAA4B,GAAGR,CAAmB;AAExD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMS,EAAWT,GAAqB;AAAA,QACpC,CAACE,CAAwB,GAAGL;AAAA,QAC5B,CAACM,CAA6B,GAAGJ;AAAA,MAAA,CAClC;AAAA,MACD,OAAOU,EAAWL,GAAsB;AAAA,QACtC,CAACC,CAA4B,GAAGP;AAAA,MAAA,CACjC;AAAA,MACD,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAChB,YAAYC;AAAA,IAAA;AAAA,EACd;AAEJ;"}
+{"version":3,"file":"useFieldGroupStyleProps.js","sources":["../../../src/components/FieldGroup/useFieldGroupStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type Validation } from '../../types';\n\nexport interface UseFieldGroupStyleProps extends Validation {\n  isFluid?: boolean;\n}\n\nexport interface UseFieldGroupStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    fields: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useFieldGroupStyleProps = ({\n  isFluid,\n  isRequired,\n  validationState,\n}: UseFieldGroupStyleProps): UseFieldGroupStyleReturn => {\n  const fieldGroupClass = useClassNamePrefix('FieldGroup');\n  const fieldGroupFluidClass = `${fieldGroupClass}--fluid`;\n  const fieldGroupValidationClass = `${fieldGroupClass}--${validationState}`;\n  const fieldGroupLabelClass = `${fieldGroupClass}__label`;\n  const fieldGroupLabelRequiredClass = `${fieldGroupLabelClass}--required`;\n  const fieldGroupFieldsClass = `${fieldGroupClass}__fields`;\n  const fieldGroupValidationTextClass = `${fieldGroupClass}__validationText`;\n  const fieldGroupHelperTextClass = `${fieldGroupClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(fieldGroupClass, {\n        [fieldGroupFluidClass]: isFluid,\n        [fieldGroupValidationClass]: validationState,\n      }),\n      label: classNames(fieldGroupLabelClass, {\n        [fieldGroupLabelRequiredClass]: isRequired,\n      }),\n      fields: fieldGroupFieldsClass,\n      validationText: fieldGroupValidationTextClass,\n      helperText: fieldGroupHelperTextClass,\n    },\n  };\n};\n"],"names":["useFieldGroupStyleProps","isFluid","isRequired","validationState","fieldGroupClass","useClassNamePrefix","fieldGroupFluidClass","fieldGroupValidationClass","fieldGroupLabelClass","fieldGroupLabelRequiredClass","fieldGroupFieldsClass","fieldGroupValidationTextClass","fieldGroupHelperTextClass","classNames"],"mappings":";;AAmBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,MAAyD;AACvD,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAAuB,GAAGF,CAAe,WACzCG,IAA4B,GAAGH,CAAe,KAAKD,CAAe,IAClEK,IAAuB,GAAGJ,CAAe,WACzCK,IAA+B,GAAGD,CAAoB,cACtDE,IAAwB,GAAGN,CAAe,YAC1CO,IAAgC,GAAGP,CAAe,oBAClDQ,IAA4B,GAAGR,CAAe;AAEpD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMS,EAAWT,GAAiB;AAAA,QAChC,CAACE,CAAoB,GAAGL;AAAA,QACxB,CAACM,CAAyB,GAAGJ;AAAA,MAAA,CAC9B;AAAA,MACD,OAAOU,EAAWL,GAAsB;AAAA,QACtC,CAACC,CAA4B,GAAGP;AAAA,MAAA,CACjC;AAAA,MACD,QAAQQ;AAAA,MACR,gBAAgBC;AAAA,MAChB,YAAYC;AAAA,IAAA;AAAA,EACd;AAEJ;"}

package/dist/components/FieldGroup.d.ts

@@ -1,2 +1,2 @@
-export * from './FieldGroup/index'
+export * from '../src/components/FieldGroup/index'
 export {}

package/dist/components/FileUploader/FileUploaderInput.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),Q=require("classnames"),x=require("react"),z=require("../../hooks/styleProps.cjs"),w=require("../../hooks/useAriaDescribedBy.cjs"),G=require("../Field/HelperText.cjs"),D=require("../Field/Label.cjs"),J=require("../Field/useAriaIds.cjs"),K=require("../Field/ValidationText.cjs"),W=require("../Field/useValidationTextRole.cjs"),X=require("../Icon/Icon.cjs"),b=require("./constants.cjs"),Y=require("./useFileUploaderInput.cjs"),ee=require("./useFileUploaderStyleProps.cjs"),g=v=>{const[i,F]=x.useState(!1),{accept:o,"aria-describedby":T="",dropZoneRef:f,hasValidationIcon:h,helperText:q,iconName:E="upload",id:t,inputRef:I,isDisabled:r,isLabelHidden:N,isMultiple:n,isRequired:S,label:_,labelText:y,linkText:U,maxFileSize:A=b.DEFAULT_FILE_SIZE_LIMIT,maxUploadedFiles:L=b.DEFAULT_FILE_QUEUE_LIMIT,onError:j,queueLimitBehavior:l="none",validationState:a,validationText:d,...u}=v,{isDisabledByQueueLimitBehavior:p,isDragging:P,isDropZoneHidden:R,onChange:B,onDragEnter:M,onDragLeave:V,onDragOver:Z,onDrop:H}=Y.useFileUploaderInput({accept:o,isMultiple:n,maxFileSize:A,maxUploadedFiles:L,onError:j,queueLimitBehavior:l}),{classProps:s}=ee.useFileUploaderStyleProps({isDisabled:r,isDisabledByQueueLimitBehavior:p,isDragAndDropSupported:i,isDragging:P,isDropZoneHidden:R,isLabelHidden:N,isRequired:S,queueLimitBehavior:l,validationState:a}),{styleProps:c,props:O}=z.useStyleProps(u),[$,m]=J.default(T),k=w.useAriaDescribedBy($),C=W.useValidationTextRole({validationState:a,validationText:d});return x.useEffect(()=>{F("draggable"in document.createElement("span"))},[]),e.jsxs("div",{...O,...c,onDragOver:!r&&i?Z:void 0,onDragEnter:!r&&i?M:void 0,onDragLeave:!r&&i?V:void 0,onDrop:!r&&i?H:void 0,className:Q(s.input.root,c.className),children:[e.jsx(D.default,{htmlFor:t,UNSAFE_className:s.input.label,children:_}),e.jsx("input",{...k,type:"file",accept:o,id:t,ref:I,className:s.input.input,onChange:B,multiple:n,disabled:r||p,...u}),e.jsxs("div",{ref:f,className:s.input.dropZone.root,children:[e.jsx(X.default,{name:E,"aria-hidden":"true"}),e.jsxs(D.default,{htmlFor:t,UNSAFE_className:s.input.dropZone.label,children:[e.jsx("span",{className:s.input.link,children:U})," ",e.jsx("span",{className:s.input.dropLabel,children:y})]}),e.jsx(G.default,{UNSAFE_className:s.input.helper,id:`${t}__helperText`,registerAria:m,helperText:q})]}),a&&e.jsx(K.default,{UNSAFE_className:s.input.validationText,elementType:"span",...h&&{hasValidationStateIcon:a},id:`${t}__validationText`,validationText:d,registerAria:m,role:C})]})};g.spiritComponent="FileUploaderInput";exports.default=g;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),Q=require("classnames"),x=require("react"),z=require("../../hooks/styleProps.cjs"),w=require("../../hooks/useAriaIdRefs.cjs"),G=require("../Field/HelperText.cjs"),D=require("../Field/Label.cjs"),J=require("../Field/ValidationText.cjs"),K=require("../Field/useValidationTextRole.cjs"),W=require("../Icon/Icon.cjs"),g=require("./constants.cjs"),X=require("./useFileUploaderInput.cjs"),Y=require("./useFileUploaderStyleProps.cjs"),v=b=>{const[i,F]=x.useState(!1),{accept:o,"aria-describedby":T="",dropZoneRef:f,hasValidationIcon:h,helperText:E,iconName:I="upload",id:t,inputRef:N,isDisabled:r,isLabelHidden:S,isMultiple:n,isRequired:_,label:q,labelText:U,linkText:y,maxFileSize:L=g.DEFAULT_FILE_SIZE_LIMIT,maxUploadedFiles:j=g.DEFAULT_FILE_QUEUE_LIMIT,name:A,onError:P,queueLimitBehavior:l="none",validationState:a,validationText:d,...u}=b,{isDisabledByQueueLimitBehavior:p,isDragging:R,isDropZoneHidden:B,onChange:M,onDragEnter:V,onDragLeave:Z,onDragOver:H,onDrop:O}=X.useFileUploaderInput({accept:o,isMultiple:n,maxFileSize:L,maxUploadedFiles:j,onError:P,queueLimitBehavior:l}),{classProps:s}=Y.useFileUploaderStyleProps({isDisabled:r,isDisabledByQueueLimitBehavior:p,isDragAndDropSupported:i,isDragging:R,isDropZoneHidden:B,isLabelHidden:S,isRequired:_,queueLimitBehavior:l,validationState:a}),{styleProps:c,props:$}=z.useStyleProps(u),[k,m]=w.useAriaDescribedBy(T),C=K.useValidationTextRole({validationState:a,validationText:d});return x.useEffect(()=>{F("draggable"in document.createElement("span"))},[]),e.jsxs("div",{...$,...c,onDragOver:!r&&i?H:void 0,onDragEnter:!r&&i?V:void 0,onDragLeave:!r&&i?Z:void 0,onDrop:!r&&i?O:void 0,className:Q(s.input.root,c.className),children:[e.jsx(D.default,{htmlFor:t,UNSAFE_className:s.input.label,children:q}),e.jsx("input",{...k,type:"file",accept:o,id:t,ref:N,name:A,className:s.input.input,onChange:M,multiple:n,disabled:r||p,...u}),e.jsxs("div",{ref:f,className:s.input.dropZone.root,children:[e.jsx(W.default,{name:I,"aria-hidden":"true"}),e.jsxs(D.default,{htmlFor:t,UNSAFE_className:s.input.dropZone.label,children:[e.jsx("span",{className:s.input.link,children:y})," ",e.jsx("span",{className:s.input.dropLabel,children:U})]}),e.jsx(G.default,{UNSAFE_className:s.input.helper,id:`${t}__helperText`,registerAria:m,helperText:E})]}),a&&e.jsx(J.default,{UNSAFE_className:s.input.validationText,elementType:"span",...h&&{hasValidationStateIcon:a},id:`${t}__validationText`,validationText:d,registerAria:m,role:C})]})};v.spiritComponent="FileUploaderInput";exports.default=v;
 //# sourceMappingURL=FileUploaderInput.cjs.map

package/dist/components/FileUploader/FileUploaderInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInput.cjs","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"qnBAaMA,EAAqBC,GAAwC,CACjE,KAAM,CAACC,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpE,CACJ,OAAAC,EACA,mBAAoBC,EAAkB,GACtC,YAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,SACX,GAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAcC,EAAAA,wBACd,iBAAAC,EAAmBC,EAAAA,yBACnB,QAAAC,EACA,mBAAAC,EAAqB,OACrB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACD3B,EACE,CACJ,+BAAA4B,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,CAAA,EACEC,uBAAqB,CACvB,OAAAhC,EACA,WAAAU,EACA,YAAAK,EACA,iBAAAE,EACA,QAAAE,EACA,mBAAAC,CAAA,CACD,EACK,CAAE,WAAAa,CAAA,EAAeC,6BAA0B,CAE/C,WAAA1B,EACA,+BAAAgB,EACA,uBAAA3B,EACA,WAAA4B,EACA,iBAAAC,EACA,cAAAjB,EACA,WAAAE,EACA,mBAAAS,EACA,gBAAAC,CAAA,CACD,EACK,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcd,CAAS,EAC9D,CAACe,EAAKC,CAAQ,EAAIC,EAAAA,QAAWvC,CAAe,EAC5CwC,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAvB,EACA,eAAAC,CAAA,CACD,EAEDuB,OAAAA,EAAAA,UAAU,IAAM,CACd/C,EAA0B,cAAe,SAAS,cAAc,MAAM,CAAC,CACzE,EAAG,CAAA,CAAE,EAGHgD,EAAAA,KAAC,MAAA,CACE,GAAGV,EACH,GAAGD,EACJ,WAAY,CAAC3B,GAAcX,EAAyBiC,EAAa,OACjE,YAAa,CAACtB,GAAcX,EAAyB+B,EAAc,OACnE,YAAa,CAACpB,GAAcX,EAAyBgC,EAAc,OACnE,OAAQ,CAACrB,GAAcX,EAAyBkC,EAAS,OACzD,UAAWgB,EAAWd,EAAW,MAAM,KAAME,EAAW,SAAS,EAEjE,SAAA,CAAAa,EAAAA,IAACC,EAAAA,SAAM,QAAS3C,EAAI,iBAAkB2B,EAAW,MAAM,MACpD,SAAArB,CAAA,CACH,EACAoC,EAAAA,IAAC,QAAA,CACE,GAAGP,EACJ,KAAK,OACL,OAAAzC,EACA,GAAAM,EACA,IAAKC,EACL,UAAW0B,EAAW,MAAM,MAC5B,SAAAN,EACA,SAAUjB,EACV,SAAUF,GAAcgB,EACvB,GAAGD,CAAA,CAAA,EAENuB,EAAAA,KAAC,OAAI,IAAK5C,EAAa,UAAW+B,EAAW,MAAM,SAAS,KAC1D,SAAA,CAAAe,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM7C,EAAU,cAAY,OAAO,EACzCyC,EAAAA,KAACG,EAAAA,SAAM,QAAS3C,EAAI,iBAAkB2B,EAAW,MAAM,SAAS,MAC9D,SAAA,CAAAe,MAAC,OAAA,CAAK,UAAWf,EAAW,MAAM,KAAO,SAAAnB,EAAS,EAAO,UAExD,OAAA,CAAK,UAAWmB,EAAW,MAAM,UAAY,SAAApB,CAAA,CAAU,CAAA,EAC1D,EACAmC,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBlB,EAAW,MAAM,OACnC,GAAI,GAAG3B,CAAE,eACT,aAAciC,EACd,WAAAnC,CAAA,CAAA,CACF,EACF,EACCiB,GACC2B,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBnB,EAAW,MAAM,eACnC,YAAY,OACX,GAAI9B,GAAqB,CAAE,uBAAwBkB,CAAA,EACpD,GAAI,GAAGf,CAAE,mBACT,eAAAgB,EACA,aAAciB,EACd,KAAMI,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEAhD,EAAkB,gBAAkB"}
+{"version":3,"file":"FileUploaderInput.cjs","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"0kBAaMA,EAAqBC,GAAwC,CACjE,KAAM,CAACC,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpE,CACJ,OAAAC,EACA,mBAAoBC,EAAkB,GACtC,YAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,SACX,GAAAC,EACA,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAcC,EAAAA,wBACd,iBAAAC,EAAmBC,EAAAA,yBACnB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EAAqB,OACrB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACD5B,EACE,CACJ,+BAAA6B,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,CAAA,EACEC,uBAAqB,CACvB,OAAAjC,EACA,WAAAU,EACA,YAAAK,EACA,iBAAAE,EACA,QAAAG,EACA,mBAAAC,CAAA,CACD,EACK,CAAE,WAAAa,CAAA,EAAeC,4BAA0B,CAE/C,WAAA3B,EACA,+BAAAiB,EACA,uBAAA5B,EACA,WAAA6B,EACA,iBAAAC,EACA,cAAAlB,EACA,WAAAE,EACA,mBAAAU,EACA,gBAAAC,CAAA,CACD,EACK,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcd,CAAS,EAC9D,CAACe,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBxC,CAAe,EACpEyC,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAArB,EACA,eAAAC,CAAA,CACD,EAEDqB,OAAAA,EAAAA,UAAU,IAAM,CACd9C,EAA0B,cAAe,SAAS,cAAc,MAAM,CAAC,CACzE,EAAG,CAAA,CAAE,EAGH+C,EAAAA,KAAC,MAAA,CACE,GAAGR,EACH,GAAGD,EACJ,WAAY,CAAC5B,GAAcX,EAAyBkC,EAAa,OACjE,YAAa,CAACvB,GAAcX,EAAyBgC,EAAc,OACnE,YAAa,CAACrB,GAAcX,EAAyBiC,EAAc,OACnE,OAAQ,CAACtB,GAAcX,EAAyBmC,EAAS,OACzD,UAAWc,EAAWZ,EAAW,MAAM,KAAME,EAAW,SAAS,EAEjE,SAAA,CAAAW,EAAAA,IAACC,EAAAA,SAAM,QAAS1C,EAAI,iBAAkB4B,EAAW,MAAM,MACpD,SAAAtB,CAAA,CACH,EACAmC,EAAAA,IAAC,QAAA,CACE,GAAGR,EACJ,KAAK,OACL,OAAAvC,EACA,GAAAM,EACA,IAAKC,EACL,KAAAY,EACA,UAAWe,EAAW,MAAM,MAC5B,SAAAN,EACA,SAAUlB,EACV,SAAUF,GAAciB,EACvB,GAAGD,CAAA,CAAA,EAENqB,EAAAA,KAAC,OAAI,IAAK3C,EAAa,UAAWgC,EAAW,MAAM,SAAS,KAC1D,SAAA,CAAAa,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM5C,EAAU,cAAY,OAAO,EACzCwC,EAAAA,KAACG,EAAAA,SAAM,QAAS1C,EAAI,iBAAkB4B,EAAW,MAAM,SAAS,MAC9D,SAAA,CAAAa,MAAC,OAAA,CAAK,UAAWb,EAAW,MAAM,KAAO,SAAApB,EAAS,EAAO,UAExD,OAAA,CAAK,UAAWoB,EAAW,MAAM,UAAY,SAAArB,CAAA,CAAU,CAAA,EAC1D,EACAkC,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,MAAM,OACnC,GAAI,GAAG5B,CAAE,eACT,aAAckC,EACd,WAAApC,CAAA,CAAA,CACF,EACF,EACCkB,GACCyB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,MAAM,eACnC,YAAY,OACX,GAAI/B,GAAqB,CAAE,uBAAwBmB,CAAA,EACpD,GAAI,GAAGhB,CAAE,mBACT,eAAAiB,EACA,aAAciB,EACd,KAAME,CAAA,CAAA,CACR,CAAA,CAAA,CAIR,EAEA/C,EAAkB,gBAAkB"}

package/dist/components/FileUploader/FileUploaderInput.js

@@ -3,17 +3,16 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import O from "classnames";
 import { useState as Q, useEffect as $ } from "react";
 import { useStyleProps as z } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as w } from "../../hooks/useAriaDescribedBy.js";
+import { useAriaDescribedBy as w } from "../../hooks/useAriaIdRefs.js";
 import G from "../Field/HelperText.js";
 import D from "../Field/Label.js";
-import J from "../Field/useAriaIds.js";
-import K from "../Field/ValidationText.js";
-import { useValidationTextRole as W } from "../Field/useValidationTextRole.js";
-import X from "../Icon/Icon.js";
-import { DEFAULT_FILE_SIZE_LIMIT as Y, DEFAULT_FILE_QUEUE_LIMIT as ee } from "./constants.js";
-import { useFileUploaderInput as re } from "./useFileUploaderInput.js";
-import { useFileUploaderStyleProps as ie } from "./useFileUploaderStyleProps.js";
-const oe = (g) => {
+import J from "../Field/ValidationText.js";
+import { useValidationTextRole as K } from "../Field/useValidationTextRole.js";
+import W from "../Icon/Icon.js";
+import { DEFAULT_FILE_SIZE_LIMIT as X, DEFAULT_FILE_QUEUE_LIMIT as Y } from "./constants.js";
+import { useFileUploaderInput as ee } from "./useFileUploaderInput.js";
+import { useFileUploaderStyleProps as re } from "./useFileUploaderStyleProps.js";
+const ie = (g) => {
   const [o, h] = Q(!1), {
     accept: n,
     "aria-describedby": v = "",
@@ -30,40 +29,41 @@ const oe = (g) => {
     label: _,
     labelText: L,
     linkText: S,
-    maxFileSize: U = Y,
-    maxUploadedFiles: A = ee,
-    onError: y,
+    maxFileSize: U = X,
+    maxUploadedFiles: A = Y,
+    name: y,
+    onError: P,
     queueLimitBehavior: p = "none",
     validationState: t,
     validationText: d,
     ...m
   } = g, {
     isDisabledByQueueLimitBehavior: c,
-    isDragging: P,
-    isDropZoneHidden: B,
-    onChange: R,
-    onDragEnter: Z,
-    onDragLeave: V,
-    onDragOver: H,
-    onDrop: M
-  } = re({
+    isDragging: B,
+    isDropZoneHidden: R,
+    onChange: Z,
+    onDragEnter: V,
+    onDragLeave: H,
+    onDragOver: M,
+    onDrop: j
+  } = ee({
     accept: n,
     isMultiple: l,
     maxFileSize: U,
     maxUploadedFiles: A,
-    onError: y,
+    onError: P,
     queueLimitBehavior: p
-  }), { classProps: e } = ie({
+  }), { classProps: e } = re({
     isDisabled: i,
     isDisabledByQueueLimitBehavior: c,
     isDragAndDropSupported: o,
-    isDragging: P,
-    isDropZoneHidden: B,
+    isDragging: B,
+    isDropZoneHidden: R,
     isLabelHidden: T,
     isRequired: I,
     queueLimitBehavior: p,
     validationState: t
-  }), { styleProps: u, props: j } = z(m), [k, f] = J(v), q = w(k), C = W({
+  }), { styleProps: u, props: k } = z(m), [q, f] = w(v), C = K({
     validationState: t,
     validationText: d
   });
@@ -72,12 +72,12 @@ const oe = (g) => {
   }, []), /* @__PURE__ */ s(
     "div",
     {
-      ...j,
+      ...k,
       ...u,
-      onDragOver: !i && o ? H : void 0,
-      onDragEnter: !i && o ? Z : void 0,
-      onDragLeave: !i && o ? V : void 0,
-      onDrop: !i && o ? M : void 0,
+      onDragOver: !i && o ? M : void 0,
+      onDragEnter: !i && o ? V : void 0,
+      onDragLeave: !i && o ? H : void 0,
+      onDrop: !i && o ? j : void 0,
       className: O(e.input.root, u.className),
       children: [
         /* @__PURE__ */ r(D, { htmlFor: a, UNSAFE_className: e.input.label, children: _ }),
@@ -89,15 +89,16 @@ const oe = (g) => {
             accept: n,
             id: a,
             ref: N,
+            name: y,
             className: e.input.input,
-            onChange: R,
+            onChange: Z,
             multiple: l,
             disabled: i || c,
             ...m
           }
         ),
         /* @__PURE__ */ s("div", { ref: b, className: e.input.dropZone.root, children: [
-          /* @__PURE__ */ r(X, { name: F, "aria-hidden": "true" }),
+          /* @__PURE__ */ r(W, { name: F, "aria-hidden": "true" }),
           /* @__PURE__ */ s(D, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
             /* @__PURE__ */ r("span", { className: e.input.link, children: S }),
             " ",
@@ -114,7 +115,7 @@ const oe = (g) => {
           )
         ] }),
         t && /* @__PURE__ */ r(
-          K,
+          J,
           {
             UNSAFE_className: e.input.validationText,
             elementType: "span",
@@ -129,8 +130,8 @@ const oe = (g) => {
     }
   );
 };
-oe.spiritComponent = "FileUploaderInput";
+ie.spiritComponent = "FileUploaderInput";
 export {
-  oe as default
+  ie as default
 };
 //# sourceMappingURL=FileUploaderInput.js.map

package/dist/components/FileUploader/FileUploaderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInput.js","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}
+{"version":3,"file":"FileUploaderInput.js","sources":["../../../src/components/FileUploader/FileUploaderInput.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type SpiritFileUploaderInputProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { DEFAULT_FILE_QUEUE_LIMIT, DEFAULT_FILE_SIZE_LIMIT } from './constants';\nimport { useFileUploaderInput } from './useFileUploaderInput';\nimport { useFileUploaderStyleProps } from './useFileUploaderStyleProps';\n\nconst FileUploaderInput = (props: SpiritFileUploaderInputProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    accept,\n    'aria-describedby': ariaDescribedBy = '',\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    maxFileSize = DEFAULT_FILE_SIZE_LIMIT,\n    maxUploadedFiles = DEFAULT_FILE_QUEUE_LIMIT,\n    name,\n    onError,\n    queueLimitBehavior = 'none',\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const {\n    isDisabledByQueueLimitBehavior,\n    isDragging,\n    isDropZoneHidden,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n  } = useFileUploaderInput({\n    accept,\n    isMultiple,\n    maxFileSize,\n    maxUploadedFiles,\n    onError,\n    queueLimitBehavior,\n  });\n  const { classProps } = useFileUploaderStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDisabledByQueueLimitBehavior,\n    isDragAndDropSupported,\n    isDragging,\n    isDropZoneHidden,\n    isLabelHidden,\n    isRequired,\n    queueLimitBehavior,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n      onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n      onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n      onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n      className={classNames(classProps.input.root, styleProps.className)}\n    >\n      <Label htmlFor={id} UNSAFE_className={classProps.input.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        type=\"file\"\n        accept={accept}\n        id={id}\n        ref={inputRef}\n        name={name}\n        className={classProps.input.input}\n        onChange={onChange}\n        multiple={isMultiple}\n        disabled={isDisabled || isDisabledByQueueLimitBehavior}\n        {...restProps}\n      />\n      <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n        <Icon name={iconName} aria-hidden=\"true\" />\n        <Label htmlFor={id} UNSAFE_className={classProps.input.dropZone.label}>\n          <span className={classProps.input.link}>{linkText}</span>\n          &nbsp;\n          <span className={classProps.input.dropLabel}>{labelText}</span>\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.input.helper}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n      </div>\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.input.validationText}\n          elementType=\"span\"\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          validationText={validationText}\n          registerAria={register}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nFileUploaderInput.spiritComponent = 'FileUploaderInput';\n\nexport default FileUploaderInput;\n"],"names":["FileUploaderInput","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","accept","ariaDescribedBy","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","maxFileSize","DEFAULT_FILE_SIZE_LIMIT","maxUploadedFiles","DEFAULT_FILE_QUEUE_LIMIT","name","onError","queueLimitBehavior","validationState","validationText","restProps","isDisabledByQueueLimitBehavior","isDragging","isDropZoneHidden","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploaderInput","classProps","useFileUploaderStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}

package/dist/components/FileUploader.d.ts

@@ -1,2 +1,2 @@
-export * from './FileUploader/index'
+export * from '../src/components/FileUploader/index'
 export {}

package/dist/components/Flex/demo/FlexCustomSpacing.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../web-react/docs/DocsBox.cjs"),t=require("../Flex.cjs"),l=()=>e.jsxs(t.default,{spacing:"space-1600",children:[e.jsx(s.default,{size:"small",children:"Item 1"}),e.jsx(s.default,{size:"small",children:"Item 2"}),e.jsx(s.default,{size:"small",children:"Item 3"})]});exports.default=l;
+//# sourceMappingURL=FlexCustomSpacing.cjs.map

package/dist/components/Flex/demo/FlexCustomSpacing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCustomSpacing.cjs","sources":["../../../../src/components/Flex/demo/FlexCustomSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexCustomSpacing = () => (\n  <Flex spacing=\"space-1600\">\n    <DocsBox size=\"small\">Item 1</DocsBox>\n    <DocsBox size=\"small\">Item 2</DocsBox>\n    <DocsBox size=\"small\">Item 3</DocsBox>\n  </Flex>\n);\n\nexport default FlexCustomSpacing;\n"],"names":["FlexCustomSpacing","jsxs","Flex","jsx","DocsBox"],"mappings":"2NAIMA,EAAoB,IACxBC,EAAAA,KAACC,EAAAA,QAAA,CAAK,QAAQ,aACZ,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,CAAA,CAC9B"}

package/dist/components/Flex/demo/FlexCustomSpacing.js

@@ -0,0 +1,12 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import e from "../../../web-react/docs/DocsBox.js";
+import l from "../Flex.js";
+const o = () => /* @__PURE__ */ i(l, { spacing: "space-1600", children: [
+  /* @__PURE__ */ s(e, { size: "small", children: "Item 1" }),
+  /* @__PURE__ */ s(e, { size: "small", children: "Item 2" }),
+  /* @__PURE__ */ s(e, { size: "small", children: "Item 3" })
+] });
+export {
+  o as default
+};
+//# sourceMappingURL=FlexCustomSpacing.js.map

package/dist/components/Flex/demo/FlexCustomSpacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCustomSpacing.js","sources":["../../../../src/components/Flex/demo/FlexCustomSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexCustomSpacing = () => (\n  <Flex spacing=\"space-1600\">\n    <DocsBox size=\"small\">Item 1</DocsBox>\n    <DocsBox size=\"small\">Item 2</DocsBox>\n    <DocsBox size=\"small\">Item 3</DocsBox>\n  </Flex>\n);\n\nexport default FlexCustomSpacing;\n"],"names":["FlexCustomSpacing","jsxs","Flex","jsx","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAoB,MACxB,gBAAAC,EAACC,GAAA,EAAK,SAAQ,cACZ,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,EAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,EAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,CAC9B;"}

package/dist/components/Flex/demo/FlexHorizontalLayout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),l=require("../Flex.cjs"),s=()=>e.jsxs(l.default,{children:[e.jsx(t.default,{size:"small",children:"Item 1"}),e.jsx(t.default,{size:"small",children:"Item 2"}),e.jsx(t.default,{size:"small",children:"Item 3"})]});exports.default=s;
+//# sourceMappingURL=FlexHorizontalLayout.cjs.map

package/dist/components/Flex/demo/FlexHorizontalLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexHorizontalLayout.cjs","sources":["../../../../src/components/Flex/demo/FlexHorizontalLayout.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexHorizontalLayout = () => (\n  <Flex>\n    <DocsBox size=\"small\">Item 1</DocsBox>\n    <DocsBox size=\"small\">Item 2</DocsBox>\n    <DocsBox size=\"small\">Item 3</DocsBox>\n  </Flex>\n);\n\nexport default FlexHorizontalLayout;\n"],"names":["FlexHorizontalLayout","jsxs","Flex","jsx","DocsBox"],"mappings":"2NAIMA,EAAuB,IAC3BC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,CAAA,CAC9B"}

package/dist/components/Flex/demo/FlexHorizontalLayout.js

@@ -0,0 +1,12 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import l from "../../../web-react/docs/DocsBox.js";
+import o from "../Flex.js";
+const m = () => /* @__PURE__ */ s(o, { children: [
+  /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+  /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+  /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=FlexHorizontalLayout.js.map

package/dist/components/Flex/demo/FlexHorizontalLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexHorizontalLayout.js","sources":["../../../../src/components/Flex/demo/FlexHorizontalLayout.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexHorizontalLayout = () => (\n  <Flex>\n    <DocsBox size=\"small\">Item 1</DocsBox>\n    <DocsBox size=\"small\">Item 2</DocsBox>\n    <DocsBox size=\"small\">Item 3</DocsBox>\n  </Flex>\n);\n\nexport default FlexHorizontalLayout;\n"],"names":["FlexHorizontalLayout","jsxs","Flex","jsx","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAuB,MAC3B,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,EAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,EAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,CAC9B;"}

package/dist/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../web-react/docs/DocsBox.cjs"),s=require("../Flex.cjs"),t=()=>e.jsxs(e.Fragment,{children:[e.jsxs(s.default,{alignmentX:"stretch",children:[e.jsx(l.default,{size:"small",children:"Item 1"}),e.jsx(l.default,{size:"small",children:"Item 2"}),e.jsx(l.default,{size:"small",children:"Item 3"})]}),e.jsxs(s.default,{alignmentX:"left",children:[e.jsx(l.default,{size:"small",children:"Item 1"}),e.jsx(l.default,{size:"small",children:"Item 2"}),e.jsx(l.default,{size:"small",children:"Item 3"})]}),e.jsxs(s.default,{alignmentX:"center",children:[e.jsx(l.default,{size:"small",children:"Item 1"}),e.jsx(l.default,{size:"small",children:"Item 2"}),e.jsx(l.default,{size:"small",children:"Item 3"})]}),e.jsxs(s.default,{alignmentX:"right",children:[e.jsx(l.default,{size:"small",children:"Item 1"}),e.jsx(l.default,{size:"small",children:"Item 2"}),e.jsx(l.default,{size:"small",children:"Item 3"})]}),e.jsxs(s.default,{alignmentX:"space-between",children:[e.jsx(l.default,{size:"small",children:"Item 1"}),e.jsx(l.default,{size:"small",children:"Item 2"}),e.jsx(l.default,{size:"small",children:"Item 3"})]})]});exports.default=t;
+//# sourceMappingURL=FlexHorizontalLayoutHorizontalAlignment.cjs.map

package/dist/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexHorizontalLayoutHorizontalAlignment.cjs","sources":["../../../../src/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexHorizontalLayoutHorizontalAlignment = () => (\n  <>\n    <Flex alignmentX=\"stretch\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"left\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"center\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"right\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"space-between\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n  </>\n);\n\nexport default FlexHorizontalLayoutHorizontalAlignment;\n"],"names":["FlexHorizontalLayoutHorizontalAlignment","jsxs","Fragment","Flex","jsx","DocsBox"],"mappings":"2NAIMA,EAA0C,IAC9CC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAACE,EAAAA,QAAA,CAAK,WAAW,UACf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,EAC9B,EACAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,WAAW,OACf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,EAC9B,EACAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,WAAW,SACf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,EAC9B,EACAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,WAAW,QACf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,EAC9B,EACAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,WAAW,gBACf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,CAAA,CAC9B,CAAA,CAAA,CACF"}

package/dist/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.js

@@ -0,0 +1,34 @@
+import { jsxs as i, Fragment as s, jsx as e } from "react/jsx-runtime";
+import l from "../../../web-react/docs/DocsBox.js";
+import m from "../Flex.js";
+const a = () => /* @__PURE__ */ i(s, { children: [
+  /* @__PURE__ */ i(m, { alignmentX: "stretch", children: [
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+  ] }),
+  /* @__PURE__ */ i(m, { alignmentX: "left", children: [
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+  ] }),
+  /* @__PURE__ */ i(m, { alignmentX: "center", children: [
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+  ] }),
+  /* @__PURE__ */ i(m, { alignmentX: "right", children: [
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+  ] }),
+  /* @__PURE__ */ i(m, { alignmentX: "space-between", children: [
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 1" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 2" }),
+    /* @__PURE__ */ e(l, { size: "small", children: "Item 3" })
+  ] })
+] });
+export {
+  a as default
+};
+//# sourceMappingURL=FlexHorizontalLayoutHorizontalAlignment.js.map

package/dist/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexHorizontalLayoutHorizontalAlignment.js","sources":["../../../../src/components/Flex/demo/FlexHorizontalLayoutHorizontalAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexHorizontalLayoutHorizontalAlignment = () => (\n  <>\n    <Flex alignmentX=\"stretch\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"left\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"center\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"right\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n    <Flex alignmentX=\"space-between\">\n      <DocsBox size=\"small\">Item 1</DocsBox>\n      <DocsBox size=\"small\">Item 2</DocsBox>\n      <DocsBox size=\"small\">Item 3</DocsBox>\n    </Flex>\n  </>\n);\n\nexport default FlexHorizontalLayoutHorizontalAlignment;\n"],"names":["FlexHorizontalLayoutHorizontalAlignment","jsxs","Fragment","Flex","jsx","DocsBox"],"mappings":";;;AAIA,MAAMA,IAA0C,MAC9C,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EAAK,YAAW,WACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAJ,EAACE,GAAA,EAAK,YAAW,QACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAJ,EAACE,GAAA,EAAK,YAAW,UACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAJ,EAACE,GAAA,EAAK,YAAW,SACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAC9B;AAAA,EACA,gBAAAJ,EAACE,GAAA,EAAK,YAAW,iBACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAM;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAC9B;AAAA,EAAA,CACF;"}

package/dist/components/Flex/demo/FlexHorizontalReversedLayout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),s=require("../Flex.cjs"),l=()=>e.jsxs(s.default,{direction:"horizontal-reversed",children:[e.jsx(t.default,{size:"small",children:"Item 1"}),e.jsx(t.default,{size:"small",children:"Item 2"}),e.jsx(t.default,{size:"small",children:"Item 3"})]});exports.default=l;
+//# sourceMappingURL=FlexHorizontalReversedLayout.cjs.map

package/dist/components/Flex/demo/FlexHorizontalReversedLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexHorizontalReversedLayout.cjs","sources":["../../../../src/components/Flex/demo/FlexHorizontalReversedLayout.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Flex from '../Flex';\n\nconst FlexHorizontalReversedLayout = () => (\n  <Flex direction=\"horizontal-reversed\">\n    <DocsBox size=\"small\">Item 1</DocsBox>\n    <DocsBox size=\"small\">Item 2</DocsBox>\n    <DocsBox size=\"small\">Item 3</DocsBox>\n  </Flex>\n);\n\nexport default FlexHorizontalReversedLayout;\n"],"names":["FlexHorizontalReversedLayout","jsxs","Flex","jsx","DocsBox"],"mappings":"2NAIMA,EAA+B,IACnCC,EAAAA,KAACC,EAAAA,QAAA,CAAK,UAAU,sBACd,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAM,EAC5BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,QAAA,CAAM,CAAA,CAAA,CAC9B"}