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

package/dist/components/Slider/useSliderStyleProps.js

@@ -0,0 +1,25 @@
+import l from "classnames";
+import { useClassNamePrefix as x } from "../../hooks/useClassNamePrefix.js";
+function f(e) {
+  const { isDisabled: a, isFluid: i, isLabelHidden: o, validationState: t, ...n } = e, s = x("Slider"), r = l(s), d = `${s}--disabled`, c = `${s}--fluid`, p = `${s}--${t}`, u = l(`${s}__label`), C = `${s}__label--hidden`, _ = `${s}__input`, b = `${s}__helperText`, $ = `${s}__validationText`;
+  return {
+    classProps: {
+      root: l(r, {
+        [d]: a,
+        [c]: i,
+        [p]: t
+      }),
+      label: l(u, {
+        [C]: o
+      }),
+      input: _,
+      helperText: b,
+      validationText: $
+    },
+    props: n
+  };
+}
+export {
+  f as useSliderStyleProps
+};
+//# sourceMappingURL=useSliderStyleProps.js.map

package/dist/components/Slider/useSliderStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderStyleProps.js","sources":["../../../src/components/Slider/useSliderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSliderProps } from '../../types';\n\ntype UseSliderStyleProps = Omit<SpiritSliderProps, 'id' | 'value' | 'label'>;\n\nexport interface SliderStyles {\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  props: UseSliderStyleProps;\n}\n\nexport function useSliderStyleProps(props: UseSliderStyleProps): SliderStyles {\n  const { isDisabled, isFluid, isLabelHidden, validationState, ...restProps } = props;\n\n  const sliderClass = useClassNamePrefix('Slider');\n  const rootClass = classNames(sliderClass);\n  const isDisabledClass = `${sliderClass}--disabled`;\n  const isFluidClass = `${sliderClass}--fluid`;\n  const validationStateClass = `${sliderClass}--${validationState}`;\n  const labelClass = classNames(`${sliderClass}__label`);\n  const isLabelHiddenClass = `${sliderClass}__label--hidden`;\n  const inputClass = `${sliderClass}__input`;\n  const helperTextClass = `${sliderClass}__helperText`;\n  const validationTextClass = `${sliderClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(rootClass, {\n        [isDisabledClass]: isDisabled,\n        [isFluidClass]: isFluid,\n        [validationStateClass]: validationState,\n      }),\n      label: classNames(labelClass, {\n        [isLabelHiddenClass]: isLabelHidden,\n      }),\n      input: inputClass,\n      helperText: helperTextClass,\n      validationText: validationTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useSliderStyleProps","props","isDisabled","isFluid","isLabelHidden","validationState","restProps","sliderClass","useClassNamePrefix","rootClass","classNames","isDisabledClass","isFluidClass","validationStateClass","labelClass","isLabelHiddenClass","inputClass","helperTextClass","validationTextClass"],"mappings":";;AAiBO,SAASA,EAAoBC,GAA0C;AAC5E,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,MAAcL,GAExEM,IAAcC,EAAmB,QAAQ,GACzCC,IAAYC,EAAWH,CAAW,GAClCI,IAAkB,GAAGJ,CAAW,cAChCK,IAAe,GAAGL,CAAW,WAC7BM,IAAuB,GAAGN,CAAW,KAAKF,CAAe,IACzDS,IAAaJ,EAAW,GAAGH,CAAW,SAAS,GAC/CQ,IAAqB,GAAGR,CAAW,mBACnCS,IAAa,GAAGT,CAAW,WAC3BU,IAAkB,GAAGV,CAAW,gBAChCW,IAAsB,GAAGX,CAAW;AAE1C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMG,EAAWD,GAAW;AAAA,QAC1B,CAACE,CAAe,GAAGT;AAAA,QACnB,CAACU,CAAY,GAAGT;AAAA,QAChB,CAACU,CAAoB,GAAGR;AAAA,MAAA,CACzB;AAAA,MACD,OAAOK,EAAWI,GAAY;AAAA,QAC5B,CAACC,CAAkB,GAAGX;AAAA,MAAA,CACvB;AAAA,MACD,OAAOY;AAAA,MACP,YAAYC;AAAA,MACZ,gBAAgBC;AAAA,IAAA;AAAA,IAElB,OAAOZ;AAAA,EAAA;AAEX;"}

package/dist/components/Slider.d.ts

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

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),p=require("classnames"),l=require("../../hooks/styleProps.cjs"),u=require("../Icon/Icon.cjs"),c=require("./useSpinnerStyleProps.cjs"),s=r=>{const{classProps:t,props:o}=c.useSpinnerStyleProps(r),{styleProps:e,props:n}=l.useStyleProps(o);return i.jsx(u.default,{...n,name:"spinner",UNSAFE_className:p(t,e.className),UNSAFE_style:e.style})};s.spiritComponent="Spinner";exports.default=s;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/Spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSpinnerProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { useSpinnerStyleProps } from './useSpinnerStyleProps';\n\nconst Spinner = <C extends undefined = undefined>(props: SpiritSpinnerProps<C>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useSpinnerStyleProps(props);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    // @ts-ignore: Incompatible HTMLElement and SVGSVGElement\n    <Icon\n      {...otherProps}\n      name=\"spinner\"\n      UNSAFE_className={classNames(classProps, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    />\n  );\n};\n\nSpinner.spiritComponent = 'Spinner';\n\nexport default Spinner;\n"],"names":["Spinner","props","classProps","modifiedProps","useSpinnerStyleProps","styleProps","otherProps","useStyleProps","jsx","Icon","classNames"],"mappings":"oSASMA,EAA4CC,GAA8C,CAC9F,KAAM,CAAE,WAAAC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,qBAAqBH,CAAK,EACjE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OAEEK,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGH,EACJ,KAAK,UACL,iBAAkBI,EAAWR,EAAYG,EAAW,SAAS,EAC7D,aAAcA,EAAW,KAAA,CAAA,CAG/B,EAEAL,EAAQ,gBAAkB"}

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+import { SpiritSpinnerProps } from '../../types';
+declare const Spinner: {
+    <C extends undefined = undefined>(props: SpiritSpinnerProps<C>): JSX.Element;
+    spiritComponent: string;
+};
+export default Spinner;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import n from "classnames";
+import { useStyleProps as m } from "../../hooks/styleProps.js";
+import i from "../Icon/Icon.js";
+import { useSpinnerStyleProps as l } from "./useSpinnerStyleProps.js";
+const a = (r) => {
+  const { classProps: o, props: e } = l(r), { styleProps: s, props: p } = m(e);
+  return (
+    // @ts-ignore: Incompatible HTMLElement and SVGSVGElement
+    /* @__PURE__ */ t(
+      i,
+      {
+        ...p,
+        name: "spinner",
+        UNSAFE_className: n(o, s.className),
+        UNSAFE_style: s.style
+      }
+    )
+  );
+};
+a.spiritComponent = "Spinner";
+export {
+  a as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSpinnerProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { useSpinnerStyleProps } from './useSpinnerStyleProps';\n\nconst Spinner = <C extends undefined = undefined>(props: SpiritSpinnerProps<C>): JSX.Element => {\n  const { classProps, props: modifiedProps } = useSpinnerStyleProps(props);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    // @ts-ignore: Incompatible HTMLElement and SVGSVGElement\n    <Icon\n      {...otherProps}\n      name=\"spinner\"\n      UNSAFE_className={classNames(classProps, styleProps.className)}\n      UNSAFE_style={styleProps.style}\n    />\n  );\n};\n\nSpinner.spiritComponent = 'Spinner';\n\nexport default Spinner;\n"],"names":["Spinner","props","classProps","modifiedProps","useSpinnerStyleProps","styleProps","otherProps","useStyleProps","jsx","Icon","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAkCC,MAA8C;AAC9F,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAqBH,CAAK,GACjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE;AAAA;AAAA,IAEE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,MAAK;AAAA,QACL,kBAAkBI,EAAWR,GAAYG,EAAW,SAAS;AAAA,QAC7D,cAAcA,EAAW;AAAA,MAAA;AAAA,IAAA;AAAA;AAG/B;AAEAL,EAAQ,kBAAkB;"}

package/dist/components/Spinner/index.cjs

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

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

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

package/dist/components/Spinner/index.js

@@ -0,0 +1,7 @@
+import { default as t } from "./Spinner.js";
+import { useSpinnerStyleProps as p } from "./useSpinnerStyleProps.js";
+export {
+  t as Spinner,
+  p as useSpinnerStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Spinner/useSpinnerStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),e=require("../../hooks/useClassNamePrefix.cjs");function c(n){const{color:s,...r}=n,o=e.useClassNamePrefix("text"),t=s?`${o}-${s}`:"",i=e.useClassNamePrefix("animation-spin-clockwise");return{classProps:a(t,i),props:r}}exports.useSpinnerStyleProps=c;
+//# sourceMappingURL=useSpinnerStyleProps.cjs.map

package/dist/components/Spinner/useSpinnerStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpinnerStyleProps.cjs","sources":["../../../src/components/Spinner/useSpinnerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpinnerProps, type SpiritSpinnerProps } from '../../types';\n\nexport interface SpinnerStyles {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the element */\n  props: SpinnerProps;\n}\n\nexport function useSpinnerStyleProps<C extends string | undefined = undefined>(\n  props: SpiritSpinnerProps<C>,\n): SpinnerStyles {\n  const { color, ...restProps } = props;\n\n  const spinnerClass = useClassNamePrefix('text');\n  const spinnerColorClass = color ? `${spinnerClass}-${color}` : '';\n  const spinnerAnimation = useClassNamePrefix('animation-spin-clockwise');\n\n  const className = classNames(spinnerColorClass, spinnerAnimation);\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useSpinnerStyleProps","props","color","restProps","spinnerClass","useClassNamePrefix","spinnerColorClass","spinnerAnimation","classNames"],"mappings":"8JAWO,SAASA,EACdC,EACe,CACf,KAAM,CAAE,MAAAC,EAAO,GAAGC,CAAA,EAAcF,EAE1BG,EAAeC,EAAAA,mBAAmB,MAAM,EACxCC,EAAoBJ,EAAQ,GAAGE,CAAY,IAAIF,CAAK,GAAK,GACzDK,EAAmBF,EAAAA,mBAAmB,0BAA0B,EAItE,MAAO,CACL,WAHgBG,EAAWF,EAAmBC,CAAgB,EAI9D,MAAOJ,CAAA,CAEX"}

package/dist/components/Spinner/useSpinnerStyleProps.d.ts

@@ -0,0 +1,6 @@
+import { SpinnerProps, SpiritSpinnerProps } from '../../types';
+export interface SpinnerStyles {
+    classProps: string | null;
+    props: SpinnerProps;
+}
+export declare function useSpinnerStyleProps<C extends string | undefined = undefined>(props: SpiritSpinnerProps<C>): SpinnerStyles;

package/dist/components/Spinner/useSpinnerStyleProps.js

@@ -0,0 +1,13 @@
+import a from "classnames";
+import { useClassNamePrefix as o } from "../../hooks/useClassNamePrefix.js";
+function m(n) {
+  const { color: s, ...r } = n, e = o("text"), t = s ? `${e}-${s}` : "", i = o("animation-spin-clockwise");
+  return {
+    classProps: a(t, i),
+    props: r
+  };
+}
+export {
+  m as useSpinnerStyleProps
+};
+//# sourceMappingURL=useSpinnerStyleProps.js.map

package/dist/components/Spinner/useSpinnerStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpinnerStyleProps.js","sources":["../../../src/components/Spinner/useSpinnerStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpinnerProps, type SpiritSpinnerProps } from '../../types';\n\nexport interface SpinnerStyles {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the element */\n  props: SpinnerProps;\n}\n\nexport function useSpinnerStyleProps<C extends string | undefined = undefined>(\n  props: SpiritSpinnerProps<C>,\n): SpinnerStyles {\n  const { color, ...restProps } = props;\n\n  const spinnerClass = useClassNamePrefix('text');\n  const spinnerColorClass = color ? `${spinnerClass}-${color}` : '';\n  const spinnerAnimation = useClassNamePrefix('animation-spin-clockwise');\n\n  const className = classNames(spinnerColorClass, spinnerAnimation);\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useSpinnerStyleProps","props","color","restProps","spinnerClass","useClassNamePrefix","spinnerColorClass","spinnerAnimation","classNames"],"mappings":";;AAWO,SAASA,EACdC,GACe;AACf,QAAM,EAAE,OAAAC,GAAO,GAAGC,EAAA,IAAcF,GAE1BG,IAAeC,EAAmB,MAAM,GACxCC,IAAoBJ,IAAQ,GAAGE,CAAY,IAAIF,CAAK,KAAK,IACzDK,IAAmBF,EAAmB,0BAA0B;AAItE,SAAO;AAAA,IACL,YAHgBG,EAAWF,GAAmBC,CAAgB;AAAA,IAI9D,OAAOJ;AAAA,EAAA;AAEX;"}

package/dist/components/Spinner.d.ts

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

package/dist/components/SplitButton/SplitButton.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"),P=require("classnames"),t=require("../../constants/dictionaries.cjs"),d=require("../../context/PropsContext.cjs"),S=require("../../hooks/styleProps.cjs"),y=require("./useSplitButtonStyleProps.cjs"),m={color:t.ComponentButtonColors.PRIMARY,size:t.Sizes.MEDIUM},q=o=>{const r={...m,...o},{children:i,color:l,size:n,isDisabled:u,...c}=r,{classProps:p}=y.useSplitButtonStyleProps(),{styleProps:s,props:a}=S.useStyleProps(c);return e.jsx(d.PropsProvider,{value:{color:l,size:n,isDisabled:u},children:e.jsx("div",{...s,...a,className:P(p,s.className),children:i})})};exports.default=q;
+//# sourceMappingURL=SplitButton.cjs.map

package/dist/components/SplitButton/SplitButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.cjs","sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ComponentButtonColors, Sizes } from '../../constants';\nimport { PropsProvider } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSplitButtonProps } from '../../types';\nimport { useSplitButtonStyleProps } from './useSplitButtonStyleProps';\n\nconst defaultProps: Partial<SpiritSplitButtonProps> = {\n  color: ComponentButtonColors.PRIMARY,\n  size: Sizes.MEDIUM,\n};\n\nconst SplitButton = (props: SpiritSplitButtonProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, color, size, isDisabled, ...restProps } = propsWithDefaults;\n  const { classProps } = useSplitButtonStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <PropsProvider value={{ color, size, isDisabled }}>\n      <div {...styleProps} {...otherProps} className={classNames(classProps, styleProps.className)}>\n        {children}\n      </div>\n    </PropsProvider>\n  );\n};\n\nexport default SplitButton;\n"],"names":["defaultProps","ComponentButtonColors","Sizes","SplitButton","props","propsWithDefaults","children","color","size","isDisabled","restProps","classProps","useSplitButtonStyleProps","styleProps","otherProps","useStyleProps","jsx","PropsProvider","classNames"],"mappings":"oWAUMA,EAAgD,CACpD,MAAOC,EAAAA,sBAAsB,QAC7B,KAAMC,EAAAA,MAAM,MACd,EAEMC,EAAeC,GAAkC,CACrD,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,SAAAE,EAAU,MAAAC,EAAO,KAAAC,EAAM,WAAAC,EAAY,GAAGC,GAAcL,EACtD,CAAE,WAAAM,CAAA,EAAeC,2BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,MAACC,EAAAA,eAAc,MAAO,CAAE,MAAAV,EAAO,KAAAC,EAAM,WAAAC,CAAA,EACnC,SAAAO,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAa,GAAGC,EAAY,UAAWI,EAAWP,EAAYE,EAAW,SAAS,EACxF,SAAAP,CAAA,CACH,EACF,CAEJ"}

package/dist/components/SplitButton/SplitButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SpiritSplitButtonProps } from '../../types';
+declare const SplitButton: (props: SpiritSplitButtonProps) => React.JSX.Element;
+export default SplitButton;

package/dist/components/SplitButton/SplitButton.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import a from "classnames";
+import { Sizes as u, ComponentButtonColors as P } from "../../constants/dictionaries.js";
+import { PropsProvider as f } from "../../context/PropsContext.js";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { useSplitButtonStyleProps as S } from "./useSplitButtonStyleProps.js";
+const h = {
+  color: P.PRIMARY,
+  size: u.MEDIUM
+}, N = (r) => {
+  const t = { ...h, ...r }, { children: e, color: p, size: i, isDisabled: l, ...c } = t, { classProps: m } = S(), { styleProps: o, props: n } = d(c);
+  return /* @__PURE__ */ s(f, { value: { color: p, size: i, isDisabled: l }, children: /* @__PURE__ */ s("div", { ...o, ...n, className: a(m, o.className), children: e }) });
+};
+export {
+  N as default
+};
+//# sourceMappingURL=SplitButton.js.map

package/dist/components/SplitButton/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.js","sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { ComponentButtonColors, Sizes } from '../../constants';\nimport { PropsProvider } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSplitButtonProps } from '../../types';\nimport { useSplitButtonStyleProps } from './useSplitButtonStyleProps';\n\nconst defaultProps: Partial<SpiritSplitButtonProps> = {\n  color: ComponentButtonColors.PRIMARY,\n  size: Sizes.MEDIUM,\n};\n\nconst SplitButton = (props: SpiritSplitButtonProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, color, size, isDisabled, ...restProps } = propsWithDefaults;\n  const { classProps } = useSplitButtonStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <PropsProvider value={{ color, size, isDisabled }}>\n      <div {...styleProps} {...otherProps} className={classNames(classProps, styleProps.className)}>\n        {children}\n      </div>\n    </PropsProvider>\n  );\n};\n\nexport default SplitButton;\n"],"names":["defaultProps","ComponentButtonColors","Sizes","SplitButton","props","propsWithDefaults","children","color","size","isDisabled","restProps","classProps","useSplitButtonStyleProps","styleProps","otherProps","useStyleProps","jsx","PropsProvider","classNames"],"mappings":";;;;;;;AAUA,MAAMA,IAAgD;AAAA,EACpD,OAAOC,EAAsB;AAAA,EAC7B,MAAMC,EAAM;AACd,GAEMC,IAAc,CAACC,MAAkC;AACrD,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,UAAAE,GAAU,OAAAC,GAAO,MAAAC,GAAM,YAAAC,GAAY,GAAGC,MAAcL,GACtD,EAAE,YAAAM,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM,EAACC,KAAc,OAAO,EAAE,OAAAV,GAAO,MAAAC,GAAM,YAAAC,EAAA,GACnC,UAAA,gBAAAO,EAAC,OAAA,EAAK,GAAGH,GAAa,GAAGC,GAAY,WAAWI,EAAWP,GAAYE,EAAW,SAAS,GACxF,UAAAP,EAAA,CACH,GACF;AAEJ;"}

package/dist/components/SplitButton/UncontrolledSplitButton.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"),D=require("react"),T=require("../../hooks/useI18n.cjs"),l=require("../Button/Button.cjs"),S=require("../Dropdown/Dropdown.cjs"),I=require("../Dropdown/DropdownTrigger.cjs"),L=require("../Dropdown/DropdownPopover.cjs"),u=require("../Icon/Icon.cjs"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),P=require("./SplitButton.cjs"),v={dropdownPlacement:"bottom-end",dropdownTriggerIconName:"chevron-down"},B=a=>{const{t:p}=T.useI18n(),g={...v,...a},{buttonIconName:t,buttonLabel:n,buttonOnClick:f,children:w,dropdownTriggerIconName:m,dropdownTriggerLabel:b,dropdownPlacement:j,id:o,isButtonLabelHidden:r,isDisabled:h,isDropdownTriggerLabelHidden:s,...q}=g,d=b??p("splitButton.dropdown"),[i,x]=D.useState(!1);return e.jsxs(P.default,{...q,id:o,isDisabled:h,children:[e.jsxs(l.default,{onClick:f,children:[t&&e.jsx(u.default,{name:t,...!r&&{marginRight:"space-400"}}),r?e.jsx(c.default,{children:n}):n]}),e.jsxs(S.default,{id:`${o}-dropdown`,isOpen:i,onToggle:()=>x(!i),placement:j,children:[e.jsxs(I.default,{elementType:l.default,children:[s?e.jsx(c.default,{children:d}):d,e.jsx(u.default,{name:m,...!s&&{marginLeft:"space-400"}})]}),e.jsx(L.default,{children:w})]})]})};exports.default=B;
+//# sourceMappingURL=UncontrolledSplitButton.cjs.map

package/dist/components/SplitButton/UncontrolledSplitButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledSplitButton.cjs","sources":["../../../src/components/SplitButton/UncontrolledSplitButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { useI18n } from '../../hooks';\nimport { type UncontrolledSplitButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Dropdown, DropdownPopover, DropdownTrigger } from '../Dropdown';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport SplitButton from './SplitButton';\n\nconst defaultProps: Partial<UncontrolledSplitButtonProps> = {\n  dropdownPlacement: 'bottom-end',\n  dropdownTriggerIconName: 'chevron-down',\n};\n\nconst UncontrolledSplitButton = (props: UncontrolledSplitButtonProps) => {\n  const { t } = useI18n();\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    buttonIconName,\n    buttonLabel,\n    buttonOnClick,\n    children,\n    dropdownTriggerIconName,\n    dropdownTriggerLabel,\n    dropdownPlacement,\n    id,\n    isButtonLabelHidden,\n    isDisabled,\n    isDropdownTriggerLabelHidden,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedDropdownTriggerLabel = dropdownTriggerLabel ?? t('splitButton.dropdown');\n  const [openDropdownState, setOpenDropdownState] = useState(false);\n\n  return (\n    <SplitButton {...restProps} id={id} isDisabled={isDisabled}>\n      <Button onClick={buttonOnClick}>\n        {buttonIconName && <Icon name={buttonIconName} {...(!isButtonLabelHidden && { marginRight: 'space-400' })} />}\n        {isButtonLabelHidden ? <VisuallyHidden>{buttonLabel}</VisuallyHidden> : buttonLabel}\n      </Button>\n      <Dropdown\n        id={`${id}-dropdown`}\n        isOpen={openDropdownState}\n        onToggle={() => setOpenDropdownState(!openDropdownState)}\n        placement={dropdownPlacement}\n      >\n        <DropdownTrigger elementType={Button}>\n          {isDropdownTriggerLabelHidden ? (\n            <VisuallyHidden>{resolvedDropdownTriggerLabel}</VisuallyHidden>\n          ) : (\n            resolvedDropdownTriggerLabel\n          )}\n          <Icon name={dropdownTriggerIconName!} {...(!isDropdownTriggerLabelHidden && { marginLeft: 'space-400' })} />\n        </DropdownTrigger>\n        <DropdownPopover>{children}</DropdownPopover>\n      </Dropdown>\n    </SplitButton>\n  );\n};\n\nexport default UncontrolledSplitButton;\n"],"names":["defaultProps","UncontrolledSplitButton","props","t","useI18n","propsWithDefaults","buttonIconName","buttonLabel","buttonOnClick","children","dropdownTriggerIconName","dropdownTriggerLabel","dropdownPlacement","id","isButtonLabelHidden","isDisabled","isDropdownTriggerLabelHidden","restProps","resolvedDropdownTriggerLabel","openDropdownState","setOpenDropdownState","useState","jsxs","SplitButton","Button","jsx","Icon","VisuallyHidden","Dropdown","DropdownTrigger","DropdownPopover"],"mappings":"ueAWMA,EAAsD,CAC1D,kBAAmB,aACnB,wBAAyB,cAC3B,EAEMC,EAA2BC,GAAwC,CACvE,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACRC,EAAoB,CAAE,GAAGL,EAAc,GAAGE,CAAA,EAC1C,CACJ,eAAAI,EACA,YAAAC,EACA,cAAAC,EACA,SAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,6BAAAC,EACA,GAAGC,CAAA,EACDZ,EACEa,EAA+BP,GAAwBR,EAAE,sBAAsB,EAC/E,CAACgB,EAAmBC,CAAoB,EAAIC,EAAAA,SAAS,EAAK,EAEhE,OACEC,EAAAA,KAACC,EAAAA,QAAA,CAAa,GAAGN,EAAW,GAAAJ,EAAQ,WAAAE,EAClC,SAAA,CAAAO,EAAAA,KAACE,EAAAA,QAAA,CAAO,QAAShB,EACd,SAAA,CAAAF,GAAkBmB,EAAAA,IAACC,UAAA,CAAK,KAAMpB,EAAiB,GAAI,CAACQ,GAAuB,CAAE,YAAa,WAAA,CAAY,CAAI,EAC1GA,EAAsBW,EAAAA,IAACE,EAAAA,QAAA,CAAgB,SAAApB,CAAA,CAAY,EAAoBA,CAAA,EAC1E,EACAe,EAAAA,KAACM,EAAAA,QAAA,CACC,GAAI,GAAGf,CAAE,YACT,OAAQM,EACR,SAAU,IAAMC,EAAqB,CAACD,CAAiB,EACvD,UAAWP,EAEX,SAAA,CAAAU,EAAAA,KAACO,EAAAA,QAAA,CAAgB,YAAaL,EAAAA,QAC3B,SAAA,CAAAR,EACCS,EAAAA,IAACE,EAAAA,QAAA,CAAgB,SAAAT,CAAA,CAA6B,EAE9CA,EAEFO,MAACC,EAAAA,QAAA,CAAK,KAAMhB,EAA2B,GAAI,CAACM,GAAgC,CAAE,WAAY,YAAY,CAAI,CAAA,EAC5G,EACAS,MAACK,EAAAA,SAAiB,SAAArB,CAAA,CAAS,CAAA,CAAA,CAAA,CAC7B,EACF,CAEJ"}

package/dist/components/SplitButton/UncontrolledSplitButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { UncontrolledSplitButtonProps } from '../../types';
+declare const UncontrolledSplitButton: (props: UncontrolledSplitButtonProps) => React.JSX.Element;
+export default UncontrolledSplitButton;

package/dist/components/SplitButton/UncontrolledSplitButton.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { useI18n as P } from "../../hooks/useI18n.js";
+import s from "../Button/Button.js";
+import S from "../Dropdown/Dropdown.js";
+import v from "../Dropdown/DropdownTrigger.js";
+import x from "../Dropdown/DropdownPopover.js";
+import m from "../Icon/Icon.js";
+import c from "../VisuallyHidden/VisuallyHidden.js";
+import H from "./SplitButton.js";
+const N = {
+  dropdownPlacement: "bottom-end",
+  dropdownTriggerIconName: "chevron-down"
+}, q = (a) => {
+  const { t: g } = P(), u = { ...N, ...a }, {
+    buttonIconName: e,
+    buttonLabel: n,
+    buttonOnClick: f,
+    children: w,
+    dropdownTriggerIconName: b,
+    dropdownTriggerLabel: h,
+    dropdownPlacement: D,
+    id: t,
+    isButtonLabelHidden: i,
+    isDisabled: T,
+    isDropdownTriggerLabelHidden: d,
+    ...L
+  } = u, p = h ?? g("splitButton.dropdown"), [l, B] = I(!1);
+  return /* @__PURE__ */ r(H, { ...L, id: t, isDisabled: T, children: [
+    /* @__PURE__ */ r(s, { onClick: f, children: [
+      e && /* @__PURE__ */ o(m, { name: e, ...!i && { marginRight: "space-400" } }),
+      i ? /* @__PURE__ */ o(c, { children: n }) : n
+    ] }),
+    /* @__PURE__ */ r(
+      S,
+      {
+        id: `${t}-dropdown`,
+        isOpen: l,
+        onToggle: () => B(!l),
+        placement: D,
+        children: [
+          /* @__PURE__ */ r(v, { elementType: s, children: [
+            d ? /* @__PURE__ */ o(c, { children: p }) : p,
+            /* @__PURE__ */ o(m, { name: b, ...!d && { marginLeft: "space-400" } })
+          ] }),
+          /* @__PURE__ */ o(x, { children: w })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  q as default
+};
+//# sourceMappingURL=UncontrolledSplitButton.js.map

package/dist/components/SplitButton/UncontrolledSplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledSplitButton.js","sources":["../../../src/components/SplitButton/UncontrolledSplitButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { useI18n } from '../../hooks';\nimport { type UncontrolledSplitButtonProps } from '../../types';\nimport { Button } from '../Button';\nimport { Dropdown, DropdownPopover, DropdownTrigger } from '../Dropdown';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport SplitButton from './SplitButton';\n\nconst defaultProps: Partial<UncontrolledSplitButtonProps> = {\n  dropdownPlacement: 'bottom-end',\n  dropdownTriggerIconName: 'chevron-down',\n};\n\nconst UncontrolledSplitButton = (props: UncontrolledSplitButtonProps) => {\n  const { t } = useI18n();\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    buttonIconName,\n    buttonLabel,\n    buttonOnClick,\n    children,\n    dropdownTriggerIconName,\n    dropdownTriggerLabel,\n    dropdownPlacement,\n    id,\n    isButtonLabelHidden,\n    isDisabled,\n    isDropdownTriggerLabelHidden,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedDropdownTriggerLabel = dropdownTriggerLabel ?? t('splitButton.dropdown');\n  const [openDropdownState, setOpenDropdownState] = useState(false);\n\n  return (\n    <SplitButton {...restProps} id={id} isDisabled={isDisabled}>\n      <Button onClick={buttonOnClick}>\n        {buttonIconName && <Icon name={buttonIconName} {...(!isButtonLabelHidden && { marginRight: 'space-400' })} />}\n        {isButtonLabelHidden ? <VisuallyHidden>{buttonLabel}</VisuallyHidden> : buttonLabel}\n      </Button>\n      <Dropdown\n        id={`${id}-dropdown`}\n        isOpen={openDropdownState}\n        onToggle={() => setOpenDropdownState(!openDropdownState)}\n        placement={dropdownPlacement}\n      >\n        <DropdownTrigger elementType={Button}>\n          {isDropdownTriggerLabelHidden ? (\n            <VisuallyHidden>{resolvedDropdownTriggerLabel}</VisuallyHidden>\n          ) : (\n            resolvedDropdownTriggerLabel\n          )}\n          <Icon name={dropdownTriggerIconName!} {...(!isDropdownTriggerLabelHidden && { marginLeft: 'space-400' })} />\n        </DropdownTrigger>\n        <DropdownPopover>{children}</DropdownPopover>\n      </Dropdown>\n    </SplitButton>\n  );\n};\n\nexport default UncontrolledSplitButton;\n"],"names":["defaultProps","UncontrolledSplitButton","props","t","useI18n","propsWithDefaults","buttonIconName","buttonLabel","buttonOnClick","children","dropdownTriggerIconName","dropdownTriggerLabel","dropdownPlacement","id","isButtonLabelHidden","isDisabled","isDropdownTriggerLabelHidden","restProps","resolvedDropdownTriggerLabel","openDropdownState","setOpenDropdownState","useState","jsxs","SplitButton","Button","jsx","Icon","VisuallyHidden","Dropdown","DropdownTrigger","DropdownPopover"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAsD;AAAA,EAC1D,mBAAmB;AAAA,EACnB,yBAAyB;AAC3B,GAEMC,IAA0B,CAACC,MAAwC;AACvE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAoB,EAAE,GAAGL,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,gBAAAI;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ,GACEa,IAA+BP,KAAwBR,EAAE,sBAAsB,GAC/E,CAACgB,GAAmBC,CAAoB,IAAIC,EAAS,EAAK;AAEhE,SACE,gBAAAC,EAACC,GAAA,EAAa,GAAGN,GAAW,IAAAJ,GAAQ,YAAAE,GAClC,UAAA;AAAA,IAAA,gBAAAO,EAACE,GAAA,EAAO,SAAShB,GACd,UAAA;AAAA,MAAAF,KAAkB,gBAAAmB,EAACC,GAAA,EAAK,MAAMpB,GAAiB,GAAI,CAACQ,KAAuB,EAAE,aAAa,YAAA,EAAY,CAAI;AAAA,MAC1GA,IAAsB,gBAAAW,EAACE,GAAA,EAAgB,UAAApB,EAAA,CAAY,IAAoBA;AAAA,IAAA,GAC1E;AAAA,IACA,gBAAAe;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,IAAI,GAAGf,CAAE;AAAA,QACT,QAAQM;AAAA,QACR,UAAU,MAAMC,EAAqB,CAACD,CAAiB;AAAA,QACvD,WAAWP;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAU,EAACO,GAAA,EAAgB,aAAaL,GAC3B,UAAA;AAAA,YAAAR,IACC,gBAAAS,EAACE,GAAA,EAAgB,UAAAT,EAAA,CAA6B,IAE9CA;AAAA,YAEF,gBAAAO,EAACC,GAAA,EAAK,MAAMhB,GAA2B,GAAI,CAACM,KAAgC,EAAE,YAAY,cAAY,CAAI;AAAA,UAAA,GAC5G;AAAA,UACA,gBAAAS,EAACK,KAAiB,UAAArB,EAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7B,GACF;AAEJ;"}

package/dist/components/SplitButton/index.cjs

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

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

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

package/dist/components/SplitButton/index.js

@@ -0,0 +1,9 @@
+import { default as e } from "./SplitButton.js";
+import { default as l } from "./UncontrolledSplitButton.js";
+import { useSplitButtonStyleProps as u } from "./useSplitButtonStyleProps.js";
+export {
+  e as SplitButton,
+  l as UncontrolledSplitButton,
+  u as useSplitButtonStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SplitButton/useSplitButtonStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../hooks/useClassNamePrefix.cjs");function s(){return{classProps:t.useClassNamePrefix("SplitButton")}}exports.useSplitButtonStyleProps=s;
+//# sourceMappingURL=useSplitButtonStyleProps.cjs.map

package/dist/components/SplitButton/useSplitButtonStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSplitButtonStyleProps.cjs","sources":["../../../src/components/SplitButton/useSplitButtonStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\n\nexport interface SplitButtonStyles {\n  /** className props */\n  classProps: string;\n}\n\nexport function useSplitButtonStyleProps(): SplitButtonStyles {\n  const SplitButtonClass = useClassNamePrefix('SplitButton');\n\n  return {\n    classProps: SplitButtonClass,\n  };\n}\n"],"names":["useSplitButtonStyleProps","useClassNamePrefix"],"mappings":"sIAOO,SAASA,GAA8C,CAG5D,MAAO,CACL,WAHuBC,EAAAA,mBAAmB,aAAa,CAG3C,CAEhB"}

package/dist/components/SplitButton/useSplitButtonStyleProps.js

@@ -0,0 +1,10 @@
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function l() {
+  return {
+    classProps: t("SplitButton")
+  };
+}
+export {
+  l as useSplitButtonStyleProps
+};
+//# sourceMappingURL=useSplitButtonStyleProps.js.map

package/dist/components/SplitButton/useSplitButtonStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSplitButtonStyleProps.js","sources":["../../../src/components/SplitButton/useSplitButtonStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\n\nexport interface SplitButtonStyles {\n  /** className props */\n  classProps: string;\n}\n\nexport function useSplitButtonStyleProps(): SplitButtonStyles {\n  const SplitButtonClass = useClassNamePrefix('SplitButton');\n\n  return {\n    classProps: SplitButtonClass,\n  };\n}\n"],"names":["useSplitButtonStyleProps","useClassNamePrefix"],"mappings":";AAOO,SAASA,IAA8C;AAG5D,SAAO;AAAA,IACL,YAHuBC,EAAmB,aAAa;AAAA,EAG3C;AAEhB;"}

package/dist/components/SplitButton.d.ts

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

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),v=require("../../context/PropsContext.cjs"),T=require("../../hooks/styleProps.cjs"),h=require("../../utils/mergeStyleProps.cjs"),k=require("./useStackStyleProps.cjs"),g=["ul","ol"],l={elementType:"div",hasSpacing:!1,hasEndDivider:!1,hasIntermediateDividers:!1,hasStartDivider:!1},q=(n,p)=>{const c={...l,...n},{elementType:s=l.elementType,children:i,...a}=c,t=s,{classProps:u,props:P,styleProps:d}=k.useStackStyleProps(a),{styleProps:y,props:r}=T.useStyleProps(P),S=h.mergeStyleProps(t,{classProps:u.root,stackStyle:d,styleProps:y,otherProps:r}),m=g.includes(s)?"li":void 0;return o.jsx(v.PropsProvider,{value:{elementType:m},children:o.jsx(t,{...r,...S,ref:p,children:i})})},e=f.forwardRef(q);e.spiritComponent="Stack";e.displayName="Stack";exports.default=e;
+//# sourceMappingURL=Stack.cjs.map

package/dist/components/Stack/Stack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritStackProps, type StackProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst LIST_ELEMENT_TYPES = ['ul', 'ol'];\n\nconst defaultProps = {\n  elementType: 'div',\n  hasSpacing: false,\n  hasEndDivider: false,\n  hasIntermediateDividers: false,\n  hasStartDivider: false,\n};\n\nconst _Stack = <E extends ElementType = 'div'>(props: SpiritStackProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: stackStyle } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    stackStyle,\n    styleProps,\n    otherProps,\n  });\n  const itemElementType = LIST_ELEMENT_TYPES.includes(elementType as string) ? ('li' as const) : undefined;\n\n  return (\n    <PropsProvider value={{ elementType: itemElementType }}>\n      <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n        {children}\n      </Component>\n    </PropsProvider>\n  );\n};\n\nconst Stack = forwardRef<HTMLDivElement, SpiritStackProps<'div'>>(_Stack) as unknown as PolymorphicComponent<\n  'div',\n  StackProps\n>;\n\nStack.spiritComponent = 'Stack';\nStack.displayName = 'Stack';\n\nexport default Stack;\n"],"names":["LIST_ELEMENT_TYPES","defaultProps","_Stack","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","stackStyle","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","itemElementType","jsx","PropsProvider","Stack","forwardRef"],"mappings":"wVASMA,EAAqB,CAAC,KAAM,IAAI,EAEhCC,EAAe,CACnB,YAAa,MACb,WAAY,GACZ,cAAe,GACf,wBAAyB,GACzB,gBAAiB,EACnB,EAEMC,EAAS,CAAgCC,EAA4BC,IAAwC,CACjH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAAa,SAAAM,EAAU,GAAGC,GAAcH,EAErEI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAAeC,EAAAA,mBAAmBL,CAAS,EAC3F,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAa,EAC/DM,EAAmBC,EAAAA,gBAAgBT,EAAW,CAClD,WAAYC,EAAW,KACvB,WAAAE,EAAA,WACAE,EACA,WAAAC,CAAA,CACD,EACKI,EAAkBnB,EAAmB,SAASM,CAAqB,EAAK,KAAiB,OAE/F,OACEc,EAAAA,IAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,YAAaF,CAAA,EACnC,SAAAC,EAAAA,IAACX,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAAkB,IAAAb,EAC9C,SAAAG,EACH,EACF,CAEJ,EAEMe,EAAQC,EAAAA,WAAoDrB,CAAM,EAKxEoB,EAAM,gBAAkB,QACxBA,EAAM,YAAc"}

package/dist/components/Stack/Stack.d.ts

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

package/dist/components/Stack/Stack.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { PropsProvider as h } from "../../context/PropsContext.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as v } from "../../utils/mergeStyleProps.js";
+import { useStackStyleProps as k } from "./useStackStyleProps.js";
+const E = ["ul", "ol"], r = {
+  elementType: "div",
+  hasSpacing: !1,
+  hasEndDivider: !1,
+  hasIntermediateDividers: !1,
+  hasStartDivider: !1
+}, D = (i, l) => {
+  const n = { ...r, ...i }, { elementType: e = r.elementType, children: a, ...c } = n, s = e, { classProps: m, props: d, styleProps: f } = k(c), { styleProps: P, props: t } = T(d), S = v(s, {
+    classProps: m.root,
+    stackStyle: f,
+    styleProps: P,
+    otherProps: t
+  }), y = E.includes(e) ? "li" : void 0;
+  return /* @__PURE__ */ o(h, { value: { elementType: y }, children: /* @__PURE__ */ o(s, { ...t, ...S, ref: l, children: a }) });
+}, p = u(D);
+p.spiritComponent = "Stack";
+p.displayName = "Stack";
+export {
+  p as default
+};
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritStackProps, type StackProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst LIST_ELEMENT_TYPES = ['ul', 'ol'];\n\nconst defaultProps = {\n  elementType: 'div',\n  hasSpacing: false,\n  hasEndDivider: false,\n  hasIntermediateDividers: false,\n  hasStartDivider: false,\n};\n\nconst _Stack = <E extends ElementType = 'div'>(props: SpiritStackProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: stackStyle } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    stackStyle,\n    styleProps,\n    otherProps,\n  });\n  const itemElementType = LIST_ELEMENT_TYPES.includes(elementType as string) ? ('li' as const) : undefined;\n\n  return (\n    <PropsProvider value={{ elementType: itemElementType }}>\n      <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n        {children}\n      </Component>\n    </PropsProvider>\n  );\n};\n\nconst Stack = forwardRef<HTMLDivElement, SpiritStackProps<'div'>>(_Stack) as unknown as PolymorphicComponent<\n  'div',\n  StackProps\n>;\n\nStack.spiritComponent = 'Stack';\nStack.displayName = 'Stack';\n\nexport default Stack;\n"],"names":["LIST_ELEMENT_TYPES","defaultProps","_Stack","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","stackStyle","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","itemElementType","jsx","PropsProvider","Stack","forwardRef"],"mappings":";;;;;;;AASA,MAAMA,IAAqB,CAAC,MAAM,IAAI,GAEhCC,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,GAEMC,IAAS,CAAgCC,GAA4BC,MAAwC;AACjH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAAa,UAAAM,GAAU,GAAGC,MAAcH,GAErEI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAAeC,EAAmBL,CAAS,GAC3F,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBT,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAkBnB,EAAmB,SAASM,CAAqB,IAAK,OAAiB;AAE/F,SACE,gBAAAc,EAACC,GAAA,EAAc,OAAO,EAAE,aAAaF,EAAA,GACnC,UAAA,gBAAAC,EAACX,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAb,GAC9C,UAAAG,GACH,GACF;AAEJ,GAEMe,IAAQC,EAAoDrB,CAAM;AAKxEoB,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}

package/dist/components/Stack/StackItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),S=require("react"),n=require("../../context/PropsContext.cjs"),T=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),f=require("./useStackStyleProps.cjs"),k={elementType:"div"},q=(t,p)=>{const{elementType:c}=t,l=n.useContextProps(t),{children:i,elementType:m,...u}=l,s=c??m??k.elementType,{classProps:P,props:y}=f.useStackStyleProps(u),{styleProps:a,props:o}=T.useStyleProps(y),d=x.mergeStyleProps(s,{classProps:P.item,styleProps:a,otherProps:o});return r.jsx(s,{...o,...d,ref:p,children:r.jsx(n.PropsProvider,{value:{elementType:void 0},children:i})})},e=S.forwardRef(q);e.spiritComponent="StackItem";e.displayName="StackItem";exports.default=e;
+//# sourceMappingURL=StackItem.cjs.map

package/dist/components/Stack/StackItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.cjs","sources":["../../../src/components/Stack/StackItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider, useContextProps } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritStackItemProps,\n  type StackItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _StackItem = <E extends ElementType = 'div'>(\n  props: SpiritStackItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType: propsElementType } = props;\n  const contextProps = useContextProps(props);\n  const { children, elementType: contextElementType, ...restProps } = contextProps;\n  const elementType = propsElementType ?? contextElementType ?? defaultProps.elementType;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.item,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      <PropsProvider value={{ elementType: undefined }}>{children}</PropsProvider>\n    </Component>\n  );\n};\n\nconst StackItem = forwardRef<HTMLDivElement, SpiritStackItemProps<'div'>>(\n  _StackItem,\n) as unknown as PolymorphicComponent<'div', StackItemProps>;\n\nStackItem.spiritComponent = 'StackItem';\nStackItem.displayName = 'StackItem';\n\nexport default StackItem;\n"],"names":["defaultProps","_StackItem","props","ref","propsElementType","contextProps","useContextProps","children","contextElementType","restProps","Component","classProps","modifiedProps","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","PropsProvider","StackItem","forwardRef"],"mappings":"wVAcMA,EAAe,CACnB,YAAa,KACf,EAEMC,EAAa,CACjBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAaC,CAAA,EAAqBF,EACpCG,EAAeC,EAAAA,gBAAgBJ,CAAK,EACpC,CAAE,SAAAK,EAAU,YAAaC,EAAoB,GAAGC,GAAcJ,EAG9DK,EAFcN,GAAoBI,GAAsBR,EAAa,YAIrE,CAAE,WAAAW,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAS,EACnE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,KAAA,WACvBG,EACA,WAAAC,CAAA,CACD,EAED,OACEI,EAAAA,IAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,IAAAd,EAC/C,SAAAgB,EAAAA,IAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,YAAa,QAAc,SAAAb,EAAS,EAC9D,CAEJ,EAEMc,EAAYC,EAAAA,WAChBrB,CACF,EAEAoB,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/Stack/StackItem.d.ts

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

package/dist/components/Stack/StackItem.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useContextProps as u, PropsProvider as S } from "../../context/PropsContext.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as k } from "../../utils/mergeStyleProps.js";
+import { useStackStyleProps as x } from "./useStackStyleProps.js";
+const v = {
+  elementType: "div"
+}, I = (e, p) => {
+  const { elementType: m } = e, n = u(e), { children: c, elementType: l, ...i } = n, t = m ?? l ?? v.elementType, { classProps: y, props: P } = x(i), { styleProps: a, props: o } = T(P), d = k(t, {
+    classProps: y.item,
+    styleProps: a,
+    otherProps: o
+  });
+  return /* @__PURE__ */ r(t, { ...o, ...d, ref: p, children: /* @__PURE__ */ r(S, { value: { elementType: void 0 }, children: c }) });
+}, s = f(
+  I
+);
+s.spiritComponent = "StackItem";
+s.displayName = "StackItem";
+export {
+  s as default
+};
+//# sourceMappingURL=StackItem.js.map

package/dist/components/Stack/StackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.js","sources":["../../../src/components/Stack/StackItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider, useContextProps } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritStackItemProps,\n  type StackItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _StackItem = <E extends ElementType = 'div'>(\n  props: SpiritStackItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType: propsElementType } = props;\n  const contextProps = useContextProps(props);\n  const { children, elementType: contextElementType, ...restProps } = contextProps;\n  const elementType = propsElementType ?? contextElementType ?? defaultProps.elementType;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.item,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      <PropsProvider value={{ elementType: undefined }}>{children}</PropsProvider>\n    </Component>\n  );\n};\n\nconst StackItem = forwardRef<HTMLDivElement, SpiritStackItemProps<'div'>>(\n  _StackItem,\n) as unknown as PolymorphicComponent<'div', StackItemProps>;\n\nStackItem.spiritComponent = 'StackItem';\nStackItem.displayName = 'StackItem';\n\nexport default StackItem;\n"],"names":["defaultProps","_StackItem","props","ref","propsElementType","contextProps","useContextProps","children","contextElementType","restProps","Component","classProps","modifiedProps","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","PropsProvider","StackItem","forwardRef"],"mappings":";;;;;;;AAcA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAa,CACjBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAaC,EAAA,IAAqBF,GACpCG,IAAeC,EAAgBJ,CAAK,GACpC,EAAE,UAAAK,GAAU,aAAaC,GAAoB,GAAGC,MAAcJ,GAG9DK,IAFcN,KAAoBI,KAAsBR,EAAa,aAIrE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAS,GACnE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,KAAAd,GAC/C,UAAA,gBAAAgB,EAACC,GAAA,EAAc,OAAO,EAAE,aAAa,UAAc,UAAAb,GAAS,GAC9D;AAEJ,GAEMc,IAAYC;AAAA,EAChBrB;AACF;AAEAoB,EAAU,kBAAkB;AAC5BA,EAAU,cAAc;"}

package/dist/components/Stack/index.cjs

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

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

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

package/dist/components/Stack/index.js

@@ -0,0 +1,7 @@
+import { default as e } from "./Stack.js";
+import { default as f } from "./StackItem.js";
+export {
+  e as Stack,
+  f as StackItem
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Stack/useStackStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),v=require("../../hooks/useClassNamePrefix.cjs"),P=require("../../hooks/useSpacingStyle.cjs");function D(a){const{hasEndDivider:i,hasIntermediateDividers:r,hasSpacing:c,hasStartDivider:o,spacing:t,...n}=a,s=v.useClassNamePrefix("Stack"),S=`${s}--hasEndDivider`,l=`${s}--hasIntermediateDividers`,d=`${s}--hasSpacing`,p=`${s}--hasStartDivider`,u=e(s,{[S]:i,[l]:r,[d]:c||t,[p]:o}),k=e(`${s}Item`),m=P.useSpacingStyle(t,"stack");return{classProps:{root:u,item:k},props:n,styleProps:m}}exports.useStackStyleProps=D;
+//# sourceMappingURL=useStackStyleProps.cjs.map

package/dist/components/Stack/useStackStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackStyleProps.cjs","sources":["../../../src/components/Stack/useStackStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type StackStyleProps } from '../../types';\n\nexport function useStackStyleProps(props: StackStyleProps) {\n  const { hasEndDivider, hasIntermediateDividers, hasSpacing, hasStartDivider, spacing, ...restProps } = props;\n\n  const StackClass = useClassNamePrefix('Stack');\n  const StackBottomDividerClass = `${StackClass}--hasEndDivider`;\n  const StackMiddleDividersClass = `${StackClass}--hasIntermediateDividers`;\n  const StackSpacingClass = `${StackClass}--hasSpacing`;\n  const StackTopDividerClass = `${StackClass}--hasStartDivider`;\n  const rootProps = classNames(StackClass, {\n    [StackBottomDividerClass]: hasEndDivider,\n    [StackMiddleDividersClass]: hasIntermediateDividers,\n    [StackSpacingClass]: hasSpacing || spacing,\n    [StackTopDividerClass]: hasStartDivider,\n  });\n  const itemProps = classNames(`${StackClass}Item`);\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: rootProps,\n      item: itemProps,\n    },\n    props: restProps,\n    styleProps: stackStyle,\n  };\n}\n"],"names":["useStackStyleProps","props","hasEndDivider","hasIntermediateDividers","hasSpacing","hasStartDivider","spacing","restProps","StackClass","useClassNamePrefix","StackBottomDividerClass","StackMiddleDividersClass","StackSpacingClass","StackTopDividerClass","rootProps","classNames","itemProps","stackStyle","useSpacingStyle"],"mappings":"2MAIO,SAASA,EAAmBC,EAAwB,CACzD,KAAM,CAAE,cAAAC,EAAe,wBAAAC,EAAyB,WAAAC,EAAY,gBAAAC,EAAiB,QAAAC,EAAS,GAAGC,GAAcN,EAEjGO,EAAaC,EAAAA,mBAAmB,OAAO,EACvCC,EAA0B,GAAGF,CAAU,kBACvCG,EAA2B,GAAGH,CAAU,4BACxCI,EAAoB,GAAGJ,CAAU,eACjCK,EAAuB,GAAGL,CAAU,oBACpCM,EAAYC,EAAWP,EAAY,CACvC,CAACE,CAAuB,EAAGR,EAC3B,CAACS,CAAwB,EAAGR,EAC5B,CAACS,CAAiB,EAAGR,GAAcE,EACnC,CAACO,CAAoB,EAAGR,CAAA,CACzB,EACKW,EAAYD,EAAW,GAAGP,CAAU,MAAM,EAC1CS,EAAaC,EAAAA,gBAAgBZ,EAAS,OAAO,EAEnD,MAAO,CACL,WAAY,CACV,KAAMQ,EACN,KAAME,CAAA,EAER,MAAOT,EACP,WAAYU,CAAA,CAEhB"}

package/dist/components/Stack/useStackStyleProps.d.ts

@@ -0,0 +1,23 @@
+import { StackStyleProps } from '../../types';
+export declare function useStackStyleProps(props: StackStyleProps): {
+    classProps: {
+        root: string;
+        item: string;
+    };
+    props: {
+        children?: React.ReactNode | string;
+        theme?: import('../..').ThemeNameType;
+        UNSAFE_className?: string;
+        UNSAFE_style?: React.CSSProperties;
+        margin?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import('../..').BreakpointToken | import('../..').BreakpointToken[];
+        hideFrom?: import('../..').BreakpointToken;
+    };
+    styleProps: import('../..').SpacingCSSProperties;
+};

package/dist/components/Stack/useStackStyleProps.js

@@ -0,0 +1,23 @@
+import a from "classnames";
+import { useClassNamePrefix as D } from "../../hooks/useClassNamePrefix.js";
+import { useSpacingStyle as h } from "../../hooks/useSpacingStyle.js";
+function f(i) {
+  const { hasEndDivider: r, hasIntermediateDividers: e, hasSpacing: o, hasStartDivider: c, spacing: t, ...n } = i, s = D("Stack"), p = `${s}--hasEndDivider`, S = `${s}--hasIntermediateDividers`, d = `${s}--hasSpacing`, m = `${s}--hasStartDivider`, l = a(s, {
+    [p]: r,
+    [S]: e,
+    [d]: o || t,
+    [m]: c
+  }), k = a(`${s}Item`), v = h(t, "stack");
+  return {
+    classProps: {
+      root: l,
+      item: k
+    },
+    props: n,
+    styleProps: v
+  };
+}
+export {
+  f as useStackStyleProps
+};
+//# sourceMappingURL=useStackStyleProps.js.map

package/dist/components/Stack/useStackStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackStyleProps.js","sources":["../../../src/components/Stack/useStackStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type StackStyleProps } from '../../types';\n\nexport function useStackStyleProps(props: StackStyleProps) {\n  const { hasEndDivider, hasIntermediateDividers, hasSpacing, hasStartDivider, spacing, ...restProps } = props;\n\n  const StackClass = useClassNamePrefix('Stack');\n  const StackBottomDividerClass = `${StackClass}--hasEndDivider`;\n  const StackMiddleDividersClass = `${StackClass}--hasIntermediateDividers`;\n  const StackSpacingClass = `${StackClass}--hasSpacing`;\n  const StackTopDividerClass = `${StackClass}--hasStartDivider`;\n  const rootProps = classNames(StackClass, {\n    [StackBottomDividerClass]: hasEndDivider,\n    [StackMiddleDividersClass]: hasIntermediateDividers,\n    [StackSpacingClass]: hasSpacing || spacing,\n    [StackTopDividerClass]: hasStartDivider,\n  });\n  const itemProps = classNames(`${StackClass}Item`);\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: rootProps,\n      item: itemProps,\n    },\n    props: restProps,\n    styleProps: stackStyle,\n  };\n}\n"],"names":["useStackStyleProps","props","hasEndDivider","hasIntermediateDividers","hasSpacing","hasStartDivider","spacing","restProps","StackClass","useClassNamePrefix","StackBottomDividerClass","StackMiddleDividersClass","StackSpacingClass","StackTopDividerClass","rootProps","classNames","itemProps","stackStyle","useSpacingStyle"],"mappings":";;;AAIO,SAASA,EAAmBC,GAAwB;AACzD,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,YAAAC,GAAY,iBAAAC,GAAiB,SAAAC,GAAS,GAAGC,MAAcN,GAEjGO,IAAaC,EAAmB,OAAO,GACvCC,IAA0B,GAAGF,CAAU,mBACvCG,IAA2B,GAAGH,CAAU,6BACxCI,IAAoB,GAAGJ,CAAU,gBACjCK,IAAuB,GAAGL,CAAU,qBACpCM,IAAYC,EAAWP,GAAY;AAAA,IACvC,CAACE,CAAuB,GAAGR;AAAA,IAC3B,CAACS,CAAwB,GAAGR;AAAA,IAC5B,CAACS,CAAiB,GAAGR,KAAcE;AAAA,IACnC,CAACO,CAAoB,GAAGR;AAAA,EAAA,CACzB,GACKW,IAAYD,EAAW,GAAGP,CAAU,MAAM,GAC1CS,IAAaC,EAAgBZ,GAAS,OAAO;AAEnD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ;AAAA,MACN,MAAME;AAAA,IAAA;AAAA,IAER,OAAOT;AAAA,IACP,YAAYU;AAAA,EAAA;AAEhB;"}

package/dist/components/Stack.d.ts

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

package/dist/components/Tabs/TabContent.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"),u=require("../../hooks/styleProps.cjs"),e=({children:t,...s})=>{const{styleProps:r,props:o}=u.useStyleProps(s);return n.jsx("div",{...o,...r,children:t})};e.spiritComponent="TabContent";exports.default=e;
+//# sourceMappingURL=TabContent.cjs.map

package/dist/components/Tabs/TabContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.cjs","sources":["../../../src/components/Tabs/TabContent.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabContentProps } from '../../types';\n\nconst TabContent = ({ children, ...restProps }: TabContentProps): JSX.Element => {\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <div {...transferProps} {...styleProps}>\n      {children}\n    </div>\n  );\n};\n\nTabContent.spiritComponent = 'TabContent';\n\nexport default TabContent;\n"],"names":["TabContent","children","restProps","styleProps","transferProps","useStyleProps"],"mappings":"sMAMMA,EAAa,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA8C,CAC/E,KAAM,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAEpE,aACG,MAAA,CAAK,GAAGE,EAAgB,GAAGD,EACzB,SAAAF,EACH,CAEJ,EAEAD,EAAW,gBAAkB"}

package/dist/components/Tabs/TabContent.d.ts

@@ -0,0 +1,6 @@
+import { TabContentProps } from '../../types';
+declare const TabContent: {
+    ({ children, ...restProps }: TabContentProps): JSX.Element;
+    spiritComponent: string;
+};
+export default TabContent;