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

package/dist/components/Toggle/Toggle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritToggleProps } from '../../types';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { useToggleStyleProps } from './useToggleStyleProps';\n\nconst _Toggle = (props: SpiritToggleProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const { classProps, props: modifiedProps } = useToggleStyleProps(props);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    hasValidationIcon,\n    id,\n    isDisabled,\n    isChecked = false,\n    isRequired,\n    label,\n    helperText,\n    onChange = () => {},\n    validationState,\n    validationText,\n    ...restProps\n  } = modifiedProps;\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const [checked, setChecked] = useState(isChecked);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setChecked(event.target.checked);\n    onChange(event);\n  };\n\n  return (\n    <div style={styleProps.style} className={classNames(classProps.root, styleProps.className)}>\n      <div className={classProps.text}>\n        <Label UNSAFE_className={classProps.label} htmlFor={id}>\n          {label}\n        </Label>\n        <HelperText\n          UNSAFE_className={classProps.helperText}\n          id={`${id}__helperText`}\n          registerAria={register}\n          helperText={helperText}\n        />\n        {validationState && (\n          <ValidationText\n            UNSAFE_className={classProps.validationText}\n            {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n            id={`${id}__validationText`}\n            validationText={validationText}\n            registerAria={register}\n            role={validationTextRole}\n          />\n        )}\n      </div>\n      <input\n        {...otherProps}\n        {...ariaDescribedByProp}\n        type=\"checkbox\"\n        id={id}\n        className={classProps.input}\n        disabled={isDisabled}\n        checked={checked}\n        required={isRequired}\n        onChange={handleOnChange}\n        ref={ref}\n      />\n    </div>\n  );\n};\n\nconst Toggle = forwardRef<HTMLInputElement, SpiritToggleProps>(_Toggle) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritToggleProps\n>;\n\nToggle.spiritComponent = 'Toggle';\nToggle.displayName = 'Toggle';\n\nexport default Toggle;\n"],"names":["_Toggle","props","ref","classProps","modifiedProps","useToggleStyleProps","ariaDescribedBy","hasValidationIcon","id","isDisabled","isChecked","isRequired","label","helperText","onChange","validationState","validationText","restProps","styleProps","otherProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","checked","setChecked","useState","validationTextRole","useValidationTextRole","handleOnChange","event","jsxs","classNames","jsx","Label","HelperText","ValidationText","Toggle","forwardRef"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAU,CAACC,GAA0BC,MAAwC;AACjF,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAoBJ,CAAK,GAChE;AAAA,IACJ,oBAAoBK,IAAkB;AAAA,IACtC,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW,MAAM;AAAA,IAAC;AAAA,IAClB,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACE,EAAE,YAAAc,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAS,GAC3D,CAACI,GAAKC,CAAQ,IAAIC,EAAWjB,CAAe,GAC5CkB,IAAsBC,EAAmBJ,CAAG,GAC5C,CAACK,GAASC,CAAU,IAAIC,EAASlB,CAAS,GAC1CmB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAf;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKe,IAAiB,CAACC,MAAyC;AAC/D,IAAAL,EAAWK,EAAM,OAAO,OAAO,GAC/BlB,EAASkB,CAAK;AAAA,EAChB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAOf,EAAW,OAAO,WAAWgB,EAAW/B,EAAW,MAAMe,EAAW,SAAS,GACvF,UAAA;AAAA,IAAA,gBAAAe,EAAC,OAAA,EAAI,WAAW9B,EAAW,MACzB,UAAA;AAAA,MAAA,gBAAAgC,EAACC,KAAM,kBAAkBjC,EAAW,OAAO,SAASK,GACjD,UAAAI,GACH;AAAA,MACA,gBAAAuB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAkBlC,EAAW;AAAA,UAC7B,IAAI,GAAGK,CAAE;AAAA,UACT,cAAcc;AAAA,UACd,YAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDE,KACC,gBAAAoB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAkBnC,EAAW;AAAA,UAC5B,GAAII,KAAqB,EAAE,wBAAwBQ,EAAA;AAAA,UACpD,IAAI,GAAGP,CAAE;AAAA,UACT,gBAAAQ;AAAA,UACA,cAAcM;AAAA,UACd,MAAMO;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GAEJ;AAAA,IACA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACH,GAAGK;AAAA,QACJ,MAAK;AAAA,QACL,IAAAhB;AAAA,QACA,WAAWL,EAAW;AAAA,QACtB,UAAUM;AAAA,QACV,SAAAiB;AAAA,QACA,UAAUf;AAAA,QACV,UAAUoB;AAAA,QACV,KAAA7B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,GAEMqC,IAASC,EAAgDxC,CAAO;AAKtEuC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Toggle/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Toggle.cjs"),o=require("./useToggleStyleProps.cjs");exports.Toggle=e.default;exports.useToggleStyleProps=o.useToggleStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Toggle/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Toggle.js";
+import { useToggleStyleProps as s } from "./useToggleStyleProps.js";
+export {
+  r as Toggle,
+  s as useToggleStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Toggle/useToggleStyleProps.cjs

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

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

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

package/dist/components/Toggle/useToggleStyleProps.d.ts

@@ -0,0 +1,13 @@
+import { SpiritToggleProps } from '../../types';
+export interface ToggleStyles<T> {
+    classProps: {
+        root: string;
+        label: string;
+        text: string;
+        helperText: string;
+        input: string;
+        validationText: string;
+    };
+    props: T;
+}
+export declare function useToggleStyleProps(props: SpiritToggleProps): ToggleStyles<SpiritToggleProps>;

package/dist/components/Toggle/useToggleStyleProps.js

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

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

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

package/dist/components/Toggle.d.ts

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { PolymorphicComponent, TooltipProps } from '../../types';
+declare const Tooltip: PolymorphicComponent<"div", TooltipProps>;
+export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef, useRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTooltipProps,\n  type TooltipProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TooltipProvider } from './TooltipContext';\nimport { useFloating } from './useFloating';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst _Tooltip = <E extends ElementType = 'div'>(props: SpiritTooltipProps<E>, ref: PolymorphicRef<E>) => {\n  const {\n    children,\n    elementType = 'div',\n    enableFlipping: flipProp = true,\n    enableFlippingCrossAxis: flipCrossAxis = true,\n    enableShifting: shiftProp = true,\n    enableSizing: sizeProp = true,\n    flipFallbackAxisSideDirection = 'none',\n    flipFallbackPlacements = ['bottom', 'top'],\n    id,\n    isDismissible = false,\n    isFocusableOnHover = false,\n    isOpen = false,\n    onToggle,\n    placement: tooltipPlacement,\n    positionStrategy = 'absolute',\n    trigger = ['click', 'hover'],\n    ...restProps\n  } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useTooltipStyleProps({\n    isDismissible,\n    isOpen,\n    ...restProps,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- incompatible type\n  } as any);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.rootClassName,\n    styleProps,\n  });\n\n  // Refs for FloatingUI\n  const arrowRef = useRef<HTMLSpanElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(ref);\n\n  // Get `--tooltip-max-width` and `--tooltip-offset` from CSS variables\n  let tooltipMaxWidth;\n  let tooltipOffset;\n  let tooltipCornerOffset;\n  let tooltipArrowWidth;\n  const tooltipElement = tooltipRef.current?.querySelector('[data-spirit-element=\"tooltip\"]');\n  const tooltipArrowElement = tooltipElement?.querySelector('[data-spirit-element=\"tooltip-arrow\"]');\n\n  if (tooltipElement) {\n    const tooltipComputedStyle = window.getComputedStyle(tooltipElement);\n    const tooltipArrowComputedStyle = tooltipArrowElement && window.getComputedStyle(tooltipArrowElement);\n    tooltipMaxWidth = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-max-width'), 10);\n    tooltipOffset = parseInt(tooltipComputedStyle.getPropertyValue('--tooltip-offset'), 10);\n    tooltipCornerOffset = tooltipArrowComputedStyle\n      ? parseInt(tooltipArrowComputedStyle.getPropertyValue('--tooltip-arrow-corner-offset'), 10)\n      : 0;\n    tooltipArrowWidth = tooltipArrowComputedStyle ? parseInt(tooltipArrowComputedStyle.width, 10) : 0;\n  }\n\n  // Get props for the FloatingUI hook\n  const { getFloatingProps, getReferenceProps, maxWidth, middlewareData, placement, refs, x, y, position } =\n    useFloating({\n      arrowRef,\n      cornerOffset: tooltipCornerOffset,\n      flipCrossAxis,\n      flipFallbackAxisSideDirection,\n      flipFallbackPlacements,\n      flipProp,\n      isDismissible,\n      isFocusableOnHover,\n      isOpen,\n      offset: tooltipOffset,\n      onToggle,\n      shiftProp,\n      sizeProp,\n      positionStrategy,\n      tooltipArrowWidth,\n      tooltipMaxWidth,\n      tooltipPlacement,\n      trigger,\n    });\n\n  return (\n    <TooltipProvider\n      value={{\n        anchorRef: refs.setPositionReference,\n        arrowRef,\n        getFloatingProps,\n        getReferenceProps,\n        id,\n        isDismissible,\n        isOpen,\n        middlewareData,\n        onToggle,\n        placement,\n        sizeMaxWidth: maxWidth,\n        tooltipMaxWidth,\n        tooltipRef: refs.setFloating,\n        triggerRef: refs.setReference,\n        x,\n        y,\n        position,\n      }}\n    >\n      <Component {...otherProps} ref={tooltipRef} {...mergedStyleProps}>\n        {children}\n      </Component>\n    </TooltipProvider>\n  );\n};\n\nconst Tooltip = forwardRef<HTMLDivElement, SpiritTooltipProps<'div'>>(_Tooltip) as unknown as PolymorphicComponent<\n  'div',\n  TooltipProps\n>;\n\nTooltip.spiritComponent = 'Tooltip';\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["_Tooltip","props","ref","children","elementType","flipProp","flipCrossAxis","shiftProp","sizeProp","flipFallbackAxisSideDirection","flipFallbackPlacements","id","isDismissible","isFocusableOnHover","isOpen","onToggle","tooltipPlacement","positionStrategy","trigger","restProps","Component","classProps","modifiedProps","useTooltipStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","arrowRef","useRef","tooltipRef","tooltipMaxWidth","tooltipOffset","tooltipCornerOffset","tooltipArrowWidth","tooltipElement","tooltipArrowElement","tooltipComputedStyle","tooltipArrowComputedStyle","getFloatingProps","getReferenceProps","maxWidth","middlewareData","placement","refs","x","y","position","useFloating","jsx","TooltipProvider","Tooltip","forwardRef"],"mappings":";;;;;;;;AAeA,MAAMA,IAAW,CAAgCC,GAA8BC,MAA2B;AACxG,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,gBAAgBC,IAAW;AAAA,IAC3B,yBAAyBC,IAAgB;AAAA,IACzC,gBAAgBC,IAAY;AAAA,IAC5B,cAAcC,IAAW;AAAA,IACzB,+BAAAC,IAAgC;AAAA,IAChC,wBAAAC,IAAyB,CAAC,UAAU,KAAK;AAAA,IACzC,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,oBAAAC,IAAqB;AAAA,IACrB,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAWC;AAAA,IACX,kBAAAC,IAAmB;AAAA,IACnB,SAAAC,IAAU,CAAC,SAAS,OAAO;AAAA,IAC3B,GAAGC;AAAA,EAAA,IACDlB,GAEEmB,IAAYhB,GAEZ,EAAE,YAAAiB,GAAY,OAAOC,EAAA,IAAkBC,EAAqB;AAAA,IAChE,eAAAX;AAAA,IACA,QAAAE;AAAA,IACA,GAAGK;AAAA;AAAA,EAAA,CAEG,GACF,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAG;AAAA,EAAA,CACD,GAGKK,IAAWC,EAAwB,IAAI,GACvCC,IAAaD,EAAuB5B,CAAG;AAG7C,MAAI8B,GACAC,GACAC,GACAC;AACJ,QAAMC,IAAiBL,EAAW,SAAS,cAAc,iCAAiC,GACpFM,IAAsBD,GAAgB,cAAc,uCAAuC;AAEjG,MAAIA,GAAgB;AAClB,UAAME,IAAuB,OAAO,iBAAiBF,CAAc,GAC7DG,IAA4BF,KAAuB,OAAO,iBAAiBA,CAAmB;AACpG,IAAAL,IAAkB,SAASM,EAAqB,iBAAiB,qBAAqB,GAAG,EAAE,GAC3FL,IAAgB,SAASK,EAAqB,iBAAiB,kBAAkB,GAAG,EAAE,GACtFJ,IAAsBK,IAClB,SAASA,EAA0B,iBAAiB,+BAA+B,GAAG,EAAE,IACxF,GACJJ,IAAoBI,IAA4B,SAASA,EAA0B,OAAO,EAAE,IAAI;AAAA,EAClG;AAGA,QAAM,EAAE,kBAAAC,GAAkB,mBAAAC,GAAmB,UAAAC,GAAU,gBAAAC,GAAgB,WAAAC,GAAW,MAAAC,GAAM,GAAAC,GAAG,GAAAC,GAAG,UAAAC,EAAA,IAC5FC,EAAY;AAAA,IACV,UAAApB;AAAA,IACA,cAAcK;AAAA,IACd,eAAA5B;AAAA,IACA,+BAAAG;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAL;AAAA,IACA,eAAAO;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAQmB;AAAA,IACR,UAAAlB;AAAA,IACA,WAAAR;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAS;AAAA,IACA,mBAAAkB;AAAA,IAEA,kBAAAnB;AAAA,IACA,SAAAE;AAAA,EAAA,CACD;AAEH,SACE,gBAAAgC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWN,EAAK;AAAA,QAChB,UAAAhB;AAAA,QACA,kBAAAW;AAAA,QACA,mBAAAC;AAAA,QACA,IAAA9B;AAAA,QACA,eAAAC;AAAA,QACA,QAAAE;AAAA,QACA,gBAAA6B;AAAA,QACA,UAAA5B;AAAA,QACA,WAAA6B;AAAA,QACA,cAAcF;AAAA,QACd,iBAAAV;AAAA,QACA,YAAYa,EAAK;AAAA,QACjB,YAAYA,EAAK;AAAA,QACjB,GAAAC;AAAA,QACA,GAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAE,EAAC9B,KAAW,GAAGK,GAAY,KAAKM,GAAa,GAAGJ,GAC7C,UAAAxB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMiD,IAAUC,EAAsDrD,CAAQ;AAK9EoD,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Tooltip/TooltipCloseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("classnames"),p=require("../../hooks/styleProps.cjs"),d=require("../../hooks/useI18n.cjs"),m=require("../Icon/Icon.cjs"),y=require("../VisuallyHidden/VisuallyHidden.cjs"),P=require("./useTooltipStyleProps.cjs"),t=({label:o,onClick:r,...l})=>{const{t:n}=d.useI18n(),u=o??n("common.close"),{classProps:i,props:c}=P.useTooltipStyleProps(l),{styleProps:s}=p.useStyleProps({...c});return e.jsxs("button",{type:"button",className:a(i.closeButtonClassName,s.className),style:s.style,onClick:r,"aria-expanded":"true",children:[e.jsx(m.default,{name:"close","aria-hidden":"true"}),e.jsx(y.default,{children:u})]})};t.spiritComponent="TooltipCloseButton";exports.default=t;
+//# sourceMappingURL=TooltipCloseButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipCloseButton.cjs","sources":["../../../src/components/Tooltip/TooltipCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type TooltipCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipCloseButton = ({ label, onClick, ...restProps }: TooltipCloseButtonProps) => {\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n  const { classProps, props: modifiedProps } = useTooltipStyleProps(restProps);\n  const { styleProps } = useStyleProps({ ...modifiedProps });\n\n  return (\n    <button\n      type=\"button\"\n      className={classNames(classProps.closeButtonClassName, styleProps.className)}\n      style={styleProps.style}\n      onClick={onClick}\n      aria-expanded=\"true\"\n    >\n      <Icon name=\"close\" aria-hidden=\"true\" />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </button>\n  );\n};\n\nTooltipCloseButton.spiritComponent = 'TooltipCloseButton';\n\nexport default TooltipCloseButton;\n"],"names":["TooltipCloseButton","label","onClick","restProps","t","useI18n","closeLabel","classProps","modifiedProps","useTooltipStyleProps","styleProps","useStyleProps","jsxs","classNames","jsx","Icon","VisuallyHidden"],"mappings":"2XAUMA,EAAqB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KAAyC,CACxF,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACRC,EAAaL,GAASG,EAAE,cAAc,EACtC,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqBN,CAAS,EACrE,CAAA,WAAEO,CAAA,EAAeC,EAAAA,cAAc,CAAE,GAAGH,EAAe,EAEzD,OACEI,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWC,EAAWN,EAAW,qBAAsBG,EAAW,SAAS,EAC3E,MAAOA,EAAW,MAClB,QAAAR,EACA,gBAAc,OAEd,SAAA,CAAAY,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,QAAQ,cAAY,OAAO,EACtCD,EAAAA,IAACE,EAAAA,SAAgB,SAAAV,CAAA,CAAW,CAAA,CAAA,CAAA,CAGlC,EAEAN,EAAmB,gBAAkB"}

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TooltipCloseButtonProps } from '../../types';
+declare const TooltipCloseButton: {
+    ({ label, onClick, ...restProps }: TooltipCloseButtonProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default TooltipCloseButton;

package/dist/components/Tooltip/TooltipCloseButton.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import a from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useI18n as u } from "../../hooks/useI18n.js";
+import d from "../Icon/Icon.js";
+import f from "../VisuallyHidden/VisuallyHidden.js";
+import { useTooltipStyleProps as y } from "./useTooltipStyleProps.js";
+const P = ({ label: t, onClick: e, ...r }) => {
+  const { t: l } = u(), i = t ?? l("common.close"), { classProps: m, props: n } = y(r), { styleProps: o } = c({ ...n });
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: "button",
+      className: a(m.closeButtonClassName, o.className),
+      style: o.style,
+      onClick: e,
+      "aria-expanded": "true",
+      children: [
+        /* @__PURE__ */ s(d, { name: "close", "aria-hidden": "true" }),
+        /* @__PURE__ */ s(f, { children: i })
+      ]
+    }
+  );
+};
+P.spiritComponent = "TooltipCloseButton";
+export {
+  P as default
+};
+//# sourceMappingURL=TooltipCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipCloseButton.js","sources":["../../../src/components/Tooltip/TooltipCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useI18n, useStyleProps } from '../../hooks';\nimport { type TooltipCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { useTooltipStyleProps } from './useTooltipStyleProps';\n\nconst TooltipCloseButton = ({ label, onClick, ...restProps }: TooltipCloseButtonProps) => {\n  const { t } = useI18n();\n  const closeLabel = label ?? t('common.close');\n  const { classProps, props: modifiedProps } = useTooltipStyleProps(restProps);\n  const { styleProps } = useStyleProps({ ...modifiedProps });\n\n  return (\n    <button\n      type=\"button\"\n      className={classNames(classProps.closeButtonClassName, styleProps.className)}\n      style={styleProps.style}\n      onClick={onClick}\n      aria-expanded=\"true\"\n    >\n      <Icon name=\"close\" aria-hidden=\"true\" />\n      <VisuallyHidden>{closeLabel}</VisuallyHidden>\n    </button>\n  );\n};\n\nTooltipCloseButton.spiritComponent = 'TooltipCloseButton';\n\nexport default TooltipCloseButton;\n"],"names":["TooltipCloseButton","label","onClick","restProps","t","useI18n","closeLabel","classProps","modifiedProps","useTooltipStyleProps","styleProps","useStyleProps","jsxs","classNames","jsx","Icon","VisuallyHidden"],"mappings":";;;;;;;;AAUA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,GAAGC,QAAyC;AACxF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAaL,KAASG,EAAE,cAAc,GACtC,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAqBN,CAAS,GACrE,EAAE,YAAAO,EAAA,IAAeC,EAAc,EAAE,GAAGH,GAAe;AAEzD,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC,EAAWN,EAAW,sBAAsBG,EAAW,SAAS;AAAA,MAC3E,OAAOA,EAAW;AAAA,MAClB,SAAAR;AAAA,MACA,iBAAc;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAY,EAACC,GAAA,EAAK,MAAK,SAAQ,eAAY,QAAO;AAAA,QACtC,gBAAAD,EAACE,KAAgB,UAAAV,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEAN,EAAmB,kBAAkB;"}

package/dist/components/Tooltip/TooltipContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o={anchorRef:()=>{},arrowRef:{current:null},getReferenceProps:()=>({id:"",ref:()=>{}}),getFloatingProps:()=>({id:"",ref:()=>{}}),id:"",isDismissible:!1,isOpen:!1,middlewareData:{},onToggle:()=>{},placement:"bottom",sizeMaxWidth:void 0,tooltipMaxWidth:void 0,tooltipRef:()=>{},triggerRef:()=>{},x:0,y:0,position:"absolute"},e=t.createContext(o),i=e.Provider;e.Consumer;const r=()=>t.useContext(e);exports.TooltipProvider=i;exports.useTooltipContext=r;
+//# sourceMappingURL=TooltipContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContext.cjs","sources":["../../../src/components/Tooltip/TooltipContext.ts"],"sourcesContent":["'use client';\n\nimport { type MiddlewareData, type Placement, type Strategy } from '@floating-ui/react';\nimport { type HTMLProps, type MutableRefObject, createContext, useContext } from 'react';\n\ntype refType = ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);\n\ntype TooltipContextType = {\n  anchorRef: refType;\n  arrowRef: MutableRefObject<HTMLElement | null>;\n  getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;\n  getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;\n  id: string;\n  isDismissible?: boolean;\n  isOpen: boolean;\n  middlewareData: MiddlewareData;\n  onToggle: (isOpen: boolean) => void;\n  placement?: Placement | undefined;\n  sizeMaxWidth?: number;\n  tooltipMaxWidth?: number;\n  tooltipRef: refType;\n  triggerRef: refType;\n  x: number;\n  y: number;\n  position?: Strategy;\n};\n\nconst defaultContext: TooltipContextType = {\n  anchorRef: () => {},\n  arrowRef: { current: null },\n  getReferenceProps: () => ({\n    id: '',\n    ref: () => {},\n  }),\n  getFloatingProps: () => ({\n    id: '',\n    ref: () => {},\n  }),\n  id: '',\n  isDismissible: false,\n  isOpen: false,\n  middlewareData: {},\n  onToggle: () => {},\n  placement: 'bottom',\n  sizeMaxWidth: undefined,\n  tooltipMaxWidth: undefined,\n  tooltipRef: () => {},\n  triggerRef: () => {},\n  x: 0,\n  y: 0,\n  position: 'absolute',\n};\n\nconst TooltipContext = createContext<TooltipContextType>(defaultContext);\nconst TooltipProvider = TooltipContext.Provider;\nconst TooltipConsumer = TooltipContext.Consumer;\nconst useTooltipContext = (): TooltipContextType => useContext(TooltipContext);\n\nexport default TooltipContext;\nexport { TooltipConsumer, TooltipProvider, useTooltipContext };\nexport type { TooltipContextType };\n"],"names":["defaultContext","TooltipContext","createContext","TooltipProvider","useTooltipContext","useContext"],"mappings":"sHA2BMA,EAAqC,CACzC,UAAW,IAAM,CAAC,EAClB,SAAU,CAAE,QAAS,IAAA,EACrB,kBAAmB,KAAO,CACxB,GAAI,GACJ,IAAK,IAAM,CAAC,CAAA,GAEd,iBAAkB,KAAO,CACvB,GAAI,GACJ,IAAK,IAAM,CAAC,CAAA,GAEd,GAAI,GACJ,cAAe,GACf,OAAQ,GACR,eAAgB,CAAA,EAChB,SAAU,IAAM,CAAC,EACjB,UAAW,SACX,aAAc,OACd,gBAAiB,OACjB,WAAY,IAAM,CAAC,EACnB,WAAY,IAAM,CAAC,EACnB,EAAG,EACH,EAAG,EACH,SAAU,UACZ,EAEMC,EAAiBC,EAAAA,cAAkCF,CAAc,EACjEG,EAAkBF,EAAe,SACfA,EAAe,SACvC,MAAMG,EAAoB,IAA0BC,EAAAA,WAAWJ,CAAc"}

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

@@ -0,0 +1,29 @@
+import { MiddlewareData, Placement, Strategy } from '@floating-ui/react';
+import { HTMLProps, MutableRefObject } from 'react';
+type refType = ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+type TooltipContextType = {
+    anchorRef: refType;
+    arrowRef: MutableRefObject<HTMLElement | null>;
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
+    id: string;
+    isDismissible?: boolean;
+    isOpen: boolean;
+    middlewareData: MiddlewareData;
+    onToggle: (isOpen: boolean) => void;
+    placement?: Placement | undefined;
+    sizeMaxWidth?: number;
+    tooltipMaxWidth?: number;
+    tooltipRef: refType;
+    triggerRef: refType;
+    x: number;
+    y: number;
+    position?: Strategy;
+};
+declare const TooltipContext: React.Context<TooltipContextType>;
+declare const TooltipProvider: React.Provider<TooltipContextType>;
+declare const TooltipConsumer: React.Consumer<TooltipContextType>;
+declare const useTooltipContext: () => TooltipContextType;
+export default TooltipContext;
+export { TooltipConsumer, TooltipProvider, useTooltipContext };
+export type { TooltipContextType };

package/dist/components/Tooltip/TooltipContext.js

@@ -0,0 +1,40 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+const i = {
+  anchorRef: () => {
+  },
+  arrowRef: { current: null },
+  getReferenceProps: () => ({
+    id: "",
+    ref: () => {
+    }
+  }),
+  getFloatingProps: () => ({
+    id: "",
+    ref: () => {
+    }
+  }),
+  id: "",
+  isDismissible: !1,
+  isOpen: !1,
+  middlewareData: {},
+  onToggle: () => {
+  },
+  placement: "bottom",
+  sizeMaxWidth: void 0,
+  tooltipMaxWidth: void 0,
+  tooltipRef: () => {
+  },
+  triggerRef: () => {
+  },
+  x: 0,
+  y: 0,
+  position: "absolute"
+}, e = o(i), s = e.Provider;
+e.Consumer;
+const n = () => t(e);
+export {
+  s as TooltipProvider,
+  n as useTooltipContext
+};
+//# sourceMappingURL=TooltipContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContext.js","sources":["../../../src/components/Tooltip/TooltipContext.ts"],"sourcesContent":["'use client';\n\nimport { type MiddlewareData, type Placement, type Strategy } from '@floating-ui/react';\nimport { type HTMLProps, type MutableRefObject, createContext, useContext } from 'react';\n\ntype refType = ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);\n\ntype TooltipContextType = {\n  anchorRef: refType;\n  arrowRef: MutableRefObject<HTMLElement | null>;\n  getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;\n  getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;\n  id: string;\n  isDismissible?: boolean;\n  isOpen: boolean;\n  middlewareData: MiddlewareData;\n  onToggle: (isOpen: boolean) => void;\n  placement?: Placement | undefined;\n  sizeMaxWidth?: number;\n  tooltipMaxWidth?: number;\n  tooltipRef: refType;\n  triggerRef: refType;\n  x: number;\n  y: number;\n  position?: Strategy;\n};\n\nconst defaultContext: TooltipContextType = {\n  anchorRef: () => {},\n  arrowRef: { current: null },\n  getReferenceProps: () => ({\n    id: '',\n    ref: () => {},\n  }),\n  getFloatingProps: () => ({\n    id: '',\n    ref: () => {},\n  }),\n  id: '',\n  isDismissible: false,\n  isOpen: false,\n  middlewareData: {},\n  onToggle: () => {},\n  placement: 'bottom',\n  sizeMaxWidth: undefined,\n  tooltipMaxWidth: undefined,\n  tooltipRef: () => {},\n  triggerRef: () => {},\n  x: 0,\n  y: 0,\n  position: 'absolute',\n};\n\nconst TooltipContext = createContext<TooltipContextType>(defaultContext);\nconst TooltipProvider = TooltipContext.Provider;\nconst TooltipConsumer = TooltipContext.Consumer;\nconst useTooltipContext = (): TooltipContextType => useContext(TooltipContext);\n\nexport default TooltipContext;\nexport { TooltipConsumer, TooltipProvider, useTooltipContext };\nexport type { TooltipContextType };\n"],"names":["defaultContext","TooltipContext","createContext","TooltipProvider","useTooltipContext","useContext"],"mappings":";;AA2BA,MAAMA,IAAqC;AAAA,EACzC,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,UAAU,EAAE,SAAS,KAAA;AAAA,EACrB,mBAAmB,OAAO;AAAA,IACxB,IAAI;AAAA,IACJ,KAAK,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,EAEd,kBAAkB,OAAO;AAAA,IACvB,IAAI;AAAA,IACJ,KAAK,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,EAEd,IAAI;AAAA,EACJ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,gBAAgB,CAAA;AAAA,EAChB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU;AACZ,GAEMC,IAAiBC,EAAkCF,CAAc,GACjEG,IAAkBF,EAAe;AACfA,EAAe;AACvC,MAAMG,IAAoB,MAA0BC,EAAWJ,CAAc;"}

package/dist/components/Tooltip/TooltipPopover.cjs

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

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

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

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

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

package/dist/components/Tooltip/TooltipPopover.js

@@ -0,0 +1,91 @@
+"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, {
+    arrowRef: t,
+    getFloatingProps: P,
+    isDismissible: o,
+    isOpen: p,
+    middlewareData: x,
+    onToggle: n,
+    placement: e,
+    tooltipRef: y,
+    x: w,
+    y: C,
+    position: b,
+    sizeMaxWidth: s,
+    tooltipMaxWidth: r
+  } = O(), { classProps: a, props: v } = R({
+    isOpen: p,
+    isDismissible: o,
+    ...g
+  }), { styleProps: m, props: N } = B(v), S = A(
+    () => o && /* @__PURE__ */ d(D, { onClick: () => n(!1), label: "close" }),
+    [o, n]
+  ), T = () => {
+    if (p && s && r)
+      return {
+        maxWidth: r < s ? r : s
+      };
+  }, M = () => {
+    if (e && t.current) {
+      const { arrow: c } = x, 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;
+      return {
+        left: c?.x,
+        top: c?.y,
+        [i]: f && -Math.floor(f)
+        // remove 0.5 pixels values for arrow offset
+      };
+    }
+  };
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: y,
+      className: j(a.popoverClassName, m.className),
+      ...N,
+      ...P(),
+      style: {
+        position: b,
+        top: C ?? 0,
+        left: w ?? 0,
+        ...T(),
+        ...m.style
+      },
+      "data-spirit-element": "tooltip",
+      "data-spirit-placement": e,
+      children: [
+        h,
+        S,
+        /* @__PURE__ */ d(
+          "span",
+          {
+            ref: t,
+            className: a.arrowClassName,
+            "data-spirit-element": "tooltip-arrow",
+            style: {
+              position: "absolute",
+              ...M()
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+k.spiritComponent = "TooltipPopover";
+export {
+  k as default
+};
+//# sourceMappingURL=TooltipPopover.js.map