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

package/dist/components/Toast/index.js

@@ -1,22 +1,25 @@
-import { default as a } from "./Toast.js";
-import { default as r } from "./ToastBar.js";
+import { default as r } from "./Toast.js";
+import { default as T } from "./ToastBar.js";
 import { default as s } from "./ToastBarMessage.js";
 import { default as O } from "./ToastBarLink.js";
-import { default as A } from "./UncontrolledToast.js";
-import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as d, DEFAULT_TOAST_COLOR as l, ICON_BOX_SIZE as x, TRANSITIONING_STYLES as N, TRANSITION_DURATION as S, ToastColorsExtended as m } from "./constants.js";
-import { useToast as u } from "./useToast.js";
+import { default as _ } from "./UncontrolledToast.js";
+import { DEFAULT_TOAST_AUTO_CLOSE_INTERVAL as A, DEFAULT_TOAST_COLOR as I, ICON_BOX_SIZE as l, TRANSITIONING_STYLES as m, TRANSITION_DURATION as p, ToastColorsExtended as N } from "./constants.js";
+import { ToastContext as u, ToastProvider as E } from "./ToastContext.js";
+import { useToast as n } from "./useToast.js";
 export {
-  d as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
-  l as DEFAULT_TOAST_COLOR,
-  x as ICON_BOX_SIZE,
-  N as TRANSITIONING_STYLES,
-  S as TRANSITION_DURATION,
-  a as Toast,
-  r as ToastBar,
+  A as DEFAULT_TOAST_AUTO_CLOSE_INTERVAL,
+  I as DEFAULT_TOAST_COLOR,
+  l as ICON_BOX_SIZE,
+  m as TRANSITIONING_STYLES,
+  p as TRANSITION_DURATION,
+  r as Toast,
+  T as ToastBar,
   O as ToastBarLink,
   s as ToastBarMessage,
-  m as ToastColorsExtended,
-  A as UncontrolledToast,
-  u as useToast
+  N as ToastColorsExtended,
+  u as ToastContext,
+  E as ToastProvider,
+  _ as UncontrolledToast,
+  n as useToast
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Toast/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/Toast/useToastBarStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),$=require("./constants.cjs"),b=a=>{const{color:e,isDismissible:r,...n}=a,s=o.useClassNamePrefix("ToastBar"),l=`${s}__box`,i=`${s}__close`,c=`${s}__container`,C=`${s}__content`,B=`${s}__link`,u=o.useClassNamePrefix("link-underlined"),_=`${s}--${e||$.ToastColorsExtended.NEUTRAL}`,d=`${s}--dismissible`,m=t(s,_,r&&d),P=t(B,u);return{classProps:{root:m,box:l,close:i,container:c,content:C,link:P},props:n}};exports.useToastBarStyleProps=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../hooks/useClassNamePrefix.cjs"),m=require("./constants.cjs"),P=a=>{const{color:e,isDismissible:r,...n}=a,s=o.useClassNamePrefix("ToastBar"),l=`${s}__box`,i=`${s}__close`,c=`${s}__container`,C=`${s}__content`,u=`${s}__link`,B=o.useClassNamePrefix("link-underlined"),_=`${s}--${e||m.ToastColorsExtended.NEUTRAL}`,d=`${s}--dismissible`;return{classProps:{root:t(s,_,r&&d),box:l,close:i,container:c,content:C,link:t(u,B)},props:n}};exports.useToastBarStyleProps=P;
 //# sourceMappingURL=useToastBarStyleProps.cjs.map

package/dist/components/Toast/useToastBarStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useToastBarStyleProps.cjs","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n  const toastBarRootClasses = classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass);\n  const toastBarLinkClasses = classNames(toastBarLinkClass, toastBarLinkUnderlinedClass);\n\n  return {\n    classProps: {\n      root: toastBarRootClasses,\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: toastBarLinkClasses,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","toastBarRootClasses","classNames","toastBarLinkClasses"],"mappings":"2LAKaA,EAAyBC,GAAyB,CAC7D,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAe,GAAGC,GAAcH,EAEzCI,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAmB,GAAGF,CAAa,QACnCG,EAAqB,GAAGH,CAAa,UACrCI,EAAyB,GAAGJ,CAAa,cACzCK,EAAuB,GAAGL,CAAa,YACvCM,EAAoB,GAAGN,CAAa,SACpCO,EAA8BN,EAAAA,mBAAmB,iBAAiB,EAClEO,EAAqB,GAAGR,CAAa,KAAKH,GAASY,EAAAA,oBAAoB,OAAO,GAC9EC,EAA2B,GAAGV,CAAa,gBAC3CW,EAAsBC,EAAWZ,EAAeQ,EAAoBV,GAAiBY,CAAwB,EAC7GG,EAAsBD,EAAWN,EAAmBC,CAA2B,EAErF,MAAO,CACL,WAAY,CACV,KAAMI,EACN,IAAKT,EACL,MAAOC,EACP,UAAWC,EACX,QAASC,EACT,KAAMQ,CAAA,EAER,MAAOd,CAAA,CAEX"}
+{"version":3,"file":"useToastBarStyleProps.cjs","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n\n  return {\n    classProps: {\n      root: classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass),\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: classNames(toastBarLinkClass, toastBarLinkUnderlinedClass),\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","classNames"],"mappings":"2LAKaA,EAAyBC,GAAyB,CAC7D,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAe,GAAGC,GAAcH,EAEzCI,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAmB,GAAGF,CAAa,QACnCG,EAAqB,GAAGH,CAAa,UACrCI,EAAyB,GAAGJ,CAAa,cACzCK,EAAuB,GAAGL,CAAa,YACvCM,EAAoB,GAAGN,CAAa,SACpCO,EAA8BN,EAAAA,mBAAmB,iBAAiB,EAClEO,EAAqB,GAAGR,CAAa,KAAKH,GAASY,EAAAA,oBAAoB,OAAO,GAC9EC,EAA2B,GAAGV,CAAa,gBAEjD,MAAO,CACL,WAAY,CACV,KAAMW,EAAWX,EAAeQ,EAAoBV,GAAiBY,CAAwB,EAC7F,IAAKR,EACL,MAAOC,EACP,UAAWC,EACX,QAASC,EACT,KAAMM,EAAWL,EAAmBC,CAA2B,CAAA,EAEjE,MAAOR,CAAA,CAEX"}

package/dist/components/Toast/useToastBarStyleProps.js

@@ -1,21 +1,21 @@
 import o from "classnames";
 import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
-import { ToastColorsExtended as k } from "./constants.js";
-const f = (a) => {
-  const { color: r, isDismissible: n, ...e } = a, s = t("ToastBar"), l = `${s}__box`, i = `${s}__close`, c = `${s}__container`, C = `${s}__content`, B = `${s}__link`, m = t("link-underlined"), _ = `${s}--${r || k.NEUTRAL}`, p = `${s}--dismissible`, $ = o(s, _, n && p), d = o(B, m);
+import { ToastColorsExtended as $ } from "./constants.js";
+const k = (a) => {
+  const { color: r, isDismissible: n, ...e } = a, s = t("ToastBar"), l = `${s}__box`, i = `${s}__close`, c = `${s}__container`, C = `${s}__content`, B = `${s}__link`, m = t("link-underlined"), _ = `${s}--${r || $.NEUTRAL}`, p = `${s}--dismissible`;
   return {
     classProps: {
-      root: $,
+      root: o(s, _, n && p),
       box: l,
       close: i,
       container: c,
       content: C,
-      link: d
+      link: o(B, m)
     },
     props: e
   };
 };
 export {
-  f as useToastBarStyleProps
+  k as useToastBarStyleProps
 };
 //# sourceMappingURL=useToastBarStyleProps.js.map

package/dist/components/Toast/useToastBarStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToastBarStyleProps.js","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n  const toastBarRootClasses = classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass);\n  const toastBarLinkClasses = classNames(toastBarLinkClass, toastBarLinkUnderlinedClass);\n\n  return {\n    classProps: {\n      root: toastBarRootClasses,\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: toastBarLinkClasses,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","toastBarRootClasses","classNames","toastBarLinkClasses"],"mappings":";;;AAKO,MAAMA,IAAwB,CAACC,MAAyB;AAC7D,QAAM,EAAE,OAAAC,GAAO,eAAAC,GAAe,GAAGC,MAAcH,GAEzCI,IAAgBC,EAAmB,UAAU,GAC7CC,IAAmB,GAAGF,CAAa,SACnCG,IAAqB,GAAGH,CAAa,WACrCI,IAAyB,GAAGJ,CAAa,eACzCK,IAAuB,GAAGL,CAAa,aACvCM,IAAoB,GAAGN,CAAa,UACpCO,IAA8BN,EAAmB,iBAAiB,GAClEO,IAAqB,GAAGR,CAAa,KAAKH,KAASY,EAAoB,OAAO,IAC9EC,IAA2B,GAAGV,CAAa,iBAC3CW,IAAsBC,EAAWZ,GAAeQ,GAAoBV,KAAiBY,CAAwB,GAC7GG,IAAsBD,EAAWN,GAAmBC,CAA2B;AAErF,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMI;AAAA,MACN,KAAKT;AAAA,MACL,OAAOC;AAAA,MACP,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,MAAMQ;AAAA,IAAA;AAAA,IAER,OAAOd;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useToastBarStyleProps.js","sources":["../../../src/components/Toast/useToastBarStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ToastBarProps } from '../../types';\nimport { ToastColorsExtended } from '.';\n\nexport const useToastBarStyleProps = (props: ToastBarProps) => {\n  const { color, isDismissible, ...restProps } = props;\n\n  const toastBarClass = useClassNamePrefix('ToastBar');\n  const toastBarBoxClass = `${toastBarClass}__box`;\n  const toastBarCloseClass = `${toastBarClass}__close`;\n  const toastBarContainerClass = `${toastBarClass}__container`;\n  const toastBarContentClass = `${toastBarClass}__content`;\n  const toastBarLinkClass = `${toastBarClass}__link`;\n  const toastBarLinkUnderlinedClass = useClassNamePrefix('link-underlined');\n  const toastBarColorClass = `${toastBarClass}--${color || ToastColorsExtended.NEUTRAL}`;\n  const toastBarDismissibleClass = `${toastBarClass}--dismissible`;\n\n  return {\n    classProps: {\n      root: classNames(toastBarClass, toastBarColorClass, isDismissible && toastBarDismissibleClass),\n      box: toastBarBoxClass,\n      close: toastBarCloseClass,\n      container: toastBarContainerClass,\n      content: toastBarContentClass,\n      link: classNames(toastBarLinkClass, toastBarLinkUnderlinedClass),\n    },\n    props: restProps,\n  };\n};\n"],"names":["useToastBarStyleProps","props","color","isDismissible","restProps","toastBarClass","useClassNamePrefix","toastBarBoxClass","toastBarCloseClass","toastBarContainerClass","toastBarContentClass","toastBarLinkClass","toastBarLinkUnderlinedClass","toastBarColorClass","ToastColorsExtended","toastBarDismissibleClass","classNames"],"mappings":";;;AAKO,MAAMA,IAAwB,CAACC,MAAyB;AAC7D,QAAM,EAAE,OAAAC,GAAO,eAAAC,GAAe,GAAGC,MAAcH,GAEzCI,IAAgBC,EAAmB,UAAU,GAC7CC,IAAmB,GAAGF,CAAa,SACnCG,IAAqB,GAAGH,CAAa,WACrCI,IAAyB,GAAGJ,CAAa,eACzCK,IAAuB,GAAGL,CAAa,aACvCM,IAAoB,GAAGN,CAAa,UACpCO,IAA8BN,EAAmB,iBAAiB,GAClEO,IAAqB,GAAGR,CAAa,KAAKH,KAASY,EAAoB,OAAO,IAC9EC,IAA2B,GAAGV,CAAa;AAEjD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMW,EAAWX,GAAeQ,GAAoBV,KAAiBY,CAAwB;AAAA,MAC7F,KAAKR;AAAA,MACL,OAAOC;AAAA,MACP,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,MAAMM,EAAWL,GAAmBC,CAA2B;AAAA,IAAA;AAAA,IAEjE,OAAOR;AAAA,EAAA;AAEX;"}

package/dist/components/Toast/useToastStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("classnames"),m=require("../../hooks/useClassNamePrefix.cjs");function q(o){const{alignmentX:l,alignmentY:r,isCollapsible:a,...u}=o,s=m.useClassNamePrefix("Toast");function c(C){return C.map(e=>typeof e=="object"&&e!==null?Object.keys(e).reduce(($,t)=>{const f=t==="mobile"?"":`--${t}`;return[...$,`${s}${f}--${e[t]}`]},[]):[`${s}--${e}`])}const n=[...c([l,r])],i=`${s}--collapsible`,p=P(s,a&&i,...n),b=`${s}__queue`;return{classProps:{root:p,queue:b},props:u}}exports.useToastStyleProps=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("classnames"),P=require("../../hooks/useClassNamePrefix.cjs");function m(o){const{alignmentX:r,alignmentY:l,isCollapsible:u,...a}=o,s=P.useClassNamePrefix("Toast");function c(b){return b.map(e=>typeof e=="object"&&e!==null?Object.keys(e).reduce(($,t)=>{const f=t==="mobile"?"":`--${t}`;return[...$,`${s}${f}--${e[t]}`]},[]):[`${s}--${e}`])}const n=[...c([r,l])],i=`${s}--collapsible`,p=`${s}__queue`;return{classProps:{root:C(s,u&&i,...n),queue:p},props:a}}exports.useToastStyleProps=m;
 //# sourceMappingURL=useToastStyleProps.cjs.map

package/dist/components/Toast/useToastStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useToastStyleProps.cjs","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastRootClass = classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses);\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: toastRootClass,\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastRootClass","classNames","toastQueueClass"],"mappings":"8JAYO,SAASA,EAAmBC,EAAwD,CACzF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,cAAAC,EAAe,GAAGC,GAAcJ,EAE1DK,EAAaC,EAAAA,mBAAmB,OAAO,EAE7C,SAASC,EAAkBC,EAAoF,CAC7G,OAAOA,EAAW,IAAKC,GACrB,OAAOA,GAAc,UAAYA,IAAc,KAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,EAAKC,IAAQ,CACpD,MAAMC,EAAQD,IAAQ,SAAW,GAAK,KAAKA,CAAG,GAE9C,MAAO,CAAC,GAAGD,EAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE,CACtF,EAAG,CAAA,CAAE,EACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE,CAAA,CAEtC,CAEA,MAAMI,EAAmB,CAAC,GAAGN,EAAkB,CAACN,EAAYC,CAAU,CAAC,CAAC,EAClEY,EAAmB,GAAGT,CAAU,gBAEhCU,EAAiBC,EAAWX,EAAYF,GAAiBW,EAAkB,GAAGD,CAAgB,EAC9FI,EAAkB,GAAGZ,CAAU,UAErC,MAAO,CACL,WAAY,CACV,KAAMU,EACN,MAAOE,CAAA,EAET,MAAOb,CAAA,CAEX"}
+{"version":3,"file":"useToastStyleProps.cjs","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses),\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastQueueClass","classNames"],"mappings":"8JAYO,SAASA,EAAmBC,EAAwD,CACzF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,cAAAC,EAAe,GAAGC,GAAcJ,EAE1DK,EAAaC,EAAAA,mBAAmB,OAAO,EAE7C,SAASC,EAAkBC,EAAoF,CAC7G,OAAOA,EAAW,IAAKC,GACrB,OAAOA,GAAc,UAAYA,IAAc,KAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,EAAKC,IAAQ,CACpD,MAAMC,EAAQD,IAAQ,SAAW,GAAK,KAAKA,CAAG,GAE9C,MAAO,CAAC,GAAGD,EAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE,CACtF,EAAG,CAAA,CAAE,EACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE,CAAA,CAEtC,CAEA,MAAMI,EAAmB,CAAC,GAAGN,EAAkB,CAACN,EAAYC,CAAU,CAAC,CAAC,EAClEY,EAAmB,GAAGT,CAAU,gBAEhCU,EAAkB,GAAGV,CAAU,UAErC,MAAO,CACL,WAAY,CACV,KAAMW,EAAWX,EAAYF,GAAiBW,EAAkB,GAAGD,CAAgB,EACnF,MAAOE,CAAA,EAET,MAAOX,CAAA,CAEX"}

package/dist/components/Toast/useToastStyleProps.js

@@ -1,25 +1,25 @@
 import b from "classnames";
-import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
-function q(e) {
-  const { alignmentX: l, alignmentY: r, isCollapsible: a, ...c } = e, s = P("Toast");
-  function n($) {
-    return $.map(
-      (o) => typeof o == "object" && o !== null ? Object.keys(o).reduce((f, t) => {
-        const C = t === "mobile" ? "" : `--${t}`;
-        return [...f, `${s}${C}--${o[t]}`];
+import { useClassNamePrefix as C } from "../../hooks/useClassNamePrefix.js";
+function j(t) {
+  const { alignmentX: r, alignmentY: l, isCollapsible: c, ...a } = t, s = C("Toast");
+  function u(m) {
+    return m.map(
+      (o) => typeof o == "object" && o !== null ? Object.keys(o).reduce(($, e) => {
+        const f = e === "mobile" ? "" : `--${e}`;
+        return [...$, `${s}${f}--${o[e]}`];
       }, []) : [`${s}--${o}`]
     );
   }
-  const u = [...n([l, r])], p = `${s}--collapsible`, i = b(s, a && p, ...u), m = `${s}__queue`;
+  const n = [...u([r, l])], p = `${s}--collapsible`, i = `${s}__queue`;
   return {
     classProps: {
-      root: i,
-      queue: m
+      root: b(s, c && p, ...n),
+      queue: i
     },
-    props: c
+    props: a
   };
 }
 export {
-  q as useToastStyleProps
+  j as useToastStyleProps
 };
 //# sourceMappingURL=useToastStyleProps.js.map

package/dist/components/Toast/useToastStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToastStyleProps.js","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastRootClass = classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses);\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: toastRootClass,\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastRootClass","classNames","toastQueueClass"],"mappings":";;AAYO,SAASA,EAAmBC,GAAwD;AACzF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,GAAe,GAAGC,MAAcJ,GAE1DK,IAAaC,EAAmB,OAAO;AAE7C,WAASC,EAAkBC,GAAoF;AAC7G,WAAOA,EAAW;AAAA,MAAI,CAACC,MACrB,OAAOA,KAAc,YAAYA,MAAc,OAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,GAAKC,MAAQ;AACpD,cAAMC,IAAQD,MAAQ,WAAW,KAAK,KAAKA,CAAG;AAE9C,eAAO,CAAC,GAAGD,GAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE;AAAA,MACtF,GAAG,CAAA,CAAE,IACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE;AAAA,IAAA;AAAA,EAEtC;AAEA,QAAMI,IAAmB,CAAC,GAAGN,EAAkB,CAACN,GAAYC,CAAU,CAAC,CAAC,GAClEY,IAAmB,GAAGT,CAAU,iBAEhCU,IAAiBC,EAAWX,GAAYF,KAAiBW,GAAkB,GAAGD,CAAgB,GAC9FI,IAAkB,GAAGZ,CAAU;AAErC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMU;AAAA,MACN,OAAOE;AAAA,IAAA;AAAA,IAET,OAAOb;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useToastStyleProps.js","sources":["../../../src/components/Toast/useToastStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritToastProps } from '../../types';\n\nexport interface ToastStyles<T> {\n  classProps: {\n    root: string;\n    queue: string;\n  };\n  props: T;\n}\n\nexport function useToastStyleProps(props: SpiritToastProps): ToastStyles<SpiritToastProps> {\n  const { alignmentX, alignmentY, isCollapsible, ...restProps } = props;\n\n  const toastClass = useClassNamePrefix('Toast');\n\n  function processAlignments(alignments: Array<SpiritToastProps['alignmentX'] | SpiritToastProps['alignmentY']>) {\n    return alignments.map((alignment) =>\n      typeof alignment === 'object' && alignment !== null\n        ? Object.keys(alignment).reduce<string[]>((acc, key) => {\n            const infix = key === 'mobile' ? '' : `--${key}`;\n\n            return [...acc, `${toastClass}${infix}--${alignment[key as keyof typeof alignment]}`];\n          }, [])\n        : [`${toastClass}--${alignment}`],\n    );\n  }\n\n  const alignmentClasses = [...processAlignments([alignmentX, alignmentY])];\n  const collapsibleClass = `${toastClass}--collapsible`;\n\n  const toastQueueClass = `${toastClass}__queue`;\n\n  return {\n    classProps: {\n      root: classNames(toastClass, isCollapsible && collapsibleClass, ...alignmentClasses),\n      queue: toastQueueClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useToastStyleProps","props","alignmentX","alignmentY","isCollapsible","restProps","toastClass","useClassNamePrefix","processAlignments","alignments","alignment","acc","key","infix","alignmentClasses","collapsibleClass","toastQueueClass","classNames"],"mappings":";;AAYO,SAASA,EAAmBC,GAAwD;AACzF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,GAAe,GAAGC,MAAcJ,GAE1DK,IAAaC,EAAmB,OAAO;AAE7C,WAASC,EAAkBC,GAAoF;AAC7G,WAAOA,EAAW;AAAA,MAAI,CAACC,MACrB,OAAOA,KAAc,YAAYA,MAAc,OAC3C,OAAO,KAAKA,CAAS,EAAE,OAAiB,CAACC,GAAKC,MAAQ;AACpD,cAAMC,IAAQD,MAAQ,WAAW,KAAK,KAAKA,CAAG;AAE9C,eAAO,CAAC,GAAGD,GAAK,GAAGL,CAAU,GAAGO,CAAK,KAAKH,EAAUE,CAA6B,CAAC,EAAE;AAAA,MACtF,GAAG,CAAA,CAAE,IACL,CAAC,GAAGN,CAAU,KAAKI,CAAS,EAAE;AAAA,IAAA;AAAA,EAEtC;AAEA,QAAMI,IAAmB,CAAC,GAAGN,EAAkB,CAACN,GAAYC,CAAU,CAAC,CAAC,GAClEY,IAAmB,GAAGT,CAAU,iBAEhCU,IAAkB,GAAGV,CAAU;AAErC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMW,EAAWX,GAAYF,KAAiBW,GAAkB,GAAGD,CAAgB;AAAA,MACnF,OAAOE;AAAA,IAAA;AAAA,IAET,OAAOX;AAAA,EAAA;AAEX;"}

package/dist/components/Toast.d.ts

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

package/dist/components/Toggle/Toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),R=require("classnames"),n=require("react"),C=require("../../hooks/styleProps.cjs"),k=require("../../hooks/useAriaDescribedBy.cjs"),D=require("../Field/HelperText.cjs"),V=require("../Field/Label.cjs"),B=require("../Field/useAriaIds.cjs"),F=require("../Field/ValidationText.cjs"),E=require("../Field/useValidationTextRole.cjs"),I=require("./useToggleStyleProps.cjs"),U=(d,u)=>{const{classProps:e,props:p}=I.useToggleStyleProps(d),{"aria-describedby":g="",hasValidationIcon:x,id:t,isDisabled:h,isChecked:T=!1,isRequired:y,label:b,helperText:m,onChange:q=()=>{},validationState:r,validationText:a,...N}=p,{styleProps:o,props:P}=C.useStyleProps(N),[S,l]=B.default(g),f=k.useAriaDescribedBy(S),[_,j]=n.useState(T),v=E.useValidationTextRole({validationState:r,validationText:a}),A=c=>{j(c.target.checked),q(c)};return s.jsxs("div",{style:o.style,className:R(e.root,o.className),children:[s.jsxs("div",{className:e.text,children:[s.jsx(V.default,{UNSAFE_className:e.label,htmlFor:t,children:b}),s.jsx(D.default,{UNSAFE_className:e.helperText,id:`${t}__helperText`,registerAria:l,helperText:m}),r&&s.jsx(F.default,{UNSAFE_className:e.validationText,...x&&{hasValidationStateIcon:r},id:`${t}__validationText`,validationText:a,registerAria:l,role:v})]}),s.jsx("input",{...P,...f,type:"checkbox",id:t,className:e.input,disabled:h,checked:_,required:y,onChange:A,ref:u})]})},i=n.forwardRef(U);i.spiritComponent="Toggle";i.displayName="Toggle";exports.default=i;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("classnames"),u=require("react"),F=require("../../hooks/styleProps.cjs"),d=require("../../hooks/useAriaIdRefs.cjs"),I=require("../Field/HelperText.cjs"),$=require("../Field/Label.cjs"),B=require("../Field/ValidationText.cjs"),E=require("../Field/useValidationTextRole.cjs"),U=require("../InputDetails/InputDetails.cjs"),M=require("./useToggleStyleProps.cjs"),O=(p,g)=>{const{classProps:s,props:x}=M.useToggleStyleProps(p),{"aria-describedby":h="","aria-details":T,details:r,hasValidationIcon:y,id:t,isDisabled:m,isChecked:b=!1,isRequired:q,label:P,helperText:N,onChange:f=()=>{},validationState:a,validationText:l,...S}=x,{styleProps:o,props:A}=F.useStyleProps(S),[D,c]=d.useAriaDescribedBy(h),[_,j]=d.useAriaDetails(T),[v,R]=u.useState(b),C=E.useValidationTextRole({validationState:a,validationText:l}),k=n=>{R(n.target.checked),f(n)};return e.jsxs("div",{style:o.style,className:V(s.root,o.className),children:[e.jsxs("div",{className:s.text,children:[e.jsx($.default,{UNSAFE_className:s.label,htmlFor:t,children:P}),r&&e.jsx(U.default,{id:`${t}-details`,registerAriaDetails:j,children:r}),e.jsx(I.default,{UNSAFE_className:s.helperText,id:`${t}__helperText`,registerAria:c,helperText:N}),a&&e.jsx(B.default,{UNSAFE_className:s.validationText,...y&&{hasValidationStateIcon:a},id:`${t}__validationText`,validationText:l,registerAria:c,role:C})]}),e.jsx("input",{...A,...D,..._,type:"checkbox",id:t,className:s.input,disabled:m,checked:v,required:q,onChange:k,ref:g})]})},i=u.forwardRef(O);i.spiritComponent="Toggle";i.displayName="Toggle";exports.default=i;
 //# sourceMappingURL=Toggle.cjs.map

package/dist/components/Toggle/Toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\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}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","HelperText","ValidationText","Toggle","forwardRef"],"mappings":"2gBAUMA,EAAU,CAACC,EAA0BC,IAAwC,CACjF,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoBJ,CAAK,EAChE,CACJ,mBAAoBK,EAAkB,GACtC,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,IAAM,CAAC,EAClB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDb,EACE,CAAA,WAAEc,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3D,CAACI,EAAKC,CAAQ,EAAIC,EAAAA,QAAWjB,CAAe,EAC5CkB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5C,CAACK,EAASC,CAAU,EAAIC,EAAAA,SAASlB,CAAS,EAC1CmB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAf,EACA,eAAAC,CAAA,CACD,EAEKe,EAAkBC,GAAyC,CAC/DL,EAAWK,EAAM,OAAO,OAAO,EAC/BlB,EAASkB,CAAK,CAChB,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAI,MAAOf,EAAW,MAAO,UAAWgB,EAAW/B,EAAW,KAAMe,EAAW,SAAS,EACvF,SAAA,CAAAe,EAAAA,KAAC,MAAA,CAAI,UAAW9B,EAAW,KACzB,SAAA,CAAAgC,MAACC,EAAAA,SAAM,iBAAkBjC,EAAW,MAAO,QAASK,EACjD,SAAAI,EACH,EACAuB,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBlC,EAAW,WAC7B,GAAI,GAAGK,CAAE,eACT,aAAcc,EACd,WAAAT,CAAA,CAAA,EAEDE,GACCoB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBnC,EAAW,eAC5B,GAAII,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGP,CAAE,mBACT,eAAAQ,EACA,aAAcM,EACd,KAAMO,CAAA,CAAA,CACR,EAEJ,EACAM,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACH,GAAGK,EACJ,KAAK,WACL,GAAAhB,EACA,UAAWL,EAAW,MACtB,SAAUM,EACV,QAAAiB,EACA,SAAUf,EACV,SAAUoB,EACV,IAAA7B,CAAA,CAAA,CACF,EACF,CAEJ,EAEMqC,EAASC,EAAAA,WAAgDxC,CAAO,EAKtEuC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}
+{"version":3,"file":"Toggle.cjs","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useAriaDetails, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { InputDetails } from '../InputDetails';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    'aria-details': ariaDetailsAttr,\n    details,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const [ariaDetailsProp, registerDetails] = useAriaDetails(ariaDetailsAttr);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        {details && (\n          <InputDetails id={`${id}-details`} registerAriaDetails={registerDetails}>\n            {details}\n          </InputDetails>\n        )}\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}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        {...ariaDetailsProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","ariaDetailsAttr","details","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","ariaDetailsProp","registerDetails","useAriaDetails","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","InputDetails","HelperText","ValidationText","Toggle","forwardRef"],"mappings":"+gBAWMA,EAAU,CAACC,EAA0BC,IAAwC,CACjF,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoBJ,CAAK,EAChE,CACJ,mBAAoBK,EAAkB,GACtC,eAAgBC,EAChB,QAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,IAAM,CAAC,EAClB,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDf,EACE,CAAA,WAAEgB,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAS,EAC3D,CAACI,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBnB,CAAe,EACpE,CAACoB,EAAiBC,CAAe,EAAIC,EAAAA,eAAerB,CAAe,EACnE,CAACsB,EAASC,CAAU,EAAIC,EAAAA,SAASnB,CAAS,EAC1CoB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAhB,EACA,eAAAC,CAAA,CACD,EAEKgB,EAAkBC,GAAyC,CAC/DL,EAAWK,EAAM,OAAO,OAAO,EAC/BnB,EAASmB,CAAK,CAChB,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAI,MAAOhB,EAAW,MAAO,UAAWiB,EAAWlC,EAAW,KAAMiB,EAAW,SAAS,EACvF,SAAA,CAAAgB,EAAAA,KAAC,MAAA,CAAI,UAAWjC,EAAW,KACzB,SAAA,CAAAmC,MAACC,EAAAA,SAAM,iBAAkBpC,EAAW,MAAO,QAASO,EACjD,SAAAI,EACH,EACCN,SACEgC,EAAAA,QAAA,CAAa,GAAI,GAAG9B,CAAE,WAAY,oBAAqBiB,EACrD,SAAAnB,CAAA,CACH,EAEF8B,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBtC,EAAW,WAC7B,GAAI,GAAGO,CAAE,eACT,aAAcc,EACd,WAAAT,CAAA,CAAA,EAEDE,GACCqB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBvC,EAAW,eAC5B,GAAIM,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGP,CAAE,mBACT,eAAAQ,EACA,aAAcM,EACd,KAAMQ,CAAA,CAAA,CACR,EAEJ,EACAM,EAAAA,IAAC,QAAA,CACE,GAAGjB,EACH,GAAGE,EACH,GAAGG,EACJ,KAAK,WACL,GAAAhB,EACA,UAAWP,EAAW,MACtB,SAAUQ,EACV,QAAAkB,EACA,SAAUhB,EACV,SAAUqB,EACV,IAAAhC,CAAA,CAAA,CACF,EACF,CAEJ,EAEMyC,EAASC,EAAAA,WAAgD5C,CAAO,EAKtE2C,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Toggle/Toggle.js

@@ -1,80 +1,84 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import D from "classnames";
-import { forwardRef as F, useState as R } from "react";
-import { useStyleProps as V } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as B } from "../../hooks/useAriaDescribedBy.js";
-import E from "../Field/HelperText.js";
-import I from "../Field/Label.js";
-import U from "../Field/useAriaIds.js";
-import j from "../Field/ValidationText.js";
-import { useValidationTextRole as q } from "../Field/useValidationTextRole.js";
-import { useToggleStyleProps as $ } from "./useToggleStyleProps.js";
-const w = (n, m) => {
-  const { classProps: e, props: p } = $(n), {
-    "aria-describedby": h = "",
-    hasValidationIcon: g,
-    id: s,
-    isDisabled: f,
-    isChecked: x = !1,
-    isRequired: T,
-    label: u,
-    helperText: N,
-    onChange: b = () => {
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import V from "classnames";
+import { forwardRef as B, useState as E } from "react";
+import { useStyleProps as I } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as U, useAriaDetails as $ } from "../../hooks/useAriaIdRefs.js";
+import j from "../Field/HelperText.js";
+import q from "../Field/Label.js";
+import w from "../Field/ValidationText.js";
+import { useValidationTextRole as H } from "../Field/useValidationTextRole.js";
+import L from "../InputDetails/InputDetails.js";
+import { useToggleStyleProps as O } from "./useToggleStyleProps.js";
+const z = (p, m) => {
+  const { classProps: e, props: h } = O(p), {
+    "aria-describedby": g = "",
+    "aria-details": f,
+    details: r,
+    hasValidationIcon: u,
+    id: t,
+    isDisabled: x,
+    isChecked: T = !1,
+    isRequired: N,
+    label: b,
+    helperText: y,
+    onChange: D = () => {
     },
-    validationState: t,
-    validationText: r,
-    ...y
-  } = p, { styleProps: i, props: P } = V(y), [S, a] = U(h), _ = B(S), [A, v] = R(x), C = q({
-    validationState: t,
-    validationText: r
-  }), k = (l) => {
-    v(l.target.checked), b(l);
+    validationState: s,
+    validationText: a,
+    ...A
+  } = h, { styleProps: o, props: P } = I(A), [S, l] = U(g), [_, v] = $(f), [C, k] = E(T), F = H({
+    validationState: s,
+    validationText: a
+  }), R = (d) => {
+    k(d.target.checked), D(d);
   };
-  return /* @__PURE__ */ d("div", { style: i.style, className: D(e.root, i.className), children: [
-    /* @__PURE__ */ d("div", { className: e.text, children: [
-      /* @__PURE__ */ o(I, { UNSAFE_className: e.label, htmlFor: s, children: u }),
-      /* @__PURE__ */ o(
-        E,
+  return /* @__PURE__ */ c("div", { style: o.style, className: V(e.root, o.className), children: [
+    /* @__PURE__ */ c("div", { className: e.text, children: [
+      /* @__PURE__ */ i(q, { UNSAFE_className: e.label, htmlFor: t, children: b }),
+      r && /* @__PURE__ */ i(L, { id: `${t}-details`, registerAriaDetails: v, children: r }),
+      /* @__PURE__ */ i(
+        j,
         {
           UNSAFE_className: e.helperText,
-          id: `${s}__helperText`,
-          registerAria: a,
-          helperText: N
+          id: `${t}__helperText`,
+          registerAria: l,
+          helperText: y
         }
       ),
-      t && /* @__PURE__ */ o(
-        j,
+      s && /* @__PURE__ */ i(
+        w,
         {
           UNSAFE_className: e.validationText,
-          ...g && { hasValidationStateIcon: t },
-          id: `${s}__validationText`,
-          validationText: r,
-          registerAria: a,
-          role: C
+          ...u && { hasValidationStateIcon: s },
+          id: `${t}__validationText`,
+          validationText: a,
+          registerAria: l,
+          role: F
         }
       )
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       "input",
       {
         ...P,
+        ...S,
         ..._,
         type: "checkbox",
-        id: s,
+        id: t,
         className: e.input,
-        disabled: f,
-        checked: A,
-        required: T,
-        onChange: k,
+        disabled: x,
+        checked: C,
+        required: N,
+        onChange: R,
         ref: m
       }
     )
   ] });
-}, c = F(w);
-c.spiritComponent = "Toggle";
-c.displayName = "Toggle";
+}, n = B(z);
+n.spiritComponent = "Toggle";
+n.displayName = "Toggle";
 export {
-  c as default
+  n as default
 };
 //# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\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}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","HelperText","ValidationText","Toggle","forwardRef"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAU,CAACC,GAA0BC,MAAwC;AACjF,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAoBJ,CAAK,GAChE;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW,MAAM;AAAA,IAAC;AAAA,IAClB,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACE,EAAE,YAAAc,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3D,CAACI,GAAKC,CAAQ,IAAIC,EAAWjB,CAAe,GAC5CkB,IAAsBC,EAAmBJ,CAAG,GAC5C,CAACK,GAASC,CAAU,IAAIC,EAASlB,CAAS,GAC1CmB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAf;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKe,IAAiB,CAACC,MAAyC;AAC/D,IAAAL,EAAWK,EAAM,OAAO,OAAO,GAC/BlB,EAASkB,CAAK;AAAA,EAChB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAOf,EAAW,OAAO,WAAWgB,EAAW/B,EAAW,MAAMe,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAe,EAAC,OAAA,EAAI,WAAW9B,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAgC,EAACC,KAAM,kBAAkBjC,EAAW,OAAO,SAASK,GACjD,UAAAI,GACH;AAAA,MACA,gBAAAuB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBlC,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcc;AAAA,UACd,YAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDE,KACC,gBAAAoB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAkBnC,EAAW;AAAA,UAC5B,GAAII,KAAqB,EAAE,wBAAwBQ,EAAA;AAAA,UACpD,IAAI,GAAGP,CAAE;AAAA,UACT,gBAAAQ;AAAA,UACA,cAAcM;AAAA,UACd,MAAMO;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GAEJ;AAAA,IACA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACH,GAAGK;AAAA,QACJ,MAAK;AAAA,QACL,IAAAhB;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUM;AAAA,QACV,SAAAiB;AAAA,QACA,UAAUf;AAAA,QACV,UAAUoB;AAAA,QACV,KAAA7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,GAEMqC,IAASC,EAAgDxC,CAAO;AAKtEuC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useAriaDetails, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { InputDetails } from '../InputDetails';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    'aria-details': ariaDetailsAttr,\n    details,\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const [ariaDetailsProp, registerDetails] = useAriaDetails(ariaDetailsAttr);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        {details && (\n          <InputDetails id={`${id}-details`} registerAriaDetails={registerDetails}>\n            {details}\n          </InputDetails>\n        )}\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}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        {...ariaDetailsProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","ariaDetailsAttr","details","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","ariaDetailsProp","registerDetails","useAriaDetails","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","InputDetails","HelperText","ValidationText","Toggle","forwardRef"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAU,CAACC,GAA0BC,MAAwC;AACjF,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAoBJ,CAAK,GAChE;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,gBAAgBC;AAAA,IAChB,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW,MAAM;AAAA,IAAC;AAAA,IAClB,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACE,EAAE,YAAAgB,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3D,CAACI,GAAqBC,CAAQ,IAAIC,EAAmBnB,CAAe,GACpE,CAACoB,GAAiBC,CAAe,IAAIC,EAAerB,CAAe,GACnE,CAACsB,GAASC,CAAU,IAAIC,EAASnB,CAAS,GAC1CoB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAhB;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKgB,IAAiB,CAACC,MAAyC;AAC/D,IAAAL,EAAWK,EAAM,OAAO,OAAO,GAC/BnB,EAASmB,CAAK;AAAA,EAChB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAOhB,EAAW,OAAO,WAAWiB,EAAWlC,EAAW,MAAMiB,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAWjC,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAmC,EAACC,KAAM,kBAAkBpC,EAAW,OAAO,SAASO,GACjD,UAAAI,GACH;AAAA,MACCN,uBACEgC,GAAA,EAAa,IAAI,GAAG9B,CAAE,YAAY,qBAAqBiB,GACrD,UAAAnB,EAAA,CACH;AAAA,MAEF,gBAAA8B;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAkBtC,EAAW;AAAA,UAC7B,IAAI,GAAGO,CAAE;AAAA,UACT,cAAcc;AAAA,UACd,YAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDE,KACC,gBAAAqB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,kBAAkBvC,EAAW;AAAA,UAC5B,GAAIM,KAAqB,EAAE,wBAAwBQ,EAAA;AAAA,UACpD,IAAI,GAAGP,CAAE;AAAA,UACT,gBAAAQ;AAAA,UACA,cAAcM;AAAA,UACd,MAAMQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GAEJ;AAAA,IACA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGjB;AAAA,QACH,GAAGE;AAAA,QACH,GAAGG;AAAA,QACJ,MAAK;AAAA,QACL,IAAAhB;AAAA,QACA,WAAWP,EAAW;AAAA,QACtB,UAAUQ;AAAA,QACV,SAAAkB;AAAA,QACA,UAAUhB;AAAA,QACV,UAAUqB;AAAA,QACV,KAAAhC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,GAEMyC,IAASC,EAAgD5C,CAAO;AAKtE2C,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Toggle/useToggleStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),m=require("../../constants/inputs.cjs"),v=require("../../hooks/useClassNamePrefix.cjs"),y=require("../../hooks/useInputPositionClass.cjs");function N(r){const{hasIndicators:g=!1,inputPosition:u=m.InputPositions.END,isDisabled:o=!1,isFluid:c=!1,isLabelHidden:d=!1,isRequired:a=!1,validationState:e,...p}=r,s=v.useClassNamePrefix("Toggle"),C=`${s}--fluid`,P=`${s}--disabled`,$=`${s}__text`,t=`${s}__label`,b=`${t}--hidden`,x=`${s}--${e}`,T=`${t}--required`,i=`${s}__input`,f=`${i}--indicators`,n=y.useInputPositionClass(s,u),_=`${s}__helperText`,I=`${s}__validationText`,q=l(s,{[n]:n,[C]:c,[P]:o,[x]:e}),S=l(t,{[T]:a,[b]:d}),h=l(i,{[f]:g});return{classProps:{root:q,label:S,text:$,helperText:_,input:h,validationText:I},props:{...p,validationState:e,isDisabled:o,isRequired:a}}}exports.useToggleStyleProps=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),q=require("../../constants/inputs.cjs"),S=require("../../hooks/useClassNamePrefix.cjs"),h=require("../../hooks/useInputPositionClass.cjs");function m(g){const{hasIndicators:r=!1,inputPosition:u=q.InputPositions.END,isDisabled:o=!1,isFluid:c=!1,isLabelHidden:d=!1,isRequired:i=!1,validationState:e,...p}=g,s=S.useClassNamePrefix("Toggle"),C=`${s}--fluid`,P=`${s}--disabled`,$=`${s}__text`,t=`${s}__label`,x=`${t}--hidden`,T=`${s}--${e}`,b=`${t}--required`,a=`${s}__input`,f=`${a}--indicators`,n=h.useInputPositionClass(s,u),_=`${s}__helperText`,I=`${s}__validationText`;return{classProps:{root:l(s,{[n]:n,[C]:c,[P]:o,[T]:e}),label:l(t,{[b]:i,[x]:d}),text:$,helperText:_,input:l(a,{[f]:r}),validationText:I},props:{...p,validationState:e,isDisabled:o,isRequired:i}}}exports.useToggleStyleProps=m;
 //# sourceMappingURL=useToggleStyleProps.cjs.map

package/dist/components/Toggle/useToggleStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useToggleStyleProps.cjs","sources":["../../../src/components/Toggle/useToggleStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type SpiritToggleProps } from '../../types';\n\nexport interface ToggleStyles<T> {\n  classProps: {\n    root: string;\n    label: string;\n    text: string;\n    helperText: string;\n    input: string;\n    validationText: string;\n  };\n  props: T;\n}\n\nexport function useToggleStyleProps(props: SpiritToggleProps): ToggleStyles<SpiritToggleProps> {\n  const {\n    hasIndicators = false,\n    inputPosition = InputPositions.END,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isRequired = false,\n    validationState,\n    ...restProps\n  } = props;\n\n  const toggleClass = useClassNamePrefix('Toggle');\n  const toggleFluidClass = `${toggleClass}--fluid`;\n  const toggleDisabledClass = `${toggleClass}--disabled`;\n  const toggleTextClass = `${toggleClass}__text`;\n  const toggleLabelClass = `${toggleClass}__label`;\n  const toggleHiddenLabelClass = `${toggleLabelClass}--hidden`;\n  const toggleValidationClass = `${toggleClass}--${validationState}`;\n  const toggleRequiredClass = `${toggleLabelClass}--required`;\n  const toggleInputClass = `${toggleClass}__input`;\n  const toggleInputIndicatorsClass = `${toggleInputClass}--indicators`;\n  const toggleInputPositionClass = useInputPositionClass(toggleClass, inputPosition);\n  const toggleHelperTextClass = `${toggleClass}__helperText`;\n  const toggleValidationTextClass = `${toggleClass}__validationText`;\n\n  const rootClass = classNames(toggleClass, {\n    [toggleInputPositionClass]: toggleInputPositionClass,\n    [toggleFluidClass]: isFluid,\n    [toggleDisabledClass]: isDisabled,\n    [toggleValidationClass]: validationState,\n  });\n  const labelClass = classNames(toggleLabelClass, {\n    [toggleRequiredClass]: isRequired,\n    [toggleHiddenLabelClass]: isLabelHidden,\n  });\n  const inputClass = classNames(toggleInputClass, {\n    [toggleInputIndicatorsClass]: hasIndicators,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      label: labelClass,\n      text: toggleTextClass,\n      helperText: toggleHelperTextClass,\n      input: inputClass,\n      validationText: toggleValidationTextClass,\n    },\n    props: { ...restProps, validationState, isDisabled, isRequired },\n  };\n}\n"],"names":["useToggleStyleProps","props","hasIndicators","inputPosition","InputPositions","isDisabled","isFluid","isLabelHidden","isRequired","validationState","restProps","toggleClass","useClassNamePrefix","toggleFluidClass","toggleDisabledClass","toggleTextClass","toggleLabelClass","toggleHiddenLabelClass","toggleValidationClass","toggleRequiredClass","toggleInputClass","toggleInputIndicatorsClass","toggleInputPositionClass","useInputPositionClass","toggleHelperTextClass","toggleValidationTextClass","rootClass","classNames","labelClass","inputClass"],"mappings":"yPAiBO,SAASA,EAAoBC,EAA2D,CAC7F,KAAM,CACJ,cAAAC,EAAgB,GAChB,cAAAC,EAAgBC,EAAAA,eAAe,IAC/B,WAAAC,EAAa,GACb,QAAAC,EAAU,GACV,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,gBAAAC,EACA,GAAGC,CAAA,EACDT,EAEEU,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAmB,GAAGF,CAAW,UACjCG,EAAsB,GAAGH,CAAW,aACpCI,EAAkB,GAAGJ,CAAW,SAChCK,EAAmB,GAAGL,CAAW,UACjCM,EAAyB,GAAGD,CAAgB,WAC5CE,EAAwB,GAAGP,CAAW,KAAKF,CAAe,GAC1DU,EAAsB,GAAGH,CAAgB,aACzCI,EAAmB,GAAGT,CAAW,UACjCU,EAA6B,GAAGD,CAAgB,eAChDE,EAA2BC,EAAAA,sBAAsBZ,EAAaR,CAAa,EAC3EqB,EAAwB,GAAGb,CAAW,eACtCc,EAA4B,GAAGd,CAAW,mBAE1Ce,EAAYC,EAAWhB,EAAa,CACxC,CAACW,CAAwB,EAAGA,EAC5B,CAACT,CAAgB,EAAGP,EACpB,CAACQ,CAAmB,EAAGT,EACvB,CAACa,CAAqB,EAAGT,CAAA,CAC1B,EACKmB,EAAaD,EAAWX,EAAkB,CAC9C,CAACG,CAAmB,EAAGX,EACvB,CAACS,CAAsB,EAAGV,CAAA,CAC3B,EACKsB,EAAaF,EAAWP,EAAkB,CAC9C,CAACC,CAA0B,EAAGnB,CAAA,CAC/B,EAED,MAAO,CACL,WAAY,CACV,KAAMwB,EACN,MAAOE,EACP,KAAMb,EACN,WAAYS,EACZ,MAAOK,EACP,eAAgBJ,CAAA,EAElB,MAAO,CAAE,GAAGf,EAAW,gBAAAD,EAAiB,WAAAJ,EAAY,WAAAG,CAAA,CAAW,CAEnE"}
+{"version":3,"file":"useToggleStyleProps.cjs","sources":["../../../src/components/Toggle/useToggleStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type SpiritToggleProps } from '../../types';\n\nexport interface ToggleStyles<T> {\n  classProps: {\n    root: string;\n    label: string;\n    text: string;\n    helperText: string;\n    input: string;\n    validationText: string;\n  };\n  props: T;\n}\n\nexport function useToggleStyleProps(props: SpiritToggleProps): ToggleStyles<SpiritToggleProps> {\n  const {\n    hasIndicators = false,\n    inputPosition = InputPositions.END,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isRequired = false,\n    validationState,\n    ...restProps\n  } = props;\n\n  const toggleClass = useClassNamePrefix('Toggle');\n  const toggleFluidClass = `${toggleClass}--fluid`;\n  const toggleDisabledClass = `${toggleClass}--disabled`;\n  const toggleTextClass = `${toggleClass}__text`;\n  const toggleLabelClass = `${toggleClass}__label`;\n  const toggleHiddenLabelClass = `${toggleLabelClass}--hidden`;\n  const toggleValidationClass = `${toggleClass}--${validationState}`;\n  const toggleRequiredClass = `${toggleLabelClass}--required`;\n  const toggleInputClass = `${toggleClass}__input`;\n  const toggleInputIndicatorsClass = `${toggleInputClass}--indicators`;\n  const toggleInputPositionClass = useInputPositionClass(toggleClass, inputPosition);\n  const toggleHelperTextClass = `${toggleClass}__helperText`;\n  const toggleValidationTextClass = `${toggleClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(toggleClass, {\n        [toggleInputPositionClass]: toggleInputPositionClass,\n        [toggleFluidClass]: isFluid,\n        [toggleDisabledClass]: isDisabled,\n        [toggleValidationClass]: validationState,\n      }),\n      label: classNames(toggleLabelClass, {\n        [toggleRequiredClass]: isRequired,\n        [toggleHiddenLabelClass]: isLabelHidden,\n      }),\n      text: toggleTextClass,\n      helperText: toggleHelperTextClass,\n      input: classNames(toggleInputClass, {\n        [toggleInputIndicatorsClass]: hasIndicators,\n      }),\n      validationText: toggleValidationTextClass,\n    },\n    props: { ...restProps, validationState, isDisabled, isRequired },\n  };\n}\n"],"names":["useToggleStyleProps","props","hasIndicators","inputPosition","InputPositions","isDisabled","isFluid","isLabelHidden","isRequired","validationState","restProps","toggleClass","useClassNamePrefix","toggleFluidClass","toggleDisabledClass","toggleTextClass","toggleLabelClass","toggleHiddenLabelClass","toggleValidationClass","toggleRequiredClass","toggleInputClass","toggleInputIndicatorsClass","toggleInputPositionClass","useInputPositionClass","toggleHelperTextClass","toggleValidationTextClass","classNames"],"mappings":"yPAiBO,SAASA,EAAoBC,EAA2D,CAC7F,KAAM,CACJ,cAAAC,EAAgB,GAChB,cAAAC,EAAgBC,EAAAA,eAAe,IAC/B,WAAAC,EAAa,GACb,QAAAC,EAAU,GACV,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,gBAAAC,EACA,GAAGC,CAAA,EACDT,EAEEU,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAmB,GAAGF,CAAW,UACjCG,EAAsB,GAAGH,CAAW,aACpCI,EAAkB,GAAGJ,CAAW,SAChCK,EAAmB,GAAGL,CAAW,UACjCM,EAAyB,GAAGD,CAAgB,WAC5CE,EAAwB,GAAGP,CAAW,KAAKF,CAAe,GAC1DU,EAAsB,GAAGH,CAAgB,aACzCI,EAAmB,GAAGT,CAAW,UACjCU,EAA6B,GAAGD,CAAgB,eAChDE,EAA2BC,EAAAA,sBAAsBZ,EAAaR,CAAa,EAC3EqB,EAAwB,GAAGb,CAAW,eACtCc,EAA4B,GAAGd,CAAW,mBAEhD,MAAO,CACL,WAAY,CACV,KAAMe,EAAWf,EAAa,CAC5B,CAACW,CAAwB,EAAGA,EAC5B,CAACT,CAAgB,EAAGP,EACpB,CAACQ,CAAmB,EAAGT,EACvB,CAACa,CAAqB,EAAGT,CAAA,CAC1B,EACD,MAAOiB,EAAWV,EAAkB,CAClC,CAACG,CAAmB,EAAGX,EACvB,CAACS,CAAsB,EAAGV,CAAA,CAC3B,EACD,KAAMQ,EACN,WAAYS,EACZ,MAAOE,EAAWN,EAAkB,CAClC,CAACC,CAA0B,EAAGnB,CAAA,CAC/B,EACD,eAAgBuB,CAAA,EAElB,MAAO,CAAE,GAAGf,EAAW,gBAAAD,EAAiB,WAAAJ,EAAY,WAAAG,CAAA,CAAW,CAEnE"}

package/dist/components/Toggle/useToggleStyleProps.js

@@ -1,41 +1,41 @@
-import e from "classnames";
-import { InputPositions as v } from "../../constants/inputs.js";
-import { useClassNamePrefix as D } from "../../hooks/useClassNamePrefix.js";
-import { useInputPositionClass as H } from "../../hooks/useInputPositionClass.js";
-function S(g) {
+import o from "classnames";
+import { InputPositions as I } from "../../constants/inputs.js";
+import { useClassNamePrefix as h } from "../../hooks/useClassNamePrefix.js";
+import { useInputPositionClass as q } from "../../hooks/useInputPositionClass.js";
+function N(g) {
   const {
     hasIndicators: r = !1,
-    inputPosition: c = v.END,
+    inputPosition: d = I.END,
     isDisabled: l = !1,
-    isFluid: d = !1,
+    isFluid: c = !1,
     isLabelHidden: p = !1,
-    isRequired: a = !1,
+    isRequired: i = !1,
     validationState: t,
     ...u
-  } = g, s = D("Toggle"), C = `${s}--fluid`, f = `${s}--disabled`, $ = `${s}__text`, o = `${s}__label`, x = `${o}--hidden`, m = `${s}--${t}`, _ = `${o}--required`, i = `${s}__input`, b = `${i}--indicators`, n = H(s, c), T = `${s}__helperText`, P = `${s}__validationText`, I = e(s, {
-    [n]: n,
-    [C]: d,
-    [f]: l,
-    [m]: t
-  }), h = e(o, {
-    [_]: a,
-    [x]: p
-  }), q = e(i, {
-    [b]: r
-  });
+  } = g, s = h("Toggle"), C = `${s}--fluid`, f = `${s}--disabled`, $ = `${s}__text`, e = `${s}__label`, x = `${e}--hidden`, m = `${s}--${t}`, _ = `${e}--required`, a = `${s}__input`, T = `${a}--indicators`, n = q(s, d), b = `${s}__helperText`, P = `${s}__validationText`;
   return {
     classProps: {
-      root: I,
-      label: h,
+      root: o(s, {
+        [n]: n,
+        [C]: c,
+        [f]: l,
+        [m]: t
+      }),
+      label: o(e, {
+        [_]: i,
+        [x]: p
+      }),
       text: $,
-      helperText: T,
-      input: q,
+      helperText: b,
+      input: o(a, {
+        [T]: r
+      }),
       validationText: P
     },
-    props: { ...u, validationState: t, isDisabled: l, isRequired: a }
+    props: { ...u, validationState: t, isDisabled: l, isRequired: i }
   };
 }
 export {
-  S as useToggleStyleProps
+  N as useToggleStyleProps
 };
 //# sourceMappingURL=useToggleStyleProps.js.map

package/dist/components/Toggle/useToggleStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggleStyleProps.js","sources":["../../../src/components/Toggle/useToggleStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type SpiritToggleProps } from '../../types';\n\nexport interface ToggleStyles<T> {\n  classProps: {\n    root: string;\n    label: string;\n    text: string;\n    helperText: string;\n    input: string;\n    validationText: string;\n  };\n  props: T;\n}\n\nexport function useToggleStyleProps(props: SpiritToggleProps): ToggleStyles<SpiritToggleProps> {\n  const {\n    hasIndicators = false,\n    inputPosition = InputPositions.END,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isRequired = false,\n    validationState,\n    ...restProps\n  } = props;\n\n  const toggleClass = useClassNamePrefix('Toggle');\n  const toggleFluidClass = `${toggleClass}--fluid`;\n  const toggleDisabledClass = `${toggleClass}--disabled`;\n  const toggleTextClass = `${toggleClass}__text`;\n  const toggleLabelClass = `${toggleClass}__label`;\n  const toggleHiddenLabelClass = `${toggleLabelClass}--hidden`;\n  const toggleValidationClass = `${toggleClass}--${validationState}`;\n  const toggleRequiredClass = `${toggleLabelClass}--required`;\n  const toggleInputClass = `${toggleClass}__input`;\n  const toggleInputIndicatorsClass = `${toggleInputClass}--indicators`;\n  const toggleInputPositionClass = useInputPositionClass(toggleClass, inputPosition);\n  const toggleHelperTextClass = `${toggleClass}__helperText`;\n  const toggleValidationTextClass = `${toggleClass}__validationText`;\n\n  const rootClass = classNames(toggleClass, {\n    [toggleInputPositionClass]: toggleInputPositionClass,\n    [toggleFluidClass]: isFluid,\n    [toggleDisabledClass]: isDisabled,\n    [toggleValidationClass]: validationState,\n  });\n  const labelClass = classNames(toggleLabelClass, {\n    [toggleRequiredClass]: isRequired,\n    [toggleHiddenLabelClass]: isLabelHidden,\n  });\n  const inputClass = classNames(toggleInputClass, {\n    [toggleInputIndicatorsClass]: hasIndicators,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      label: labelClass,\n      text: toggleTextClass,\n      helperText: toggleHelperTextClass,\n      input: inputClass,\n      validationText: toggleValidationTextClass,\n    },\n    props: { ...restProps, validationState, isDisabled, isRequired },\n  };\n}\n"],"names":["useToggleStyleProps","props","hasIndicators","inputPosition","InputPositions","isDisabled","isFluid","isLabelHidden","isRequired","validationState","restProps","toggleClass","useClassNamePrefix","toggleFluidClass","toggleDisabledClass","toggleTextClass","toggleLabelClass","toggleHiddenLabelClass","toggleValidationClass","toggleRequiredClass","toggleInputClass","toggleInputIndicatorsClass","toggleInputPositionClass","useInputPositionClass","toggleHelperTextClass","toggleValidationTextClass","rootClass","classNames","labelClass","inputClass"],"mappings":";;;;AAiBO,SAASA,EAAoBC,GAA2D;AAC7F,QAAM;AAAA,IACJ,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgBC,EAAe;AAAA,IAC/B,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,YAAAC,IAAa;AAAA,IACb,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT,GAEEU,IAAcC,EAAmB,QAAQ,GACzCC,IAAmB,GAAGF,CAAW,WACjCG,IAAsB,GAAGH,CAAW,cACpCI,IAAkB,GAAGJ,CAAW,UAChCK,IAAmB,GAAGL,CAAW,WACjCM,IAAyB,GAAGD,CAAgB,YAC5CE,IAAwB,GAAGP,CAAW,KAAKF,CAAe,IAC1DU,IAAsB,GAAGH,CAAgB,cACzCI,IAAmB,GAAGT,CAAW,WACjCU,IAA6B,GAAGD,CAAgB,gBAChDE,IAA2BC,EAAsBZ,GAAaR,CAAa,GAC3EqB,IAAwB,GAAGb,CAAW,gBACtCc,IAA4B,GAAGd,CAAW,oBAE1Ce,IAAYC,EAAWhB,GAAa;AAAA,IACxC,CAACW,CAAwB,GAAGA;AAAA,IAC5B,CAACT,CAAgB,GAAGP;AAAA,IACpB,CAACQ,CAAmB,GAAGT;AAAA,IACvB,CAACa,CAAqB,GAAGT;AAAA,EAAA,CAC1B,GACKmB,IAAaD,EAAWX,GAAkB;AAAA,IAC9C,CAACG,CAAmB,GAAGX;AAAA,IACvB,CAACS,CAAsB,GAAGV;AAAA,EAAA,CAC3B,GACKsB,IAAaF,EAAWP,GAAkB;AAAA,IAC9C,CAACC,CAA0B,GAAGnB;AAAA,EAAA,CAC/B;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMwB;AAAA,MACN,OAAOE;AAAA,MACP,MAAMb;AAAA,MACN,YAAYS;AAAA,MACZ,OAAOK;AAAA,MACP,gBAAgBJ;AAAA,IAAA;AAAA,IAElB,OAAO,EAAE,GAAGf,GAAW,iBAAAD,GAAiB,YAAAJ,GAAY,YAAAG,EAAA;AAAA,EAAW;AAEnE;"}
+{"version":3,"file":"useToggleStyleProps.js","sources":["../../../src/components/Toggle/useToggleStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type SpiritToggleProps } from '../../types';\n\nexport interface ToggleStyles<T> {\n  classProps: {\n    root: string;\n    label: string;\n    text: string;\n    helperText: string;\n    input: string;\n    validationText: string;\n  };\n  props: T;\n}\n\nexport function useToggleStyleProps(props: SpiritToggleProps): ToggleStyles<SpiritToggleProps> {\n  const {\n    hasIndicators = false,\n    inputPosition = InputPositions.END,\n    isDisabled = false,\n    isFluid = false,\n    isLabelHidden = false,\n    isRequired = false,\n    validationState,\n    ...restProps\n  } = props;\n\n  const toggleClass = useClassNamePrefix('Toggle');\n  const toggleFluidClass = `${toggleClass}--fluid`;\n  const toggleDisabledClass = `${toggleClass}--disabled`;\n  const toggleTextClass = `${toggleClass}__text`;\n  const toggleLabelClass = `${toggleClass}__label`;\n  const toggleHiddenLabelClass = `${toggleLabelClass}--hidden`;\n  const toggleValidationClass = `${toggleClass}--${validationState}`;\n  const toggleRequiredClass = `${toggleLabelClass}--required`;\n  const toggleInputClass = `${toggleClass}__input`;\n  const toggleInputIndicatorsClass = `${toggleInputClass}--indicators`;\n  const toggleInputPositionClass = useInputPositionClass(toggleClass, inputPosition);\n  const toggleHelperTextClass = `${toggleClass}__helperText`;\n  const toggleValidationTextClass = `${toggleClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(toggleClass, {\n        [toggleInputPositionClass]: toggleInputPositionClass,\n        [toggleFluidClass]: isFluid,\n        [toggleDisabledClass]: isDisabled,\n        [toggleValidationClass]: validationState,\n      }),\n      label: classNames(toggleLabelClass, {\n        [toggleRequiredClass]: isRequired,\n        [toggleHiddenLabelClass]: isLabelHidden,\n      }),\n      text: toggleTextClass,\n      helperText: toggleHelperTextClass,\n      input: classNames(toggleInputClass, {\n        [toggleInputIndicatorsClass]: hasIndicators,\n      }),\n      validationText: toggleValidationTextClass,\n    },\n    props: { ...restProps, validationState, isDisabled, isRequired },\n  };\n}\n"],"names":["useToggleStyleProps","props","hasIndicators","inputPosition","InputPositions","isDisabled","isFluid","isLabelHidden","isRequired","validationState","restProps","toggleClass","useClassNamePrefix","toggleFluidClass","toggleDisabledClass","toggleTextClass","toggleLabelClass","toggleHiddenLabelClass","toggleValidationClass","toggleRequiredClass","toggleInputClass","toggleInputIndicatorsClass","toggleInputPositionClass","useInputPositionClass","toggleHelperTextClass","toggleValidationTextClass","classNames"],"mappings":";;;;AAiBO,SAASA,EAAoBC,GAA2D;AAC7F,QAAM;AAAA,IACJ,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgBC,EAAe;AAAA,IAC/B,YAAAC,IAAa;AAAA,IACb,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,YAAAC,IAAa;AAAA,IACb,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT,GAEEU,IAAcC,EAAmB,QAAQ,GACzCC,IAAmB,GAAGF,CAAW,WACjCG,IAAsB,GAAGH,CAAW,cACpCI,IAAkB,GAAGJ,CAAW,UAChCK,IAAmB,GAAGL,CAAW,WACjCM,IAAyB,GAAGD,CAAgB,YAC5CE,IAAwB,GAAGP,CAAW,KAAKF,CAAe,IAC1DU,IAAsB,GAAGH,CAAgB,cACzCI,IAAmB,GAAGT,CAAW,WACjCU,IAA6B,GAAGD,CAAgB,gBAChDE,IAA2BC,EAAsBZ,GAAaR,CAAa,GAC3EqB,IAAwB,GAAGb,CAAW,gBACtCc,IAA4B,GAAGd,CAAW;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMe,EAAWf,GAAa;AAAA,QAC5B,CAACW,CAAwB,GAAGA;AAAA,QAC5B,CAACT,CAAgB,GAAGP;AAAA,QACpB,CAACQ,CAAmB,GAAGT;AAAA,QACvB,CAACa,CAAqB,GAAGT;AAAA,MAAA,CAC1B;AAAA,MACD,OAAOiB,EAAWV,GAAkB;AAAA,QAClC,CAACG,CAAmB,GAAGX;AAAA,QACvB,CAACS,CAAsB,GAAGV;AAAA,MAAA,CAC3B;AAAA,MACD,MAAMQ;AAAA,MACN,YAAYS;AAAA,MACZ,OAAOE,EAAWN,GAAkB;AAAA,QAClC,CAACC,CAA0B,GAAGnB;AAAA,MAAA,CAC/B;AAAA,MACD,gBAAgBuB;AAAA,IAAA;AAAA,IAElB,OAAO,EAAE,GAAGf,GAAW,iBAAAD,GAAiB,YAAAJ,GAAY,YAAAG,EAAA;AAAA,EAAW;AAEnE;"}

package/dist/components/Toggle.d.ts

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

package/dist/components/Tooltip/Tooltip.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),i=require("react"),K=require("../../hooks/styleProps.cjs"),L=require("../../utils/mergeStyleProps.cjs"),Q=require("./TooltipContext.cjs"),U=require("./useFloating.cjs"),X=require("./useTooltipStyleProps.cjs"),Y=(S,w)=>{const{children:h,elementType:R="div",enableFlipping:b=!0,enableFlippingCrossAxis:x=!0,enableShifting:C=!0,enableSizing:T=!0,flipFallbackAxisSideDirection:q="none",flipFallbackPlacements:F=["bottom","top"],id:v,isDismissible:t=!1,isFocusableOnHover:A=!1,isOpen:o=!1,onToggle:p,placement:O,positionStrategy:j="absolute",trigger:I=["click","hover"],...M}=S,n=R,{classProps:W,props:k}=X.useTooltipStyleProps({isDismissible:t,isOpen:o,...M}),{styleProps:z,props:D}=K.useStyleProps(k),V=L.mergeStyleProps(n,{classProps:W.rootClassName,styleProps:z}),a=i.useRef(null),c=i.useRef(w);let u,f,d,m;const r=c.current?.querySelector('[data-spirit-element="tooltip"]'),P=r?.querySelector('[data-spirit-element="tooltip-arrow"]');if(r){const g=window.getComputedStyle(r),e=P&&window.getComputedStyle(P);u=parseInt(g.getPropertyValue("--tooltip-max-width"),10),f=parseInt(g.getPropertyValue("--tooltip-offset"),10),d=e?parseInt(e.getPropertyValue("--tooltip-arrow-corner-offset"),10):0,m=e?parseInt(e.width,10):0}const{getFloatingProps:_,getReferenceProps:E,maxWidth:N,middlewareData:H,placement:$,refs:s,x:B,y:G,position:J}=U.useFloating({arrowRef:a,cornerOffset:d,flipCrossAxis:x,flipFallbackAxisSideDirection:q,flipFallbackPlacements:F,flipProp:b,isDismissible:t,isFocusableOnHover:A,isOpen:o,offset:f,onToggle:p,shiftProp:C,sizeProp:T,positionStrategy:j,tooltipArrowWidth:m,tooltipPlacement:O,trigger:I});return y.jsx(Q.TooltipProvider,{value:{anchorRef:s.setPositionReference,arrowRef:a,getFloatingProps:_,getReferenceProps:E,id:v,isDismissible:t,isOpen:o,middlewareData:H,onToggle:p,placement:$,sizeMaxWidth:N,tooltipMaxWidth:u,tooltipRef:s.setFloating,triggerRef:s.setReference,x:B,y:G,position:J},children:y.jsx(n,{...D,ref:c,...V,children:h})})},l=i.forwardRef(Y);l.spiritComponent="Tooltip";l.displayName="Tooltip";exports.default=l;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),e=require("../../common/src/utilities/cssLengthToPixels.cjs"),a=require("react"),Q=require("../../hooks/styleProps.cjs"),U=require("../../utils/mergeStyleProps.cjs"),X=require("./TooltipContext.cjs"),Y=require("./useFloating.cjs"),Z=require("./useTooltipStyleProps.cjs"),ee=(S,T)=>{const{children:w,elementType:R="div",enableFlipping:b=!0,enableFlippingCrossAxis:C=!0,enableShifting:F=!0,enableSizing:q=!0,flipFallbackAxisSideDirection:W="none",flipFallbackPlacements:v=["bottom","top"],id:L,isDismissible:o=!1,isFocusableOnHover:O=!1,isOpen:s=!1,onToggle:u,placement:A,positionStrategy:M="absolute",trigger:V=["click","hover"],...j}=S,f=R,{classProps:k,props:z}=Z.useTooltipStyleProps({isDismissible:o,isOpen:s,...j}),{styleProps:D,props:E}=Q.useStyleProps(z),_=U.mergeStyleProps(f,{classProps:k.rootClassName,styleProps:D}),d=a.useRef(null),m=a.useRef(T);let P,g,h,i;const r=m.current?.querySelector('[data-spirit-element="tooltip"]'),t=r?.querySelector('[data-spirit-element="tooltip-arrow"]');if(r){const n=window.getComputedStyle(r),p=t&&window.getComputedStyle(t);if(P=e.cssLengthToPixels(n.getPropertyValue("--tooltip-max-width").trim())??e.cssLengthToPixels(n.maxWidth),g=e.cssLengthToPixels(n.getPropertyValue("--tooltip-offset"))??0,h=p?e.cssLengthToPixels(p.getPropertyValue("--tooltip-arrow-corner-offset"))??0:0,i=0,t instanceof HTMLElement){const y=t.offsetWidth;i=y>0?y:e.cssLengthToPixels(p?.width??"")??0}}const{getFloatingProps:H,getReferenceProps:N,maxWidth:$,middlewareData:B,placement:G,refs:l,x:I,y:J,position:K}=Y.useFloating({arrowRef:d,cornerOffset:h,flipCrossAxis:C,flipFallbackAxisSideDirection:W,flipFallbackPlacements:v,flipProp:b,isDismissible:o,isFocusableOnHover:O,isOpen:s,offset:g,onToggle:u,shiftProp:F,sizeProp:q,positionStrategy:M,tooltipArrowWidth:i,tooltipPlacement:A,trigger:V});return x.jsx(X.TooltipProvider,{value:{anchorRef:l.setPositionReference,arrowRef:d,getFloatingProps:H,getReferenceProps:N,id:L,isDismissible:o,isOpen:s,middlewareData:B,onToggle:u,placement:G,sizeMaxWidth:$,tooltipMaxWidth:P,tooltipRef:l.setFloating,triggerRef:l.setReference,x:I,y:J,position:K},children:x.jsx(f,{...E,ref:m,..._,children:w})})},c=a.forwardRef(ee);c.spiritComponent="Tooltip";c.displayName="Tooltip";exports.default=c;
 //# sourceMappingURL=Tooltip.cjs.map