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

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

@@ -0,0 +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;"}

package/dist/components/Tooltip/TooltipTrigger.cjs

@@ -0,0 +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;
+//# sourceMappingURL=TooltipTrigger.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TooltipTriggerProps } from '../../types';
+declare const TooltipTrigger: {
+    (props: TooltipTriggerProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default TooltipTrigger;

package/dist/components/Tooltip/TooltipTrigger.js

@@ -0,0 +1,17 @@
+"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 = {
+  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 });
+};
+d.spiritComponent = "TooltipTrigger";
+export {
+  d as default
+};
+//# sourceMappingURL=TooltipTrigger.js.map

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

@@ -0,0 +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;"}

package/dist/components/Tooltip/UncontrolledTooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("./Tooltip.cjs"),c=require("./useTooltip.cjs"),e=o=>{const{children:t,isOpen:s,...n}=o,{isOpen:i,onToggle:r}=c.useTooltip(s);return l.jsx(u.default,{...n,isOpen:i,onToggle:r,children:t})};e.spiritComponent="UncontrolledTooltip";exports.default=e;
+//# sourceMappingURL=UncontrolledTooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTooltip.cjs","sources":["../../../src/components/Tooltip/UncontrolledTooltip.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type SpiritTooltipProps } from '../../types';\nimport Tooltip from './Tooltip';\nimport { useTooltip } from './useTooltip';\n\nconst UncontrolledTooltip = (props: Omit<SpiritTooltipProps, 'onToggle'>) => {\n  const { children, isOpen: isOpenProp, ...restProps } = props;\n  const { isOpen, onToggle } = useTooltip(isOpenProp);\n\n  return (\n    <Tooltip {...restProps} isOpen={isOpen} onToggle={onToggle}>\n      {children}\n    </Tooltip>\n  );\n};\n\nUncontrolledTooltip.spiritComponent = 'UncontrolledTooltip';\n\nexport default UncontrolledTooltip;\n"],"names":["UncontrolledTooltip","props","children","isOpenProp","restProps","isOpen","onToggle","useTooltip","Tooltip"],"mappings":"uNAOMA,EAAuBC,GAAgD,CAC3E,KAAM,CAAE,SAAAC,EAAU,OAAQC,EAAY,GAAGC,GAAcH,EACjD,CAAE,OAAAI,EAAQ,SAAAC,GAAaC,EAAAA,WAAWJ,CAAU,EAElD,aACGK,EAAAA,QAAA,CAAS,GAAGJ,EAAW,OAAAC,EAAgB,SAAAC,EACrC,SAAAJ,EACH,CAEJ,EAEAF,EAAoB,gBAAkB"}

package/dist/components/Tooltip/UncontrolledTooltip.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritTooltipProps } from '../../types';
+declare const UncontrolledTooltip: {
+    (props: Omit<SpiritTooltipProps, "onToggle">): React.JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledTooltip;

package/dist/components/Tooltip/UncontrolledTooltip.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import s from "./Tooltip.js";
+import { useTooltip as l } from "./useTooltip.js";
+const c = (o) => {
+  const { children: t, isOpen: r, ...e } = o, { isOpen: n, onToggle: i } = l(r);
+  return /* @__PURE__ */ p(s, { ...e, isOpen: n, onToggle: i, children: t });
+};
+c.spiritComponent = "UncontrolledTooltip";
+export {
+  c as default
+};
+//# sourceMappingURL=UncontrolledTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTooltip.js","sources":["../../../src/components/Tooltip/UncontrolledTooltip.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type SpiritTooltipProps } from '../../types';\nimport Tooltip from './Tooltip';\nimport { useTooltip } from './useTooltip';\n\nconst UncontrolledTooltip = (props: Omit<SpiritTooltipProps, 'onToggle'>) => {\n  const { children, isOpen: isOpenProp, ...restProps } = props;\n  const { isOpen, onToggle } = useTooltip(isOpenProp);\n\n  return (\n    <Tooltip {...restProps} isOpen={isOpen} onToggle={onToggle}>\n      {children}\n    </Tooltip>\n  );\n};\n\nUncontrolledTooltip.spiritComponent = 'UncontrolledTooltip';\n\nexport default UncontrolledTooltip;\n"],"names":["UncontrolledTooltip","props","children","isOpenProp","restProps","isOpen","onToggle","useTooltip","Tooltip"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAACC,MAAgD;AAC3E,QAAM,EAAE,UAAAC,GAAU,QAAQC,GAAY,GAAGC,MAAcH,GACjD,EAAE,QAAAI,GAAQ,UAAAC,MAAaC,EAAWJ,CAAU;AAElD,2BACGK,GAAA,EAAS,GAAGJ,GAAW,QAAAC,GAAgB,UAAAC,GACrC,UAAAJ,GACH;AAEJ;AAEAF,EAAoB,kBAAkB;"}

package/dist/components/Tooltip/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Tooltip.cjs"),t=require("./TooltipCloseButton.cjs"),e=require("./TooltipPopover.cjs"),l=require("./TooltipTrigger.cjs"),r=require("./UncontrolledTooltip.cjs"),i=require("./useTooltip.cjs"),u=require("./useTooltipStyleProps.cjs");exports.Tooltip=o.default;exports.TooltipCloseButton=t.default;exports.TooltipPopover=e.default;exports.TooltipTrigger=l.default;exports.UncontrolledTooltip=r.default;exports.useTooltip=i.useTooltip;exports.useTooltipStyleProps=u.useTooltipStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Tooltip/index.js

@@ -0,0 +1,17 @@
+import { default as e } from "./Tooltip.js";
+import { default as l } from "./TooltipCloseButton.js";
+import { default as f } from "./TooltipPopover.js";
+import { default as a } from "./TooltipTrigger.js";
+import { default as u } from "./UncontrolledTooltip.js";
+import { useTooltip as m } from "./useTooltip.js";
+import { useTooltipStyleProps as d } from "./useTooltipStyleProps.js";
+export {
+  e as Tooltip,
+  l as TooltipCloseButton,
+  f as TooltipPopover,
+  a as TooltipTrigger,
+  u as UncontrolledTooltip,
+  m as useTooltip,
+  d as useTooltipStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Tooltip/useFloating.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/react"),P=require("react"),n=require("../../types/tooltip.cjs"),N=l=>Array.isArray(l)?l:[l],Q=l=>{const{arrowRef:R,cornerOffset:u=0,flipCrossAxis:g,flipFallbackAxisSideDirection:I="none",flipFallbackPlacements:T,flipProp:b,isDismissible:G,isOpen:a=!1,offset:L=0,onToggle:d,isFocusableOnHover:S,shiftProp:C,sizeProp:A,positionStrategy:x="absolute",tooltipArrowWidth:y=0,tooltipPlacement:F,trigger:f}=l,[M,h]=P.useState(void 0),[p,O]=P.useState(!1),H=u+y,m=f?.includes(n.TOOLTIP_TRIGGER.HOVER),_=f?.includes(n.TOOLTIP_TRIGGER.CLICK),E=f?.includes(n.TOOLTIP_TRIGGER.FOCUS),k=o=>o?e.safePolygon({requireIntent:!1}):void 0,{x:w,y:D,floatingStyles:v,refs:q,context:i,placement:K,middlewareData:U}=e.useFloating({open:a,onOpenChange:(o,c,s)=>{if(m){if(s===n.TOOLTIP_TRIGGER.CLICK&&O(r=>!r),a&&p&&s===n.TOOLTIP_TRIGGER.HOVER)return;if(a&&p&&(s===n.TOOLTIP_TRIGGER.CLICK||s===n.TOOLTIP_TRIGGER.OUTSIDE_PRESS||s===n.TOOLTIP_TRIGGER.ESCAPE_KEY)){O(!1),d(!1);return}}d(o)},placement:F,whileElementsMounted:e.autoUpdate,middleware:[e.offset(L),e.inline(),b&&e.flip({crossAxis:g,fallbackPlacements:T?N(T):void 0,fallbackAxisSideDirection:I}),C&&e.shift({limiter:e.limitShift({offset:()=>({mainAxis:H})})}),A&&e.size({apply({availableWidth:o}){h(o)}}),e.arrow({element:R.current,padding:u})],strategy:x}),W=e.useClick(i,{enabled:_}),z=e.useHover(i,{enabled:m,handleClose:k(!!S)}),V=e.useFocus(i,{enabled:E}),j=e.useDismiss(i,{outsidePress:!G}),B=e.useRole(i,{role:"tooltip"}),{getReferenceProps:Y,getFloatingProps:J}=e.useInteractions([W,z,V,j,B]);return{context:i,getFloatingProps:J,getReferenceProps:o=>{const c=Y(o);if(E){const s=c.onMouseDown;c.onMouseDown=(r=>{s&&s(r);const t=r.currentTarget;t&&t!==document.activeElement&&t instanceof HTMLElement&&(t.tabIndex>=0||t instanceof HTMLButtonElement||t instanceof HTMLAnchorElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement)&&t.focus()})}return c},maxWidth:M,middlewareData:U,placement:K,refs:q,x:w,y:D,position:v.position}};exports.useFloating=Q;
+//# sourceMappingURL=useFloating.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloating.cjs","sources":["../../../src/components/Tooltip/useFloating.ts"],"sourcesContent":["'use client';\n\nimport {\n  type Placement,\n  type Strategy,\n  arrow,\n  autoUpdate,\n  flip,\n  inline,\n  limitShift,\n  offset,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating as useFloatingUI,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { type HTMLProps, type MouseEvent, type MouseEventHandler, type MutableRefObject, useState } from 'react';\nimport { TOOLTIP_TRIGGER, type TooltipTriggerType } from '../../types';\n\ntype UseTooltipUIProps = {\n  arrowRef: MutableRefObject<HTMLElement | null>;\n  cornerOffset?: number;\n  flipCrossAxis: boolean;\n  flipFallbackAxisSideDirection: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  flipProp: boolean;\n  isDismissible: boolean;\n  isOpen?: boolean;\n  offset?: number;\n  onToggle: (isOpen: boolean) => void;\n  isFocusableOnHover?: boolean;\n  shiftProp: boolean;\n  sizeProp: boolean;\n  positionStrategy?: Strategy;\n  tooltipArrowWidth?: number;\n  tooltipMaxWidth?: number;\n  tooltipPlacement?: Placement;\n  trigger?: TooltipTriggerType[];\n};\n\n// Convert a string or array of strings to an array of strings (for placements)\nconst stringToArray = (value: Placement | Placement[]): Placement[] | undefined =>\n  Array.isArray(value) ? value : [value];\n\nexport const useFloating = (props: UseTooltipUIProps) => {\n  const {\n    arrowRef,\n    cornerOffset = 0,\n    flipCrossAxis,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements,\n    flipProp,\n    isDismissible,\n    isOpen = false,\n    offset: tooltipOffset = 0,\n    onToggle,\n    isFocusableOnHover,\n    shiftProp,\n    sizeProp,\n    positionStrategy = 'absolute',\n    tooltipArrowWidth = 0,\n    tooltipPlacement,\n    trigger,\n  } = props;\n\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n  const [isClicked, setIsClicked] = useState(false);\n  const mainAxisOffset = cornerOffset + tooltipArrowWidth;\n\n  const isHoverEnabled = trigger?.includes(TOOLTIP_TRIGGER.HOVER);\n  const isClickEnabled = trigger?.includes(TOOLTIP_TRIGGER.CLICK);\n  const isFocusEnabled = trigger?.includes(TOOLTIP_TRIGGER.FOCUS);\n\n  const useSafePolygons = (isClickable: boolean) =>\n    isClickable\n      ? safePolygon({\n          requireIntent: false,\n        })\n      : undefined;\n\n  // Floating UI library settings\n  const { x, y, floatingStyles, refs, context, placement, middlewareData } = useFloatingUI({\n    open: isOpen,\n    onOpenChange: (open, event, reason) => {\n      if (isHoverEnabled) {\n        // if tooltip is opened by click, do not close until clicked again or outside press or escape key\n        if (reason === TOOLTIP_TRIGGER.CLICK) {\n          setIsClicked((prev) => !prev);\n        }\n        if (isOpen && isClicked && reason === TOOLTIP_TRIGGER.HOVER) {\n          return;\n        }\n        if (\n          isOpen &&\n          isClicked &&\n          (reason === TOOLTIP_TRIGGER.CLICK ||\n            reason === TOOLTIP_TRIGGER.OUTSIDE_PRESS ||\n            reason === TOOLTIP_TRIGGER.ESCAPE_KEY)\n        ) {\n          setIsClicked(false);\n          onToggle(false);\n\n          return;\n        }\n      }\n\n      onToggle(open);\n    },\n    placement: tooltipPlacement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      // order matters for correct behavior, please don't sort by alphabet or change order!\n      offset(tooltipOffset), // offset from CSS variable (--tooltip-offset)\n      inline(),\n      flipProp &&\n        flip({\n          crossAxis: flipCrossAxis,\n          fallbackPlacements: flipFallbackPlacements ? stringToArray(flipFallbackPlacements) : undefined,\n          fallbackAxisSideDirection: flipFallbackAxisSideDirection,\n        }),\n      shiftProp &&\n        shift({\n          limiter: limitShift({\n            offset: () => ({\n              mainAxis: mainAxisOffset,\n            }),\n          }),\n        }),\n      sizeProp &&\n        size({\n          apply({ availableWidth }: { availableWidth: number }) {\n            setMaxWidth(availableWidth);\n          },\n        }),\n      arrow({ element: arrowRef.current, padding: cornerOffset }), // should be the last middleware\n    ],\n    strategy: positionStrategy,\n  });\n\n  // Floating UI library interaction hooks\n  const click = useClick(context, { enabled: isClickEnabled });\n  const hover = useHover(context, {\n    enabled: isHoverEnabled,\n    handleClose: useSafePolygons(!!isFocusableOnHover),\n  });\n  const focus = useFocus(context, { enabled: isFocusEnabled });\n  const dismiss = useDismiss(context, { outsidePress: !isDismissible });\n  const role = useRole(context, { role: 'tooltip' });\n  const { getReferenceProps: originalGetReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    hover,\n    focus,\n    dismiss,\n    role,\n  ]);\n\n  // Wrap getReferenceProps to ensure clicking focuses the element when focus trigger is enabled\n  // This matches the web JS behavior where clicking a focusable element naturally focuses it\n  const getReferenceProps = (userProps?: HTMLProps<Element>) => {\n    const referenceProps = originalGetReferenceProps(userProps);\n\n    if (isFocusEnabled) {\n      const originalOnMouseDown = referenceProps.onMouseDown as ((event: MouseEvent<Element>) => void) | undefined;\n\n      referenceProps.onMouseDown = ((event: MouseEvent<Element>) => {\n        if (originalOnMouseDown) {\n          originalOnMouseDown(event);\n        }\n\n        const element = event.currentTarget;\n\n        if (element && element !== document.activeElement) {\n          const isFocusable =\n            element instanceof HTMLElement &&\n            (element.tabIndex >= 0 ||\n              element instanceof HTMLButtonElement ||\n              element instanceof HTMLAnchorElement ||\n              element instanceof HTMLInputElement ||\n              element instanceof HTMLSelectElement ||\n              element instanceof HTMLTextAreaElement);\n\n          if (isFocusable) {\n            (element as HTMLElement).focus();\n          }\n        }\n      }) as MouseEventHandler<Element>;\n    }\n\n    return referenceProps;\n  };\n\n  return {\n    context,\n    getFloatingProps,\n    getReferenceProps,\n    maxWidth,\n    middlewareData,\n    placement,\n    refs,\n    x,\n    y,\n    position: floatingStyles.position as Strategy,\n  };\n};\n"],"names":["stringToArray","value","useFloating","props","arrowRef","cornerOffset","flipCrossAxis","flipFallbackAxisSideDirection","flipFallbackPlacements","flipProp","isDismissible","isOpen","tooltipOffset","onToggle","isFocusableOnHover","shiftProp","sizeProp","positionStrategy","tooltipArrowWidth","tooltipPlacement","trigger","maxWidth","setMaxWidth","useState","isClicked","setIsClicked","mainAxisOffset","isHoverEnabled","TOOLTIP_TRIGGER","isClickEnabled","isFocusEnabled","useSafePolygons","isClickable","safePolygon","x","y","floatingStyles","refs","context","placement","middlewareData","useFloatingUI","open","event","reason","prev","autoUpdate","offset","inline","flip","shift","limitShift","size","availableWidth","arrow","click","useClick","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","originalGetReferenceProps","getFloatingProps","useInteractions","userProps","referenceProps","originalOnMouseDown","element"],"mappings":"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"}

package/dist/components/Tooltip/useFloating.d.ts

@@ -0,0 +1,58 @@
+import { Placement, Strategy } from '@floating-ui/react';
+import { HTMLProps, MutableRefObject } from 'react';
+import { TooltipTriggerType } from '../../types';
+type UseTooltipUIProps = {
+    arrowRef: MutableRefObject<HTMLElement | null>;
+    cornerOffset?: number;
+    flipCrossAxis: boolean;
+    flipFallbackAxisSideDirection: 'none' | 'start' | 'end';
+    flipFallbackPlacements?: Placement | Placement[];
+    flipProp: boolean;
+    isDismissible: boolean;
+    isOpen?: boolean;
+    offset?: number;
+    onToggle: (isOpen: boolean) => void;
+    isFocusableOnHover?: boolean;
+    shiftProp: boolean;
+    sizeProp: boolean;
+    positionStrategy?: Strategy;
+    tooltipArrowWidth?: number;
+    tooltipMaxWidth?: number;
+    tooltipPlacement?: Placement;
+    trigger?: TooltipTriggerType[];
+};
+export declare const useFloating: (props: UseTooltipUIProps) => {
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
+    maxWidth: number | undefined;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    placement: Placement;
+    refs: {
+        reference: MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    x: number;
+    y: number;
+    position: Strategy;
+};
+export {};

package/dist/components/Tooltip/useFloating.js

@@ -0,0 +1,104 @@
+"use client";
+import { useFloating as j, autoUpdate as J, offset as N, inline as Q, flip as X, shift as Z, limitShift as ee, size as te, arrow as se, useClick as oe, useHover as ne, useFocus as ie, useDismiss as le, useRole as re, useInteractions as ce, safePolygon as ae } from "@floating-ui/react";
+import { useState as P } from "react";
+import { TOOLTIP_TRIGGER as s } from "../../types/tooltip.js";
+const fe = (i) => Array.isArray(i) ? i : [i], Ee = (i) => {
+  const {
+    arrowRef: b,
+    cornerOffset: f = 0,
+    flipCrossAxis: C,
+    flipFallbackAxisSideDirection: T = "none",
+    flipFallbackPlacements: u,
+    flipProp: x,
+    isDismissible: A,
+    isOpen: c = !1,
+    offset: O = 0,
+    onToggle: p,
+    isFocusableOnHover: S,
+    shiftProp: F,
+    sizeProp: h,
+    positionStrategy: H = "absolute",
+    tooltipArrowWidth: I = 0,
+    tooltipPlacement: M,
+    trigger: a
+  } = i, [R, y] = P(void 0), [d, m] = P(!1), L = f + I, g = a?.includes(s.HOVER), k = a?.includes(s.CLICK), E = a?.includes(s.FOCUS), w = (o) => o ? ae({
+    requireIntent: !1
+  }) : void 0, { x: D, y: v, floatingStyles: K, refs: G, context: n, placement: U, middlewareData: W } = j({
+    open: c,
+    onOpenChange: (o, l, t) => {
+      if (g) {
+        if (t === s.CLICK && m((r) => !r), c && d && t === s.HOVER)
+          return;
+        if (c && d && (t === s.CLICK || t === s.OUTSIDE_PRESS || t === s.ESCAPE_KEY)) {
+          m(!1), p(!1);
+          return;
+        }
+      }
+      p(o);
+    },
+    placement: M,
+    whileElementsMounted: J,
+    middleware: [
+      // order matters for correct behavior, please don't sort by alphabet or change order!
+      N(O),
+      // offset from CSS variable (--tooltip-offset)
+      Q(),
+      x && X({
+        crossAxis: C,
+        fallbackPlacements: u ? fe(u) : void 0,
+        fallbackAxisSideDirection: T
+      }),
+      F && Z({
+        limiter: ee({
+          offset: () => ({
+            mainAxis: L
+          })
+        })
+      }),
+      h && te({
+        apply({ availableWidth: o }) {
+          y(o);
+        }
+      }),
+      se({ element: b.current, padding: f })
+      // should be the last middleware
+    ],
+    strategy: H
+  }), _ = oe(n, { enabled: k }), z = ne(n, {
+    enabled: g,
+    handleClose: w(!!S)
+  }), V = ie(n, { enabled: E }), q = le(n, { outsidePress: !A }), B = re(n, { role: "tooltip" }), { getReferenceProps: Y, getFloatingProps: $ } = ce([
+    _,
+    z,
+    V,
+    q,
+    B
+  ]);
+  return {
+    context: n,
+    getFloatingProps: $,
+    getReferenceProps: (o) => {
+      const l = Y(o);
+      if (E) {
+        const t = l.onMouseDown;
+        l.onMouseDown = ((r) => {
+          t && t(r);
+          const e = r.currentTarget;
+          e && e !== document.activeElement && e instanceof HTMLElement && (e.tabIndex >= 0 || e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement || e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement) && e.focus();
+        });
+      }
+      return l;
+    },
+    maxWidth: R,
+    middlewareData: W,
+    placement: U,
+    refs: G,
+    x: D,
+    y: v,
+    position: K.position
+  };
+};
+export {
+  Ee as useFloating
+};
+//# sourceMappingURL=useFloating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloating.js","sources":["../../../src/components/Tooltip/useFloating.ts"],"sourcesContent":["'use client';\n\nimport {\n  type Placement,\n  type Strategy,\n  arrow,\n  autoUpdate,\n  flip,\n  inline,\n  limitShift,\n  offset,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating as useFloatingUI,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { type HTMLProps, type MouseEvent, type MouseEventHandler, type MutableRefObject, useState } from 'react';\nimport { TOOLTIP_TRIGGER, type TooltipTriggerType } from '../../types';\n\ntype UseTooltipUIProps = {\n  arrowRef: MutableRefObject<HTMLElement | null>;\n  cornerOffset?: number;\n  flipCrossAxis: boolean;\n  flipFallbackAxisSideDirection: 'none' | 'start' | 'end';\n  flipFallbackPlacements?: Placement | Placement[];\n  flipProp: boolean;\n  isDismissible: boolean;\n  isOpen?: boolean;\n  offset?: number;\n  onToggle: (isOpen: boolean) => void;\n  isFocusableOnHover?: boolean;\n  shiftProp: boolean;\n  sizeProp: boolean;\n  positionStrategy?: Strategy;\n  tooltipArrowWidth?: number;\n  tooltipMaxWidth?: number;\n  tooltipPlacement?: Placement;\n  trigger?: TooltipTriggerType[];\n};\n\n// Convert a string or array of strings to an array of strings (for placements)\nconst stringToArray = (value: Placement | Placement[]): Placement[] | undefined =>\n  Array.isArray(value) ? value : [value];\n\nexport const useFloating = (props: UseTooltipUIProps) => {\n  const {\n    arrowRef,\n    cornerOffset = 0,\n    flipCrossAxis,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements,\n    flipProp,\n    isDismissible,\n    isOpen = false,\n    offset: tooltipOffset = 0,\n    onToggle,\n    isFocusableOnHover,\n    shiftProp,\n    sizeProp,\n    positionStrategy = 'absolute',\n    tooltipArrowWidth = 0,\n    tooltipPlacement,\n    trigger,\n  } = props;\n\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n  const [isClicked, setIsClicked] = useState(false);\n  const mainAxisOffset = cornerOffset + tooltipArrowWidth;\n\n  const isHoverEnabled = trigger?.includes(TOOLTIP_TRIGGER.HOVER);\n  const isClickEnabled = trigger?.includes(TOOLTIP_TRIGGER.CLICK);\n  const isFocusEnabled = trigger?.includes(TOOLTIP_TRIGGER.FOCUS);\n\n  const useSafePolygons = (isClickable: boolean) =>\n    isClickable\n      ? safePolygon({\n          requireIntent: false,\n        })\n      : undefined;\n\n  // Floating UI library settings\n  const { x, y, floatingStyles, refs, context, placement, middlewareData } = useFloatingUI({\n    open: isOpen,\n    onOpenChange: (open, event, reason) => {\n      if (isHoverEnabled) {\n        // if tooltip is opened by click, do not close until clicked again or outside press or escape key\n        if (reason === TOOLTIP_TRIGGER.CLICK) {\n          setIsClicked((prev) => !prev);\n        }\n        if (isOpen && isClicked && reason === TOOLTIP_TRIGGER.HOVER) {\n          return;\n        }\n        if (\n          isOpen &&\n          isClicked &&\n          (reason === TOOLTIP_TRIGGER.CLICK ||\n            reason === TOOLTIP_TRIGGER.OUTSIDE_PRESS ||\n            reason === TOOLTIP_TRIGGER.ESCAPE_KEY)\n        ) {\n          setIsClicked(false);\n          onToggle(false);\n\n          return;\n        }\n      }\n\n      onToggle(open);\n    },\n    placement: tooltipPlacement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      // order matters for correct behavior, please don't sort by alphabet or change order!\n      offset(tooltipOffset), // offset from CSS variable (--tooltip-offset)\n      inline(),\n      flipProp &&\n        flip({\n          crossAxis: flipCrossAxis,\n          fallbackPlacements: flipFallbackPlacements ? stringToArray(flipFallbackPlacements) : undefined,\n          fallbackAxisSideDirection: flipFallbackAxisSideDirection,\n        }),\n      shiftProp &&\n        shift({\n          limiter: limitShift({\n            offset: () => ({\n              mainAxis: mainAxisOffset,\n            }),\n          }),\n        }),\n      sizeProp &&\n        size({\n          apply({ availableWidth }: { availableWidth: number }) {\n            setMaxWidth(availableWidth);\n          },\n        }),\n      arrow({ element: arrowRef.current, padding: cornerOffset }), // should be the last middleware\n    ],\n    strategy: positionStrategy,\n  });\n\n  // Floating UI library interaction hooks\n  const click = useClick(context, { enabled: isClickEnabled });\n  const hover = useHover(context, {\n    enabled: isHoverEnabled,\n    handleClose: useSafePolygons(!!isFocusableOnHover),\n  });\n  const focus = useFocus(context, { enabled: isFocusEnabled });\n  const dismiss = useDismiss(context, { outsidePress: !isDismissible });\n  const role = useRole(context, { role: 'tooltip' });\n  const { getReferenceProps: originalGetReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    hover,\n    focus,\n    dismiss,\n    role,\n  ]);\n\n  // Wrap getReferenceProps to ensure clicking focuses the element when focus trigger is enabled\n  // This matches the web JS behavior where clicking a focusable element naturally focuses it\n  const getReferenceProps = (userProps?: HTMLProps<Element>) => {\n    const referenceProps = originalGetReferenceProps(userProps);\n\n    if (isFocusEnabled) {\n      const originalOnMouseDown = referenceProps.onMouseDown as ((event: MouseEvent<Element>) => void) | undefined;\n\n      referenceProps.onMouseDown = ((event: MouseEvent<Element>) => {\n        if (originalOnMouseDown) {\n          originalOnMouseDown(event);\n        }\n\n        const element = event.currentTarget;\n\n        if (element && element !== document.activeElement) {\n          const isFocusable =\n            element instanceof HTMLElement &&\n            (element.tabIndex >= 0 ||\n              element instanceof HTMLButtonElement ||\n              element instanceof HTMLAnchorElement ||\n              element instanceof HTMLInputElement ||\n              element instanceof HTMLSelectElement ||\n              element instanceof HTMLTextAreaElement);\n\n          if (isFocusable) {\n            (element as HTMLElement).focus();\n          }\n        }\n      }) as MouseEventHandler<Element>;\n    }\n\n    return referenceProps;\n  };\n\n  return {\n    context,\n    getFloatingProps,\n    getReferenceProps,\n    maxWidth,\n    middlewareData,\n    placement,\n    refs,\n    x,\n    y,\n    position: floatingStyles.position as Strategy,\n  };\n};\n"],"names":["stringToArray","value","useFloating","props","arrowRef","cornerOffset","flipCrossAxis","flipFallbackAxisSideDirection","flipFallbackPlacements","flipProp","isDismissible","isOpen","tooltipOffset","onToggle","isFocusableOnHover","shiftProp","sizeProp","positionStrategy","tooltipArrowWidth","tooltipPlacement","trigger","maxWidth","setMaxWidth","useState","isClicked","setIsClicked","mainAxisOffset","isHoverEnabled","TOOLTIP_TRIGGER","isClickEnabled","isFocusEnabled","useSafePolygons","isClickable","safePolygon","x","y","floatingStyles","refs","context","placement","middlewareData","useFloatingUI","open","event","reason","prev","autoUpdate","offset","inline","flip","shift","limitShift","size","availableWidth","arrow","click","useClick","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","originalGetReferenceProps","getFloatingProps","useInteractions","userProps","referenceProps","originalOnMouseDown","element"],"mappings":"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"}

package/dist/components/Tooltip/useTooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),n=(e=!1)=>{const[t,s]=o.useState(e);return{isOpen:t,onToggle:s}};exports.useTooltip=n;
+//# sourceMappingURL=useTooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.cjs","sources":["../../../src/components/Tooltip/useTooltip.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nexport interface UseTooltipReturn {\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport const useTooltip = (isOpenProp: boolean = false): UseTooltipReturn => {\n  const [isOpen, setOpen] = useState<boolean>(isOpenProp);\n\n  return {\n    isOpen,\n    onToggle: setOpen,\n  };\n};\n"],"names":["useTooltip","isOpenProp","isOpen","setOpen","useState"],"mappings":"sHASaA,EAAa,CAACC,EAAsB,KAA4B,CAC3E,KAAM,CAACC,EAAQC,CAAO,EAAIC,EAAAA,SAAkBH,CAAU,EAEtD,MAAO,CACL,OAAAC,EACA,SAAUC,CAAA,CAEd"}

package/dist/components/Tooltip/useTooltip.js

@@ -0,0 +1,13 @@
+"use client";
+import { useState as o } from "react";
+const r = (e = !1) => {
+  const [t, s] = o(e);
+  return {
+    isOpen: t,
+    onToggle: s
+  };
+};
+export {
+  r as useTooltip
+};
+//# sourceMappingURL=useTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","sources":["../../../src/components/Tooltip/useTooltip.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nexport interface UseTooltipReturn {\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport const useTooltip = (isOpenProp: boolean = false): UseTooltipReturn => {\n  const [isOpen, setOpen] = useState<boolean>(isOpenProp);\n\n  return {\n    isOpen,\n    onToggle: setOpen,\n  };\n};\n"],"names":["useTooltip","isOpenProp","isOpen","setOpen","useState"],"mappings":";;AASO,MAAMA,IAAa,CAACC,IAAsB,OAA4B;AAC3E,QAAM,CAACC,GAAQC,CAAO,IAAIC,EAAkBH,CAAU;AAEtD,SAAO;AAAA,IACL,QAAAC;AAAA,IACA,UAAUC;AAAA,EAAA;AAEd;"}

package/dist/components/Tooltip/useTooltipStyleProps.cjs

@@ -0,0 +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;
+//# sourceMappingURL=useTooltipStyleProps.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Tooltip/useTooltipStyleProps.d.ts

@@ -0,0 +1,28 @@
+import { StyleProps } from '../../types';
+interface UseTooltipStyleProps extends StyleProps {
+    isDismissible?: boolean;
+    isOpen?: boolean;
+}
+export declare const useTooltipStyleProps: (props: UseTooltipStyleProps) => {
+    classProps: {
+        rootClassName: string;
+        popoverClassName: string;
+        arrowClassName: string;
+        closeButtonClassName: string;
+    };
+    props: {
+        theme?: import('../..').ThemeNameType;
+        UNSAFE_className?: string;
+        UNSAFE_style?: React.CSSProperties;
+        margin?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import('../..').BreakpointToken | import('../..').BreakpointToken[];
+        hideFrom?: import('../..').BreakpointToken;
+    };
+};
+export {};

package/dist/components/Tooltip/useTooltipStyleProps.js

@@ -0,0 +1,23 @@
+"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
+  });
+  return {
+    classProps: {
+      rootClassName: e,
+      popoverClassName: c,
+      arrowClassName: r,
+      closeButtonClassName: a
+    },
+    props: l
+  };
+};
+export {
+  v as useTooltipStyleProps
+};
+//# sourceMappingURL=useTooltipStyleProps.js.map

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

@@ -0,0 +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;"}

package/dist/components/Tooltip.d.ts

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

package/dist/components/Truncate/Truncate.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Truncate.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTruncateProps } from '../../types';
+declare const Truncate: {
+    <E extends ElementType = "span">(props: SpiritTruncateProps<E>): JSX.Element;
+    spiritComponent: string;
+};
+export default Truncate;

package/dist/components/Truncate/Truncate.js

@@ -0,0 +1,33 @@
+"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 = {
+  elementType: "span"
+}, v = (o) => {
+  const s = { ...g, ...o }, { children: p, elementType: e = "span", ...n } = s, {
+    classProps: c,
+    props: i,
+    styleProps: l,
+    effectiveMode: t,
+    effectiveLimit: m
+  } = x(n), u = h(
+    p,
+    t,
+    t !== T.LINES ? m : void 0
+  ), { styleProps: r, props: a } = P(i), f = {
+    style: {
+      ...r.style,
+      ...l
+    }
+  }, d = S(e, { classProps: c, styleProps: r, truncateStyleProps: f });
+  return /* @__PURE__ */ y(e, { ...a, ...d, children: u });
+};
+v.spiritComponent = "Truncate";
+export {
+  v as default
+};
+//# sourceMappingURL=Truncate.js.map

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

@@ -0,0 +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;"}

package/dist/components/Truncate/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Truncate.cjs"),e=require("./useTruncatedText.cjs"),r=require("./useTruncateStyleProps.cjs");exports.Truncate=t.default;exports.truncateByCharacters=e.truncateByCharacters;exports.truncateByLines=e.truncateByLines;exports.truncateByWords=e.truncateByWords;exports.useTruncatedText=e.useTruncatedText;exports.useTruncateStyleProps=r.useTruncateStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Truncate/index.js

@@ -0,0 +1,12 @@
+import { default as r } from "./Truncate.js";
+import { truncateByCharacters as u, truncateByLines as s, truncateByWords as c, useTruncatedText as o } from "./useTruncatedText.js";
+import { useTruncateStyleProps as f } from "./useTruncateStyleProps.js";
+export {
+  r as Truncate,
+  u as truncateByCharacters,
+  s as truncateByLines,
+  c as truncateByWords,
+  f as useTruncateStyleProps,
+  o as useTruncatedText
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Truncate/useTruncateStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../hooks/useClassNamePrefix.cjs"),s=require("../../types/truncate.cjs"),a=c=>{const{limit:e,mode:t=s.TruncateModes.LINES,...n}=c,o=u.useClassNamePrefix(t===s.TruncateModes.LINES?"text-truncate-multiline":""),r={};return t===s.TruncateModes.LINES&&e!==void 0&&(r["--text-truncate-lines"]=e),{classProps:o,props:n,styleProps:r,effectiveMode:t,effectiveLimit:e}};exports.useTruncateStyleProps=a;
+//# sourceMappingURL=useTruncateStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncateStyleProps.cjs","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTruncateProps, type TruncateMode, TruncateModes } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport interface TruncateStyles<E extends ElementType> {\n  classProps: string;\n  props: SpiritTruncateProps<E>;\n  styleProps: TruncateCSSProperties;\n  effectiveMode: TruncateMode;\n  effectiveLimit?: number;\n}\n\nexport const useTruncateStyleProps = <E extends ElementType>(props: SpiritTruncateProps<E>): TruncateStyles<E> => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":"4KAgBaA,EAAgDC,GAAqD,CAChH,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAOC,EAAAA,cAAc,MAAO,GAAGC,GAAcJ,EAGtDK,EADoBC,EAAAA,mBAAmBJ,IAASC,EAAAA,cAAc,MAAQ,0BAA4B,EAAE,EAGpGI,EAAuC,CAAA,EAE7C,OAAIL,IAASC,EAAAA,cAAc,OAASF,IAAU,SAC5CM,EAAc,uBAAuB,EAAIN,GAGpC,CACL,WAAAI,EACA,MAAOD,EACP,WAAYG,EACZ,cAAeL,EACf,eAAgBD,CAAA,CAEpB"}

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

@@ -0,0 +1,14 @@
+import { CSSProperties, ElementType } from 'react';
+import { SpiritTruncateProps, TruncateMode } from '../../types';
+interface TruncateCSSProperties extends CSSProperties {
+    '--text-truncate-lines'?: number;
+}
+export interface TruncateStyles<E extends ElementType> {
+    classProps: string;
+    props: SpiritTruncateProps<E>;
+    styleProps: TruncateCSSProperties;
+    effectiveMode: TruncateMode;
+    effectiveLimit?: number;
+}
+export declare const useTruncateStyleProps: <E extends ElementType>(props: SpiritTruncateProps<E>) => TruncateStyles<E>;
+export {};

package/dist/components/Truncate/useTruncateStyleProps.js

@@ -0,0 +1,16 @@
+import { useClassNamePrefix as n } from "../../hooks/useClassNamePrefix.js";
+import { TruncateModes as s } from "../../types/truncate.js";
+const m = (o) => {
+  const { limit: t, mode: e = s.LINES, ...c } = o, i = n(e === s.LINES ? "text-truncate-multiline" : ""), r = {};
+  return e === s.LINES && t !== void 0 && (r["--text-truncate-lines"] = t), {
+    classProps: i,
+    props: c,
+    styleProps: r,
+    effectiveMode: e,
+    effectiveLimit: t
+  };
+};
+export {
+  m as useTruncateStyleProps
+};
+//# sourceMappingURL=useTruncateStyleProps.js.map