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

package/dist/components/SegmentedControl/SegmentedControlItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSegmentedControlItemProps } from '../../types';\nimport { useSegmentedControlContext } from './SegmentedControlContext';\nimport { type UseSegmentedControlStylesProps, useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst _SegmentedControlItem = (props: SpiritSegmentedControlItemProps, ref: ForwardedRef<HTMLLabelElement>) => {\n  const { isMultiselect, name, onSelectionChange, selectedValue, setSelectedValue } = useSegmentedControlContext();\n  const { id, isDisabled, value, children, ...restProps } = props as SpiritSegmentedControlItemProps;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(\n    restProps as UseSegmentedControlStylesProps,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const handleSetSelectedValue = (v: string) => {\n    if (isDisabled) return;\n\n    let newValue;\n\n    if (isMultiselect) {\n      const prevArray = Array.isArray(selectedValue) ? selectedValue : [];\n      newValue = prevArray.includes(v) ? prevArray.filter((item) => item !== v) : [...prevArray, v];\n    } else {\n      newValue = v;\n    }\n\n    setSelectedValue(newValue);\n\n    if (onSelectionChange) {\n      onSelectionChange(newValue);\n    }\n  };\n\n  const isChecked = isMultiselect\n    ? Array.isArray(selectedValue) && selectedValue.includes(String(value))\n    : selectedValue === String(value);\n\n  return (\n    <>\n      <input\n        {...otherProps}\n        {...styleProps}\n        {...(isDisabled && { disabled: true })}\n        className={classNames(classProps.input, styleProps.className)}\n        type={isMultiselect ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        checked={isChecked}\n        onChange={() => handleSetSelectedValue(String(value))}\n      />\n      <label ref={ref} htmlFor={id} {...styleProps} className={classNames(classProps.label, styleProps.className)}>\n        {children}\n      </label>\n    </>\n  );\n};\n\nconst SegmentedControlItem = forwardRef<HTMLLabelElement, SpiritSegmentedControlItemProps>(\n  _SegmentedControlItem,\n) as ForwardRefComponent<HTMLLabelElement, SpiritSegmentedControlItemProps>;\n\nSegmentedControlItem.spiritComponent = 'SegmentedControlItem';\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n\nexport default SegmentedControlItem;\n"],"names":["_SegmentedControlItem","props","ref","isMultiselect","name","onSelectionChange","selectedValue","setSelectedValue","useSegmentedControlContext","id","isDisabled","value","children","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","handleSetSelectedValue","v","newValue","prevArray","item","isChecked","jsxs","Fragment","jsx","classNames","SegmentedControlItem","forwardRef"],"mappings":"6UASMA,EAAwB,CAACC,EAAwCC,IAAwC,CAC7G,KAAM,CAAE,cAAAC,EAAe,KAAAC,EAAM,kBAAAC,EAAmB,cAAAC,EAAe,iBAAAC,CAAA,EAAqBC,6BAAA,EAC9E,CAAE,GAAAC,EAAI,WAAAC,EAAY,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAcZ,EACpD,CAAE,WAAAa,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,8BAC3CH,CAAA,EAEI,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAE/DK,EAA0BC,GAAc,CAC5C,GAAIX,EAAY,OAEhB,IAAIY,EAEJ,GAAInB,EAAe,CACjB,MAAMoB,EAAY,MAAM,QAAQjB,CAAa,EAAIA,EAAgB,CAAA,EACjEgB,EAAWC,EAAU,SAASF,CAAC,EAAIE,EAAU,OAAQC,GAASA,IAASH,CAAC,EAAI,CAAC,GAAGE,EAAWF,CAAC,CAC9F,MACEC,EAAWD,EAGbd,EAAiBe,CAAQ,EAErBjB,GACFA,EAAkBiB,CAAQ,CAE9B,EAEMG,EAAYtB,EACd,MAAM,QAAQG,CAAa,GAAKA,EAAc,SAAS,OAAOK,CAAK,CAAC,EACpEL,IAAkB,OAAOK,CAAK,EAElC,OACEe,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACE,GAAGV,EACH,GAAGD,EACH,GAAIP,GAAc,CAAE,SAAU,EAAA,EAC/B,UAAWmB,EAAWf,EAAW,MAAOG,EAAW,SAAS,EAC5D,KAAMd,EAAgB,WAAa,QACnC,KAAAC,EACA,GAAAK,EACA,MAAAE,EACA,QAASc,EACT,SAAU,IAAML,EAAuB,OAAOT,CAAK,CAAC,CAAA,CAAA,EAEtDiB,EAAAA,IAAC,QAAA,CAAM,IAAA1B,EAAU,QAASO,EAAK,GAAGQ,EAAY,UAAWY,EAAWf,EAAW,MAAOG,EAAW,SAAS,EACvG,SAAAL,CAAA,CACH,CAAA,EACF,CAEJ,EAEMkB,EAAuBC,EAAAA,WAC3B/B,CACF,EAEA8B,EAAqB,gBAAkB,uBACvCA,EAAqB,YAAc"}

package/dist/components/SegmentedControl/SegmentedControlItem.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritSegmentedControlItemProps } from '../../types';
+declare const SegmentedControlItem: ForwardRefComponent<HTMLLabelElement, SpiritSegmentedControlItemProps>;
+export default SegmentedControlItem;

package/dist/components/SegmentedControl/SegmentedControlItem.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs as I, Fragment as V, jsx as d } from "react/jsx-runtime";
+import p from "classnames";
+import { forwardRef as k } from "react";
+import { useStyleProps as j } from "../../hooks/styleProps.js";
+import { useSegmentedControlContext as w } from "./SegmentedControlContext.js";
+import { useSegmentedControlStyleProps as F } from "./useSegmentedControlStyleProps.js";
+const D = (S, f) => {
+  const { isMultiselect: n, name: g, onSelectionChange: i, selectedValue: e, setSelectedValue: C } = w(), { id: a, isDisabled: m, value: t, children: h, ...y } = S, { classProps: c, props: P } = F(
+    y
+  ), { styleProps: r, props: N } = j(P), b = (s) => {
+    if (m) return;
+    let o;
+    if (n) {
+      const l = Array.isArray(e) ? e : [];
+      o = l.includes(s) ? l.filter((A) => A !== s) : [...l, s];
+    } else
+      o = s;
+    C(o), i && i(o);
+  }, x = n ? Array.isArray(e) && e.includes(String(t)) : e === String(t);
+  return /* @__PURE__ */ I(V, { children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        ...N,
+        ...r,
+        ...m && { disabled: !0 },
+        className: p(c.input, r.className),
+        type: n ? "checkbox" : "radio",
+        name: g,
+        id: a,
+        value: t,
+        checked: x,
+        onChange: () => b(String(t))
+      }
+    ),
+    /* @__PURE__ */ d("label", { ref: f, htmlFor: a, ...r, className: p(c.label, r.className), children: h })
+  ] });
+}, u = k(
+  D
+);
+u.spiritComponent = "SegmentedControlItem";
+u.displayName = "SegmentedControlItem";
+export {
+  u as default
+};
+//# sourceMappingURL=SegmentedControlItem.js.map

package/dist/components/SegmentedControl/SegmentedControlItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.js","sources":["../../../src/components/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSegmentedControlItemProps } from '../../types';\nimport { useSegmentedControlContext } from './SegmentedControlContext';\nimport { type UseSegmentedControlStylesProps, useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst _SegmentedControlItem = (props: SpiritSegmentedControlItemProps, ref: ForwardedRef<HTMLLabelElement>) => {\n  const { isMultiselect, name, onSelectionChange, selectedValue, setSelectedValue } = useSegmentedControlContext();\n  const { id, isDisabled, value, children, ...restProps } = props as SpiritSegmentedControlItemProps;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(\n    restProps as UseSegmentedControlStylesProps,\n  );\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const handleSetSelectedValue = (v: string) => {\n    if (isDisabled) return;\n\n    let newValue;\n\n    if (isMultiselect) {\n      const prevArray = Array.isArray(selectedValue) ? selectedValue : [];\n      newValue = prevArray.includes(v) ? prevArray.filter((item) => item !== v) : [...prevArray, v];\n    } else {\n      newValue = v;\n    }\n\n    setSelectedValue(newValue);\n\n    if (onSelectionChange) {\n      onSelectionChange(newValue);\n    }\n  };\n\n  const isChecked = isMultiselect\n    ? Array.isArray(selectedValue) && selectedValue.includes(String(value))\n    : selectedValue === String(value);\n\n  return (\n    <>\n      <input\n        {...otherProps}\n        {...styleProps}\n        {...(isDisabled && { disabled: true })}\n        className={classNames(classProps.input, styleProps.className)}\n        type={isMultiselect ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        checked={isChecked}\n        onChange={() => handleSetSelectedValue(String(value))}\n      />\n      <label ref={ref} htmlFor={id} {...styleProps} className={classNames(classProps.label, styleProps.className)}>\n        {children}\n      </label>\n    </>\n  );\n};\n\nconst SegmentedControlItem = forwardRef<HTMLLabelElement, SpiritSegmentedControlItemProps>(\n  _SegmentedControlItem,\n) as ForwardRefComponent<HTMLLabelElement, SpiritSegmentedControlItemProps>;\n\nSegmentedControlItem.spiritComponent = 'SegmentedControlItem';\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n\nexport default SegmentedControlItem;\n"],"names":["_SegmentedControlItem","props","ref","isMultiselect","name","onSelectionChange","selectedValue","setSelectedValue","useSegmentedControlContext","id","isDisabled","value","children","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","handleSetSelectedValue","v","newValue","prevArray","item","isChecked","jsxs","Fragment","jsx","classNames","SegmentedControlItem","forwardRef"],"mappings":";;;;;;;AASA,MAAMA,IAAwB,CAACC,GAAwCC,MAAwC;AAC7G,QAAM,EAAE,eAAAC,GAAe,MAAAC,GAAM,mBAAAC,GAAmB,eAAAC,GAAe,kBAAAC,EAAA,IAAqBC,EAAA,GAC9E,EAAE,IAAAC,GAAI,YAAAC,GAAY,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAAcZ,GACpD,EAAE,YAAAa,GAAY,OAAOC,EAAA,IAAkBC;AAAA,IAC3CH;AAAA,EAAA,GAEI,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAE/DK,IAAyB,CAACC,MAAc;AAC5C,QAAIX,EAAY;AAEhB,QAAIY;AAEJ,QAAInB,GAAe;AACjB,YAAMoB,IAAY,MAAM,QAAQjB,CAAa,IAAIA,IAAgB,CAAA;AACjE,MAAAgB,IAAWC,EAAU,SAASF,CAAC,IAAIE,EAAU,OAAO,CAACC,MAASA,MAASH,CAAC,IAAI,CAAC,GAAGE,GAAWF,CAAC;AAAA,IAC9F;AACE,MAAAC,IAAWD;AAGb,IAAAd,EAAiBe,CAAQ,GAErBjB,KACFA,EAAkBiB,CAAQ;AAAA,EAE9B,GAEMG,IAAYtB,IACd,MAAM,QAAQG,CAAa,KAAKA,EAAc,SAAS,OAAOK,CAAK,CAAC,IACpEL,MAAkB,OAAOK,CAAK;AAElC,SACE,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGV;AAAA,QACH,GAAGD;AAAA,QACH,GAAIP,KAAc,EAAE,UAAU,GAAA;AAAA,QAC/B,WAAWmB,EAAWf,EAAW,OAAOG,EAAW,SAAS;AAAA,QAC5D,MAAMd,IAAgB,aAAa;AAAA,QACnC,MAAAC;AAAA,QACA,IAAAK;AAAA,QACA,OAAAE;AAAA,QACA,SAASc;AAAA,QACT,UAAU,MAAML,EAAuB,OAAOT,CAAK,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEtD,gBAAAiB,EAAC,SAAA,EAAM,KAAA1B,GAAU,SAASO,GAAK,GAAGQ,GAAY,WAAWY,EAAWf,EAAW,OAAOG,EAAW,SAAS,GACvG,UAAAL,EAAA,CACH;AAAA,EAAA,GACF;AAEJ,GAEMkB,IAAuBC;AAAA,EAC3B/B;AACF;AAEA8B,EAAqB,kBAAkB;AACvCA,EAAqB,cAAc;"}

package/dist/components/SegmentedControl/UncontrolledSegmentedControl.d.ts

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

package/dist/components/SegmentedControl/index.cjs

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

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

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

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,11 @@
+import { default as o } from "./SegmentedControl.js";
+import { default as m } from "./SegmentedControlItem.js";
+import { useSegmentedControl as l } from "./useSegmentedControl.js";
+import { useSegmentedControlStyleProps as d } from "./useSegmentedControlStyleProps.js";
+export {
+  o as SegmentedControl,
+  m as SegmentedControlItem,
+  l as useSegmentedControl,
+  d as useSegmentedControlStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SegmentedControl/useSegmentedControl.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=({defaultSelectedValue:e,isMultiselect:t})=>{let s;t?Array.isArray(e)?s=e:e!==void 0?s=[e]:s=[]:s=e??"";const[r,i]=n.useState(s);return{selectedValue:r,setSelectedValue:i}};exports.useSegmentedControl=o;
+//# sourceMappingURL=useSegmentedControl.cjs.map

package/dist/components/SegmentedControl/useSegmentedControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControl.cjs","sources":["../../../src/components/SegmentedControl/useSegmentedControl.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\ntype UseSegmentedControlProps = SegmentedControlMultiselectProps & {\n  defaultSelectedValue?: string | string[];\n};\n\nexport const useSegmentedControl = ({ defaultSelectedValue, isMultiselect }: UseSegmentedControlProps) => {\n  let initialValue: string | string[];\n\n  if (isMultiselect) {\n    if (Array.isArray(defaultSelectedValue)) {\n      initialValue = defaultSelectedValue;\n    } else if (defaultSelectedValue !== undefined) {\n      initialValue = [defaultSelectedValue];\n    } else {\n      initialValue = [];\n    }\n  } else {\n    initialValue = defaultSelectedValue ?? '';\n  }\n\n  const [selectedValue, setSelectedValue] = useState<string | string[]>(initialValue);\n\n  return {\n    selectedValue,\n    setSelectedValue,\n  };\n};\n"],"names":["useSegmentedControl","defaultSelectedValue","isMultiselect","initialValue","selectedValue","setSelectedValue","useState"],"mappings":"sHASaA,EAAsB,CAAC,CAAE,qBAAAC,EAAsB,cAAAC,KAA8C,CACxG,IAAIC,EAEAD,EACE,MAAM,QAAQD,CAAoB,EACpCE,EAAeF,EACNA,IAAyB,OAClCE,EAAe,CAACF,CAAoB,EAEpCE,EAAe,CAAA,EAGjBA,EAAeF,GAAwB,GAGzC,KAAM,CAACG,EAAeC,CAAgB,EAAIC,EAAAA,SAA4BH,CAAY,EAElF,MAAO,CACL,cAAAC,EACA,iBAAAC,CAAA,CAEJ"}

package/dist/components/SegmentedControl/useSegmentedControl.d.ts

@@ -0,0 +1,9 @@
+import { SegmentedControlMultiselectProps } from '../../types/segmentedControl';
+type UseSegmentedControlProps = SegmentedControlMultiselectProps & {
+    defaultSelectedValue?: string | string[];
+};
+export declare const useSegmentedControl: ({ defaultSelectedValue, isMultiselect }: UseSegmentedControlProps) => {
+    selectedValue: string | string[];
+    setSelectedValue: React.Dispatch<React.SetStateAction<string | string[]>>;
+};
+export {};

package/dist/components/SegmentedControl/useSegmentedControl.js

@@ -0,0 +1,15 @@
+"use client";
+import { useState as o } from "react";
+const m = ({ defaultSelectedValue: s, isMultiselect: r }) => {
+  let i;
+  r ? Array.isArray(s) ? i = s : s !== void 0 ? i = [s] : i = [] : i = s ?? "";
+  const [t, e] = o(i);
+  return {
+    selectedValue: t,
+    setSelectedValue: e
+  };
+};
+export {
+  m as useSegmentedControl
+};
+//# sourceMappingURL=useSegmentedControl.js.map

package/dist/components/SegmentedControl/useSegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControl.js","sources":["../../../src/components/SegmentedControl/useSegmentedControl.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\ntype UseSegmentedControlProps = SegmentedControlMultiselectProps & {\n  defaultSelectedValue?: string | string[];\n};\n\nexport const useSegmentedControl = ({ defaultSelectedValue, isMultiselect }: UseSegmentedControlProps) => {\n  let initialValue: string | string[];\n\n  if (isMultiselect) {\n    if (Array.isArray(defaultSelectedValue)) {\n      initialValue = defaultSelectedValue;\n    } else if (defaultSelectedValue !== undefined) {\n      initialValue = [defaultSelectedValue];\n    } else {\n      initialValue = [];\n    }\n  } else {\n    initialValue = defaultSelectedValue ?? '';\n  }\n\n  const [selectedValue, setSelectedValue] = useState<string | string[]>(initialValue);\n\n  return {\n    selectedValue,\n    setSelectedValue,\n  };\n};\n"],"names":["useSegmentedControl","defaultSelectedValue","isMultiselect","initialValue","selectedValue","setSelectedValue","useState"],"mappings":";;AASO,MAAMA,IAAsB,CAAC,EAAE,sBAAAC,GAAsB,eAAAC,QAA8C;AACxG,MAAIC;AAEJ,EAAID,IACE,MAAM,QAAQD,CAAoB,IACpCE,IAAeF,IACNA,MAAyB,SAClCE,IAAe,CAACF,CAAoB,IAEpCE,IAAe,CAAA,IAGjBA,IAAeF,KAAwB;AAGzC,QAAM,CAACG,GAAeC,CAAgB,IAAIC,EAA4BH,CAAY;AAElF,SAAO;AAAA,IACL,eAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA;AAEJ;"}

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("classnames"),m=require("../../constants/dictionaries.cjs"),C=require("../../hooks/useClassNamePrefix.cjs"),d=t=>{const{isFluid:o,variant:n=m.FillVariants.OUTLINE,...r}=t,e=C.useClassNamePrefix("SegmentedControl"),l=`${e}--${n}`,a=`${e}--fluid`,s=`${e}Item`,i=`${s}__input`,c=`${s}__label`;return{classProps:{root:u(e,l,{[a]:o}),input:i,label:c},props:r}};exports.useSegmentedControlStyleProps=d;
+//# sourceMappingURL=useSegmentedControlStyleProps.cjs.map

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControlStyleProps.cjs","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: Omit<SpiritSegmentedControlProps, 'name'>;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":"4MAkBaA,EACXC,GACoC,CACpC,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAUC,EAAAA,aAAa,QAAS,GAAGC,GAAcJ,EAE5DK,EAAwBC,EAAAA,mBAAmB,kBAAkB,EAC7DC,EAA+B,GAAGF,CAAqB,KAAKH,CAAO,GACnEM,EAA6B,GAAGH,CAAqB,UACrDI,EAA4B,GAAGJ,CAAqB,OACpDK,EAAiC,GAAGD,CAAyB,UAC7DE,EAAiC,GAAGF,CAAyB,UAUnE,MAAO,CACL,WATiB,CACjB,KAAMG,EAAWP,EAAuBE,EAA8B,CACpE,CAACC,CAA0B,EAAGP,CAAA,CAC/B,EACD,MAAOS,EACP,MAAOC,CAAA,EAKP,MAAOP,CAAA,CAEX"}

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { SpiritSegmentedControlProps } from '../../types/segmentedControl';
+export interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {
+}
+export interface UseSegmentedControlStylesReturn {
+    classProps: {
+        root: string;
+        input: string;
+        label: string;
+    };
+    props: Omit<SpiritSegmentedControlProps, 'name'>;
+}
+export declare const useSegmentedControlStyleProps: (props: UseSegmentedControlStylesProps) => UseSegmentedControlStylesReturn;

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.js

@@ -0,0 +1,20 @@
+import C from "classnames";
+import { FillVariants as c } from "../../constants/dictionaries.js";
+import { useClassNamePrefix as p } from "../../hooks/useClassNamePrefix.js";
+const $ = (e) => {
+  const { isFluid: o, variant: n = c.OUTLINE, ...l } = e, s = p("SegmentedControl"), r = `${s}--${n}`, a = `${s}--fluid`, t = `${s}Item`, m = `${t}__input`, i = `${t}__label`;
+  return {
+    classProps: {
+      root: C(s, r, {
+        [a]: o
+      }),
+      input: m,
+      label: i
+    },
+    props: l
+  };
+};
+export {
+  $ as useSegmentedControlStyleProps
+};
+//# sourceMappingURL=useSegmentedControlStyleProps.js.map

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControlStyleProps.js","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: Omit<SpiritSegmentedControlProps, 'name'>;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":";;;AAkBO,MAAMA,IAAgC,CAC3CC,MACoC;AACpC,QAAM,EAAE,SAAAC,GAAS,SAAAC,IAAUC,EAAa,SAAS,GAAGC,MAAcJ,GAE5DK,IAAwBC,EAAmB,kBAAkB,GAC7DC,IAA+B,GAAGF,CAAqB,KAAKH,CAAO,IACnEM,IAA6B,GAAGH,CAAqB,WACrDI,IAA4B,GAAGJ,CAAqB,QACpDK,IAAiC,GAAGD,CAAyB,WAC7DE,IAAiC,GAAGF,CAAyB;AAUnE,SAAO;AAAA,IACL,YATiB;AAAA,MACjB,MAAMG,EAAWP,GAAuBE,GAA8B;AAAA,QACpE,CAACC,CAA0B,GAAGP;AAAA,MAAA,CAC/B;AAAA,MACD,OAAOS;AAAA,MACP,OAAOC;AAAA,IAAA;AAAA,IAKP,OAAOP;AAAA,EAAA;AAEX;"}

package/dist/components/SegmentedControl.d.ts

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

package/dist/components/Select/Select.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"),j=require("classnames"),_=require("react"),u=require("../../constants/dictionaries.cjs"),A=require("../../hooks/styleProps.cjs"),R=require("../../hooks/useAriaIdRefs.cjs"),g=require("../Field/HelperText.cjs"),D=require("../Field/Label.cjs"),F=require("../Field/ValidationText.cjs"),I=require("../Field/useValidationTextRole.cjs"),M=require("../Icon/Icon.cjs"),V=require("./useSelectStyleProps.cjs"),z=(p,x)=>{const{"aria-describedby":S="",children:m,hasValidationIcon:b,helperText:q,id:i,isDisabled:a,isFluid:N,isLabelHidden:h,isRequired:l,label:y,size:o=u.Sizes.MEDIUM,validationState:t,validationText:c,...T}=p,{classProps:s}=V.useSelectStyleProps({isDisabled:a,isFluid:N,isLabelHidden:h,isRequired:l,size:o,validationState:t}),{styleProps:n,props:v}=A.useStyleProps(T),[P,d]=R.useAriaDescribedBy(S),f=I.useValidationTextRole({validationState:t,validationText:c});return e.jsxs("div",{...n,className:j(s.root,n.className),children:[e.jsx(D.default,{htmlFor:i,UNSAFE_className:s.label,children:y}),e.jsxs("div",{className:s.container,children:[e.jsx("select",{...v,...P,id:i,className:s.input,disabled:a,required:l,ref:x,children:m}),e.jsx("div",{className:s.icon,children:e.jsx(M.default,{name:"chevron-down",boxSize:o===u.Sizes.SMALL?16:20})})]}),e.jsx(g.default,{UNSAFE_className:s.helperText,id:`${i}__helperText`,registerAria:d,helperText:q}),t&&e.jsx(F.default,{UNSAFE_className:s.validationText,...b&&{hasValidationStateIcon:t},id:`${i}__validationText`,validationText:c,registerAria:d,role:f})]})},r=_.forwardRef(z);r.spiritComponent="Select";r.displayName="Select";exports.default=r;
+//# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\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  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":"6iBAYMA,EAAU,CAACC,EAA0BC,IAAyC,CAClF,KAAM,CACJ,mBAAoBC,EAAkB,GACtC,SAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDhB,EACE,CAAE,WAAAiB,CAAA,EAAeC,sBAAoB,CAEzC,WAAAX,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,KAAAE,EACA,gBAAAE,CAAA,CACD,EACK,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAC9D,CAACM,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBtB,CAAe,EACpEuB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAZ,EACA,eAAAC,CAAA,CACD,EAED,OACEY,OAAC,MAAA,CAAK,GAAGR,EAAY,UAAWS,EAAWX,EAAW,KAAME,EAAW,SAAS,EAC9E,SAAA,CAAAU,MAACC,EAAAA,SAAM,QAASxB,EAAI,iBAAkBW,EAAW,MAC9C,SAAAN,EACH,EACAgB,EAAAA,KAAC,MAAA,CAAI,UAAWV,EAAW,UACzB,SAAA,CAAAY,EAAAA,IAAC,SAAA,CACE,GAAGT,EACH,GAAGE,EACJ,GAAAhB,EACA,UAAWW,EAAW,MACtB,SAAUV,EACV,SAAUG,EACV,IAAAT,EAEC,SAAAE,CAAA,CAAA,EAEH0B,EAAAA,IAAC,MAAA,CAAI,UAAWZ,EAAW,KACzB,SAAAY,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,eAAe,QAASnB,IAASC,EAAAA,MAAM,MAAQ,GAAK,GAAI,CAAA,CACrE,CAAA,EACF,EACAgB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBf,EAAW,WAC7B,GAAI,GAAGX,CAAE,eACT,aAAciB,EACd,WAAAlB,CAAA,CAAA,EAEDS,GACCe,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBhB,EAAW,eAC5B,GAAIb,GAAqB,CAAE,uBAAwBU,CAAA,EACpD,GAAI,GAAGR,CAAE,mBACT,eAAAS,EACA,aAAcQ,EACd,KAAME,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMS,EAASC,EAAAA,WAAiDpC,CAAO,EAKvEmC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritSelectProps } from '../../types';
+declare const Select: ForwardRefComponent<HTMLSelectElement, SpiritSelectProps>;
+export default Select;

package/dist/components/Select/Select.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import D from "classnames";
+import { forwardRef as F } from "react";
+import { Sizes as n } from "../../constants/dictionaries.js";
+import { useStyleProps as E } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as I } from "../../hooks/useAriaIdRefs.js";
+import L from "../Field/HelperText.js";
+import R from "../Field/Label.js";
+import U from "../Field/ValidationText.js";
+import { useValidationTextRole as V } from "../Field/useValidationTextRole.js";
+import g from "../Icon/Icon.js";
+import { useSelectStyleProps as z } from "./useSelectStyleProps.js";
+const B = (f, S) => {
+  const {
+    "aria-describedby": x = "",
+    children: N,
+    hasValidationIcon: b,
+    helperText: h,
+    id: r,
+    isDisabled: t,
+    isFluid: u,
+    isLabelHidden: T,
+    isRequired: o,
+    label: v,
+    size: a = n.MEDIUM,
+    validationState: s,
+    validationText: l,
+    ...y
+  } = f, { classProps: e } = z({
+    isDisabled: t,
+    isFluid: u,
+    isLabelHidden: T,
+    isRequired: o,
+    size: a,
+    validationState: s
+  }), { styleProps: c, props: _ } = E(y), [A, d] = I(x), P = V({
+    validationState: s,
+    validationText: l
+  });
+  return /* @__PURE__ */ m("div", { ...c, className: D(e.root, c.className), children: [
+    /* @__PURE__ */ i(R, { htmlFor: r, UNSAFE_className: e.label, children: v }),
+    /* @__PURE__ */ m("div", { className: e.container, children: [
+      /* @__PURE__ */ i(
+        "select",
+        {
+          ..._,
+          ...A,
+          id: r,
+          className: e.input,
+          disabled: t,
+          required: o,
+          ref: S,
+          children: N
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(g, { name: "chevron-down", boxSize: a === n.SMALL ? 16 : 20 }) })
+    ] }),
+    /* @__PURE__ */ i(
+      L,
+      {
+        UNSAFE_className: e.helperText,
+        id: `${r}__helperText`,
+        registerAria: d,
+        helperText: h
+      }
+    ),
+    s && /* @__PURE__ */ i(
+      U,
+      {
+        UNSAFE_className: e.validationText,
+        ...b && { hasValidationStateIcon: s },
+        id: `${r}__validationText`,
+        validationText: l,
+        registerAria: d,
+        role: P
+      }
+    )
+  ] });
+}, p = F(B);
+p.spiritComponent = "Select";
+p.displayName = "Select";
+export {
+  p as default
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSelectProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { useSelectStyleProps } from './useSelectStyleProps';\n\nconst _Select = (props: SpiritSelectProps, ref: ForwardedRef<HTMLSelectElement>) => {\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    children,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    label,\n    size = Sizes.MEDIUM,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n  const { classProps } = useSelectStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    size,\n    validationState,\n  });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  return (\n    <div {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <div className={classProps.container}>\n        <select\n          {...transferProps}\n          {...ariaDescribedByProp}\n          id={id}\n          className={classProps.input}\n          disabled={isDisabled}\n          required={isRequired}\n          ref={ref}\n        >\n          {children}\n        </select>\n        <div className={classProps.icon}>\n          <Icon name=\"chevron-down\" boxSize={size === Sizes.SMALL ? 16 : 20} />\n        </div>\n      </div>\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  );\n};\n\nconst Select = forwardRef<HTMLSelectElement, SpiritSelectProps>(_Select) as ForwardRefComponent<\n  HTMLSelectElement,\n  SpiritSelectProps\n>;\n\nSelect.spiritComponent = 'Select';\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":["_Select","props","ref","ariaDescribedBy","children","hasValidationIcon","helperText","id","isDisabled","isFluid","isLabelHidden","isRequired","label","size","Sizes","validationState","validationText","restProps","classProps","useSelectStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAU,CAACC,GAA0BC,MAAyC;AAClF,QAAM;AAAA,IACJ,oBAAoBC,IAAkB;AAAA,IACtC,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDhB,GACE,EAAE,YAAAiB,EAAA,IAAeC,EAAoB;AAAA,IAEzC,YAAAX;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAE;AAAA,IACA,iBAAAE;AAAA,EAAA,CACD,GACK,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAC9D,CAACM,GAAqBC,CAAQ,IAAIC,EAAmBtB,CAAe,GACpEuB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAZ;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAY,EAAC,OAAA,EAAK,GAAGR,GAAY,WAAWS,EAAWX,EAAW,MAAME,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAU,EAACC,KAAM,SAASxB,GAAI,kBAAkBW,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAgB,EAAC,OAAA,EAAI,WAAWV,EAAW,WACzB,UAAA;AAAA,MAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGE;AAAA,UACJ,IAAAhB;AAAA,UACA,WAAWW,EAAW;AAAA,UACtB,UAAUV;AAAA,UACV,UAAUG;AAAA,UACV,KAAAT;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAA0B,EAAC,OAAA,EAAI,WAAWZ,EAAW,MACzB,UAAA,gBAAAY,EAACE,GAAA,EAAK,MAAK,gBAAe,SAASnB,MAASC,EAAM,QAAQ,KAAK,IAAI,EAAA,CACrE;AAAA,IAAA,GACF;AAAA,IACA,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBf,EAAW;AAAA,QAC7B,IAAI,GAAGX,CAAE;AAAA,QACT,cAAciB;AAAA,QACd,YAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDS,KACC,gBAAAe;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBhB,EAAW;AAAA,QAC5B,GAAIb,KAAqB,EAAE,wBAAwBU,EAAA;AAAA,QACpD,IAAI,GAAGR,CAAE;AAAA,QACT,gBAAAS;AAAA,QACA,cAAcQ;AAAA,QACd,MAAME;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMS,IAASC,EAAiDpC,CAAO;AAKvEmC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Select/index.cjs

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

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

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

package/dist/components/Select/index.js

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

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

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

package/dist/components/Select/useSelectStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),P=require("../../hooks/useClassNamePrefix.cjs"),R=({isDisabled:c,isFluid:a,isLabelHidden:n,isRequired:i,size:t,validationState:l})=>{const e=P.useClassNamePrefix("Select"),r=`${e}--fluid`,u=`${e}--disabled`,C=`${e}--${t}`,d=`${e}--${l}`,s=`${e}__label`,$=`${s}--required`,_=`${s}--hidden`,p=`${e}__inputContainer`,b=`${e}__input`,x=`${e}__icon`,S=`${e}__validationText`,T=`${e}__helperText`;return{classProps:{root:o(e,{[u]:c,[r]:a,[C]:t,[d]:l}),label:o(s,{[$]:i,[_]:n}),container:p,input:b,icon:x,validationText:S,helperText:T}}};exports.useSelectStyleProps=R;
+//# sourceMappingURL=useSelectStyleProps.cjs.map

package/dist/components/Select/useSelectStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectStyleProps.cjs","sources":["../../../src/components/Select/useSelectStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UseSelectStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UseSelectStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    container: string;\n    input: string;\n    icon: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useSelectStyleProps = ({\n  isDisabled,\n  isFluid,\n  isLabelHidden,\n  isRequired,\n  size,\n  validationState,\n}: UseSelectStyleProps): UseSelectStyleReturn => {\n  const selectRootClass = useClassNamePrefix('Select');\n  const selectRootFluidClass = `${selectRootClass}--fluid`;\n  const selectRootDisabledClass = `${selectRootClass}--disabled`;\n  const selectRootSizeClass = `${selectRootClass}--${size}`;\n  const selectRootValidationClass = `${selectRootClass}--${validationState}`;\n  const selectLabelClass = `${selectRootClass}__label`;\n  const selectLabelRequiredClass = `${selectLabelClass}--required`;\n  const selectLabelHiddenClass = `${selectLabelClass}--hidden`;\n  const selectContainerClass = `${selectRootClass}__inputContainer`;\n  const selectInputClass = `${selectRootClass}__input`;\n  const selectIconClass = `${selectRootClass}__icon`;\n  const selectValidationTextClass = `${selectRootClass}__validationText`;\n  const selectHelperTextClass = `${selectRootClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(selectRootClass, {\n        [selectRootDisabledClass]: isDisabled,\n        [selectRootFluidClass]: isFluid,\n        [selectRootSizeClass]: size,\n        [selectRootValidationClass]: validationState,\n      }),\n      label: classNames(selectLabelClass, {\n        [selectLabelRequiredClass]: isRequired,\n        [selectLabelHiddenClass]: isLabelHidden,\n      }),\n      container: selectContainerClass,\n      input: selectInputClass,\n      icon: selectIconClass,\n      validationText: selectValidationTextClass,\n      helperText: selectHelperTextClass,\n    },\n  };\n};\n"],"names":["useSelectStyleProps","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","selectRootClass","useClassNamePrefix","selectRootFluidClass","selectRootDisabledClass","selectRootSizeClass","selectRootValidationClass","selectLabelClass","selectLabelRequiredClass","selectLabelHiddenClass","selectContainerClass","selectInputClass","selectIconClass","selectValidationTextClass","selectHelperTextClass","classNames"],"mappings":"8JAwBaA,EAAsB,CAAC,CAClC,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,KAAAC,EACA,gBAAAC,CACF,IAAiD,CAC/C,MAAMC,EAAkBC,EAAAA,mBAAmB,QAAQ,EAC7CC,EAAuB,GAAGF,CAAe,UACzCG,EAA0B,GAAGH,CAAe,aAC5CI,EAAsB,GAAGJ,CAAe,KAAKF,CAAI,GACjDO,EAA4B,GAAGL,CAAe,KAAKD,CAAe,GAClEO,EAAmB,GAAGN,CAAe,UACrCO,EAA2B,GAAGD,CAAgB,aAC9CE,EAAyB,GAAGF,CAAgB,WAC5CG,EAAuB,GAAGT,CAAe,mBACzCU,EAAmB,GAAGV,CAAe,UACrCW,EAAkB,GAAGX,CAAe,SACpCY,EAA4B,GAAGZ,CAAe,mBAC9Ca,EAAwB,GAAGb,CAAe,eAEhD,MAAO,CACL,WAAY,CACV,KAAMc,EAAWd,EAAiB,CAChC,CAACG,CAAuB,EAAGT,EAC3B,CAACQ,CAAoB,EAAGP,EACxB,CAACS,CAAmB,EAAGN,EACvB,CAACO,CAAyB,EAAGN,CAAA,CAC9B,EACD,MAAOe,EAAWR,EAAkB,CAClC,CAACC,CAAwB,EAAGV,EAC5B,CAACW,CAAsB,EAAGZ,CAAA,CAC3B,EACD,UAAWa,EACX,MAAOC,EACP,KAAMC,EACN,eAAgBC,EAChB,WAAYC,CAAA,CACd,CAEJ"}

package/dist/components/Select/useSelectStyleProps.d.ts

@@ -0,0 +1,19 @@
+import { SizesDictionaryType, Validation } from '../../types';
+export interface UseSelectStyleProps<S = void> extends Validation {
+    isDisabled?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    size?: SizesDictionaryType<S>;
+}
+export interface UseSelectStyleReturn {
+    classProps: {
+        root: string;
+        label: string;
+        container: string;
+        input: string;
+        icon: string;
+        validationText: string;
+        helperText: string;
+    };
+}
+export declare const useSelectStyleProps: ({ isDisabled, isFluid, isLabelHidden, isRequired, size, validationState, }: UseSelectStyleProps) => UseSelectStyleReturn;

package/dist/components/Select/useSelectStyleProps.js

@@ -0,0 +1,35 @@
+import o from "classnames";
+import { useClassNamePrefix as T } from "../../hooks/useClassNamePrefix.js";
+const L = ({
+  isDisabled: c,
+  isFluid: a,
+  isLabelHidden: n,
+  isRequired: i,
+  size: t,
+  validationState: l
+}) => {
+  const s = T("Select"), r = `${s}--fluid`, C = `${s}--disabled`, d = `${s}--${t}`, $ = `${s}--${l}`, e = `${s}__label`, p = `${e}--required`, u = `${e}--hidden`, _ = `${s}__inputContainer`, x = `${s}__input`, b = `${s}__icon`, m = `${s}__validationText`, R = `${s}__helperText`;
+  return {
+    classProps: {
+      root: o(s, {
+        [C]: c,
+        [r]: a,
+        [d]: t,
+        [$]: l
+      }),
+      label: o(e, {
+        [p]: i,
+        [u]: n
+      }),
+      container: _,
+      input: x,
+      icon: b,
+      validationText: m,
+      helperText: R
+    }
+  };
+};
+export {
+  L as useSelectStyleProps
+};
+//# sourceMappingURL=useSelectStyleProps.js.map

package/dist/components/Select/useSelectStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectStyleProps.js","sources":["../../../src/components/Select/useSelectStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SizesDictionaryType, type Validation } from '../../types';\n\nexport interface UseSelectStyleProps<S = void> extends Validation {\n  isDisabled?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  size?: SizesDictionaryType<S>;\n}\n\nexport interface UseSelectStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    container: string;\n    input: string;\n    icon: string;\n    validationText: string;\n    helperText: string;\n  };\n}\n\nexport const useSelectStyleProps = ({\n  isDisabled,\n  isFluid,\n  isLabelHidden,\n  isRequired,\n  size,\n  validationState,\n}: UseSelectStyleProps): UseSelectStyleReturn => {\n  const selectRootClass = useClassNamePrefix('Select');\n  const selectRootFluidClass = `${selectRootClass}--fluid`;\n  const selectRootDisabledClass = `${selectRootClass}--disabled`;\n  const selectRootSizeClass = `${selectRootClass}--${size}`;\n  const selectRootValidationClass = `${selectRootClass}--${validationState}`;\n  const selectLabelClass = `${selectRootClass}__label`;\n  const selectLabelRequiredClass = `${selectLabelClass}--required`;\n  const selectLabelHiddenClass = `${selectLabelClass}--hidden`;\n  const selectContainerClass = `${selectRootClass}__inputContainer`;\n  const selectInputClass = `${selectRootClass}__input`;\n  const selectIconClass = `${selectRootClass}__icon`;\n  const selectValidationTextClass = `${selectRootClass}__validationText`;\n  const selectHelperTextClass = `${selectRootClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(selectRootClass, {\n        [selectRootDisabledClass]: isDisabled,\n        [selectRootFluidClass]: isFluid,\n        [selectRootSizeClass]: size,\n        [selectRootValidationClass]: validationState,\n      }),\n      label: classNames(selectLabelClass, {\n        [selectLabelRequiredClass]: isRequired,\n        [selectLabelHiddenClass]: isLabelHidden,\n      }),\n      container: selectContainerClass,\n      input: selectInputClass,\n      icon: selectIconClass,\n      validationText: selectValidationTextClass,\n      helperText: selectHelperTextClass,\n    },\n  };\n};\n"],"names":["useSelectStyleProps","isDisabled","isFluid","isLabelHidden","isRequired","size","validationState","selectRootClass","useClassNamePrefix","selectRootFluidClass","selectRootDisabledClass","selectRootSizeClass","selectRootValidationClass","selectLabelClass","selectLabelRequiredClass","selectLabelHiddenClass","selectContainerClass","selectInputClass","selectIconClass","selectValidationTextClass","selectHelperTextClass","classNames"],"mappings":";;AAwBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,MAAiD;AAC/C,QAAMC,IAAkBC,EAAmB,QAAQ,GAC7CC,IAAuB,GAAGF,CAAe,WACzCG,IAA0B,GAAGH,CAAe,cAC5CI,IAAsB,GAAGJ,CAAe,KAAKF,CAAI,IACjDO,IAA4B,GAAGL,CAAe,KAAKD,CAAe,IAClEO,IAAmB,GAAGN,CAAe,WACrCO,IAA2B,GAAGD,CAAgB,cAC9CE,IAAyB,GAAGF,CAAgB,YAC5CG,IAAuB,GAAGT,CAAe,oBACzCU,IAAmB,GAAGV,CAAe,WACrCW,IAAkB,GAAGX,CAAe,UACpCY,IAA4B,GAAGZ,CAAe,oBAC9Ca,IAAwB,GAAGb,CAAe;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMc,EAAWd,GAAiB;AAAA,QAChC,CAACG,CAAuB,GAAGT;AAAA,QAC3B,CAACQ,CAAoB,GAAGP;AAAA,QACxB,CAACS,CAAmB,GAAGN;AAAA,QACvB,CAACO,CAAyB,GAAGN;AAAA,MAAA,CAC9B;AAAA,MACD,OAAOe,EAAWR,GAAkB;AAAA,QAClC,CAACC,CAAwB,GAAGV;AAAA,QAC5B,CAACW,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,WAAWa;AAAA,MACX,OAAOC;AAAA,MACP,MAAMC;AAAA,MACN,gBAAgBC;AAAA,MAChB,YAAYC;AAAA,IAAA;AAAA,EACd;AAEJ;"}

package/dist/components/Select.d.ts

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

package/dist/components/Skeleton/SkeletonHeading.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),y=require("../../constants/dictionaries.cjs"),m=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),r=require("./constants.cjs"),T=require("./SkeletonItem.cjs"),k=require("./useSkeletonStyleProps.cjs"),q={size:y.SizesExtended.MEDIUM,lines:r.LINES_COUNT_DEFAULT,elementType:"div"},n=i=>{const l={...q,...i},{elementType:e="div",lines:p,...c}=l,{classProps:s,props:u}=k.useSkeletonStyleProps(c),{styleProps:d,props:t}=m.useStyleProps(u),a=g.mergeStyleProps(e,{classProps:s.root,classPropsHeading:s.heading,styleProps:d,otherProps:t}),P=[...Array(p??r.LINES_COUNT_DEFAULT).keys()];return o.jsx(e,{...t,...a,children:P.map(S=>o.jsx(T.default,{},`skeleton-item-${S.toString()}`))})};n.spiritComponent="SkeletonHeading";exports.default=n;
+//# sourceMappingURL=SkeletonHeading.cjs.map

package/dist/components/Skeleton/SkeletonHeading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonHeading.cjs","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAA4DC,GAAmD,CACnH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,MAAAC,EAAO,GAAGC,GAAcH,EAC3D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAS,EACtE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAYG,EAAW,KACvB,kBAAmBA,EAAW,QAAA,WAC9BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMV,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGI,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAf,EAAgB,gBAAkB"}

package/dist/components/Skeleton/SkeletonHeading.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, ReactElement } from 'react';
+import { SpiritSkeletonProps } from '../../types';
+declare const SkeletonHeading: {
+    <E extends ElementType = "div", C = void>(props: SpiritSkeletonProps<E, C>): ReactElement;
+    spiritComponent: string;
+};
+export default SkeletonHeading;

package/dist/components/Skeleton/SkeletonHeading.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { SizesExtended as f } from "../../constants/dictionaries.js";
+import { useStyleProps as S } from "../../hooks/styleProps.js";
+import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { LINES_COUNT_DEFAULT as r } from "./constants.js";
+import g from "./SkeletonItem.js";
+import { useSkeletonStyleProps as u } from "./useSkeletonStyleProps.js";
+const k = {
+  size: f.MEDIUM,
+  lines: r,
+  elementType: "div"
+}, T = (n) => {
+  const p = { ...k, ...n }, { elementType: e = "div", lines: i, ...l } = p, { classProps: o, props: m } = u(l), { styleProps: d, props: s } = S(m), a = y(e, {
+    classProps: o.root,
+    classPropsHeading: o.heading,
+    styleProps: d,
+    otherProps: s
+  }), c = [...Array(i ?? r).keys()];
+  return /* @__PURE__ */ t(e, { ...s, ...a, children: c.map((P) => /* @__PURE__ */ t(g, {}, `skeleton-item-${P.toString()}`)) });
+};
+T.spiritComponent = "SkeletonHeading";
+export {
+  T as default
+};
+//# sourceMappingURL=SkeletonHeading.js.map

package/dist/components/Skeleton/SkeletonHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonHeading.js","sources":["../../../src/components/Skeleton/SkeletonHeading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonHeading = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsHeading: classProps.heading,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonHeading.spiritComponent = 'SkeletonHeading';\n\nexport default SkeletonHeading;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonHeading","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAkB,CAA0CC,MAAmD;AACnH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,OAAAC,GAAO,GAAGC,MAAcH,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAS,GACtE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAYG,EAAW;AAAA,IACvB,mBAAmBA,EAAW;AAAA,IAC9B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMV,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGI,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAf,EAAgB,kBAAkB;"}

package/dist/components/Skeleton/SkeletonItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("classnames"),o=require("./useSkeletonStyleProps.cjs"),e=()=>{const{classProps:t}=o.useSkeletonStyleProps();return s.jsx("div",{className:r(t.item),"aria-hidden":"true"})};e.spiritComponent="SkeletonItem";exports.default=e;
+//# sourceMappingURL=SkeletonItem.cjs.map

package/dist/components/Skeleton/SkeletonItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonItem.cjs","sources":["../../../src/components/Skeleton/SkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst SkeletonItem = (): ReactElement => {\n  const { classProps } = useSkeletonStyleProps();\n\n  return <div className={classNames(classProps.item)} aria-hidden=\"true\" />;\n};\n\nSkeletonItem.spiritComponent = 'SkeletonItem';\n\nexport default SkeletonItem;\n"],"names":["SkeletonItem","classProps","useSkeletonStyleProps","jsx","classNames"],"mappings":"+NAMMA,EAAe,IAAoB,CACvC,KAAM,CAAE,WAAAC,CAAA,EAAeC,wBAAA,EAEvB,OAAOC,EAAAA,IAAC,OAAI,UAAWC,EAAWH,EAAW,IAAI,EAAG,cAAY,OAAO,CACzE,EAEAD,EAAa,gBAAkB"}

package/dist/components/Skeleton/SkeletonItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+declare const SkeletonItem: {
+    (): ReactElement;
+    spiritComponent: string;
+};
+export default SkeletonItem;

package/dist/components/Skeleton/SkeletonItem.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import s from "classnames";
+import { useSkeletonStyleProps as o } from "./useSkeletonStyleProps.js";
+const r = () => {
+  const { classProps: e } = o();
+  return /* @__PURE__ */ t("div", { className: s(e.item), "aria-hidden": "true" });
+};
+r.spiritComponent = "SkeletonItem";
+export {
+  r as default
+};
+//# sourceMappingURL=SkeletonItem.js.map

package/dist/components/Skeleton/SkeletonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonItem.js","sources":["../../../src/components/Skeleton/SkeletonItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst SkeletonItem = (): ReactElement => {\n  const { classProps } = useSkeletonStyleProps();\n\n  return <div className={classNames(classProps.item)} aria-hidden=\"true\" />;\n};\n\nSkeletonItem.spiritComponent = 'SkeletonItem';\n\nexport default SkeletonItem;\n"],"names":["SkeletonItem","classProps","useSkeletonStyleProps","jsx","classNames"],"mappings":";;;;AAMA,MAAMA,IAAe,MAAoB;AACvC,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAO,gBAAAC,EAAC,SAAI,WAAWC,EAAWH,EAAW,IAAI,GAAG,eAAY,QAAO;AACzE;AAEAD,EAAa,kBAAkB;"}

package/dist/components/Skeleton/SkeletonShape.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),P=require("../../constants/dictionaries.cjs"),a=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),y=require("./useSkeletonShapeStyleProps.cjs"),m={borderRadius:P.BorderRadii[400],elementType:"div"},t=o=>{const r={...m,...o},{elementType:e="div",...p}=r,{classProps:l,skeletonShapeStyleProps:n,props:i}=y.useSkeletonShapeStyleProps(p),{styleProps:u,props:s}=a.useStyleProps(i),c=d.mergeStyleProps(e,{classProps:l,styleProps:u,skeletonShapeStyleProps:n,otherProps:s});return S.jsx(e,{...s,...c})};t.spiritComponent="SkeletonShape";exports.default=t;
+//# sourceMappingURL=SkeletonShape.cjs.map

package/dist/components/Skeleton/SkeletonShape.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonShape.cjs","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', ...restProps } = propsWithDefaults;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <ElementTag {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","ElementTag","restProps","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":"+UASMA,EAAkD,CACtD,aAAcC,EAAAA,YAAY,GAAG,EAC7B,YAAa,KACf,EACMC,EACJC,GACiB,CACjB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,GAAGC,GAAcF,EACpD,CAAE,WAAAG,EAAY,wBAAAC,EAAyB,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BJ,CAAS,EACpG,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAAE,EAAA,WACAI,EACA,wBAAAH,EACA,WAAAI,CAAA,CACD,EAED,OAAOI,EAAAA,IAACX,EAAA,CAAY,GAAGO,EAAa,GAAGE,CAAA,CAAkB,CAC3D,EAEAZ,EAAc,gBAAkB"}

package/dist/components/Skeleton/SkeletonShape.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, ReactElement } from 'react';
+import { SpiritSkeletonShapeProps } from '../../types';
+declare const SkeletonShape: {
+    <E extends ElementType = "div", C = void>(props: SpiritSkeletonShapeProps<E, C>): ReactElement;
+    spiritComponent: string;
+};
+export default SkeletonShape;

package/dist/components/Skeleton/SkeletonShape.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { BorderRadii as S } from "../../constants/dictionaries.js";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { mergeStyleProps as P } from "../../utils/mergeStyleProps.js";
+import { useSkeletonShapeStyleProps as c } from "./useSkeletonShapeStyleProps.js";
+const f = {
+  borderRadius: S[400],
+  elementType: "div"
+}, u = (t) => {
+  const r = { ...f, ...t }, { elementType: e = "div", ...s } = r, { classProps: p, skeletonShapeStyleProps: l, props: n } = c(s), { styleProps: i, props: o } = d(n), m = P(e, {
+    classProps: p,
+    styleProps: i,
+    skeletonShapeStyleProps: l,
+    otherProps: o
+  });
+  return /* @__PURE__ */ a(e, { ...o, ...m });
+};
+u.spiritComponent = "SkeletonShape";
+export {
+  u as default
+};
+//# sourceMappingURL=SkeletonShape.js.map