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

package/dist/components/Section/index.js

@@ -0,0 +1,9 @@
+import { default as t } from "./Section.js";
+import { useSectionSizeProps as s } from "./useSectionSizeProps.js";
+import { useSectionStyleProps as p } from "./useSectionStyleProps.js";
+export {
+  t as Section,
+  s as useSectionSizeProps,
+  p as useSectionStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Section/useSectionSizeProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),s={[e.SizesExtended.XSMALL]:{paddingY:{mobile:"space-900",tablet:"space-1000"}},[e.SizesExtended.SMALL]:{paddingY:{mobile:"space-1000",tablet:"space-1100"}},[e.SizesExtended.MEDIUM]:{paddingY:{mobile:"space-1100",tablet:"space-1300"}},[e.SizesExtended.LARGE]:{paddingY:{mobile:"space-1200",tablet:"space-1400"}},[e.SizesExtended.XLARGE]:{paddingY:{mobile:"space-1400",tablet:"space-1600"}}},d=(i={})=>{const{size:t}=i;return{modifiedProps:t?{...s[t],...i}:i}};exports.useSectionSizeProps=d;
+//# sourceMappingURL=useSectionSizeProps.cjs.map

package/dist/components/Section/useSectionSizeProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionSizeProps.cjs","sources":["../../../src/components/Section/useSectionSizeProps.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\nimport { type Responsive, type SectionProps, type SizeExtendedDictionaryType, type SpaceToken } from '../../types';\n\nconst sizePaddingMapping: Record<SizeExtendedDictionaryType<never>, { paddingY: Responsive<SpaceToken> }> = {\n  [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },\n  [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },\n  [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },\n  [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },\n  [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },\n};\n\nexport const useSectionSizeProps = (props: SectionProps = {}) => {\n  const { size } = props;\n\n  const modifiedProps = size ? { ...sizePaddingMapping[size], ...props } : props;\n\n  return {\n    modifiedProps,\n  };\n};\n"],"names":["sizePaddingMapping","SizesExtended","useSectionSizeProps","props","size"],"mappings":"oIAGMA,EAAsG,CAC1G,CAACC,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,YAAa,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EACjF,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,YAAA,CAAa,CACnF,EAEaC,EAAsB,CAACC,EAAsB,KAAO,CAC/D,KAAM,CAAE,KAAAC,GAASD,EAIjB,MAAO,CACL,cAHoBC,EAAO,CAAE,GAAGJ,EAAmBI,CAAI,EAAG,GAAGD,CAAA,EAAUA,CAGvE,CAEJ"}

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

@@ -0,0 +1,4 @@
+import { SectionProps } from '../../types';
+export declare const useSectionSizeProps: (props?: SectionProps) => {
+    modifiedProps: SectionProps<void>;
+};

package/dist/components/Section/useSectionSizeProps.js

@@ -0,0 +1,17 @@
+import { SizesExtended as e } from "../../constants/dictionaries.js";
+const s = {
+  [e.XSMALL]: { paddingY: { mobile: "space-900", tablet: "space-1000" } },
+  [e.SMALL]: { paddingY: { mobile: "space-1000", tablet: "space-1100" } },
+  [e.MEDIUM]: { paddingY: { mobile: "space-1100", tablet: "space-1300" } },
+  [e.LARGE]: { paddingY: { mobile: "space-1200", tablet: "space-1400" } },
+  [e.XLARGE]: { paddingY: { mobile: "space-1400", tablet: "space-1600" } }
+}, p = (i = {}) => {
+  const { size: a } = i;
+  return {
+    modifiedProps: a ? { ...s[a], ...i } : i
+  };
+};
+export {
+  p as useSectionSizeProps
+};
+//# sourceMappingURL=useSectionSizeProps.js.map

package/dist/components/Section/useSectionSizeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionSizeProps.js","sources":["../../../src/components/Section/useSectionSizeProps.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\nimport { type Responsive, type SectionProps, type SizeExtendedDictionaryType, type SpaceToken } from '../../types';\n\nconst sizePaddingMapping: Record<SizeExtendedDictionaryType<never>, { paddingY: Responsive<SpaceToken> }> = {\n  [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },\n  [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },\n  [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },\n  [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },\n  [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },\n};\n\nexport const useSectionSizeProps = (props: SectionProps = {}) => {\n  const { size } = props;\n\n  const modifiedProps = size ? { ...sizePaddingMapping[size], ...props } : props;\n\n  return {\n    modifiedProps,\n  };\n};\n"],"names":["sizePaddingMapping","SizesExtended","useSectionSizeProps","props","size"],"mappings":";AAGA,MAAMA,IAAsG;AAAA,EAC1G,CAACC,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,aAAa,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,KAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EACjF,CAACA,EAAc,KAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,aAAA,EAAa;AACnF,GAEaC,IAAsB,CAACC,IAAsB,OAAO;AAC/D,QAAM,EAAE,MAAAC,MAASD;AAIjB,SAAO;AAAA,IACL,eAHoBC,IAAO,EAAE,GAAGJ,EAAmBI,CAAI,GAAG,GAAGD,EAAA,IAAUA;AAAA,EAGvE;AAEJ;"}

package/dist/components/Section/useSectionStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),t=require("../../hooks/useClassNamePrefix.cjs"),c=e=>{const{backgroundColor:s}=e||{},o=t.useClassNamePrefix(`bg-${s}`);return{classProps:r({[s?o:""]:s})}};exports.useSectionStyleProps=c;
+//# sourceMappingURL=useSectionStyleProps.cjs.map

package/dist/components/Section/useSectionStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionStyleProps.cjs","sources":["../../../src/components/Section/useSectionStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SectionStyleProps } from '../../types';\n\nexport const useSectionStyleProps = (props: SectionStyleProps) => {\n  const { backgroundColor } = props || {};\n\n  const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';\n\n  const classProps = classNames({\n    [sectionBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useSectionStyleProps","props","backgroundColor","sectionBackgroundClassName","useClassNamePrefix","classNames"],"mappings":"8JAIaA,EAAwBC,GAA6B,CAChE,KAAM,CAAE,gBAAAC,GAAoBD,GAAS,CAAA,EAE/BE,EAA6BC,EAAAA,mBAAmB,MAAMF,CAAe,EAAE,EAQ7E,MAAO,CACL,WALiBG,EAAW,CAC5B,CAH6BH,EAAkBC,EAA6B,EAGrD,EAAGD,CAAA,CAC3B,CAGC,CAEJ"}

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

@@ -0,0 +1,4 @@
+import { SectionStyleProps } from '../../types';
+export declare const useSectionStyleProps: (props: SectionStyleProps) => {
+    classProps: string;
+};

package/dist/components/Section/useSectionStyleProps.js

@@ -0,0 +1,14 @@
+import c from "classnames";
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+const i = (s) => {
+  const { backgroundColor: o } = s || {}, r = t(`bg-${o}`);
+  return {
+    classProps: c({
+      [o ? r : ""]: o
+    })
+  };
+};
+export {
+  i as useSectionStyleProps
+};
+//# sourceMappingURL=useSectionStyleProps.js.map

package/dist/components/Section/useSectionStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionStyleProps.js","sources":["../../../src/components/Section/useSectionStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SectionStyleProps } from '../../types';\n\nexport const useSectionStyleProps = (props: SectionStyleProps) => {\n  const { backgroundColor } = props || {};\n\n  const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';\n\n  const classProps = classNames({\n    [sectionBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useSectionStyleProps","props","backgroundColor","sectionBackgroundClassName","useClassNamePrefix","classNames"],"mappings":";;AAIO,MAAMA,IAAuB,CAACC,MAA6B;AAChE,QAAM,EAAE,iBAAAC,MAAoBD,KAAS,CAAA,GAE/BE,IAA6BC,EAAmB,MAAMF,CAAe,EAAE;AAQ7E,SAAO;AAAA,IACL,YALiBG,EAAW;AAAA,MAC5B,CAH6BH,IAAkBC,IAA6B,EAGrD,GAAGD;AAAA,IAAA,CAC3B;AAAA,EAGC;AAEJ;"}

package/dist/components/Section.d.ts

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

package/dist/components/SegmentedControl/SegmentedControl.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"),f=require("classnames"),y=require("../../constants/dictionaries.cjs"),C=require("../../hooks/styleProps.cjs"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),q=require("./SegmentedControlContext.cjs"),x=require("./useSegmentedControlStyleProps.cjs"),j={isFluid:!1,isMultiselect:!1,variant:y.FillVariants.OUTLINE},t=o=>{const r={...j,...o},{children:l,isMultiselect:n,label:i,name:c,onSelectionChange:u,selectedValue:a,setSelectedValue:d,...p}=r,{classProps:m,props:P}=x.useSegmentedControlStyleProps(p),{styleProps:s,props:S}=C.useStyleProps(P),g={isMultiselect:n,name:c,selectedValue:a,setSelectedValue:d,onSelectionChange:u};return e.jsx(q.SegmentedControlProvider,{value:g,children:e.jsxs("fieldset",{...S,...s,className:f(m.root,s.className),children:[e.jsx(h.default,{elementType:"legend",children:i}),l]})})};t.spiritComponent="SegmentedControl";exports.default=t;
+//# sourceMappingURL=SegmentedControl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { FillVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { SegmentedControlProvider } from './SegmentedControlContext';\nimport { useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst defaultProps: Partial<SpiritSegmentedControlProps> = {\n  isFluid: false,\n  isMultiselect: false,\n  variant: FillVariants.OUTLINE,\n};\n\nconst SegmentedControl = (props: SpiritSegmentedControlProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiselect, label, name, onSelectionChange, selectedValue, setSelectedValue, ...restProps } =\n    propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const contextValue = {\n    isMultiselect,\n    name,\n    selectedValue,\n    setSelectedValue,\n    onSelectionChange,\n  };\n\n  return (\n    <SegmentedControlProvider value={contextValue}>\n      <fieldset {...otherProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n        <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n        {children}\n      </fieldset>\n    </SegmentedControlProvider>\n  );\n};\n\nSegmentedControl.spiritComponent = 'SegmentedControl';\n\nexport default SegmentedControl;\n"],"names":["defaultProps","FillVariants","SegmentedControl","props","propsWithDefaults","children","isMultiselect","label","name","onSelectionChange","selectedValue","setSelectedValue","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","contextValue","SegmentedControlProvider","jsxs","classNames","jsx","VisuallyHidden"],"mappings":"0ZAWMA,EAAqD,CACzD,QAAS,GACT,cAAe,GACf,QAASC,EAAAA,aAAa,OACxB,EAEMC,EAAoBC,GAAuC,CAC/D,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,cAAAC,EAAe,MAAAC,EAAO,KAAAC,EAAM,kBAAAC,EAAmB,cAAAC,EAAe,iBAAAC,EAAkB,GAAGC,CAAA,EACnGR,EACI,CAAE,WAAAS,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,8BAA8BH,CAAS,EAC9E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAE/DK,EAAe,CACnB,cAAAb,EACA,KAAAE,EACA,cAAAE,EACA,iBAAAC,EACA,kBAAAF,CAAA,EAGF,aACGW,EAAAA,yBAAA,CAAyB,MAAOD,EAC/B,SAAAE,EAAAA,KAAC,YAAU,GAAGJ,EAAa,GAAGD,EAAY,UAAWM,EAAWT,EAAW,KAAMG,EAAW,SAAS,EACnG,SAAA,CAAAO,EAAAA,IAACC,EAAAA,QAAA,CAAe,YAAY,SAAU,SAAAjB,EAAM,EAC3CF,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,EAEAH,EAAiB,gBAAkB"}

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

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

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
+import S from "classnames";
+import { FillVariants as h } from "../../constants/dictionaries.js";
+import { useStyleProps as g } from "../../hooks/styleProps.js";
+import C from "../VisuallyHidden/VisuallyHidden.js";
+import { SegmentedControlProvider as V } from "./SegmentedControlContext.js";
+import { useSegmentedControlStyleProps as x } from "./useSegmentedControlStyleProps.js";
+const y = {
+  isFluid: !1,
+  isMultiselect: !1,
+  variant: h.OUTLINE
+}, N = (o) => {
+  const s = { ...y, ...o }, { children: r, isMultiselect: l, label: n, name: i, onSelectionChange: a, selectedValue: m, setSelectedValue: p, ...c } = s, { classProps: d, props: u } = x(c), { styleProps: e, props: f } = g(u);
+  return /* @__PURE__ */ t(V, { value: {
+    isMultiselect: l,
+    name: i,
+    selectedValue: m,
+    setSelectedValue: p,
+    onSelectionChange: a
+  }, children: /* @__PURE__ */ P("fieldset", { ...f, ...e, className: S(d.root, e.className), children: [
+    /* @__PURE__ */ t(C, { elementType: "legend", children: n }),
+    r
+  ] }) });
+};
+N.spiritComponent = "SegmentedControl";
+export {
+  N as default
+};
+//# sourceMappingURL=SegmentedControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { FillVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { SegmentedControlProvider } from './SegmentedControlContext';\nimport { useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst defaultProps: Partial<SpiritSegmentedControlProps> = {\n  isFluid: false,\n  isMultiselect: false,\n  variant: FillVariants.OUTLINE,\n};\n\nconst SegmentedControl = (props: SpiritSegmentedControlProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiselect, label, name, onSelectionChange, selectedValue, setSelectedValue, ...restProps } =\n    propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const contextValue = {\n    isMultiselect,\n    name,\n    selectedValue,\n    setSelectedValue,\n    onSelectionChange,\n  };\n\n  return (\n    <SegmentedControlProvider value={contextValue}>\n      <fieldset {...otherProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n        <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n        {children}\n      </fieldset>\n    </SegmentedControlProvider>\n  );\n};\n\nSegmentedControl.spiritComponent = 'SegmentedControl';\n\nexport default SegmentedControl;\n"],"names":["defaultProps","FillVariants","SegmentedControl","props","propsWithDefaults","children","isMultiselect","label","name","onSelectionChange","selectedValue","setSelectedValue","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","SegmentedControlProvider","jsxs","classNames","jsx","VisuallyHidden"],"mappings":";;;;;;;;AAWA,MAAMA,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAASC,EAAa;AACxB,GAEMC,IAAmB,CAACC,MAAuC;AAC/D,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,eAAAC,GAAe,OAAAC,GAAO,MAAAC,GAAM,mBAAAC,GAAmB,eAAAC,GAAe,kBAAAC,GAAkB,GAAGC,EAAA,IACnGR,GACI,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAkBC,EAA8BH,CAAS,GAC9E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAUrE,2BACGK,GAAA,EAAyB,OATP;AAAA,IACnB,eAAAb;AAAA,IACA,MAAAE;AAAA,IACA,eAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAF;AAAA,EAAA,GAKE,UAAA,gBAAAW,EAAC,cAAU,GAAGH,GAAa,GAAGD,GAAY,WAAWK,EAAWR,EAAW,MAAMG,EAAW,SAAS,GACnG,UAAA;AAAA,IAAA,gBAAAM,EAACC,GAAA,EAAe,aAAY,UAAU,UAAAhB,GAAM;AAAA,IAC3CF;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEAH,EAAiB,kBAAkB;"}

package/dist/components/SegmentedControl/SegmentedControlContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o={isMultiselect:!1,name:"",selectedValue:[],setSelectedValue:()=>{},onSelectionChange:()=>{}},t=e.createContext(o),n=t.Provider,r=()=>e.useContext(t);exports.SegmentedControlProvider=n;exports.useSegmentedControlContext=r;
+//# sourceMappingURL=SegmentedControlContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\nexport type SegmentedControlContextProps = SegmentedControlMultiselectProps & {\n  name: string;\n  selectedValue: string | string[];\n  setSelectedValue: (value: string | string[]) => void;\n  onSelectionChange?: (value: string | string[]) => void;\n};\n\nconst defaultContext: SegmentedControlContextProps = {\n  isMultiselect: false,\n  name: '',\n  selectedValue: [],\n  setSelectedValue: () => {},\n  onSelectionChange: () => {},\n};\n\nconst SegmentedControlContext = createContext<SegmentedControlContextProps>(defaultContext);\nconst SegmentedControlProvider = SegmentedControlContext.Provider;\nconst useSegmentedControlContext = (): SegmentedControlContextProps => useContext(SegmentedControlContext);\n\nexport default SegmentedControlContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { SegmentedControlProvider, useSegmentedControlContext };\n"],"names":["defaultContext","SegmentedControlContext","createContext","SegmentedControlProvider","useSegmentedControlContext","useContext"],"mappings":"sHAYMA,EAA+C,CACnD,cAAe,GACf,KAAM,GACN,cAAe,CAAA,EACf,iBAAkB,IAAM,CAAC,EACzB,kBAAmB,IAAM,CAAC,CAC5B,EAEMC,EAA0BC,EAAAA,cAA4CF,CAAc,EACpFG,EAA2BF,EAAwB,SACnDG,EAA6B,IAAoCC,EAAAA,WAAWJ,CAAuB"}

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

@@ -0,0 +1,12 @@
+import { SegmentedControlMultiselectProps } from '../../types/segmentedControl';
+export type SegmentedControlContextProps = SegmentedControlMultiselectProps & {
+    name: string;
+    selectedValue: string | string[];
+    setSelectedValue: (value: string | string[]) => void;
+    onSelectionChange?: (value: string | string[]) => void;
+};
+declare const SegmentedControlContext: React.Context<SegmentedControlContextProps>;
+declare const SegmentedControlProvider: React.Provider<SegmentedControlContextProps>;
+declare const useSegmentedControlContext: () => SegmentedControlContextProps;
+export default SegmentedControlContext;
+export { SegmentedControlProvider, useSegmentedControlContext };

package/dist/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as t, useContext as o } from "react";
+const n = {
+  isMultiselect: !1,
+  name: "",
+  selectedValue: [],
+  setSelectedValue: () => {
+  },
+  onSelectionChange: () => {
+  }
+}, e = t(n), l = e.Provider, r = () => o(e);
+export {
+  l as SegmentedControlProvider,
+  r as useSegmentedControlContext
+};
+//# sourceMappingURL=SegmentedControlContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\nexport type SegmentedControlContextProps = SegmentedControlMultiselectProps & {\n  name: string;\n  selectedValue: string | string[];\n  setSelectedValue: (value: string | string[]) => void;\n  onSelectionChange?: (value: string | string[]) => void;\n};\n\nconst defaultContext: SegmentedControlContextProps = {\n  isMultiselect: false,\n  name: '',\n  selectedValue: [],\n  setSelectedValue: () => {},\n  onSelectionChange: () => {},\n};\n\nconst SegmentedControlContext = createContext<SegmentedControlContextProps>(defaultContext);\nconst SegmentedControlProvider = SegmentedControlContext.Provider;\nconst useSegmentedControlContext = (): SegmentedControlContextProps => useContext(SegmentedControlContext);\n\nexport default SegmentedControlContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { SegmentedControlProvider, useSegmentedControlContext };\n"],"names":["defaultContext","SegmentedControlContext","createContext","SegmentedControlProvider","useSegmentedControlContext","useContext"],"mappings":";;AAYA,MAAMA,IAA+C;AAAA,EACnD,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe,CAAA;AAAA,EACf,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,mBAAmB,MAAM;AAAA,EAAC;AAC5B,GAEMC,IAA0BC,EAA4CF,CAAc,GACpFG,IAA2BF,EAAwB,UACnDG,IAA6B,MAAoCC,EAAWJ,CAAuB;"}

package/dist/components/SegmentedControl/SegmentedControlItem.cjs

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

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"),_=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;
+//# 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, 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"}

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,87 @@
+"use client";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import F from "classnames";
+import { forwardRef as I } 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) => {
+  const {
+    "aria-describedby": x = "",
+    children: u,
+    hasValidationIcon: N,
+    helperText: b,
+    id: r,
+    isDisabled: t,
+    isFluid: h,
+    isLabelHidden: T,
+    isRequired: o,
+    label: v,
+    size: a = n.MEDIUM,
+    validationState: s,
+    validationText: l,
+    ...y
+  } = f, { classProps: e } = M({
+    isDisabled: t,
+    isFluid: h,
+    isLabelHidden: T,
+    isRequired: o,
+    size: a,
+    validationState: s
+  }), { styleProps: c, props: A } = E(y), [_, d] = V(x), P = L(_), D = z({
+    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 }),
+    /* @__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
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(B, { name: "chevron-down", boxSize: a === n.SMALL ? 16 : 20 }) })
+    ] }),
+    /* @__PURE__ */ i(
+      R,
+      {
+        UNSAFE_className: e.helperText,
+        id: `${r}__helperText`,
+        registerAria: d,
+        helperText: b
+      }
+    ),
+    s && /* @__PURE__ */ i(
+      g,
+      {
+        UNSAFE_className: e.validationText,
+        ...N && { hasValidationStateIcon: s },
+        id: `${r}__validationText`,
+        validationText: l,
+        registerAria: d,
+        role: D
+      }
+    )
+  ] });
+}, p = I(j);
+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, 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;"}

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