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

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/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

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth;\n  let tooltipOffset;\n  let tooltipCornerOffset;\n  let tooltipArrowWidth;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    tooltipMaxWidth = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-max-width'), 10);\n    tooltipOffset = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-offset'), 10);\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? parseInt(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset'), 10)\n      : 0;\n    tooltipArrowWidth = tooltipArrowComputedStyle ? parseInt(tooltipArrowComputedStyle.width, 10) : 0;\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"+WAeMA,EAAW,CAAgCC,EAA8BC,IAA2B,CACxG,KAAM,CACJ,SAAAC,EACA,YAAAC,EAAc,MACd,eAAgBC,EAAW,GAC3B,wBAAyBC,EAAgB,GACzC,eAAgBC,EAAY,GAC5B,aAAcC,EAAW,GACzB,8BAAAC,EAAgC,OAChC,uBAAAC,EAAyB,CAAC,SAAU,KAAK,EACzC,GAAAC,EACA,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAAC,EAAS,GACT,SAAAC,EACA,UAAWC,EACX,iBAAAC,EAAmB,WACnB,QAAAC,EAAU,CAAC,QAAS,OAAO,EAC3B,GAAGC,CAAA,EACDlB,EAEEmB,EAAYhB,EAEZ,CAAE,WAAAiB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,cAAAX,EACA,OAAAE,EACA,GAAGK,CAAA,CAEG,EACF,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,cAAA,WACvBG,CAAA,CACD,EAGKK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAaD,EAAAA,OAAuB5B,CAAG,EAG7C,IAAI8B,EACAC,EACAC,EACAC,EACJ,MAAMC,EAAiBL,EAAW,SAAS,cAAc,iCAAiC,EACpFM,EAAsBD,GAAgB,cAAc,uCAAuC,EAEjG,GAAIA,EAAgB,CAClB,MAAME,EAAuB,OAAO,iBAAiBF,CAAc,EAC7DG,EAA4BF,GAAuB,OAAO,iBAAiBA,CAAmB,EACpGL,EAAkB,SAASM,EAAqB,iBAAiB,qBAAqB,EAAG,EAAE,EAC3FL,EAAgB,SAASK,EAAqB,iBAAiB,kBAAkB,EAAG,EAAE,EACtFJ,EAAsBK,EAClB,SAASA,EAA0B,iBAAiB,+BAA+B,EAAG,EAAE,EACxF,EACJJ,EAAoBI,EAA4B,SAASA,EAA0B,MAAO,EAAE,EAAI,CAClG,CAGA,KAAM,CAAE,iBAAAC,EAAkB,kBAAAC,EAAmB,SAAAC,EAAU,eAAAC,EAAgB,UAAAC,EAAW,KAAAC,EAAM,EAAAC,EAAG,EAAAC,EAAG,SAAAC,CAAA,EAC5FC,EAAAA,YAAY,CACV,SAAApB,EACA,aAAcK,EACd,cAAA5B,EACA,8BAAAG,EACA,uBAAAC,EACA,SAAAL,EACA,cAAAO,EACA,mBAAAC,EACA,OAAAC,EACA,OAAQmB,EACR,SAAAlB,EACA,UAAAR,EACA,SAAAC,EACA,iBAAAS,EACA,kBAAAkB,EAEA,iBAAAnB,EACA,QAAAE,CAAA,CACD,EAEH,OACEgC,EAAAA,IAACC,EAAAA,gBAAA,CACC,MAAO,CACL,UAAWN,EAAK,qBAChB,SAAAhB,EACA,iBAAAW,EACA,kBAAAC,EACA,GAAA9B,EACA,cAAAC,EACA,OAAAE,EACA,eAAA6B,EACA,SAAA5B,EACA,UAAA6B,EACA,aAAcF,EACd,gBAAAV,EACA,WAAYa,EAAK,YACjB,WAAYA,EAAK,aACjB,EAAAC,EACA,EAAAC,EACA,SAAAC,CAAA,EAGF,SAAAE,EAAAA,IAAC9B,GAAW,GAAGK,EAAY,IAAKM,EAAa,GAAGJ,EAC7C,SAAAxB,CAAA,CACH,CAAA,CAAA,CAGN,EAEMiD,EAAUC,EAAAA,WAAsDrD,CAAQ,EAK9EoD,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cssLengthToPixels } from '@alma-oss/spirit-common/utilities/cssLengthToPixels';\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth: number | undefined;\n  let tooltipOffset: number | undefined;\n  let tooltipCornerOffset: number | undefined;\n  let tooltipArrowWidth: number | undefined;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    const maxWidthFromVar = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-max-width').trim());\n    tooltipMaxWidth = maxWidthFromVar ?? cssLengthToPixels(tooltipComputedStyle.maxWidth);\n\n    tooltipOffset = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-offset')) ?? 0;\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? (cssLengthToPixels(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset')) ?? 0)\n      : 0;\n\n    tooltipArrowWidth = 0;\n    if (tooltipArrowElement instanceof HTMLElement) {\n      const laidOutWidth = tooltipArrowElement.offsetWidth;\n      tooltipArrowWidth =\n        laidOutWidth > 0 ? laidOutWidth : (cssLengthToPixels(tooltipArrowComputedStyle?.width ?? '') ?? 0);\n    }\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","cssLengthToPixels","laidOutWidth","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"6aAgBMA,GAAW,CAAgCC,EAA8BC,IAA2B,CACxG,KAAM,CACJ,SAAAC,EACA,YAAAC,EAAc,MACd,eAAgBC,EAAW,GAC3B,wBAAyBC,EAAgB,GACzC,eAAgBC,EAAY,GAC5B,aAAcC,EAAW,GACzB,8BAAAC,EAAgC,OAChC,uBAAAC,EAAyB,CAAC,SAAU,KAAK,EACzC,GAAAC,EACA,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAAC,EAAS,GACT,SAAAC,EACA,UAAWC,EACX,iBAAAC,EAAmB,WACnB,QAAAC,EAAU,CAAC,QAAS,OAAO,EAC3B,GAAGC,CAAA,EACDlB,EAEEmB,EAAYhB,EAEZ,CAAE,WAAAiB,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,cAAAX,EACA,OAAAE,EACA,GAAGK,CAAA,CAEG,EACF,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,cAAA,WACvBG,CAAA,CACD,EAGKK,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAaD,EAAAA,OAAuB5B,CAAG,EAG7C,IAAI8B,EACAC,EACAC,EACAC,EACJ,MAAMC,EAAiBL,EAAW,SAAS,cAAc,iCAAiC,EACpFM,EAAsBD,GAAgB,cAAc,uCAAuC,EAEjG,GAAIA,EAAgB,CAClB,MAAME,EAAuB,OAAO,iBAAiBF,CAAc,EAC7DG,EAA4BF,GAAuB,OAAO,iBAAiBA,CAAmB,EAUpG,GARAL,EADwBQ,EAAAA,kBAAkBF,EAAqB,iBAAiB,qBAAqB,EAAE,MAAM,GACxEE,oBAAkBF,EAAqB,QAAQ,EAEpFL,EAAgBO,EAAAA,kBAAkBF,EAAqB,iBAAiB,kBAAkB,CAAC,GAAK,EAChGJ,EAAsBK,EACjBC,EAAAA,kBAAkBD,EAA0B,iBAAiB,+BAA+B,CAAC,GAAK,EACnG,EAEJJ,EAAoB,EAChBE,aAA+B,YAAa,CAC9C,MAAMI,EAAeJ,EAAoB,YACzCF,EACEM,EAAe,EAAIA,EAAgBD,EAAAA,kBAAkBD,GAA2B,OAAS,EAAE,GAAK,CACpG,CACF,CAGA,KAAM,CAAE,iBAAAG,EAAkB,kBAAAC,EAAmB,SAAAC,EAAU,eAAAC,EAAgB,UAAAC,EAAW,KAAAC,EAAM,EAAAC,EAAG,EAAAC,EAAG,SAAAC,CAAA,EAC5FC,EAAAA,YAAY,CACV,SAAAtB,EACA,aAAcK,EACd,cAAA5B,EACA,8BAAAG,EACA,uBAAAC,EACA,SAAAL,EACA,cAAAO,EACA,mBAAAC,EACA,OAAAC,EACA,OAAQmB,EACR,SAAAlB,EACA,UAAAR,EACA,SAAAC,EACA,iBAAAS,EACA,kBAAAkB,EAEA,iBAAAnB,EACA,QAAAE,CAAA,CACD,EAEH,OACEkC,EAAAA,IAACC,EAAAA,gBAAA,CACC,MAAO,CACL,UAAWN,EAAK,qBAChB,SAAAlB,EACA,iBAAAa,EACA,kBAAAC,EACA,GAAAhC,EACA,cAAAC,EACA,OAAAE,EACA,eAAA+B,EACA,SAAA9B,EACA,UAAA+B,EACA,aAAcF,EACd,gBAAAZ,EACA,WAAYe,EAAK,YACjB,WAAYA,EAAK,aACjB,EAAAC,EACA,EAAAC,EACA,SAAAC,CAAA,EAGF,SAAAE,EAAAA,IAAChC,GAAW,GAAGK,EAAY,IAAKM,EAAa,GAAGJ,EAC7C,SAAAxB,CAAA,CACH,CAAA,CAAA,CAGN,EAEMmD,EAAUC,EAAAA,WAAsDvD,EAAQ,EAK9EsD,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/Tooltip/Tooltip.js

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

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth;\n  let tooltipOffset;\n  let tooltipCornerOffset;\n  let tooltipArrowWidth;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    tooltipMaxWidth = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-max-width'), 10);\n    tooltipOffset = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-offset'), 10);\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? parseInt(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset'), 10)\n      : 0;\n    tooltipArrowWidth = tooltipArrowComputedStyle ? parseInt(tooltipArrowComputedStyle.width, 10) : 0;\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cssLengthToPixels } from '@alma-oss/spirit-common/utilities/cssLengthToPixels';\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth: number | undefined;\n  let tooltipOffset: number | undefined;\n  let tooltipCornerOffset: number | undefined;\n  let tooltipArrowWidth: number | undefined;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    const maxWidthFromVar = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-max-width').trim());\n    tooltipMaxWidth = maxWidthFromVar ?? cssLengthToPixels(tooltipComputedStyle.maxWidth);\n\n    tooltipOffset = cssLengthToPixels(tooltipComputedStyle.getPropertyValue('--tooltip-offset')) ?? 0;\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? (cssLengthToPixels(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset')) ?? 0)\n      : 0;\n\n    tooltipArrowWidth = 0;\n    if (tooltipArrowElement instanceof HTMLElement) {\n      const laidOutWidth = tooltipArrowElement.offsetWidth;\n      tooltipArrowWidth =\n        laidOutWidth > 0 ? laidOutWidth : (cssLengthToPixels(tooltipArrowComputedStyle?.width ?? '') ?? 0);\n    }\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","cssLengthToPixels","laidOutWidth","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":"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"}

package/dist/components/Tooltip/TooltipPopover.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("classnames"),R=require("react"),H=require("../../hooks/styleProps.cjs"),O=require("./TooltipCloseButton.cjs"),A=require("./TooltipContext.cjs"),B=require("./useTooltipStyleProps.cjs"),m=h=>{const{children:P,...g}=h,{arrowRef:t,getFloatingProps:x,isDismissible:e,isOpen:a,middlewareData:y,onToggle:p,placement:o,tooltipRef:S,x:T,y:b,position:v,sizeMaxWidth:s,tooltipMaxWidth:r}=A.useTooltipContext(),{classProps:c,props:C}=B.useTooltipStyleProps({isOpen:a,isDismissible:e,...g}),{styleProps:u,props:q}=H.useStyleProps(C),w=R.useMemo(()=>e&&n.jsx(O.default,{onClick:()=>p(!1),label:"close"}),[e,p]),M=()=>{if(a&&s&&r)return{maxWidth:r<s?r:s}},N=()=>{if(o&&t.current){const{arrow:d}=y,j=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[j],l=t.current,f=i==="top"||i==="bottom"?l.offsetHeight:(l.offsetHeight+l.offsetWidth)/2;return{left:d?.x,top:d?.y,[i]:f&&-Math.floor(f)}}};return n.jsxs("div",{ref:S,className:W(c.popoverClassName,u.className),...q,...x(),style:{position:v,top:b??0,left:T??0,...M(),...u.style},"data-spirit-element":"tooltip","data-spirit-placement":o,children:[P,w,n.jsx("span",{ref:t,className:c.arrowClassName,"data-spirit-element":"tooltip-arrow",style:{position:"absolute",...N()}})]})};m.spiritComponent="TooltipPopover";exports.default=m;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("classnames"),R=require("react"),F=require("../../hooks/styleProps.cjs"),H=require("./TooltipCloseButton.cjs"),O=require("./TooltipContext.cjs"),A=require("./useTooltipStyleProps.cjs"),P=g=>{const{children:x,...y}=g,{arrowRef:t,getFloatingProps:b,isDismissible:e,isOpen:a,middlewareData:S,onToggle:p,placement:o,tooltipRef:T,x:c,y:u,position:v,sizeMaxWidth:s,tooltipMaxWidth:i}=O.useTooltipContext(),{classProps:d,props:C}=A.useTooltipStyleProps({isOpen:a,isDismissible:e,...y}),{styleProps:f,props:N}=F.useStyleProps(C),q=R.useMemo(()=>e&&n.jsx(H.default,{onClick:()=>p(!1),label:"close"}),[e,p]),w=()=>{if(a&&s&&i)return{maxWidth:i<s?i:s}},M=()=>{if(o&&t.current){const{arrow:m}=S,j=o.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[j],l=t.current,h=r==="top"||r==="bottom"?l.offsetHeight:(l.offsetHeight+l.offsetWidth)/2;return{left:m?.x,top:m?.y,[r]:h&&-Math.floor(h)}}};return n.jsxs("div",{ref:T,className:W(d.popoverClassName,f.className),...N,...b(),style:{position:v,top:Number.isFinite(u)?u:0,left:Number.isFinite(c)?c:0,...w(),...f.style},"data-spirit-element":"tooltip","data-spirit-placement":o,children:[x,q,n.jsx("span",{ref:t,className:d.arrowClassName,"data-spirit-element":"tooltip-arrow",style:{position:"absolute",...M()}})]})};P.spiritComponent="TooltipPopover";exports.default=P;
 //# sourceMappingURL=TooltipPopover.cjs.map