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

package/dist/components/ScrollView/useScrollViewStyleProps.js

@@ -1,33 +1,33 @@
 import r from "classnames";
 import { useClassNamePrefix as $ } from "../../hooks/useClassNamePrefix.js";
 import { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR as f } from "./constants.js";
-const m = ({
+const v = ({
   direction: l,
   isScrollbarDisabled: e,
   isScrolledAtEnd: t,
-  isScrolledAtStart: c,
-  overflowDecorators: a = f
+  isScrolledAtStart: a,
+  overflowDecorators: c = f
 }) => {
-  const o = $("ScrollView"), w = `${o}--${l}`, i = `${o}--scrollbarDisabled`, n = `${o}__viewport`, V = `${o}__content`, s = `${o}__overflowDecorators`, C = {
-    shadows: `${s}--shadows`,
-    borders: `${s}--borders`,
-    both: r(`${s}--shadows`, `${s}--borders`)
-  }[a], d = "is-scrolled-at-start", _ = "is-scrolled-at-end", D = `${o}__arrows`;
+  const s = $("ScrollView"), i = `${s}--${l}`, w = `${s}--scrollbarDisabled`, n = `${s}__viewport`, V = `${s}__content`, o = `${s}__overflowDecorators`, C = {
+    shadows: `${o}--shadows`,
+    borders: `${o}--borders`,
+    both: r(`${o}--shadows`, `${o}--borders`)
+  }[c], d = "is-scrolled-at-start", _ = "is-scrolled-at-end", D = `${s}__arrows`;
   return {
     classProps: {
-      root: r(o, w, {
-        [i]: e,
+      root: r(s, i, {
+        [w]: e,
         [_]: t,
-        [d]: c
+        [d]: a
       }),
       viewport: n,
       content: V,
-      overflowDecorators: r(s, C),
+      overflowDecorators: r(o, C),
       arrows: D
     }
   };
 };
 export {
-  m as useScrollViewStyleProps
+  v as useScrollViewStyleProps
 };
 //# sourceMappingURL=useScrollViewStyleProps.js.map

package/dist/components/ScrollView/useScrollViewStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollViewStyleProps.js","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewRootClass = useClassNamePrefix('ScrollView');\n  const scrollViewRootDirectionClass = `${scrollViewRootClass}--${direction}`;\n  const scrollViewRootScrollbarDisabledClass = `${scrollViewRootClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewRootClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewRootClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewRootClass}__overflowDecorators`;\n  const scrollViewRootOverflowDecoratorsClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewRootOverflowDecoratorsClass = scrollViewRootOverflowDecoratorsClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewRootClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewRootClass, scrollViewRootDirectionClass, {\n        [scrollViewRootScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewRootOverflowDecoratorsClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewRootClass","useClassNamePrefix","scrollViewRootDirectionClass","scrollViewRootScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewRootOverflowDecoratorsClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":";;;AAwBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC,IAAqBC;AACvB,MAAkE;AAChE,QAAMC,IAAsBC,EAAmB,YAAY,GACrDC,IAA+B,GAAGF,CAAmB,KAAKN,CAAS,IACnES,IAAuC,GAAGH,CAAmB,uBAC7DI,IAA0B,GAAGJ,CAAmB,cAChDK,IAAyB,GAAGL,CAAmB,aAC/CM,IAAoC,GAAGN,CAAmB,wBAM1DO,IAL0C;AAAA,IAC9C,SAAS,GAAGD,CAAiC;AAAA,IAC7C,SAAS,GAAGA,CAAiC;AAAA,IAC7C,MAAME,EAAW,GAAGF,CAAiC,aAAa,GAAGA,CAAiC,WAAW;AAAA,EAAA,EAE7BR,CAAkB,GAClGW,IAAyB,wBACzBC,IAAuB,sBACvBC,IAAwB,GAAGX,CAAmB;AAEpD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ,EAAWR,GAAqBE,GAA8B;AAAA,QAClE,CAACC,CAAoC,GAAGR;AAAA,QACxC,CAACe,CAAoB,GAAGd;AAAA,QACxB,CAACa,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,UAAUO;AAAA,MACV,SAASC;AAAA,MACT,oBAAoBG,EAAWF,GAAmCC,CAAqC;AAAA,MACvG,QAAQI;AAAA,IAAA;AAAA,EACV;AAEJ;"}
+{"version":3,"file":"useScrollViewStyleProps.js","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewClass = useClassNamePrefix('ScrollView');\n  const scrollViewDirectionClass = `${scrollViewClass}--${direction}`;\n  const scrollViewScrollbarDisabledClass = `${scrollViewClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewClass}__overflowDecorators`;\n  const scrollViewOverflowDecoratorsVariantClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewOverflowDecoratorsVariantClass = scrollViewOverflowDecoratorsVariantClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewClass, scrollViewDirectionClass, {\n        [scrollViewScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewOverflowDecoratorsVariantClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewClass","useClassNamePrefix","scrollViewDirectionClass","scrollViewScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewOverflowDecoratorsVariantClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":";;;AAwBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC,IAAqBC;AACvB,MAAkE;AAChE,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAA2B,GAAGF,CAAe,KAAKN,CAAS,IAC3DS,IAAmC,GAAGH,CAAe,uBACrDI,IAA0B,GAAGJ,CAAe,cAC5CK,IAAyB,GAAGL,CAAe,aAC3CM,IAAoC,GAAGN,CAAe,wBAMtDO,IAL6C;AAAA,IACjD,SAAS,GAAGD,CAAiC;AAAA,IAC7C,SAAS,GAAGA,CAAiC;AAAA,IAC7C,MAAME,EAAW,GAAGF,CAAiC,aAAa,GAAGA,CAAiC,WAAW;AAAA,EAAA,EAEvBR,CAAkB,GACxGW,IAAyB,wBACzBC,IAAuB,sBACvBC,IAAwB,GAAGX,CAAe;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ,EAAWR,GAAiBE,GAA0B;AAAA,QAC1D,CAACC,CAAgC,GAAGR;AAAA,QACpC,CAACe,CAAoB,GAAGd;AAAA,QACxB,CAACa,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,UAAUO;AAAA,MACV,SAASC;AAAA,MACT,oBAAoBG,EAAWF,GAAmCC,CAAwC;AAAA,MAC1G,QAAQI;AAAA,IAAA;AAAA,EACV;AAEJ;"}

package/dist/components/ScrollView.d.ts

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

package/dist/components/Section/demo/SectionBackground.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("../../../constants/dictionaries.cjs"),i=require("../../Heading/Heading.cjs"),r=require("../Section.cjs"),l=()=>s.jsx(s.Fragment,{children:Object.values(t.BackgroundColors).map(e=>s.jsx(r.default,{backgroundColor:e,size:"xsmall",children:s.jsx(i.default,{elementType:"h2",size:"xsmall",children:e.slice(0,1).toUpperCase()+e.slice(1)})},e))});exports.default=l;
+//# sourceMappingURL=SectionBackground.cjs.map

package/dist/components/Section/demo/SectionBackground.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionBackground.cjs","sources":["../../../../src/components/Section/demo/SectionBackground.tsx"],"sourcesContent":["import React from 'react';\nimport { BackgroundColors } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionBackground = () => (\n  <>\n    {Object.values(BackgroundColors).map((background) => (\n      <Section key={background} backgroundColor={background} size=\"xsmall\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          {background.slice(0, 1).toUpperCase() + background.slice(1)}\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionBackground;\n"],"names":["SectionBackground","jsx","Fragment","BackgroundColors","background","Section","Heading"],"mappings":"qQAKMA,EAAoB,IACxBC,EAAAA,IAAAC,WAAA,CACG,SAAA,OAAO,OAAOC,EAAAA,gBAAgB,EAAE,IAAKC,SACnCC,EAAAA,QAAA,CAAyB,gBAAiBD,EAAY,KAAK,SAC1D,SAAAH,EAAAA,IAACK,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAC5B,SAAAF,EAAW,MAAM,EAAG,CAAC,EAAE,YAAA,EAAgBA,EAAW,MAAM,CAAC,EAC5D,CAAA,EAHYA,CAId,CACD,CAAA,CACH"}

package/dist/components/Section/demo/SectionBackground.js

@@ -0,0 +1,9 @@
+import { jsx as o, Fragment as r } from "react/jsx-runtime";
+import { BackgroundColors as i } from "../../../constants/dictionaries.js";
+import t from "../../Heading/Heading.js";
+import l from "../Section.js";
+const n = () => /* @__PURE__ */ o(r, { children: Object.values(i).map((e) => /* @__PURE__ */ o(l, { backgroundColor: e, size: "xsmall", children: /* @__PURE__ */ o(t, { elementType: "h2", size: "xsmall", children: e.slice(0, 1).toUpperCase() + e.slice(1) }) }, e)) });
+export {
+  n as default
+};
+//# sourceMappingURL=SectionBackground.js.map

package/dist/components/Section/demo/SectionBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionBackground.js","sources":["../../../../src/components/Section/demo/SectionBackground.tsx"],"sourcesContent":["import React from 'react';\nimport { BackgroundColors } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionBackground = () => (\n  <>\n    {Object.values(BackgroundColors).map((background) => (\n      <Section key={background} backgroundColor={background} size=\"xsmall\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          {background.slice(0, 1).toUpperCase() + background.slice(1)}\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionBackground;\n"],"names":["SectionBackground","jsx","Fragment","BackgroundColors","background","Section","Heading"],"mappings":";;;;AAKA,MAAMA,IAAoB,MACxB,gBAAAC,EAAAC,GAAA,EACG,UAAA,OAAO,OAAOC,CAAgB,EAAE,IAAI,CAACC,wBACnCC,GAAA,EAAyB,iBAAiBD,GAAY,MAAK,UAC1D,UAAA,gBAAAH,EAACK,GAAA,EAAQ,aAAY,MAAK,MAAK,UAC5B,UAAAF,EAAW,MAAM,GAAG,CAAC,EAAE,YAAA,IAAgBA,EAAW,MAAM,CAAC,GAC5D,EAAA,GAHYA,CAId,CACD,EAAA,CACH;"}

package/dist/components/Section/demo/SectionCustomPadding.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../Heading/Heading.cjs"),d=require("../Section.cjs"),s=()=>e.jsx(d.default,{paddingY:"space-500",paddingTop:{desktop:"space-1000"},paddingBottom:{desktop:"space-1400"},backgroundColor:"secondary",children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Custom Padding"})});exports.default=s;
+//# sourceMappingURL=SectionCustomPadding.cjs.map

package/dist/components/Section/demo/SectionCustomPadding.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCustomPadding.cjs","sources":["../../../../src/components/Section/demo/SectionCustomPadding.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionCustomPadding = () => (\n  <Section\n    paddingY=\"space-500\"\n    paddingTop={{ desktop: 'space-1000' }}\n    paddingBottom={{ desktop: 'space-1400' }}\n    backgroundColor=\"secondary\"\n  >\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Custom Padding\n    </Heading>\n  </Section>\n);\n\nexport default SectionCustomPadding;\n"],"names":["SectionCustomPadding","jsx","Section","Heading"],"mappings":"oNAIMA,EAAuB,IAC3BC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAS,YACT,WAAY,CAAE,QAAS,YAAA,EACvB,cAAe,CAAE,QAAS,YAAA,EAC1B,gBAAgB,YAEhB,eAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,gBAAA,CAExC,CAAA,CACF"}

package/dist/components/Section/demo/SectionCustomPadding.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../Heading/Heading.js";
+import d from "../Section.js";
+const a = () => /* @__PURE__ */ o(
+  d,
+  {
+    paddingY: "space-500",
+    paddingTop: { desktop: "space-1000" },
+    paddingBottom: { desktop: "space-1400" },
+    backgroundColor: "secondary",
+    children: /* @__PURE__ */ o(e, { elementType: "h2", size: "xsmall", children: "Custom Padding" })
+  }
+);
+export {
+  a as default
+};
+//# sourceMappingURL=SectionCustomPadding.js.map

package/dist/components/Section/demo/SectionCustomPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCustomPadding.js","sources":["../../../../src/components/Section/demo/SectionCustomPadding.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionCustomPadding = () => (\n  <Section\n    paddingY=\"space-500\"\n    paddingTop={{ desktop: 'space-1000' }}\n    paddingBottom={{ desktop: 'space-1400' }}\n    backgroundColor=\"secondary\"\n  >\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Custom Padding\n    </Heading>\n  </Section>\n);\n\nexport default SectionCustomPadding;\n"],"names":["SectionCustomPadding","jsx","Section","Heading"],"mappings":";;;AAIA,MAAMA,IAAuB,MAC3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,YAAY,EAAE,SAAS,aAAA;AAAA,IACvB,eAAe,EAAE,SAAS,aAAA;AAAA,IAC1B,iBAAgB;AAAA,IAEhB,4BAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,iBAAA,CAExC;AAAA,EAAA;AACF;"}

package/dist/components/Section/demo/SectionDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../Heading/Heading.cjs"),i=require("../Section.cjs"),s=()=>e.jsx(i.default,{children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})});exports.default=s;
+//# sourceMappingURL=SectionDefault.cjs.map

package/dist/components/Section/demo/SectionDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDefault.cjs","sources":["../../../../src/components/Section/demo/SectionDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionDefault = () => (\n  <Section>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Section\n    </Heading>\n  </Section>\n);\n\nexport default SectionDefault;\n"],"names":["SectionDefault","jsx","Section","Heading"],"mappings":"oNAIMA,EAAiB,IACrBC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,CAAA,CACF"}

package/dist/components/Section/demo/SectionDefault.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../Heading/Heading.js";
+import i from "../Section.js";
+const n = () => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { elementType: "h2", size: "xsmall", children: "Section" }) });
+export {
+  n as default
+};
+//# sourceMappingURL=SectionDefault.js.map

package/dist/components/Section/demo/SectionDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDefault.js","sources":["../../../../src/components/Section/demo/SectionDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionDefault = () => (\n  <Section>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Section\n    </Heading>\n  </Section>\n);\n\nexport default SectionDefault;\n"],"names":["SectionDefault","jsx","Section","Heading"],"mappings":";;;AAIA,MAAMA,IAAiB,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,EAAA,CACF;"}

package/dist/components/Section/demo/SectionSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../../constants/dictionaries.cjs"),r=require("../../Heading/Heading.cjs"),s=require("../Section.cjs"),n=()=>e.jsx(e.Fragment,{children:Object.values(i.SizesExtended).map(t=>e.jsx(s.default,{size:t,backgroundColor:"secondary",children:e.jsxs(r.default,{elementType:"h2",size:"xsmall",children:["Section of ",t," size"]})},t))});exports.default=n;
+//# sourceMappingURL=SectionSizes.cjs.map

package/dist/components/Section/demo/SectionSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSizes.cjs","sources":["../../../../src/components/Section/demo/SectionSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionSizes = () => (\n  <>\n    {Object.values(SizesExtended).map((size) => (\n      <Section key={size} size={size} backgroundColor=\"secondary\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          Section of {size} size\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionSizes;\n"],"names":["SectionSizes","jsx","Fragment","SizesExtended","size","Section","jsxs","Heading"],"mappings":"qQAKMA,EAAe,IACnBC,EAAAA,IAAAC,EAAAA,SAAA,CACG,SAAA,OAAO,OAAOC,eAAa,EAAE,IAAKC,SAChCC,UAAA,CAAmB,KAAAD,EAAY,gBAAgB,YAC9C,SAAAE,EAAAA,KAACC,WAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,CAAA,cAC1BH,EAAK,OAAA,EACnB,CAAA,EAHYA,CAId,CACD,CAAA,CACH"}

package/dist/components/Section/demo/SectionSizes.js

@@ -0,0 +1,13 @@
+import { jsx as o, Fragment as r, jsxs as t } from "react/jsx-runtime";
+import { SizesExtended as i } from "../../../constants/dictionaries.js";
+import n from "../../Heading/Heading.js";
+import m from "../Section.js";
+const l = () => /* @__PURE__ */ o(r, { children: Object.values(i).map((e) => /* @__PURE__ */ o(m, { size: e, backgroundColor: "secondary", children: /* @__PURE__ */ t(n, { elementType: "h2", size: "xsmall", children: [
+  "Section of ",
+  e,
+  " size"
+] }) }, e)) });
+export {
+  l as default
+};
+//# sourceMappingURL=SectionSizes.js.map

package/dist/components/Section/demo/SectionSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSizes.js","sources":["../../../../src/components/Section/demo/SectionSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionSizes = () => (\n  <>\n    {Object.values(SizesExtended).map((size) => (\n      <Section key={size} size={size} backgroundColor=\"secondary\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          Section of {size} size\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionSizes;\n"],"names":["SectionSizes","jsx","Fragment","SizesExtended","size","Section","jsxs","Heading"],"mappings":";;;;AAKA,MAAMA,IAAe,MACnB,gBAAAC,EAAAC,GAAA,EACG,UAAA,OAAO,OAAOC,CAAa,EAAE,IAAI,CAACC,wBAChCC,GAAA,EAAmB,MAAAD,GAAY,iBAAgB,aAC9C,UAAA,gBAAAE,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,UAAA;AAAA,EAAA;AAAA,EAC1BH;AAAA,EAAK;AAAA,GACnB,EAAA,GAHYA,CAId,CACD,EAAA,CACH;"}

package/dist/components/Section/demo/SectionTextAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../../constants/dictionaries.cjs"),t=require("../../Heading/Heading.cjs"),n=require("../Section.cjs"),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.default,{children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.CENTER,children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.RIGHT,children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})})]});exports.default=l;
+//# sourceMappingURL=SectionTextAlignment.cjs.map

package/dist/components/Section/demo/SectionTextAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTextAlignment.cjs","sources":["../../../../src/components/Section/demo/SectionTextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionTextAlignment = () => (\n  <>\n    <Section>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.CENTER}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.RIGHT}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n  </>\n);\n\nexport default SectionTextAlignment;\n"],"names":["SectionTextAlignment","jsxs","Fragment","jsx","Section","Heading","TextAlignments"],"mappings":"qQAKMA,EAAuB,IAC3BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,eAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,mBAExC,CAAA,CACF,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAQ,cAAeE,EAAAA,eAAe,OACrC,SAAAH,MAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,EACF,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAQ,cAAeE,EAAAA,eAAe,MACrC,SAAAH,EAAAA,IAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/Section/demo/SectionTextAlignment.js

@@ -0,0 +1,13 @@
+import { jsxs as l, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { TextAlignments as i } from "../../../constants/dictionaries.js";
+import t from "../../Heading/Heading.js";
+import n from "../Section.js";
+const h = () => /* @__PURE__ */ l(m, { children: [
+  /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(t, { elementType: "h2", size: "xsmall", children: "Section" }) }),
+  /* @__PURE__ */ e(n, { textAlignment: i.CENTER, children: /* @__PURE__ */ e(t, { elementType: "h2", size: "xsmall", children: "Section" }) }),
+  /* @__PURE__ */ e(n, { textAlignment: i.RIGHT, children: /* @__PURE__ */ e(t, { elementType: "h2", size: "xsmall", children: "Section" }) })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=SectionTextAlignment.js.map

package/dist/components/Section/demo/SectionTextAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTextAlignment.js","sources":["../../../../src/components/Section/demo/SectionTextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionTextAlignment = () => (\n  <>\n    <Section>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.CENTER}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.RIGHT}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n  </>\n);\n\nexport default SectionTextAlignment;\n"],"names":["SectionTextAlignment","jsxs","Fragment","jsx","Section","Heading","TextAlignments"],"mappings":";;;;AAKA,MAAMA,IAAuB,MAC3B,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,4BAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,qBAExC,EAAA,CACF;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAQ,eAAeE,EAAe,QACrC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,GACF;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAQ,eAAeE,EAAe,OACrC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,EAAA,CACF;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./SectionBackground.cjs"),c=require("./SectionCustomPadding.cjs"),r=require("./SectionDefault.cjs"),s=require("./SectionSizes.cjs"),l=require("./SectionTextAlignment.cjs"),o=()=>e.jsxs(n.StrictMode,{children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",container:"heading-only",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Predefined Sizes",stackAlignment:"stretch",container:"heading-only",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Custom Padding",stackAlignment:"stretch",container:"heading-only",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Background",stackAlignment:"stretch",container:"heading-only",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Text Alignment",stackAlignment:"stretch",container:"heading-only",children:e.jsx(l.default,{})})]});exports.Preview=o;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Section/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SectionBackground from './SectionBackground';\nimport SectionCustomPadding from './SectionCustomPadding';\nimport SectionDefault from './SectionDefault';\nimport SectionSizes from './SectionSizes';\nimport SectionTextAlignment from './SectionTextAlignment';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionDefault />\n    </DocsSection>\n    <DocsSection title=\"Predefined Sizes\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionSizes />\n    </DocsSection>\n    <DocsSection title=\"Custom Padding\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionCustomPadding />\n    </DocsSection>\n    <DocsSection title=\"Background\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionBackground />\n    </DocsSection>\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionTextAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SectionDefault","SectionSizes","SectionCustomPadding","SectionBackground","SectionTextAlignment"],"mappings":"iYAUaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,UAAU,eAAe,UAAU,UAAU,eAC9D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAA,CAAe,CAAA,CAClB,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,mBAAmB,eAAe,UAAU,UAAU,eACvE,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAA,CAAa,CAAA,CAChB,EACAH,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,iBAAiB,eAAe,UAAU,UAAU,eACrE,SAAAD,EAAAA,IAACI,EAAAA,QAAA,CAAA,CAAqB,CAAA,CACxB,EACAJ,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,aAAa,eAAe,UAAU,UAAU,eACjE,SAAAD,EAAAA,IAACK,EAAAA,QAAA,CAAA,CAAkB,CAAA,CACrB,EACAL,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,iBAAiB,eAAe,UAAU,UAAU,eACrE,SAAAD,EAAAA,IAACM,EAAAA,QAAA,CAAA,CAAqB,CAAA,CACxB,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import o from "./SectionBackground.js";
+import r from "./SectionCustomPadding.js";
+import c from "./SectionDefault.js";
+import l from "./SectionSizes.js";
+import m from "./SectionTextAlignment.js";
+const u = () => /* @__PURE__ */ n(i, { children: [
+  /* @__PURE__ */ t(e, { title: "Default", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(e, { title: "Predefined Sizes", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(e, { title: "Custom Padding", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(r, {}) }),
+  /* @__PURE__ */ t(e, { title: "Background", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(e, { title: "Text Alignment", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(m, {}) })
+] });
+export {
+  u as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Section/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SectionBackground from './SectionBackground';\nimport SectionCustomPadding from './SectionCustomPadding';\nimport SectionDefault from './SectionDefault';\nimport SectionSizes from './SectionSizes';\nimport SectionTextAlignment from './SectionTextAlignment';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionDefault />\n    </DocsSection>\n    <DocsSection title=\"Predefined Sizes\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionSizes />\n    </DocsSection>\n    <DocsSection title=\"Custom Padding\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionCustomPadding />\n    </DocsSection>\n    <DocsSection title=\"Background\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionBackground />\n    </DocsSection>\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionTextAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SectionDefault","SectionSizes","SectionCustomPadding","SectionBackground","SectionTextAlignment"],"mappings":";;;;;;;;;AAUO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WAAU,gBAAe,WAAU,WAAU,gBAC9D,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAe,EAAA,CAClB;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAY,OAAM,oBAAmB,gBAAe,WAAU,WAAU,gBACvE,UAAA,gBAAAD,EAACG,GAAA,CAAA,CAAa,EAAA,CAChB;AAAA,EACA,gBAAAH,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACI,GAAA,CAAA,CAAqB,EAAA,CACxB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAY,OAAM,cAAa,gBAAe,WAAU,WAAU,gBACjE,UAAA,gBAAAD,EAACK,GAAA,CAAA,CAAkB,EAAA,CACrB;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACM,GAAA,CAAA,CAAqB,EAAA,CACxB;AAAA,EAAA,CACF;"}

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

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

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

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

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

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

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

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

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

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

package/dist/components/Section.d.ts

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

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

@@ -1 +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"}
+{"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 Partial<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: UseSegmentedControlStylesProps;\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.js.map

@@ -1 +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;"}
+{"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 Partial<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: UseSegmentedControlStylesProps;\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

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

package/dist/components/Select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("classnames"),A=require("react"),u=require("../../constants/dictionaries.cjs"),R=require("../../hooks/styleProps.cjs"),D=require("../../hooks/useAriaDescribedBy.cjs"),g=require("../Field/HelperText.cjs"),F=require("../Field/Label.cjs"),I=require("../Field/useAriaIds.cjs"),M=require("../Field/ValidationText.cjs"),V=require("../Field/useValidationTextRole.cjs"),z=require("../Icon/Icon.cjs"),B=require("./useSelectStyleProps.cjs"),E=(p,x)=>{const{"aria-describedby":S="",children:b,hasValidationIcon:m,helperText:q,id:i,isDisabled:a,isFluid:y,isLabelHidden:N,isRequired:l,label:h,size:o=u.Sizes.MEDIUM,validationState:t,validationText:c,...T}=p,{classProps:s}=B.useSelectStyleProps({isDisabled:a,isFluid:y,isLabelHidden:N,isRequired:l,size:o,validationState:t}),{styleProps:n,props:v}=R.useStyleProps(T),[P,d]=I.default(S),f=D.useAriaDescribedBy(P),j=V.useValidationTextRole({validationState:t,validationText:c});return e.jsxs("div",{...n,className:_(s.root,n.className),children:[e.jsx(F.default,{htmlFor:i,UNSAFE_className:s.label,children:h}),e.jsxs("div",{className:s.container,children:[e.jsx("select",{...v,...f,id:i,className:s.input,disabled:a,required:l,ref:x,children:b}),e.jsx("div",{className:s.icon,children:e.jsx(z.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(M.default,{UNSAFE_className:s.validationText,...m&&{hasValidationStateIcon:t},id:`${i}__validationText`,validationText:c,registerAria:d,role:j})]})},r=A.forwardRef(E);r.spiritComponent="Select";r.displayName="Select";exports.default=r;
+"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

@@ -1 +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, useAriaIds } 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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\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","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText","Select","forwardRef"],"mappings":"ulBAYMA,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,EAAKC,CAAQ,EAAIC,EAAAA,QAAWtB,CAAe,EAC5CuB,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAED,OACEc,OAAC,MAAA,CAAK,GAAGV,EAAY,UAAWW,EAAWb,EAAW,KAAME,EAAW,SAAS,EAC9E,SAAA,CAAAY,MAACC,EAAAA,SAAM,QAAS1B,EAAI,iBAAkBW,EAAW,MAC9C,SAAAN,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAW,UACzB,SAAA,CAAAc,EAAAA,IAAC,SAAA,CACE,GAAGX,EACH,GAAGK,EACJ,GAAAnB,EACA,UAAWW,EAAW,MACtB,SAAUV,EACV,SAAUG,EACV,IAAAT,EAEC,SAAAE,CAAA,CAAA,EAEH4B,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAW,KACzB,SAAAc,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,eAAe,QAASrB,IAASC,EAAAA,MAAM,MAAQ,GAAK,GAAI,CAAA,CACrE,CAAA,EACF,EACAkB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBjB,EAAW,WAC7B,GAAI,GAAGX,CAAE,eACT,aAAciB,EACd,WAAAlB,CAAA,CAAA,EAEDS,GACCiB,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBlB,EAAW,eAC5B,GAAIb,GAAqB,CAAE,uBAAwBU,CAAA,EACpD,GAAI,GAAGR,CAAE,mBACT,eAAAS,EACA,aAAcQ,EACd,KAAMI,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMS,EAASC,EAAAA,WAAiDtC,CAAO,EAKvEqC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}
+{"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.js

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

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

@@ -1 +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, useAriaIds } 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 [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\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","ids","register","useAriaIds","ariaDescribedByProp","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,GAAKC,CAAQ,IAAIC,EAAWtB,CAAe,GAC5CuB,IAAsBC,EAAmBJ,CAAG,GAC5CK,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAd;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAc,EAAC,OAAA,EAAK,GAAGV,GAAY,WAAWW,EAAWb,EAAW,MAAME,EAAW,SAAS,GAC9E,UAAA;AAAA,IAAA,gBAAAY,EAACC,KAAM,SAAS1B,GAAI,kBAAkBW,EAAW,OAC9C,UAAAN,GACH;AAAA,IACA,gBAAAkB,EAAC,OAAA,EAAI,WAAWZ,EAAW,WACzB,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACH,GAAGK;AAAA,UACJ,IAAAnB;AAAA,UACA,WAAWW,EAAW;AAAA,UACtB,UAAUV;AAAA,UACV,UAAUG;AAAA,UACV,KAAAT;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAA4B,EAAC,OAAA,EAAI,WAAWd,EAAW,MACzB,UAAA,gBAAAc,EAACE,GAAA,EAAK,MAAK,gBAAe,SAASrB,MAASC,EAAM,QAAQ,KAAK,IAAI,EAAA,CACrE;AAAA,IAAA,GACF;AAAA,IACA,gBAAAkB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBjB,EAAW;AAAA,QAC7B,IAAI,GAAGX,CAAE;AAAA,QACT,cAAciB;AAAA,QACd,YAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDS,KACC,gBAAAiB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBlB,EAAW;AAAA,QAC5B,GAAIb,KAAqB,EAAE,wBAAwBU,EAAA;AAAA,QACpD,IAAI,GAAGR,CAAE;AAAA,QACT,gBAAAS;AAAA,QACA,cAAcQ;AAAA,QACd,MAAMI;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMS,IAASC,EAAiDtC,CAAO;AAKvEqC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}
+{"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/useSelectStyleProps.cjs

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),P=require("../../hooks/useClassNamePrefix.cjs"),f=({isDisabled:a,isFluid:n,isLabelHidden:o,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:c(e,{[u]:a,[r]:n,[C]:t,[d]:l}),label:c(s,{[$]:i,[_]:o}),container:p,input:b,icon:x,validationText:S,helperText:T}}};exports.useSelectStyleProps=f;
 //# sourceMappingURL=useSelectStyleProps.cjs.map

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

@@ -1 +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"}
+{"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 selectClass = useClassNamePrefix('Select');\n  const selectFluidClass = `${selectClass}--fluid`;\n  const selectDisabledClass = `${selectClass}--disabled`;\n  const selectSizeClass = `${selectClass}--${size}`;\n  const selectValidationClass = `${selectClass}--${validationState}`;\n  const selectLabelClass = `${selectClass}__label`;\n  const selectLabelRequiredClass = `${selectLabelClass}--required`;\n  const selectLabelHiddenClass = `${selectLabelClass}--hidden`;\n  const selectContainerClass = `${selectClass}__inputContainer`;\n  const selectInputClass = `${selectClass}__input`;\n  const selectIconClass = `${selectClass}__icon`;\n  const selectValidationTextClass = `${selectClass}__validationText`;\n  const selectHelperTextClass = `${selectClass}__helperText`;\n\n  return {\n    classProps: {\n      root: classNames(selectClass, {\n        [selectDisabledClass]: isDisabled,\n        [selectFluidClass]: isFluid,\n        [selectSizeClass]: size,\n        [selectValidationClass]: 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","selectClass","useClassNamePrefix","selectFluidClass","selectDisabledClass","selectSizeClass","selectValidationClass","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,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAmB,GAAGF,CAAW,UACjCG,EAAsB,GAAGH,CAAW,aACpCI,EAAkB,GAAGJ,CAAW,KAAKF,CAAI,GACzCO,EAAwB,GAAGL,CAAW,KAAKD,CAAe,GAC1DO,EAAmB,GAAGN,CAAW,UACjCO,EAA2B,GAAGD,CAAgB,aAC9CE,EAAyB,GAAGF,CAAgB,WAC5CG,EAAuB,GAAGT,CAAW,mBACrCU,EAAmB,GAAGV,CAAW,UACjCW,EAAkB,GAAGX,CAAW,SAChCY,EAA4B,GAAGZ,CAAW,mBAC1Ca,EAAwB,GAAGb,CAAW,eAE5C,MAAO,CACL,WAAY,CACV,KAAMc,EAAWd,EAAa,CAC5B,CAACG,CAAmB,EAAGT,EACvB,CAACQ,CAAgB,EAAGP,EACpB,CAACS,CAAe,EAAGN,EACnB,CAACO,CAAqB,EAAGN,CAAA,CAC1B,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"}