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

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.cjs","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: y ?? 0,\n        left: x ?? 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":"iWAUMA,EAAkBC,GAA+B,CACrD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EACxB,CACJ,SAAAG,EACA,iBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,EAAAC,EACA,EAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,CAAA,EACEC,oBAAA,EACE,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,OAAAb,EACA,cAAAD,EACA,GAAGH,CAAA,CACJ,EACK,CAAE,WAAYkB,EAAmB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcJ,CAAa,EAEzFK,EAAoBC,EAAAA,QACxB,IAAMnB,GAAiBoB,EAAAA,IAACC,EAAAA,QAAA,CAAmB,QAAS,IAAMlB,EAAS,EAAK,EAAG,MAAM,QAAQ,EACzF,CAACH,EAAeG,CAAQ,CAAA,EAGpBmB,EAAuB,IAAM,CACjC,GAAIrB,GAAUQ,GAAgBC,EAC5B,MAAO,CACL,SAAUA,EAAkBD,EAAeC,EAAkBD,CAAA,CAKnE,EAEMc,EAA6B,IAAM,CACvC,GAAInB,GAAaN,EAAS,QAAS,CACjC,KAAM,CAAE,MAAA0B,GAAUtB,EACZuB,EAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,EAE7BsB,EAAa,CACjB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OAAA,EACND,CAAI,EAEAE,EAAU7B,EAAS,QAEnB8B,EACJF,IAAe,OAASA,IAAe,SACnCC,EAAQ,cACPA,EAAQ,aAAeA,EAAQ,aAAe,EAErD,MAAO,CACL,KAAMH,GAAO,EACb,IAAKA,GAAO,EACZ,CAACE,CAAU,EAAGE,GAAU,CAAC,KAAK,MAAMA,CAAM,CAAA,CAE9C,CAGF,EAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKxB,EACL,UAAWyB,EAAWlB,EAAW,iBAAkBG,EAAkB,SAAS,EAC7E,GAAGC,EACH,GAAGjB,EAAA,EACJ,MAAO,CACL,SAAAS,EACA,IAAKD,GAAK,EACV,KAAMD,GAAK,EACX,GAAGgB,EAAA,EACH,GAAGP,EAAkB,KAAA,EAEvB,sBAAoB,UACpB,wBAAuBX,EAEtB,SAAA,CAAAR,EACAsB,EACDE,EAAAA,IAAC,OAAA,CACC,IAAKtB,EACL,UAAWc,EAAW,eACtB,sBAAoB,gBACpB,MAAO,CACL,SAAU,WACV,GAAGW,EAAA,CAA2B,CAChC,CAAA,CACF,CAAA,CAAA,CAGN,EAEA7B,EAAe,gBAAkB"}
+{"version":3,"file":"TooltipPopover.cjs","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: Number.isFinite(y) ? y : 0,\n        left: Number.isFinite(x) ? x : 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":"iWAUMA,EAAkBC,GAA+B,CACrD,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASF,EACxB,CACJ,SAAAG,EACA,iBAAAC,EACA,cAAAC,EACA,OAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,EAAAC,EACA,EAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,CAAA,EACEC,oBAAA,EACE,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqB,CAChE,OAAAb,EACA,cAAAD,EACA,GAAGH,CAAA,CACJ,EACK,CAAE,WAAYkB,EAAmB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcJ,CAAa,EAEzFK,EAAoBC,EAAAA,QACxB,IAAMnB,GAAiBoB,EAAAA,IAACC,EAAAA,QAAA,CAAmB,QAAS,IAAMlB,EAAS,EAAK,EAAG,MAAM,QAAQ,EACzF,CAACH,EAAeG,CAAQ,CAAA,EAGpBmB,EAAuB,IAAM,CACjC,GAAIrB,GAAUQ,GAAgBC,EAC5B,MAAO,CACL,SAAUA,EAAkBD,EAAeC,EAAkBD,CAAA,CAKnE,EAEMc,EAA6B,IAAM,CACvC,GAAInB,GAAaN,EAAS,QAAS,CACjC,KAAM,CAAE,MAAA0B,GAAUtB,EACZuB,EAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,EAE7BsB,EAAa,CACjB,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,OAAA,EACND,CAAI,EAEAE,EAAU7B,EAAS,QAEnB8B,EACJF,IAAe,OAASA,IAAe,SACnCC,EAAQ,cACPA,EAAQ,aAAeA,EAAQ,aAAe,EAErD,MAAO,CACL,KAAMH,GAAO,EACb,IAAKA,GAAO,EACZ,CAACE,CAAU,EAAGE,GAAU,CAAC,KAAK,MAAMA,CAAM,CAAA,CAE9C,CAGF,EAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAKxB,EACL,UAAWyB,EAAWlB,EAAW,iBAAkBG,EAAkB,SAAS,EAC7E,GAAGC,EACH,GAAGjB,EAAA,EACJ,MAAO,CACL,SAAAS,EACA,IAAK,OAAO,SAASD,CAAC,EAAIA,EAAI,EAC9B,KAAM,OAAO,SAASD,CAAC,EAAIA,EAAI,EAC/B,GAAGgB,EAAA,EACH,GAAGP,EAAkB,KAAA,EAEvB,sBAAoB,UACpB,wBAAuBX,EAEtB,SAAA,CAAAR,EACAsB,EACDE,EAAAA,IAAC,OAAA,CACC,IAAKtB,EACL,UAAWc,EAAW,eACtB,sBAAoB,gBACpB,MAAO,CACL,SAAU,WACV,GAAGW,EAAA,CAA2B,CAChC,CAAA,CACF,CAAA,CAAA,CAGN,EAEA7B,EAAe,gBAAkB"}

package/dist/components/Tooltip/TooltipPopover.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as d, jsxs as H } from "react/jsx-runtime";
-import j from "classnames";
-import { useMemo as A } from "react";
-import { useStyleProps as B } from "../../hooks/styleProps.js";
-import D from "./TooltipCloseButton.js";
-import { useTooltipContext as O } from "./TooltipContext.js";
-import { useTooltipStyleProps as R } from "./useTooltipStyleProps.js";
-const k = (u) => {
-  const { children: h, ...g } = u, {
+import { jsx as h, jsxs as F } from "react/jsx-runtime";
+import H from "classnames";
+import { useMemo as j } from "react";
+import { useStyleProps as A } from "../../hooks/styleProps.js";
+import B from "./TooltipCloseButton.js";
+import { useTooltipContext as D } from "./TooltipContext.js";
+import { useTooltipStyleProps as O } from "./useTooltipStyleProps.js";
+const R = (g) => {
+  const { children: P, ...x } = g, {
     arrowRef: t,
-    getFloatingProps: P,
+    getFloatingProps: y,
     isDismissible: o,
     isOpen: p,
-    middlewareData: x,
+    middlewareData: b,
     onToggle: n,
     placement: e,
-    tooltipRef: y,
-    x: w,
-    y: C,
-    position: b,
+    tooltipRef: N,
+    x: a,
+    y: m,
+    position: w,
     sizeMaxWidth: s,
     tooltipMaxWidth: r
-  } = O(), { classProps: a, props: v } = R({
+  } = D(), { classProps: c, props: C } = O({
     isOpen: p,
     isDismissible: o,
-    ...g
-  }), { styleProps: m, props: N } = B(v), S = A(
-    () => o && /* @__PURE__ */ d(D, { onClick: () => n(!1), label: "close" }),
+    ...x
+  }), { styleProps: f, props: v } = A(C), S = j(
+    () => o && /* @__PURE__ */ h(B, { onClick: () => n(!1), label: "close" }),
     [o, n]
   ), T = () => {
     if (p && s && r)
@@ -35,44 +35,44 @@ const k = (u) => {
       };
   }, M = () => {
     if (e && t.current) {
-      const { arrow: c } = x, W = e.split("-")[0], i = {
+      const { arrow: d } = b, W = e.split("-")[0], i = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[W], l = t.current, f = i === "top" || i === "bottom" ? l.offsetHeight : (l.offsetHeight + l.offsetWidth) / 2;
+      }[W], l = t.current, u = i === "top" || i === "bottom" ? l.offsetHeight : (l.offsetHeight + l.offsetWidth) / 2;
       return {
-        left: c?.x,
-        top: c?.y,
-        [i]: f && -Math.floor(f)
+        left: d?.x,
+        top: d?.y,
+        [i]: u && -Math.floor(u)
         // remove 0.5 pixels values for arrow offset
       };
     }
   };
-  return /* @__PURE__ */ H(
+  return /* @__PURE__ */ F(
     "div",
     {
-      ref: y,
-      className: j(a.popoverClassName, m.className),
-      ...N,
-      ...P(),
+      ref: N,
+      className: H(c.popoverClassName, f.className),
+      ...v,
+      ...y(),
       style: {
-        position: b,
-        top: C ?? 0,
-        left: w ?? 0,
+        position: w,
+        top: Number.isFinite(m) ? m : 0,
+        left: Number.isFinite(a) ? a : 0,
         ...T(),
-        ...m.style
+        ...f.style
       },
       "data-spirit-element": "tooltip",
       "data-spirit-placement": e,
       children: [
-        h,
+        P,
         S,
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ h(
           "span",
           {
             ref: t,
-            className: a.arrowClassName,
+            className: c.arrowClassName,
             "data-spirit-element": "tooltip-arrow",
             style: {
               position: "absolute",
@@ -84,8 +84,8 @@ const k = (u) => {
     }
   );
 };
-k.spiritComponent = "TooltipPopover";
+R.spiritComponent = "TooltipPopover";
 export {
-  k as default
+  R as default
 };
 //# sourceMappingURL=TooltipPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.js","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: y ?? 0,\n        left: x ?? 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF,GACxB;AAAA,IACJ,UAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqB;AAAA,IAChE,QAAAb;AAAA,IACA,eAAAD;AAAA,IACA,GAAGH;AAAA,EAAA,CACJ,GACK,EAAE,YAAYkB,GAAmB,OAAOC,EAAA,IAAsBC,EAAcJ,CAAa,GAEzFK,IAAoBC;AAAA,IACxB,MAAMnB,KAAiB,gBAAAoB,EAACC,GAAA,EAAmB,SAAS,MAAMlB,EAAS,EAAK,GAAG,OAAM,SAAQ;AAAA,IACzF,CAACH,GAAeG,CAAQ;AAAA,EAAA,GAGpBmB,IAAuB,MAAM;AACjC,QAAIrB,KAAUQ,KAAgBC;AAC5B,aAAO;AAAA,QACL,UAAUA,IAAkBD,IAAeC,IAAkBD;AAAA,MAAA;AAAA,EAKnE,GAEMc,IAA6B,MAAM;AACvC,QAAInB,KAAaN,EAAS,SAAS;AACjC,YAAM,EAAE,OAAA0B,MAAUtB,GACZuB,IAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,GAE7BsB,IAAa;AAAA,QACjB,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA,EACND,CAAI,GAEAE,IAAU7B,EAAS,SAEnB8B,IACJF,MAAe,SAASA,MAAe,WACnCC,EAAQ,gBACPA,EAAQ,eAAeA,EAAQ,eAAe;AAErD,aAAO;AAAA,QACL,MAAMH,GAAO;AAAA,QACb,KAAKA,GAAO;AAAA,QACZ,CAACE,CAAU,GAAGE,KAAU,CAAC,KAAK,MAAMA,CAAM;AAAA;AAAA,MAAA;AAAA,IAE9C;AAAA,EAGF;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKxB;AAAA,MACL,WAAWyB,EAAWlB,EAAW,kBAAkBG,EAAkB,SAAS;AAAA,MAC7E,GAAGC;AAAA,MACH,GAAGjB,EAAA;AAAA,MACJ,OAAO;AAAA,QACL,UAAAS;AAAA,QACA,KAAKD,KAAK;AAAA,QACV,MAAMD,KAAK;AAAA,QACX,GAAGgB,EAAA;AAAA,QACH,GAAGP,EAAkB;AAAA,MAAA;AAAA,MAEvB,uBAAoB;AAAA,MACpB,yBAAuBX;AAAA,MAEtB,UAAA;AAAA,QAAAR;AAAA,QACAsB;AAAA,QACD,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKtB;AAAA,YACL,WAAWc,EAAW;AAAA,YACtB,uBAAoB;AAAA,YACpB,OAAO;AAAA,cACL,UAAU;AAAA,cACV,GAAGW,EAAA;AAAA,YAA2B;AAAA,UAChC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA7B,EAAe,kBAAkB;"}
+{"version":3,"file":"TooltipPopover.js","sources":["../../../src/components/Tooltip/TooltipPopover.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipPopoverProps } from '../../types';\nimport TooltipCloseButton from './TooltipCloseButton';\nimport { useTooltipContext } from './TooltipContext';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipPopover = (props: TooltipPopoverProps) => {\n  const { children, ...rest } = props;\n  const {\n    arrowRef,\n    getFloatingProps,\n    isDismissible,\n    isOpen,\n    middlewareData,\n    onToggle,\n    placement,\n    tooltipRef,\n    x,\n    y,\n    position,\n    sizeMaxWidth,\n    tooltipMaxWidth,\n  } = useTooltipContext();\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isOpen,\n    isDismissible,\n    ...rest,\n  });\n  const { styleProps: contentStyleProps, props: contentOtherProps } = useStyleProps(modifiedProps);\n\n  const renderCloseButton = useMemo(\n    () => isDismissible && <TooltipCloseButton onClick={() => onToggle(false)} label=\"close\" />,\n    [isDismissible, onToggle],\n  );\n\n  const getMaxHeightAndWidth = () => {\n    if (isOpen && sizeMaxWidth && tooltipMaxWidth) {\n      return {\n        maxWidth: tooltipMaxWidth < sizeMaxWidth ? tooltipMaxWidth : sizeMaxWidth,\n      };\n    }\n\n    return undefined;\n  };\n\n  const getArrowStaticSidePosition = () => {\n    if (placement && arrowRef.current) {\n      const { arrow } = middlewareData;\n      const side = placement.split('-')[0];\n\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[side] as string;\n\n      const arrowEl = arrowRef.current as HTMLElement;\n\n      const offset =\n        staticSide === 'top' || staticSide === 'bottom'\n          ? arrowEl.offsetHeight\n          : (arrowEl.offsetHeight + arrowEl.offsetWidth) / 2;\n\n      return {\n        left: arrow?.x,\n        top: arrow?.y,\n        [staticSide]: offset && -Math.floor(offset), // remove 0.5 pixels values for arrow offset\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <div\n      ref={tooltipRef}\n      className={classNames(classProps.popoverClassName, contentStyleProps.className)}\n      {...contentOtherProps}\n      {...getFloatingProps()}\n      style={{\n        position,\n        top: Number.isFinite(y) ? y : 0,\n        left: Number.isFinite(x) ? x : 0,\n        ...getMaxHeightAndWidth(),\n        ...contentStyleProps.style,\n      }}\n      data-spirit-element=\"tooltip\" // This is used to select CSS variables for maxWidth and tooltip offset\n      data-spirit-placement={placement} // This attribute is used by the CSS to position the arrow\n    >\n      {children}\n      {renderCloseButton}\n      <span\n        ref={arrowRef}\n        className={classProps.arrowClassName}\n        data-spirit-element=\"tooltip-arrow\"\n        style={{\n          position: 'absolute',\n          ...getArrowStaticSidePosition(),\n        }}\n      />\n    </div>\n  );\n};\n\nTooltipPopover.spiritComponent = 'TooltipPopover';\n\nexport default TooltipPopover;\n"],"names":["TooltipPopover","props","children","rest","arrowRef","getFloatingProps","isDismissible","isOpen","middlewareData","onToggle","placement","tooltipRef","x","y","position","sizeMaxWidth","tooltipMaxWidth","useTooltipContext","classProps","modifiedProps","useTooltipStyleProps","contentStyleProps","contentOtherProps","useStyleProps","renderCloseButton","useMemo","jsx","TooltipCloseButton","getMaxHeightAndWidth","getArrowStaticSidePosition","arrow","side","staticSide","arrowEl","offset","jsxs","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAiB,CAACC,MAA+B;AACrD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF,GACxB;AAAA,IACJ,UAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqB;AAAA,IAChE,QAAAb;AAAA,IACA,eAAAD;AAAA,IACA,GAAGH;AAAA,EAAA,CACJ,GACK,EAAE,YAAYkB,GAAmB,OAAOC,EAAA,IAAsBC,EAAcJ,CAAa,GAEzFK,IAAoBC;AAAA,IACxB,MAAMnB,KAAiB,gBAAAoB,EAACC,GAAA,EAAmB,SAAS,MAAMlB,EAAS,EAAK,GAAG,OAAM,SAAQ;AAAA,IACzF,CAACH,GAAeG,CAAQ;AAAA,EAAA,GAGpBmB,IAAuB,MAAM;AACjC,QAAIrB,KAAUQ,KAAgBC;AAC5B,aAAO;AAAA,QACL,UAAUA,IAAkBD,IAAeC,IAAkBD;AAAA,MAAA;AAAA,EAKnE,GAEMc,IAA6B,MAAM;AACvC,QAAInB,KAAaN,EAAS,SAAS;AACjC,YAAM,EAAE,OAAA0B,MAAUtB,GACZuB,IAAOrB,EAAU,MAAM,GAAG,EAAE,CAAC,GAE7BsB,IAAa;AAAA,QACjB,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA,EACND,CAAI,GAEAE,IAAU7B,EAAS,SAEnB8B,IACJF,MAAe,SAASA,MAAe,WACnCC,EAAQ,gBACPA,EAAQ,eAAeA,EAAQ,eAAe;AAErD,aAAO;AAAA,QACL,MAAMH,GAAO;AAAA,QACb,KAAKA,GAAO;AAAA,QACZ,CAACE,CAAU,GAAGE,KAAU,CAAC,KAAK,MAAMA,CAAM;AAAA;AAAA,MAAA;AAAA,IAE9C;AAAA,EAGF;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKxB;AAAA,MACL,WAAWyB,EAAWlB,EAAW,kBAAkBG,EAAkB,SAAS;AAAA,MAC7E,GAAGC;AAAA,MACH,GAAGjB,EAAA;AAAA,MACJ,OAAO;AAAA,QACL,UAAAS;AAAA,QACA,KAAK,OAAO,SAASD,CAAC,IAAIA,IAAI;AAAA,QAC9B,MAAM,OAAO,SAASD,CAAC,IAAIA,IAAI;AAAA,QAC/B,GAAGgB,EAAA;AAAA,QACH,GAAGP,EAAkB;AAAA,MAAA;AAAA,MAEvB,uBAAoB;AAAA,MACpB,yBAAuBX;AAAA,MAEtB,UAAA;AAAA,QAAAR;AAAA,QACAsB;AAAA,QACD,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKtB;AAAA,YACL,WAAWc,EAAW;AAAA,YACtB,uBAAoB;AAAA,YACpB,OAAO;AAAA,cACL,UAAU;AAAA,cACV,GAAGW,EAAA;AAAA,YAA2B;AAAA,UAChC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA7B,EAAe,kBAAkB;"}

package/dist/components/Tooltip/TooltipTrigger.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"),d=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),T=require("./TooltipContext.cjs"),m={elementType:"button",children:null},o=s=>{const n={...m,...s},{elementType:t="button",children:e,...i}=n,{id:l,isOpen:p,triggerRef:u,getReferenceProps:c}=T.useTooltipContext(),{styleProps:g,props:r}=d.useStyleProps(i),P=f.mergeStyleProps(t,{triggerStyleProps:g,transferProps:r});return y.jsx(t,{...r,...P,id:l,ref:u,...c(),children:typeof e=="function"?e({isOpen:p}):e})};o.spiritComponent="TooltipTrigger";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),T=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),m=require("./TooltipContext.cjs"),a={elementType:"button",children:null},t=s=>{const n={...a,...s},{elementType:i,children:e,...l}=n,r=i,{id:p,isOpen:u,triggerRef:c,getReferenceProps:g}=m.useTooltipContext(),{styleProps:y,props:o}=T.useStyleProps(l),P=f.mergeStyleProps(r,{triggerStyleProps:y,transferProps:o});return d.jsx(r,{...o,...P,id:p,ref:c,...g(),children:typeof e=="function"?e({isOpen:u}):e})};t.spiritComponent="TooltipTrigger";t.displayName="TooltipTrigger";exports.default=t;
 //# sourceMappingURL=TooltipTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.cjs","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = (props: TooltipTriggerProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...restProps } = propsWithDefaults;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { triggerStyleProps, transferProps });\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","ElementTag","children","restProps","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"qRAQMA,EAA6C,CACjD,YAAa,SACb,SAAU,IACZ,EAEMC,EAAkBC,GAA+B,CACrD,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAaE,EAAa,SAAU,SAAAC,EAAU,GAAGC,GAAcH,EACjE,CAAE,GAAAI,EAAI,OAAAC,EAAQ,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAAA,kBAAA,EAChD,CAAE,WAAYC,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcR,CAAS,EACjFS,EAAmBC,EAAAA,gBAAgBZ,EAAY,CAAE,kBAAAQ,EAAmB,cAAAC,EAAe,EAEzF,OACEI,EAAAA,IAACb,GAAY,GAAGS,EAAgB,GAAGE,EAAkB,GAAAR,EAAQ,IAAKE,EAAa,GAAGC,IAC/E,SAAA,OAAOL,GAAa,WAAaA,EAAS,CAAE,OAAAG,CAAA,CAAQ,EAAIH,EAC3D,CAEJ,EAEAJ,EAAe,gBAAkB"}
+{"version":3,"file":"TooltipTrigger.cjs","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps<ElementType>> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = <E extends ElementType = 'button'>(props: TooltipTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { triggerStyleProps, transferProps });\n\n  return (\n    <Component {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\nTooltipTrigger.displayName = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","elementType","children","restProps","Component","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"qRAQMA,EAA0D,CAC9D,YAAa,SACb,SAAU,IACZ,EAEMC,EAAoDC,GAAkC,CAC1F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,GAAAI,EAAI,OAAAC,EAAQ,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAAA,kBAAA,EAChD,CAAE,WAAYC,EAAmB,MAAOC,CAAA,EAAkBC,EAAAA,cAAcT,CAAS,EACjFU,EAAmBC,EAAAA,gBAAgBV,EAAW,CAAE,kBAAAM,EAAmB,cAAAC,EAAe,EAExF,OACEI,EAAAA,IAACX,GAAW,GAAGO,EAAgB,GAAGE,EAAkB,GAAAR,EAAQ,IAAKE,EAAa,GAAGC,IAC9E,SAAA,OAAON,GAAa,WAAaA,EAAS,CAAE,OAAAI,CAAA,CAAQ,EAAIJ,EAC3D,CAEJ,EAEAJ,EAAe,gBAAkB,iBACjCA,EAAe,YAAc"}

package/dist/components/Tooltip/TooltipTrigger.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useStyleProps as u } from "../../hooks/styleProps.js";
-import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
-import { useTooltipContext as y } from "./TooltipContext.js";
-const T = {
+import { jsx as y } from "react/jsx-runtime";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { mergeStyleProps as T } from "../../utils/mergeStyleProps.js";
+import { useTooltipContext as d } from "./TooltipContext.js";
+const a = {
   elementType: "button",
   children: null
-}, d = (o) => {
-  const s = { ...T, ...o }, { elementType: t = "button", children: e, ...p } = s, { id: n, isOpen: i, triggerRef: l, getReferenceProps: c } = y(), { styleProps: m, props: r } = u(p), f = P(t, { triggerStyleProps: m, transferProps: r });
-  return /* @__PURE__ */ g(t, { ...r, ...f, id: n, ref: l, ...c(), children: typeof e == "function" ? e({ isOpen: i }) : e });
+}, r = (s) => {
+  const p = { ...a, ...s }, { elementType: n, children: e, ...i } = p, t = n, { id: l, isOpen: c, triggerRef: m, getReferenceProps: f } = d(), { styleProps: g, props: o } = P(i), u = T(t, { triggerStyleProps: g, transferProps: o });
+  return /* @__PURE__ */ y(t, { ...o, ...u, id: l, ref: m, ...f(), children: typeof e == "function" ? e({ isOpen: c }) : e });
 };
-d.spiritComponent = "TooltipTrigger";
+r.spiritComponent = "TooltipTrigger";
+r.displayName = "TooltipTrigger";
 export {
-  d as default
+  r as default
 };
 //# sourceMappingURL=TooltipTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = (props: TooltipTriggerProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'button', children, ...restProps } = propsWithDefaults;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { triggerStyleProps, transferProps });\n\n  return (\n    <ElementTag {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </ElementTag>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","ElementTag","children","restProps","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;AAQA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AAAA,EACb,UAAU;AACZ,GAEMC,IAAiB,CAACC,MAA+B;AACrD,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAaE,IAAa,UAAU,UAAAC,GAAU,GAAGC,MAAcH,GACjE,EAAE,IAAAI,GAAI,QAAAC,GAAQ,YAAAC,GAAY,mBAAAC,EAAA,IAAsBC,EAAA,GAChD,EAAE,YAAYC,GAAmB,OAAOC,EAAA,IAAkBC,EAAcR,CAAS,GACjFS,IAAmBC,EAAgBZ,GAAY,EAAE,mBAAAQ,GAAmB,eAAAC,GAAe;AAEzF,SACE,gBAAAI,EAACb,KAAY,GAAGS,GAAgB,GAAGE,GAAkB,IAAAR,GAAQ,KAAKE,GAAa,GAAGC,KAC/E,UAAA,OAAOL,KAAa,aAAaA,EAAS,EAAE,QAAAG,EAAA,CAAQ,IAAIH,GAC3D;AAEJ;AAEAJ,EAAe,kBAAkB;"}
+{"version":3,"file":"TooltipTrigger.js","sources":["../../../src/components/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TooltipTriggerProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTooltipContext } from './TooltipContext';\n\nconst defaultProps: Partial<TooltipTriggerProps<ElementType>> = {\n  elementType: 'button',\n  children: null,\n};\n\nconst TooltipTrigger = <E extends ElementType = 'button'>(props: TooltipTriggerProps<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { id, isOpen, triggerRef, getReferenceProps } = useTooltipContext();\n  const { styleProps: triggerStyleProps, props: transferProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, { triggerStyleProps, transferProps });\n\n  return (\n    <Component {...transferProps} {...mergedStyleProps} id={id} ref={triggerRef} {...getReferenceProps()}>\n      {typeof children === 'function' ? children({ isOpen }) : children}\n    </Component>\n  );\n};\n\nTooltipTrigger.spiritComponent = 'TooltipTrigger';\nTooltipTrigger.displayName = 'TooltipTrigger';\n\nexport default TooltipTrigger;\n"],"names":["defaultProps","TooltipTrigger","props","propsWithDefaults","elementType","children","restProps","Component","id","isOpen","triggerRef","getReferenceProps","useTooltipContext","triggerStyleProps","transferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;AAQA,MAAMA,IAA0D;AAAA,EAC9D,aAAa;AAAA,EACb,UAAU;AACZ,GAEMC,IAAiB,CAAmCC,MAAkC;AAC1F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,IAAAI,GAAI,QAAAC,GAAQ,YAAAC,GAAY,mBAAAC,EAAA,IAAsBC,EAAA,GAChD,EAAE,YAAYC,GAAmB,OAAOC,EAAA,IAAkBC,EAAcT,CAAS,GACjFU,IAAmBC,EAAgBV,GAAW,EAAE,mBAAAM,GAAmB,eAAAC,GAAe;AAExF,SACE,gBAAAI,EAACX,KAAW,GAAGO,GAAgB,GAAGE,GAAkB,IAAAR,GAAQ,KAAKE,GAAa,GAAGC,KAC9E,UAAA,OAAON,KAAa,aAAaA,EAAS,EAAE,QAAAI,EAAA,CAAQ,IAAIJ,GAC3D;AAEJ;AAEAJ,EAAe,kBAAkB;AACjCA,EAAe,cAAc;"}

package/dist/components/Tooltip/useTooltipStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("classnames"),C=require("react"),d=require("../../hooks/useClassNamePrefix.cjs"),P=t=>{const{isDismissible:l,isOpen:o,...i}=t,e=d.useClassNamePrefix("Tooltip"),s=`${e}Popover`,r=`${s}__arrow`,a=`${s}__close`,c=`${s}--dismissible`,n="is-hidden",p=C.useMemo(()=>o===!1,[o]),u=m(s,{[c]:l,[n]:p});return{classProps:{rootClassName:e,popoverClassName:u,arrowClassName:r,closeButtonClassName:a},props:i}};exports.useTooltipStyleProps=P;
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("classnames"),m=require("react"),C=require("../../hooks/useClassNamePrefix.cjs"),d=t=>{const{isDismissible:i,isOpen:e,...l}=t,o=C.useClassNamePrefix("Tooltip"),s=`${o}Popover`,r=`${s}__arrow`,a=`${s}__close`,c=`${s}--dismissible`,n="is-hidden",p=m.useMemo(()=>e===!1,[e]);return{classProps:{rootClassName:o,popoverClassName:u(s,{[c]:i,[n]:p}),arrowClassName:r,closeButtonClassName:a},props:l}};exports.useTooltipStyleProps=d;
 //# sourceMappingURL=useTooltipStyleProps.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTooltipStyleProps.cjs","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const rootDismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const rootHiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  const tooltipPopoverClassName = classNames(tooltipPopoverClass, {\n    [rootDismissibleClass]: isDismissible,\n    [rootHiddenClass]: isHiddenClass,\n  });\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: tooltipPopoverClassName,\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","rootDismissibleClass","rootHiddenClass","isHiddenClass","useMemo","tooltipPopoverClassName","classNames"],"mappings":"8LAYaA,EAAwBC,GAAgC,CACnE,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,GAAGC,GAAkBH,EAC9CI,EAAeC,EAAAA,mBAAmB,SAAS,EAC3CC,EAAsB,GAAGF,CAAY,UACrCG,EAAa,GAAGD,CAAmB,UACnCE,EAAmB,GAAGF,CAAmB,UACzCG,EAAuB,GAAGH,CAAmB,gBAC7CI,EAAkB,YAElBC,EAAgBC,EAAAA,QAAQ,IAAMV,IAAW,GAAO,CAACA,CAAM,CAAC,EAExDW,EAA0BC,EAAWR,EAAqB,CAC9D,CAACG,CAAoB,EAAGR,EACxB,CAACS,CAAe,EAAGC,CAAA,CACpB,EAED,MAAO,CACL,WAAY,CACV,cAAeP,EACf,iBAAkBS,EAClB,eAAgBN,EAChB,qBAAsBC,CAAA,EAExB,MAAOL,CAAA,CAEX"}
+{"version":3,"file":"useTooltipStyleProps.cjs","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const dismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const hiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: classNames(tooltipPopoverClass, {\n        [dismissibleClass]: isDismissible,\n        [hiddenClass]: isHiddenClass,\n      }),\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","dismissibleClass","hiddenClass","isHiddenClass","useMemo","classNames"],"mappings":"8LAYaA,EAAwBC,GAAgC,CACnE,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,GAAGC,GAAkBH,EAC9CI,EAAeC,EAAAA,mBAAmB,SAAS,EAC3CC,EAAsB,GAAGF,CAAY,UACrCG,EAAa,GAAGD,CAAmB,UACnCE,EAAmB,GAAGF,CAAmB,UACzCG,EAAmB,GAAGH,CAAmB,gBACzCI,EAAc,YAEdC,EAAgBC,EAAAA,QAAQ,IAAMV,IAAW,GAAO,CAACA,CAAM,CAAC,EAE9D,MAAO,CACL,WAAY,CACV,cAAeE,EACf,iBAAkBS,EAAWP,EAAqB,CAChD,CAACG,CAAgB,EAAGR,EACpB,CAACS,CAAW,EAAGC,CAAA,CAChB,EACD,eAAgBJ,EAChB,qBAAsBC,CAAA,EAExB,MAAOL,CAAA,CAEX"}

package/dist/components/Tooltip/useTooltipStyleProps.js

@@ -1,16 +1,16 @@
 "use client";
-import C from "classnames";
-import { useMemo as d } from "react";
-import { useClassNamePrefix as u } from "../../hooks/useClassNamePrefix.js";
-const v = (t) => {
-  const { isDismissible: i, isOpen: o, ...l } = t, e = u("Tooltip"), s = `${e}Popover`, r = `${s}__arrow`, a = `${s}__close`, p = `${s}--dismissible`, m = "is-hidden", n = d(() => o === !1, [o]), c = C(s, {
-    [p]: i,
-    [m]: n
-  });
+import c from "classnames";
+import { useMemo as C } from "react";
+import { useClassNamePrefix as d } from "../../hooks/useClassNamePrefix.js";
+const P = (t) => {
+  const { isDismissible: i, isOpen: o, ...l } = t, e = d("Tooltip"), s = `${e}Popover`, r = `${s}__arrow`, a = `${s}__close`, p = `${s}--dismissible`, m = "is-hidden", n = C(() => o === !1, [o]);
   return {
     classProps: {
       rootClassName: e,
-      popoverClassName: c,
+      popoverClassName: c(s, {
+        [p]: i,
+        [m]: n
+      }),
       arrowClassName: r,
       closeButtonClassName: a
     },
@@ -18,6 +18,6 @@ const v = (t) => {
   };
 };
 export {
-  v as useTooltipStyleProps
+  P as useTooltipStyleProps
 };
 //# sourceMappingURL=useTooltipStyleProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTooltipStyleProps.js","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const rootDismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const rootHiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  const tooltipPopoverClassName = classNames(tooltipPopoverClass, {\n    [rootDismissibleClass]: isDismissible,\n    [rootHiddenClass]: isHiddenClass,\n  });\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: tooltipPopoverClassName,\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","rootDismissibleClass","rootHiddenClass","isHiddenClass","useMemo","tooltipPopoverClassName","classNames"],"mappings":";;;;AAYO,MAAMA,IAAuB,CAACC,MAAgC;AACnE,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,GAAGC,MAAkBH,GAC9CI,IAAeC,EAAmB,SAAS,GAC3CC,IAAsB,GAAGF,CAAY,WACrCG,IAAa,GAAGD,CAAmB,WACnCE,IAAmB,GAAGF,CAAmB,WACzCG,IAAuB,GAAGH,CAAmB,iBAC7CI,IAAkB,aAElBC,IAAgBC,EAAQ,MAAMV,MAAW,IAAO,CAACA,CAAM,CAAC,GAExDW,IAA0BC,EAAWR,GAAqB;AAAA,IAC9D,CAACG,CAAoB,GAAGR;AAAA,IACxB,CAACS,CAAe,GAAGC;AAAA,EAAA,CACpB;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,eAAeP;AAAA,MACf,kBAAkBS;AAAA,MAClB,gBAAgBN;AAAA,MAChB,sBAAsBC;AAAA,IAAA;AAAA,IAExB,OAAOL;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useTooltipStyleProps.js","sources":["../../../src/components/Tooltip/useTooltipStyleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { useMemo } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps } from '../../types';\n\ninterface UseTooltipStyleProps extends StyleProps {\n  isDismissible?: boolean;\n  isOpen?: boolean;\n}\n\nexport const useTooltipStyleProps = (props: UseTooltipStyleProps) => {\n  const { isDismissible, isOpen, ...modifiedProps } = props;\n  const tooltipClass = useClassNamePrefix('Tooltip');\n  const tooltipPopoverClass = `${tooltipClass}Popover`;\n  const arrowClass = `${tooltipPopoverClass}__arrow`;\n  const closeButtonClass = `${tooltipPopoverClass}__close`;\n  const dismissibleClass = `${tooltipPopoverClass}--dismissible`;\n  const hiddenClass = 'is-hidden';\n\n  const isHiddenClass = useMemo(() => isOpen === false, [isOpen]);\n\n  return {\n    classProps: {\n      rootClassName: tooltipClass,\n      popoverClassName: classNames(tooltipPopoverClass, {\n        [dismissibleClass]: isDismissible,\n        [hiddenClass]: isHiddenClass,\n      }),\n      arrowClassName: arrowClass,\n      closeButtonClassName: closeButtonClass,\n    },\n    props: modifiedProps,\n  };\n};\n"],"names":["useTooltipStyleProps","props","isDismissible","isOpen","modifiedProps","tooltipClass","useClassNamePrefix","tooltipPopoverClass","arrowClass","closeButtonClass","dismissibleClass","hiddenClass","isHiddenClass","useMemo","classNames"],"mappings":";;;;AAYO,MAAMA,IAAuB,CAACC,MAAgC;AACnE,QAAM,EAAE,eAAAC,GAAe,QAAAC,GAAQ,GAAGC,MAAkBH,GAC9CI,IAAeC,EAAmB,SAAS,GAC3CC,IAAsB,GAAGF,CAAY,WACrCG,IAAa,GAAGD,CAAmB,WACnCE,IAAmB,GAAGF,CAAmB,WACzCG,IAAmB,GAAGH,CAAmB,iBACzCI,IAAc,aAEdC,IAAgBC,EAAQ,MAAMV,MAAW,IAAO,CAACA,CAAM,CAAC;AAE9D,SAAO;AAAA,IACL,YAAY;AAAA,MACV,eAAeE;AAAA,MACf,kBAAkBS,EAAWP,GAAqB;AAAA,QAChD,CAACG,CAAgB,GAAGR;AAAA,QACpB,CAACS,CAAW,GAAGC;AAAA,MAAA,CAChB;AAAA,MACD,gBAAgBJ;AAAA,MAChB,sBAAsBC;AAAA,IAAA;AAAA,IAExB,OAAOL;AAAA,EAAA;AAEX;"}

package/dist/components/Tooltip.d.ts

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

package/dist/components/Truncate/Truncate.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),S=require("../../hooks/styleProps.cjs"),f=require("../../types/truncate.cjs"),g=require("../../utils/mergeStyleProps.cjs"),q=require("./useTruncatedText.cjs"),v=require("./useTruncateStyleProps.cjs"),x={elementType:"span"},r=o=>{const n={...x,...o},{children:c,elementType:e="span",...u}=n,{classProps:l,props:p,styleProps:i,effectiveMode:t,effectiveLimit:a}=v.useTruncateStyleProps(u),y=q.useTruncatedText(c,t,t!==f.TruncateModes.LINES?a:void 0),{styleProps:s,props:P}=S.useStyleProps(p),d={style:{...s.style,...i}},T=g.mergeStyleProps(e,{classProps:l,styleProps:s,truncateStyleProps:d});return m.jsx(e,{...P,...T,children:y})};r.spiritComponent="Truncate";exports.default=r;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),f=require("../../hooks/styleProps.cjs"),q=require("../../types/truncate.cjs"),g=require("../../utils/mergeStyleProps.cjs"),v=require("./useTruncatedText.cjs"),x=require("./useTruncateStyleProps.cjs"),h={elementType:"span"},e=o=>{const n={...h,...o},{children:c,elementType:u,...p}=n,t=u,{classProps:l,props:i,styleProps:a,effectiveMode:s,effectiveLimit:y}=x.useTruncateStyleProps(p),P=v.useTruncatedText(c,s,s!==q.TruncateModes.LINES?y:void 0),{styleProps:r,props:d}=f.useStyleProps(i),T={style:{...r.style,...a}},m=g.mergeStyleProps(t,{classProps:l,styleProps:r,truncateStyleProps:T});return S.jsx(t,{...d,...m,children:P})};e.spiritComponent="Truncate";e.displayName="Truncate";exports.default=e;
 //# sourceMappingURL=Truncate.cjs.map

package/dist/components/Truncate/Truncate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType: ElementTag = 'span', ...restProps } = propsWithDefaults;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </ElementTag>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","ElementTag","restProps","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"sWASMA,EAAe,CACnB,YAAa,MACf,EAEMC,EAA4CC,GAA+C,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAaC,EAAa,OAAQ,GAAGC,GAAcH,EAC/D,CACJ,WAAAI,EACA,MAAOC,EACP,WAAYC,EACZ,cAAAC,EACA,eAAAC,CAAA,EACEC,EAAAA,sBAAsBN,CAAS,EAC7BO,EAAgBC,EAAAA,iBACpBV,EACAM,EACAA,IAAkBK,EAAAA,cAAc,MAAQJ,EAAiB,MAAA,EAErD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAqB,CACzB,MAAO,CACL,GAAGH,EAAW,MACd,GAAGP,CAAA,CACL,EAEIW,EAAmBC,EAAAA,gBAAgBhB,EAAY,CAAE,WAAAE,EAAA,WAAYS,EAAY,mBAAAG,EAAoB,EAEnG,aACGd,EAAA,CAAY,GAAGY,EAAa,GAAGG,EAC7B,SAAAP,EACH,CAEJ,EAEAZ,EAAS,gBAAkB"}
+{"version":3,"file":"Truncate.cjs","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </Component>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\nTruncate.displayName = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"sWASMA,EAAe,CACnB,YAAa,MACf,EAEMC,EAA4CC,GAA+C,CAC/F,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,SAAAE,EAAU,YAAAC,EAAa,GAAGC,GAAcH,EAC1CI,EAAYF,EACZ,CACJ,WAAAG,EACA,MAAOC,EACP,WAAYC,EACZ,cAAAC,EACA,eAAAC,CAAA,EACEC,EAAAA,sBAAsBP,CAAS,EAC7BQ,EAAgBC,EAAAA,iBACpBX,EACAO,EACAA,IAAkBK,EAAAA,cAAc,MAAQJ,EAAiB,MAAA,EAErD,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcV,CAAa,EAC/DW,EAAqB,CACzB,MAAO,CACL,GAAGH,EAAW,MACd,GAAGP,CAAA,CACL,EAEIW,EAAmBC,EAAAA,gBAAgBf,EAAW,CAAE,WAAAC,EAAA,WAAYS,EAAY,mBAAAG,EAAoB,EAElG,aACGb,EAAA,CAAW,GAAGW,EAAa,GAAGG,EAC5B,SAAAP,EACH,CAEJ,EAEAb,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/Truncate/Truncate.js

@@ -1,33 +1,34 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useStyleProps as P } from "../../hooks/styleProps.js";
-import { TruncateModes as T } from "../../types/truncate.js";
-import { mergeStyleProps as S } from "../../utils/mergeStyleProps.js";
-import { useTruncatedText as h } from "./useTruncatedText.js";
-import { useTruncateStyleProps as x } from "./useTruncateStyleProps.js";
-const g = {
+import { jsx as T } from "react/jsx-runtime";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { TruncateModes as h } from "../../types/truncate.js";
+import { mergeStyleProps as x } from "../../utils/mergeStyleProps.js";
+import { useTruncatedText as v } from "./useTruncatedText.js";
+import { useTruncateStyleProps as g } from "./useTruncateStyleProps.js";
+const C = {
   elementType: "span"
-}, v = (o) => {
-  const s = { ...g, ...o }, { children: p, elementType: e = "span", ...n } = s, {
-    classProps: c,
-    props: i,
-    styleProps: l,
+}, r = (s) => {
+  const p = { ...C, ...s }, { children: n, elementType: c, ...i } = p, e = c, {
+    classProps: m,
+    props: l,
+    styleProps: u,
     effectiveMode: t,
-    effectiveLimit: m
-  } = x(n), u = h(
-    p,
+    effectiveLimit: a
+  } = g(i), f = v(
+    n,
     t,
-    t !== T.LINES ? m : void 0
-  ), { styleProps: r, props: a } = P(i), f = {
+    t !== h.LINES ? a : void 0
+  ), { styleProps: o, props: d } = S(l), y = {
     style: {
-      ...r.style,
-      ...l
+      ...o.style,
+      ...u
     }
-  }, d = S(e, { classProps: c, styleProps: r, truncateStyleProps: f });
-  return /* @__PURE__ */ y(e, { ...a, ...d, children: u });
+  }, P = x(e, { classProps: m, styleProps: o, truncateStyleProps: y });
+  return /* @__PURE__ */ T(e, { ...d, ...P, children: f });
 };
-v.spiritComponent = "Truncate";
+r.spiritComponent = "Truncate";
+r.displayName = "Truncate";
 export {
-  v as default
+  r as default
 };
 //# sourceMappingURL=Truncate.js.map

package/dist/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType: ElementTag = 'span', ...restProps } = propsWithDefaults;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </ElementTag>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","ElementTag","restProps","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAW,CAAiCC,MAA+C;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAaC,IAAa,QAAQ,GAAGC,MAAcH,GAC/D;AAAA,IACJ,YAAAI;AAAA,IACA,OAAOC;AAAA,IACP,YAAYC;AAAA,IACZ,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAsBN,CAAS,GAC7BO,IAAgBC;AAAA,IACpBV;AAAA,IACAM;AAAA,IACAA,MAAkBK,EAAc,QAAQJ,IAAiB;AAAA,EAAA,GAErD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAGH,EAAW;AAAA,MACd,GAAGP;AAAA,IAAA;AAAA,EACL,GAEIW,IAAmBC,EAAgBhB,GAAY,EAAE,YAAAE,GAAY,YAAAS,GAAY,oBAAAG,GAAoB;AAEnG,2BACGd,GAAA,EAAY,GAAGY,GAAa,GAAGG,GAC7B,UAAAP,GACH;AAEJ;AAEAZ,EAAS,kBAAkB;"}
+{"version":3,"file":"Truncate.js","sources":["../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTruncateProps, TruncateModes } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTruncatedText } from './useTruncatedText';\nimport { useTruncateStyleProps } from './useTruncateStyleProps';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst Truncate = <E extends ElementType = 'span'>(props: SpiritTruncateProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, elementType, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const {\n    classProps,\n    props: modifiedProps,\n    styleProps: truncateStyle,\n    effectiveMode,\n    effectiveLimit,\n  } = useTruncateStyleProps(restProps);\n  const truncatedText = useTruncatedText(\n    children,\n    effectiveMode,\n    effectiveMode !== TruncateModes.LINES ? effectiveLimit : undefined,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const truncateStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...truncateStyle,\n    },\n  };\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, truncateStyleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {truncatedText}\n    </Component>\n  );\n};\n\nTruncate.spiritComponent = 'Truncate';\nTruncate.displayName = 'Truncate';\n\nexport default Truncate;\n"],"names":["defaultProps","Truncate","props","propsWithDefaults","children","elementType","restProps","Component","classProps","modifiedProps","truncateStyle","effectiveMode","effectiveLimit","useTruncateStyleProps","truncatedText","useTruncatedText","TruncateModes","styleProps","otherProps","useStyleProps","truncateStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAW,CAAiCC,MAA+C;AAC/F,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,UAAAE,GAAU,aAAAC,GAAa,GAAGC,MAAcH,GAC1CI,IAAYF,GACZ;AAAA,IACJ,YAAAG;AAAA,IACA,OAAOC;AAAA,IACP,YAAYC;AAAA,IACZ,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAsBP,CAAS,GAC7BQ,IAAgBC;AAAA,IACpBX;AAAA,IACAO;AAAA,IACAA,MAAkBK,EAAc,QAAQJ,IAAiB;AAAA,EAAA,GAErD,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcV,CAAa,GAC/DW,IAAqB;AAAA,IACzB,OAAO;AAAA,MACL,GAAGH,EAAW;AAAA,MACd,GAAGP;AAAA,IAAA;AAAA,EACL,GAEIW,IAAmBC,EAAgBf,GAAW,EAAE,YAAAC,GAAY,YAAAS,GAAY,oBAAAG,GAAoB;AAElG,2BACGb,GAAA,EAAW,GAAGW,GAAa,GAAGG,GAC5B,UAAAP,GACH;AAEJ;AAEAb,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/Truncate/demo/TruncateDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),d=require("../../Select/Select.cjs"),r=require("../../Stack/Stack.cjs"),p=require("../../TextField/TextField.cjs"),b=require("../Truncate.cjs"),a=require("../../../types/truncate.cjs"),v=()=>{const[u,l]=s.useState(a.TruncateModes.LINES),[i,n]=s.useState(3),c="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.",o=[{value:a.TruncateModes.LINES,label:"Lines"},{value:a.TruncateModes.WORDS,label:"Words"},{value:a.TruncateModes.CHARACTERS,label:"Characters"}],m=()=>{switch(u){case a.TruncateModes.LINES:return"Number of lines";case a.TruncateModes.WORDS:return"Number of words";case a.TruncateModes.CHARACTERS:return"Number of characters";default:return"Limit"}};return t.jsxs(r.default,{hasSpacing:!0,children:[t.jsx("form",{children:t.jsxs(r.default,{elementType:"fieldset",hasSpacing:!0,UNSAFE_className:"border-0",children:[t.jsx(d.default,{value:u,onChange:e=>l(e.currentTarget.value),label:"Truncation mode",name:"modeType",id:"truncate-mode",children:o.map(e=>t.jsx("option",{value:e.value,children:e.label},e.value))}),t.jsx(p.default,{type:"number",min:"1",value:i,onChange:e=>n(Number(e.currentTarget.value)),label:m(),name:"limitNumber",id:"truncate-limit"})]})}),t.jsx(b.default,{limit:i,mode:u,children:c})]})};exports.default=v;
+//# sourceMappingURL=TruncateDefault.cjs.map

package/dist/components/Truncate/demo/TruncateDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateDefault.cjs","sources":["../../../../src/components/Truncate/demo/TruncateDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Select, Stack, TextField } from '../..';\nimport { type TruncateMode, TruncateModes } from '../../../types';\nimport Truncate from '../Truncate';\n\nconst TruncateDefault = () => {\n  const [mode, setMode] = useState<TruncateMode>(TruncateModes.LINES);\n  const [limit, setLimit] = useState(3);\n\n  const sampleText =\n    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.';\n\n  const modeOptions = [\n    { value: TruncateModes.LINES, label: 'Lines' },\n    { value: TruncateModes.WORDS, label: 'Words' },\n    { value: TruncateModes.CHARACTERS, label: 'Characters' },\n  ];\n\n  const getLimitLabel = () => {\n    switch (mode) {\n      case TruncateModes.LINES:\n        return 'Number of lines';\n      case TruncateModes.WORDS:\n        return 'Number of words';\n      case TruncateModes.CHARACTERS:\n        return 'Number of characters';\n      default:\n        return 'Limit';\n    }\n  };\n\n  return (\n    <Stack hasSpacing>\n      <form>\n        <Stack elementType=\"fieldset\" hasSpacing UNSAFE_className=\"border-0\">\n          <Select\n            value={mode}\n            onChange={(e) => setMode(e.currentTarget.value as TruncateMode)}\n            label=\"Truncation mode\"\n            name=\"modeType\"\n            id=\"truncate-mode\"\n          >\n            {modeOptions.map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </Select>\n          <TextField\n            type=\"number\"\n            min=\"1\"\n            value={limit}\n            onChange={(e) => setLimit(Number(e.currentTarget.value))}\n            label={getLimitLabel()}\n            name=\"limitNumber\"\n            id=\"truncate-limit\"\n          />\n        </Stack>\n      </form>\n      <Truncate limit={limit} mode={mode}>\n        {sampleText}\n      </Truncate>\n    </Stack>\n  );\n};\n\nexport default TruncateDefault;\n"],"names":["TruncateDefault","mode","setMode","useState","TruncateModes","limit","setLimit","sampleText","modeOptions","getLimitLabel","jsxs","Stack","jsx","Select","option","TextField","Truncate"],"mappings":"6VAKMA,EAAkB,IAAM,CAC5B,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAuBC,EAAAA,cAAc,KAAK,EAC5D,CAACC,EAAOC,CAAQ,EAAIH,EAAAA,SAAS,CAAC,EAE9BI,EACJ,+4BAEIC,EAAc,CAClB,CAAE,MAAOJ,EAAAA,cAAc,MAAO,MAAO,OAAA,EACrC,CAAE,MAAOA,EAAAA,cAAc,MAAO,MAAO,OAAA,EACrC,CAAE,MAAOA,EAAAA,cAAc,WAAY,MAAO,YAAA,CAAa,EAGnDK,EAAgB,IAAM,CAC1B,OAAQR,EAAA,CACN,KAAKG,EAAAA,cAAc,MACjB,MAAO,kBACT,KAAKA,EAAAA,cAAc,MACjB,MAAO,kBACT,KAAKA,EAAAA,cAAc,WACjB,MAAO,uBACT,QACE,MAAO,OAAA,CAEb,EAEA,OACEM,EAAAA,KAACC,EAAAA,QAAA,CAAM,WAAU,GACf,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,gBAACD,EAAAA,QAAA,CAAM,YAAY,WAAW,WAAU,GAAC,iBAAiB,WACxD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOZ,EACP,SAAW,GAAMC,EAAQ,EAAE,cAAc,KAAqB,EAC9D,MAAM,kBACN,KAAK,WACL,GAAG,gBAEF,SAAAM,EAAY,IAAKM,GAChBF,EAAAA,IAAC,SAAA,CAA0B,MAAOE,EAAO,MACtC,SAAAA,EAAO,KAAA,EADGA,EAAO,KAEpB,CACD,CAAA,CAAA,EAEHF,EAAAA,IAACG,EAAAA,QAAA,CACC,KAAK,SACL,IAAI,IACJ,MAAOV,EACP,SAAW,GAAMC,EAAS,OAAO,EAAE,cAAc,KAAK,CAAC,EACvD,MAAOG,EAAA,EACP,KAAK,cACL,GAAG,gBAAA,CAAA,CACL,CAAA,CACF,CAAA,CACF,EACAG,EAAAA,IAACI,EAAAA,QAAA,CAAS,MAAAX,EAAc,KAAAJ,EACrB,SAAAM,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/components/Truncate/demo/TruncateDefault.js

@@ -0,0 +1,57 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as l } from "react";
+import p from "../../Select/Select.js";
+import s from "../../Stack/Stack.js";
+import b from "../../TextField/TextField.js";
+import v from "../Truncate.js";
+import { TruncateModes as a } from "../../../types/truncate.js";
+const q = () => {
+  const [i, n] = l(a.LINES), [u, m] = l(3), o = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.", c = [
+    { value: a.LINES, label: "Lines" },
+    { value: a.WORDS, label: "Words" },
+    { value: a.CHARACTERS, label: "Characters" }
+  ], d = () => {
+    switch (i) {
+      case a.LINES:
+        return "Number of lines";
+      case a.WORDS:
+        return "Number of words";
+      case a.CHARACTERS:
+        return "Number of characters";
+      default:
+        return "Limit";
+    }
+  };
+  return /* @__PURE__ */ r(s, { hasSpacing: !0, children: [
+    /* @__PURE__ */ t("form", { children: /* @__PURE__ */ r(s, { elementType: "fieldset", hasSpacing: !0, UNSAFE_className: "border-0", children: [
+      /* @__PURE__ */ t(
+        p,
+        {
+          value: i,
+          onChange: (e) => n(e.currentTarget.value),
+          label: "Truncation mode",
+          name: "modeType",
+          id: "truncate-mode",
+          children: c.map((e) => /* @__PURE__ */ t("option", { value: e.value, children: e.label }, e.value))
+        }
+      ),
+      /* @__PURE__ */ t(
+        b,
+        {
+          type: "number",
+          min: "1",
+          value: u,
+          onChange: (e) => m(Number(e.currentTarget.value)),
+          label: d(),
+          name: "limitNumber",
+          id: "truncate-limit"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(v, { limit: u, mode: i, children: o })
+  ] });
+};
+export {
+  q as default
+};
+//# sourceMappingURL=TruncateDefault.js.map

package/dist/components/Truncate/demo/TruncateDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateDefault.js","sources":["../../../../src/components/Truncate/demo/TruncateDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Select, Stack, TextField } from '../..';\nimport { type TruncateMode, TruncateModes } from '../../../types';\nimport Truncate from '../Truncate';\n\nconst TruncateDefault = () => {\n  const [mode, setMode] = useState<TruncateMode>(TruncateModes.LINES);\n  const [limit, setLimit] = useState(3);\n\n  const sampleText =\n    'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Vivamus ac leo pretium faucibus. Pellentesque pretium lectus id turpis. Maecenas lorem. Maecenas sollicitudin. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Suspendisse sagittis ultrices augue. Aenean fermentum risus id tortor. Etiam bibendum elit eget erat. Nulla quis diam. Donec iaculis gravida nulla. Nulla pulvinar eleifend sem. Fusce aliquam vestibulum ipsum. Sed ac dolor sit amet purus malesuada congue. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Nam sed tellus id magna elementum tincidunt.';\n\n  const modeOptions = [\n    { value: TruncateModes.LINES, label: 'Lines' },\n    { value: TruncateModes.WORDS, label: 'Words' },\n    { value: TruncateModes.CHARACTERS, label: 'Characters' },\n  ];\n\n  const getLimitLabel = () => {\n    switch (mode) {\n      case TruncateModes.LINES:\n        return 'Number of lines';\n      case TruncateModes.WORDS:\n        return 'Number of words';\n      case TruncateModes.CHARACTERS:\n        return 'Number of characters';\n      default:\n        return 'Limit';\n    }\n  };\n\n  return (\n    <Stack hasSpacing>\n      <form>\n        <Stack elementType=\"fieldset\" hasSpacing UNSAFE_className=\"border-0\">\n          <Select\n            value={mode}\n            onChange={(e) => setMode(e.currentTarget.value as TruncateMode)}\n            label=\"Truncation mode\"\n            name=\"modeType\"\n            id=\"truncate-mode\"\n          >\n            {modeOptions.map((option) => (\n              <option key={option.value} value={option.value}>\n                {option.label}\n              </option>\n            ))}\n          </Select>\n          <TextField\n            type=\"number\"\n            min=\"1\"\n            value={limit}\n            onChange={(e) => setLimit(Number(e.currentTarget.value))}\n            label={getLimitLabel()}\n            name=\"limitNumber\"\n            id=\"truncate-limit\"\n          />\n        </Stack>\n      </form>\n      <Truncate limit={limit} mode={mode}>\n        {sampleText}\n      </Truncate>\n    </Stack>\n  );\n};\n\nexport default TruncateDefault;\n"],"names":["TruncateDefault","mode","setMode","useState","TruncateModes","limit","setLimit","sampleText","modeOptions","getLimitLabel","jsxs","Stack","jsx","Select","option","TextField","Truncate"],"mappings":";;;;;;;AAKA,MAAMA,IAAkB,MAAM;AAC5B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuBC,EAAc,KAAK,GAC5D,CAACC,GAAOC,CAAQ,IAAIH,EAAS,CAAC,GAE9BI,IACJ,g5BAEIC,IAAc;AAAA,IAClB,EAAE,OAAOJ,EAAc,OAAO,OAAO,QAAA;AAAA,IACrC,EAAE,OAAOA,EAAc,OAAO,OAAO,QAAA;AAAA,IACrC,EAAE,OAAOA,EAAc,YAAY,OAAO,aAAA;AAAA,EAAa,GAGnDK,IAAgB,MAAM;AAC1B,YAAQR,GAAA;AAAA,MACN,KAAKG,EAAc;AACjB,eAAO;AAAA,MACT,KAAKA,EAAc;AACjB,eAAO;AAAA,MACT,KAAKA,EAAc;AACjB,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACE,gBAAAM,EAACC,GAAA,EAAM,YAAU,IACf,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EACC,4BAACD,GAAA,EAAM,aAAY,YAAW,YAAU,IAAC,kBAAiB,YACxD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOZ;AAAA,UACP,UAAU,CAAC,MAAMC,EAAQ,EAAE,cAAc,KAAqB;AAAA,UAC9D,OAAM;AAAA,UACN,MAAK;AAAA,UACL,IAAG;AAAA,UAEF,UAAAM,EAAY,IAAI,CAACM,MAChB,gBAAAF,EAAC,UAAA,EAA0B,OAAOE,EAAO,OACtC,UAAAA,EAAO,MAAA,GADGA,EAAO,KAEpB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,OAAOV;AAAA,UACP,UAAU,CAAC,MAAMC,EAAS,OAAO,EAAE,cAAc,KAAK,CAAC;AAAA,UACvD,OAAOG,EAAA;AAAA,UACP,MAAK;AAAA,UACL,IAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAG,EAACI,GAAA,EAAS,OAAAX,GAAc,MAAAJ,GACrB,UAAAM,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Truncate/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@alma-oss/spirit-icons/icons"),r=require("react"),c=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),i=require("./TruncateDefault.cjs"),n=()=>e.jsx(r.StrictMode,{children:e.jsx(s.IconsProvider,{value:t,children:e.jsx(c.default,{title:"Basic Usage",stackAlignment:"stretch",children:e.jsx(i.default,{})})})});exports.Preview=n;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Truncate/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Truncate/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TruncateDefault from './TruncateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Basic Usage\" stackAlignment=\"stretch\">\n        <TruncateDefault />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","IconsProvider","icons","DocsSection","TruncateDefault"],"mappings":"sUASaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAD,MAACE,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAAH,EAAAA,IAACI,UAAA,CAAY,MAAM,cAAc,eAAe,UAC9C,eAACC,UAAA,CAAA,CAAgB,CAAA,CACnB,EACF,CAAA,CACF"}

package/dist/components/Truncate/demo/preview.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import t from "@alma-oss/spirit-icons/icons";
+import { StrictMode as o } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as i } from "../../../context/IconsContext.js";
+import c from "./TruncateDefault.js";
+const a = () => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(i, { value: t, children: /* @__PURE__ */ r(e, { title: "Basic Usage", stackAlignment: "stretch", children: /* @__PURE__ */ r(c, {}) }) }) });
+export {
+  a as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Truncate/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Truncate/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TruncateDefault from './TruncateDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Basic Usage\" stackAlignment=\"stretch\">\n        <TruncateDefault />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","IconsProvider","icons","DocsSection","TruncateDefault"],"mappings":";;;;;;;AASO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,OAAOC,GACpB,UAAA,gBAAAH,EAACI,GAAA,EAAY,OAAM,eAAc,gBAAe,WAC9C,4BAACC,GAAA,CAAA,CAAgB,EAAA,CACnB,GACF,EAAA,CACF;"}

package/dist/components/Truncate/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Truncate/preview/index.cjs.map

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

package/dist/components/Truncate/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Truncate/preview/index.js.map

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

package/dist/components/Truncate/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Truncate/preview/index'
+export default _default
+export {}