@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit107.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var t = { root: "_1tcc5uo0" };
 export {

package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                     */var e={root:"_1g2ch1s0"};exports.SELECT_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={root:"_1g2ch1s0"};exports.SELECT_SEPARATOR_STYLES=e;
 //# sourceMappingURL=SelectSeparator.css.cjs.map

package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit103.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                   */
 var t = { root: "_1g2ch1s0" };
 export {

package/dist/components/forms/select/components/select-trigger/SelectTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const N=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
+"use strict";require('../../../../../ui-kit49.css');require('../../../../../ui-kit75.css');require('../../../../../ui-kit35.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const N=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
 //# sourceMappingURL=SelectTrigger.cjs.map

package/dist/components/forms/select/components/select-trigger/SelectTrigger.js

@@ -7,7 +7,7 @@ import { IconRegistry as I } from "../../../../../constants/icons.js";
 import N from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-/* empty css                                               */
+import '../../../../../ui-kit49.css';import '../../../../../ui-kit75.css';import '../../../../../ui-kit35.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import R from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                   */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit104.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e="_15nnodx0",r={recipe:n.createRuntimeFn({defaultClassName:"_15nnodx1",variantClassNames:{size:{sm:"_15nnodx2",md:"_15nnodx3",lg:"_15nnodx4"},hasError:{true:"_15nnodx5"},hasStartIcon:{true:"_15nnodx6"},hasEndIcon:{true:"_15nnodx7"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndIcon:!0},compoundVariants:[[{hasStartIcon:!0},"_15nnodx8"],[{hasEndIcon:!0},"_15nnodx9"]]})};exports.SELECT_TRIGGER_END_ICON=e;exports.SELECT_TRIGGER_STYLES=r;
 //# sourceMappingURL=SelectTrigger.css.cjs.map

package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit104.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = "_15nnodx0", e = { recipe: n({ defaultClassName: "_15nnodx1", variantClassNames: { size: { sm: "_15nnodx2", md: "_15nnodx3", lg: "_15nnodx4" }, hasError: { true: "_15nnodx5" }, hasStartIcon: { true: "_15nnodx6" }, hasEndIcon: { true: "_15nnodx7" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndIcon: !0 }, compoundVariants: [[{ hasStartIcon: !0 }, "_15nnodx8"], [{ hasEndIcon: !0 }, "_15nnodx9"]] }) };

package/dist/components/forms/select/styles/Select.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit22.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
 //# sourceMappingURL=Select.css.cjs.map

package/dist/components/forms/select/styles/Select.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit22.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var p = { placeholder: "f53dgk0" };
 export {

package/dist/components/forms/slider/Slider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),I=require("@base-ui/react/field"),L=require("@base-ui/react/slider"),l=require("react"),R=require("./components/slider-header/SliderHeader.cjs"),_=require("./components/slider-track/SliderTrack.cjs"),d=require("./styles/Slider.css.cjs"),x=require("../../../utils/cn.cjs"),o=l.memo(({label:a,showValue:S=!1,helperText:n,error:e,width:u="100%",size:m="md",color:q="primary",className:j,ref:p,value:c,defaultValue:t,...y})=>{const r=l.useId(),s=!!(e||n),E=Array.isArray(c??t);return i.jsx(I.Field.Root,{invalid:!!e,children:i.jsxs(L.Slider.Root,{ref:p,className:x.cn(d.SLIDER_STYLES.root,j),style:{width:u},"aria-describedby":s?r:void 0,value:c,defaultValue:t,...y,children:[i.jsx(R,{label:a,showValue:S}),i.jsx(_,{range:E,size:m,color:q,error:e,descriptionId:s?r:void 0}),s&&i.jsx("span",{id:r,className:e?d.SLIDER_STYLES.error:d.SLIDER_STYLES.helper,children:e??n})]})})});o.displayName="Slider";exports.Slider=o;exports.default=o;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/forms/slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/forms/slider/Slider.tsx"],"sourcesContent":["import { Field } from '@base-ui/react/field'\r\nimport { Slider as BaseSlider } from '@base-ui/react/slider'\r\nimport { memo, type FC, useId } from 'react'\r\n\r\nimport SliderHeader from '@components/forms/slider/components/slider-header/SliderHeader.tsx'\r\nimport SliderTrack from '@components/forms/slider/components/slider-track/SliderTrack.tsx'\r\nimport { SLIDER_STYLES } from '@components/forms/slider/styles/Slider.css.ts'\r\nimport type { SliderProps } from '@components/forms/slider/types'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nexport const Slider: FC<SliderProps> = memo(({\r\n    label,\r\n    showValue = false,\r\n    helperText,\r\n    error,\r\n    width = '100%',\r\n    size = 'md',\r\n    color = 'primary',\r\n    className,\r\n    ref,\r\n    value,\r\n    defaultValue,\r\n    ...props\r\n}) => {\r\n    const descriptionId = useId()\r\n    const hasDescription = Boolean(error || helperText)\r\n    const range = Array.isArray(value ?? defaultValue)\r\n\r\n    return (\r\n        <Field.Root invalid={Boolean(error)}>\r\n            <BaseSlider.Root\r\n                ref={ref}\r\n                className={cn(SLIDER_STYLES.root, className)}\r\n                style={{ width }}\r\n                aria-describedby={hasDescription ? descriptionId : undefined}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                {...props}\r\n            >\r\n                <SliderHeader\r\n                    label={label}\r\n                    showValue={showValue}\r\n                />\r\n                <SliderTrack\r\n                    range={range}\r\n                    size={size}\r\n                    color={color}\r\n                    error={error}\r\n                    descriptionId={hasDescription ? descriptionId : undefined}\r\n                />\r\n                {hasDescription && (\r\n                    <span\r\n                        id={descriptionId}\r\n                        className={error ? SLIDER_STYLES.error : SLIDER_STYLES.helper}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </span>\r\n                )}\r\n            </BaseSlider.Root>\r\n        </Field.Root>\r\n    )\r\n})\r\n\r\nSlider.displayName = 'Slider'\r\n\r\nexport default Slider\r\n"],"names":["Slider","memo","label","showValue","helperText","error","width","size","color","className","ref","value","defaultValue","props","descriptionId","useId","hasDescription","range","Field","jsxs","BaseSlider","cn","SLIDER_STYLES","jsx","SliderHeader","SliderTrack"],"mappings":"iaAUaA,EAA0BC,EAAAA,KAAK,CAAC,CACzC,MAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,OACR,KAAAC,EAAO,KACP,MAAAC,EAAQ,UACR,UAAAC,EACA,IAAAC,EACA,MAAAC,EACA,aAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAgBC,EAAAA,MAAA,EAChBC,EAAiB,GAAQX,GAASD,GAClCa,EAAQ,MAAM,QAAQN,GAASC,CAAY,EAEjD,aACKM,EAAAA,MAAM,KAAN,CAAW,QAAS,EAAQb,EACzB,SAAAc,EAAAA,KAACC,EAAAA,OAAW,KAAX,CACG,IAAAV,EACA,UAAWW,EAAAA,GAAGC,gBAAc,KAAMb,CAAS,EAC3C,MAAO,CAAE,MAAAH,CAAA,EACT,mBAAkBU,EAAiBF,EAAgB,OACnD,MAAAH,EACA,aAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAU,EAAAA,IAACC,EAAA,CACG,MAAAtB,EACA,UAAAC,CAAA,CAAA,EAEJoB,EAAAA,IAACE,EAAA,CACG,MAAAR,EACA,KAAAV,EACA,MAAAC,EACA,MAAAH,EACA,cAAeW,EAAiBF,EAAgB,MAAA,CAAA,EAEnDE,GACGO,EAAAA,IAAC,OAAA,CACG,GAAIT,EACJ,UAAWT,EAAQiB,EAAAA,cAAc,MAAQA,EAAAA,cAAc,OAEtD,SAAAjB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,EAGZ,CAER,CAAC,EAEDJ,EAAO,YAAc"}

package/dist/components/forms/slider/Slider.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SliderProps } from './types';
+export declare const Slider: FC<SliderProps>;
+export default Slider;

package/dist/components/forms/slider/Slider.js

@@ -0,0 +1,69 @@
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { Field as N } from "@base-ui/react/field";
+import { Slider as R } from "@base-ui/react/slider";
+import { memo as b, useId as j } from "react";
+import v from "./components/slider-header/SliderHeader.js";
+import x from "./components/slider-track/SliderTrack.js";
+import { SLIDER_STYLES as s } from "./styles/Slider.css.js";
+import { cn as A } from "../../../utils/cn.js";
+const B = b(({
+  label: t,
+  showValue: n = !1,
+  helperText: e,
+  error: i,
+  width: l = "100%",
+  size: c = "md",
+  color: p = "primary",
+  className: f,
+  ref: S,
+  value: m,
+  defaultValue: a,
+  ...y
+}) => {
+  const r = j(), d = !!(i || e), h = Array.isArray(m ?? a);
+  return /* @__PURE__ */ o(N.Root, { invalid: !!i, children: /* @__PURE__ */ I(
+    R.Root,
+    {
+      ref: S,
+      className: A(s.root, f),
+      style: { width: l },
+      "aria-describedby": d ? r : void 0,
+      value: m,
+      defaultValue: a,
+      ...y,
+      children: [
+        /* @__PURE__ */ o(
+          v,
+          {
+            label: t,
+            showValue: n
+          }
+        ),
+        /* @__PURE__ */ o(
+          x,
+          {
+            range: h,
+            size: c,
+            color: p,
+            error: i,
+            descriptionId: d ? r : void 0
+          }
+        ),
+        d && /* @__PURE__ */ o(
+          "span",
+          {
+            id: r,
+            className: i ? s.error : s.helper,
+            children: i ?? e
+          }
+        )
+      ]
+    }
+  ) });
+});
+B.displayName = "Slider";
+export {
+  B as Slider,
+  B as default
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/forms/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/forms/slider/Slider.tsx"],"sourcesContent":["import { Field } from '@base-ui/react/field'\r\nimport { Slider as BaseSlider } from '@base-ui/react/slider'\r\nimport { memo, type FC, useId } from 'react'\r\n\r\nimport SliderHeader from '@components/forms/slider/components/slider-header/SliderHeader.tsx'\r\nimport SliderTrack from '@components/forms/slider/components/slider-track/SliderTrack.tsx'\r\nimport { SLIDER_STYLES } from '@components/forms/slider/styles/Slider.css.ts'\r\nimport type { SliderProps } from '@components/forms/slider/types'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nexport const Slider: FC<SliderProps> = memo(({\r\n    label,\r\n    showValue = false,\r\n    helperText,\r\n    error,\r\n    width = '100%',\r\n    size = 'md',\r\n    color = 'primary',\r\n    className,\r\n    ref,\r\n    value,\r\n    defaultValue,\r\n    ...props\r\n}) => {\r\n    const descriptionId = useId()\r\n    const hasDescription = Boolean(error || helperText)\r\n    const range = Array.isArray(value ?? defaultValue)\r\n\r\n    return (\r\n        <Field.Root invalid={Boolean(error)}>\r\n            <BaseSlider.Root\r\n                ref={ref}\r\n                className={cn(SLIDER_STYLES.root, className)}\r\n                style={{ width }}\r\n                aria-describedby={hasDescription ? descriptionId : undefined}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                {...props}\r\n            >\r\n                <SliderHeader\r\n                    label={label}\r\n                    showValue={showValue}\r\n                />\r\n                <SliderTrack\r\n                    range={range}\r\n                    size={size}\r\n                    color={color}\r\n                    error={error}\r\n                    descriptionId={hasDescription ? descriptionId : undefined}\r\n                />\r\n                {hasDescription && (\r\n                    <span\r\n                        id={descriptionId}\r\n                        className={error ? SLIDER_STYLES.error : SLIDER_STYLES.helper}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </span>\r\n                )}\r\n            </BaseSlider.Root>\r\n        </Field.Root>\r\n    )\r\n})\r\n\r\nSlider.displayName = 'Slider'\r\n\r\nexport default Slider\r\n"],"names":["Slider","memo","label","showValue","helperText","error","width","size","color","className","ref","value","defaultValue","props","descriptionId","useId","hasDescription","range","Field","jsxs","BaseSlider","cn","SLIDER_STYLES","jsx","SliderHeader","SliderTrack"],"mappings":";;;;;;;;AAUO,MAAMA,IAA0BC,EAAK,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAA,GAChBC,IAAiB,GAAQX,KAASD,IAClCa,IAAQ,MAAM,QAAQN,KAASC,CAAY;AAEjD,2BACKM,EAAM,MAAN,EAAW,SAAS,EAAQb,GACzB,UAAA,gBAAAc;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,KAAAV;AAAA,MACA,WAAWW,EAAGC,EAAc,MAAMb,CAAS;AAAA,MAC3C,OAAO,EAAE,OAAAH,EAAA;AAAA,MACT,oBAAkBU,IAAiBF,IAAgB;AAAA,MACnD,OAAAH;AAAA,MACA,cAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAAtB;AAAA,YACA,WAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAoB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,OAAAR;AAAA,YACA,MAAAV;AAAA,YACA,OAAAC;AAAA,YACA,OAAAH;AAAA,YACA,eAAeW,IAAiBF,IAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnDE,KACG,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAIT;AAAA,YACJ,WAAWT,IAAQiB,EAAc,QAAQA,EAAc;AAAA,YAEtD,UAAAjB,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER,CAAC;AAEDJ,EAAO,cAAc;"}

package/dist/components/forms/slider/components/slider-header/SliderHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("@base-ui/react/slider"),s=require("./styles/SliderHeader.css.cjs"),c=({label:r,showValue:l})=>e.jsxs("div",{className:s.SLIDER_HEADER_STYLES.root,children:[r&&e.jsx(i.Slider.Label,{className:s.SLIDER_HEADER_STYLES.label,children:r}),l&&e.jsx(i.Slider.Value,{className:s.SLIDER_HEADER_STYLES.value,children:S=>S.join(" – ")})]});module.exports=c;
+//# sourceMappingURL=SliderHeader.cjs.map

package/dist/components/forms/slider/components/slider-header/SliderHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHeader.cjs","sources":["../../../../../../src/components/forms/slider/components/slider-header/SliderHeader.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_HEADER_STYLES } from '@components/forms/slider/components/slider-header/styles/SliderHeader.css.ts'\r\nimport type { SliderHeaderProps } from '@components/forms/slider/components/slider-header/types/SliderHeader.props.ts'\r\n\r\nconst SliderHeader = ({ label, showValue }: SliderHeaderProps) => (\r\n    <div className={SLIDER_HEADER_STYLES.root}>\r\n        {label && <BaseSlider.Label className={SLIDER_HEADER_STYLES.label}>{label}</BaseSlider.Label>}\r\n        {showValue && (\r\n            <BaseSlider.Value className={SLIDER_HEADER_STYLES.value}>\r\n                {(formattedValues) => formattedValues.join(' – ')}\r\n            </BaseSlider.Value>\r\n        )}\r\n    </div>\r\n)\r\n\r\nexport default SliderHeader\r\n"],"names":["SliderHeader","label","showValue","jsxs","SLIDER_HEADER_STYLES","BaseSlider","jsx","formattedValues"],"mappings":"gIAKMA,EAAe,CAAC,CAAE,MAAAC,EAAO,UAAAC,KAC3BC,EAAAA,KAAC,MAAA,CAAI,UAAWC,uBAAqB,KAChC,SAAA,CAAAH,SAAUI,EAAAA,OAAW,MAAX,CAAiB,UAAWD,EAAAA,qBAAqB,MAAQ,SAAAH,EAAM,EACzEC,GACGI,EAAAA,IAACD,EAAAA,OAAW,MAAX,CAAiB,UAAWD,EAAAA,qBAAqB,MAC7C,SAACG,GAAoBA,EAAgB,KAAK,KAAK,CAAA,CACpD,CAAA,CAAA,CAER"}

package/dist/components/forms/slider/components/slider-header/SliderHeader.d.ts

@@ -0,0 +1,3 @@
+import { SliderHeaderProps } from './types/SliderHeader.props.ts';
+declare const SliderHeader: ({ label, showValue }: SliderHeaderProps) => import("react").JSX.Element;
+export default SliderHeader;

package/dist/components/forms/slider/components/slider-header/SliderHeader.js

@@ -0,0 +1,11 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { Slider as l } from "@base-ui/react/slider";
+import { SLIDER_HEADER_STYLES as e } from "./styles/SliderHeader.css.js";
+const t = ({ label: r, showValue: o }) => /* @__PURE__ */ i("div", { className: e.root, children: [
+  r && /* @__PURE__ */ a(l.Label, { className: e.label, children: r }),
+  o && /* @__PURE__ */ a(l.Value, { className: e.value, children: (s) => s.join(" – ") })
+] });
+export {
+  t as default
+};
+//# sourceMappingURL=SliderHeader.js.map

package/dist/components/forms/slider/components/slider-header/SliderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderHeader.js","sources":["../../../../../../src/components/forms/slider/components/slider-header/SliderHeader.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_HEADER_STYLES } from '@components/forms/slider/components/slider-header/styles/SliderHeader.css.ts'\r\nimport type { SliderHeaderProps } from '@components/forms/slider/components/slider-header/types/SliderHeader.props.ts'\r\n\r\nconst SliderHeader = ({ label, showValue }: SliderHeaderProps) => (\r\n    <div className={SLIDER_HEADER_STYLES.root}>\r\n        {label && <BaseSlider.Label className={SLIDER_HEADER_STYLES.label}>{label}</BaseSlider.Label>}\r\n        {showValue && (\r\n            <BaseSlider.Value className={SLIDER_HEADER_STYLES.value}>\r\n                {(formattedValues) => formattedValues.join(' – ')}\r\n            </BaseSlider.Value>\r\n        )}\r\n    </div>\r\n)\r\n\r\nexport default SliderHeader\r\n"],"names":["SliderHeader","label","showValue","jsxs","SLIDER_HEADER_STYLES","BaseSlider","jsx","formattedValues"],"mappings":";;;AAKA,MAAMA,IAAe,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAC3B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAqB,MAChC,UAAA;AAAA,EAAAH,uBAAUI,EAAW,OAAX,EAAiB,WAAWD,EAAqB,OAAQ,UAAAH,GAAM;AAAA,EACzEC,KACG,gBAAAI,EAACD,EAAW,OAAX,EAAiB,WAAWD,EAAqB,OAC7C,UAAA,CAACG,MAAoBA,EAAgB,KAAK,KAAK,EAAA,CACpD;AAAA,EAAA,CAER;"}

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit138.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
+//# sourceMappingURL=SliderHeader.css.cjs.map

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.cjs.map

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

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.d.ts

@@ -0,0 +1,5 @@
+export declare const SLIDER_HEADER_STYLES: {
+    root: string;
+    label: string;
+    value: string;
+};

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit138.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                */
+var o = { root: "tjesq90", label: "tjesq91", value: "tjesq92" };
+export {
+  o as SLIDER_HEADER_STYLES
+};
+//# sourceMappingURL=SliderHeader.css.js.map

package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.js.map

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

package/dist/components/forms/slider/components/slider-header/types/SliderHeader.props.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type SliderHeaderProps = {
+    label?: string;
+    showValue: boolean;
+    children?: ReactNode;
+};

package/dist/components/forms/slider/components/slider-track/SliderTrack.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),e=require("@base-ui/react/slider"),s=require("./styles/SliderTrack.css.cjs"),n=({range:i,size:c,color:a,error:S,descriptionId:d})=>{const l=i?[0,1]:[0];return r.jsxs(e.Slider.Control,{className:s.SLIDER_TRACK_STYLES.control,children:[r.jsx(e.Slider.Track,{className:s.SLIDER_TRACK_STYLES.track({size:c}),children:r.jsx(e.Slider.Indicator,{className:s.SLIDER_TRACK_STYLES.indicator({color:a})})}),l.map(t=>r.jsx(e.Slider.Thumb,{index:i?t:void 0,className:s.SLIDER_TRACK_STYLES.thumb({size:c,color:a}),"aria-invalid":S?!0:void 0,"aria-describedby":d},t))]})};module.exports=n;
+//# sourceMappingURL=SliderTrack.cjs.map

package/dist/components/forms/slider/components/slider-track/SliderTrack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.cjs","sources":["../../../../../../src/components/forms/slider/components/slider-track/SliderTrack.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_TRACK_STYLES } from '@components/forms/slider/components/slider-track/styles/SliderTrack.css.ts'\r\nimport type { SliderTrackProps } from '@components/forms/slider/components/slider-track/types/SliderTrack.props.ts'\r\n\r\nconst SliderTrack = ({ range, size, color, error, descriptionId }: SliderTrackProps) => {\r\n    const thumbIndexes = range ? [0, 1] : [0]\r\n\r\n    return (\r\n        <BaseSlider.Control className={SLIDER_TRACK_STYLES.control}>\r\n            <BaseSlider.Track className={SLIDER_TRACK_STYLES.track({ size })}>\r\n                <BaseSlider.Indicator className={SLIDER_TRACK_STYLES.indicator({ color })} />\r\n            </BaseSlider.Track>\r\n            {thumbIndexes.map((index) => (\r\n                <BaseSlider.Thumb\r\n                    key={index}\r\n                    index={range ? index : undefined}\r\n                    className={SLIDER_TRACK_STYLES.thumb({ size, color })}\r\n                    aria-invalid={error ? true : undefined}\r\n                    aria-describedby={descriptionId}\r\n                />\r\n            ))}\r\n        </BaseSlider.Control>\r\n    )\r\n}\r\n\r\nexport default SliderTrack\r\n"],"names":["SliderTrack","range","size","color","error","descriptionId","thumbIndexes","BaseSlider","SLIDER_TRACK_STYLES","jsx","index"],"mappings":"+HAKMA,EAAc,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,cAAAC,KAAsC,CACpF,MAAMC,EAAeL,EAAQ,CAAC,EAAG,CAAC,EAAI,CAAC,CAAC,EAExC,cACKM,EAAAA,OAAW,QAAX,CAAmB,UAAWC,EAAAA,oBAAoB,QAC/C,SAAA,CAAAC,MAACF,EAAAA,OAAW,MAAX,CAAiB,UAAWC,EAAAA,oBAAoB,MAAM,CAAE,KAAAN,EAAM,EAC3D,eAACK,SAAW,UAAX,CAAqB,UAAWC,EAAAA,oBAAoB,UAAU,CAAE,MAAAL,CAAA,CAAO,CAAA,CAAG,EAC/E,EACCG,EAAa,IAAKI,GACfD,EAAAA,IAACF,EAAAA,OAAW,MAAX,CAEG,MAAON,EAAQS,EAAQ,OACvB,UAAWF,EAAAA,oBAAoB,MAAM,CAAE,KAAAN,EAAM,MAAAC,EAAO,EACpD,eAAcC,EAAQ,GAAO,OAC7B,mBAAkBC,CAAA,EAJbK,CAAA,CAMZ,CAAA,EACL,CAER"}

package/dist/components/forms/slider/components/slider-track/SliderTrack.d.ts

@@ -0,0 +1,3 @@
+import { SliderTrackProps } from './types/SliderTrack.props.ts';
+declare const SliderTrack: ({ range, size, color, error, descriptionId }: SliderTrackProps) => import("react").JSX.Element;
+export default SliderTrack;

package/dist/components/forms/slider/components/slider-track/SliderTrack.js

@@ -0,0 +1,23 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { Slider as r } from "@base-ui/react/slider";
+import { SLIDER_TRACK_STYLES as a } from "./styles/SliderTrack.css.js";
+const h = ({ range: t, size: o, color: s, error: e, descriptionId: m }) => {
+  const d = t ? [0, 1] : [0];
+  return /* @__PURE__ */ l(r.Control, { className: a.control, children: [
+    /* @__PURE__ */ i(r.Track, { className: a.track({ size: o }), children: /* @__PURE__ */ i(r.Indicator, { className: a.indicator({ color: s }) }) }),
+    d.map((c) => /* @__PURE__ */ i(
+      r.Thumb,
+      {
+        index: t ? c : void 0,
+        className: a.thumb({ size: o, color: s }),
+        "aria-invalid": e ? !0 : void 0,
+        "aria-describedby": m
+      },
+      c
+    ))
+  ] });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=SliderTrack.js.map

package/dist/components/forms/slider/components/slider-track/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/forms/slider/components/slider-track/SliderTrack.tsx"],"sourcesContent":["import { Slider as BaseSlider } from '@base-ui/react/slider'\r\n\r\nimport { SLIDER_TRACK_STYLES } from '@components/forms/slider/components/slider-track/styles/SliderTrack.css.ts'\r\nimport type { SliderTrackProps } from '@components/forms/slider/components/slider-track/types/SliderTrack.props.ts'\r\n\r\nconst SliderTrack = ({ range, size, color, error, descriptionId }: SliderTrackProps) => {\r\n    const thumbIndexes = range ? [0, 1] : [0]\r\n\r\n    return (\r\n        <BaseSlider.Control className={SLIDER_TRACK_STYLES.control}>\r\n            <BaseSlider.Track className={SLIDER_TRACK_STYLES.track({ size })}>\r\n                <BaseSlider.Indicator className={SLIDER_TRACK_STYLES.indicator({ color })} />\r\n            </BaseSlider.Track>\r\n            {thumbIndexes.map((index) => (\r\n                <BaseSlider.Thumb\r\n                    key={index}\r\n                    index={range ? index : undefined}\r\n                    className={SLIDER_TRACK_STYLES.thumb({ size, color })}\r\n                    aria-invalid={error ? true : undefined}\r\n                    aria-describedby={descriptionId}\r\n                />\r\n            ))}\r\n        </BaseSlider.Control>\r\n    )\r\n}\r\n\r\nexport default SliderTrack\r\n"],"names":["SliderTrack","range","size","color","error","descriptionId","thumbIndexes","BaseSlider","SLIDER_TRACK_STYLES","jsx","index"],"mappings":";;;AAKA,MAAMA,IAAc,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,eAAAC,QAAsC;AACpF,QAAMC,IAAeL,IAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAExC,2BACKM,EAAW,SAAX,EAAmB,WAAWC,EAAoB,SAC/C,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,OAAX,EAAiB,WAAWC,EAAoB,MAAM,EAAE,MAAAN,GAAM,GAC3D,4BAACK,EAAW,WAAX,EAAqB,WAAWC,EAAoB,UAAU,EAAE,OAAAL,EAAA,CAAO,EAAA,CAAG,GAC/E;AAAA,IACCG,EAAa,IAAI,CAACI,MACf,gBAAAD;AAAA,MAACF,EAAW;AAAA,MAAX;AAAA,QAEG,OAAON,IAAQS,IAAQ;AAAA,QACvB,WAAWF,EAAoB,MAAM,EAAE,MAAAN,GAAM,OAAAC,GAAO;AAAA,QACpD,gBAAcC,IAAQ,KAAO;AAAA,QAC7B,oBAAkBC;AAAA,MAAA;AAAA,MAJbK;AAAA,IAAA,CAMZ;AAAA,EAAA,GACL;AAER;"}

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit144.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
+//# sourceMappingURL=SliderTrack.css.cjs.map

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.cjs.map

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

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.d.ts

@@ -0,0 +1,57 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SLIDER_TRACK_STYLES: {
+    control: string;
+    track: RuntimeFn<{
+        size: {
+            sm: {
+                height: "0.25rem";
+            };
+            md: {
+                height: "0.375rem";
+            };
+            lg: {
+                height: "0.5rem";
+            };
+        };
+    }>;
+    indicator: RuntimeFn<{
+        color: {
+            primary: {
+                backgroundColor: `var(--${string})`;
+            };
+            secondary: {
+                backgroundColor: `var(--${string})`;
+            };
+            destructive: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+    }>;
+    thumb: RuntimeFn<{
+        size: {
+            sm: {
+                width: "1rem";
+                height: "1rem";
+            };
+            md: {
+                width: "1.25rem";
+                height: "1.25rem";
+            };
+            lg: {
+                width: "1.5rem";
+                height: "1.5rem";
+            };
+        };
+        color: {
+            primary: {
+                border: `2px solid var(--${string})`;
+            };
+            secondary: {
+                border: `2px solid var(--${string})`;
+            };
+            destructive: {
+                border: `2px solid var(--${string})`;
+            };
+        };
+    }>;
+};

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.js

@@ -0,0 +1,8 @@
+import '../../../../../../ui-kit144.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                               */
+import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
+var s = { control: "ky6kla0", track: a({ defaultClassName: "ky6kla1", variantClassNames: { size: { sm: "ky6kla2", md: "ky6kla3", lg: "ky6kla4" } }, defaultVariants: { size: "md" }, compoundVariants: [] }), indicator: a({ defaultClassName: "ky6kla5", variantClassNames: { color: { primary: "ky6kla6", secondary: "ky6kla7", destructive: "ky6kla8" } }, defaultVariants: { color: "primary" }, compoundVariants: [] }), thumb: a({ defaultClassName: "ky6kla9", variantClassNames: { size: { sm: "ky6klaa", md: "ky6klab", lg: "ky6klac" }, color: { primary: "ky6klad", secondary: "ky6klae", destructive: "ky6klaf" } }, defaultVariants: { size: "md", color: "primary" }, compoundVariants: [] }) };
+export {
+  s as SLIDER_TRACK_STYLES
+};
+//# sourceMappingURL=SliderTrack.css.js.map

package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.js.map

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

package/dist/components/forms/slider/components/slider-track/types/SliderTrack.props.d.ts

@@ -0,0 +1,8 @@
+import { SliderColor, SliderSize } from '../../../types/Slider.types.ts';
+export type SliderTrackProps = {
+    range: boolean;
+    size: SliderSize;
+    color: SliderColor;
+    error?: string;
+    descriptionId?: string;
+};

package/dist/components/forms/slider/constants/index.d.ts

@@ -0,0 +1,10 @@
+export declare const SLIDER_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+};
+export declare const SLIDER_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly destructive: "destructive";
+};

package/dist/components/forms/slider/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Slider } from './Slider.tsx';
+export { SLIDER_STYLES } from './styles/Slider.css.ts';
+export type { SliderProps } from './types/Slider.props.ts';
+export type { SliderColor, SliderSize } from './types/Slider.types.ts';

package/dist/components/forms/slider/styles/Slider.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit20.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
+//# sourceMappingURL=Slider.css.cjs.map

package/dist/components/forms/slider/styles/Slider.css.cjs.map

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

package/dist/components/forms/slider/styles/Slider.css.d.ts

@@ -0,0 +1,5 @@
+export declare const SLIDER_STYLES: {
+    root: string;
+    helper: string;
+    error: string;
+};

package/dist/components/forms/slider/styles/Slider.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit20.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                          */
+var b = { root: "_1exybeb0", helper: "_1exybeb1", error: "_1exybeb2" };
+export {
+  b as SLIDER_STYLES
+};
+//# sourceMappingURL=Slider.css.js.map

package/dist/components/forms/slider/styles/Slider.css.js.map

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

package/dist/components/forms/slider/types/Slider.props.d.ts

@@ -0,0 +1,36 @@
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import { SliderColor, SliderSize } from './Slider.types.ts';
+import type * as React from 'react';
+type SliderAccessibleName = {
+    label: string;
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+} | {
+    label?: never;
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    label?: never;
+    'aria-label'?: never;
+    'aria-labelledby': string;
+};
+export type SliderFieldProps = {
+    /** Visual size. Defaults to `md`. */
+    size?: SliderSize;
+    /** Semantic color intent. Defaults to `primary`. */
+    color?: SliderColor;
+    /** Width of the field wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Displays the current value next to the label. */
+    showValue?: boolean;
+    /** Help text announced together with the slider. */
+    helperText?: string;
+    /** Error text announced together with the slider and marks it invalid. */
+    error?: string;
+};
+export type SliderControlProps<Value extends number | readonly number[]> = Omit<BaseSlider.Root.Props<Value>, 'children' | 'className' | 'aria-label' | 'aria-labelledby'> & SliderFieldProps & SliderAccessibleName & {
+    className?: string;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export type SliderProps = SliderControlProps<number | readonly [number, number]>;
+export {};

package/dist/components/forms/slider/types/Slider.types.d.ts

@@ -0,0 +1,3 @@
+import { SLIDER_COLORS, SLIDER_SIZES } from '../constants';
+export type SliderSize = (typeof SLIDER_SIZES)[keyof typeof SLIDER_SIZES];
+export type SliderColor = (typeof SLIDER_COLORS)[keyof typeof SLIDER_COLORS];

package/dist/components/forms/slider/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { SliderControlProps, SliderFieldProps, SliderProps } from './Slider.props.ts';
+export type { SliderColor, SliderSize } from './Slider.types.ts';

package/dist/components/forms/switch/styles/Switch.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit26.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={wrapper:"ih5w140",wrapperDisabled:"ih5w141",root:e.createRuntimeFn({defaultClassName:"ih5w142",variantClassNames:{size:{sm:"ih5w143",md:"ih5w144",lg:"ih5w145"},error:{true:"ih5w146",false:"ih5w147"}},defaultVariants:{size:"md",error:!1},compoundVariants:[]}),thumb:e.createRuntimeFn({defaultClassName:"ih5w148",variantClassNames:{size:{sm:"ih5w149",md:"ih5w14a",lg:"ih5w14b"}},defaultVariants:{size:"sm"},compoundVariants:[]}),label:"ih5w14c",labelDisabled:"ih5w14d"};exports.SWITCH_STYLES=a;
 //# sourceMappingURL=Switch.css.cjs.map

package/dist/components/forms/switch/styles/Switch.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit26.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var s = { wrapper: "ih5w140", wrapperDisabled: "ih5w141", root: a({ defaultClassName: "ih5w142", variantClassNames: { size: { sm: "ih5w143", md: "ih5w144", lg: "ih5w145" }, error: { true: "ih5w146", false: "ih5w147" } }, defaultVariants: { size: "md", error: !1 }, compoundVariants: [] }), thumb: a({ defaultClassName: "ih5w148", variantClassNames: { size: { sm: "ih5w149", md: "ih5w14a", lg: "ih5w14b" } }, defaultVariants: { size: "sm" }, compoundVariants: [] }), label: "ih5w14c", labelDisabled: "ih5w14d" };

package/dist/components/forms/text-area/TextArea.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("./components/text-area-label/TextAreaLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                     */const v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                                                              */const z=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const H=require("./styles/TextArea.css.cjs"),U=require("../_shared/components/helper-text/HelperText.cjs"),X=require("./hooks/useAutoResizeTextArea.hook.cjs"),Y=require("./hooks/useTextArea.hook.cjs"),E=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const G=require("../../../utils/cn.cjs"),t=require("react"),n=t.memo(u=>{const{inputId:l,helperId:d,hasError:o,hasStartIcon:I,hasEndAction:x,handleMouseDown:g,handleFocus:y,handleBlur:C}=Y.useTextArea(u),{disabled:h,startIcon:A,className:S,width:q,error:i,helperText:a,label:T,endAction:_,size:k,placeholder:D,value:m,onChange:p,onKeyDown:F,onKeyUp:L,ref:r,rows:c,minRows:f,maxRows:N,...B}=u,w=k??"md",R=t.useRef(null),K=t.useCallback(s=>{R.current=s,typeof r=="function"?r(s):r&&(r.current=s)},[r]),{isEnabled:M,resize:b}=X.useAutoResizeTextArea(R,{minRows:f??c,maxRows:N,value:m}),P=t.useCallback(s=>{p?.(s),b()},[p,b]);return e.jsxs(E,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[T&&e.jsx(j,{htmlFor:l,disabled:h,children:T}),e.jsxs(E,{position:"relative",width:"100%",gap:"none",children:[A&&e.jsx(v,{icon:A,size:w}),e.jsx("textarea",{ref:K,id:l,disabled:h,"aria-invalid":o||void 0,"aria-describedby":i||a?d:void 0,onMouseDown:g,onFocus:y,onBlur:C,className:G.cn(H.TEXT_AREA_STYLES.recipe({size:w,hasError:o,hasStartIcon:I,hasEndAction:x}),S),placeholder:D,value:m,onChange:P,onKeyDown:F,onKeyUp:L,rows:M?f??c:c,...B}),x&&e.jsx(z,{children:_})]}),(i||a)&&e.jsx(U,{id:d,hasError:o,children:i??a})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=z;module.exports=n;
+"use strict";require('../../../ui-kit34.css');require('../../../ui-kit30.css');require('../../../ui-kit38.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),j=require("./components/text-area-label/TextAreaLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                     */const v=require("./components/text-area-start-icon/TextAreaStartIcon.cjs");;/* empty css                                                                              */const z=require("./components/text-area-end-action/TextAreaEndAction.cjs");;/* empty css                                                                              */const H=require("./styles/TextArea.css.cjs"),U=require("../_shared/components/helper-text/HelperText.cjs"),X=require("./hooks/useAutoResizeTextArea.hook.cjs"),Y=require("./hooks/useTextArea.hook.cjs"),E=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const G=require("../../../utils/cn.cjs"),t=require("react"),n=t.memo(u=>{const{inputId:l,helperId:d,hasError:o,hasStartIcon:I,hasEndAction:x,handleMouseDown:g,handleFocus:y,handleBlur:C}=Y.useTextArea(u),{disabled:h,startIcon:A,className:S,width:q,error:i,helperText:a,label:T,endAction:_,size:k,placeholder:D,value:m,onChange:p,onKeyDown:F,onKeyUp:L,ref:r,rows:c,minRows:f,maxRows:N,...B}=u,w=k??"md",R=t.useRef(null),K=t.useCallback(s=>{R.current=s,typeof r=="function"?r(s):r&&(r.current=s)},[r]),{isEnabled:M,resize:b}=X.useAutoResizeTextArea(R,{minRows:f??c,maxRows:N,value:m}),P=t.useCallback(s=>{p?.(s),b()},[p,b]);return e.jsxs(E,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,children:[T&&e.jsx(j,{htmlFor:l,disabled:h,children:T}),e.jsxs(E,{position:"relative",width:"100%",gap:"none",children:[A&&e.jsx(v,{icon:A,size:w}),e.jsx("textarea",{ref:K,id:l,disabled:h,"aria-invalid":o||void 0,"aria-describedby":i||a?d:void 0,onMouseDown:g,onFocus:y,onBlur:C,className:G.cn(H.TEXT_AREA_STYLES.recipe({size:w,hasError:o,hasStartIcon:I,hasEndAction:x}),S),placeholder:D,value:m,onChange:P,onKeyDown:F,onKeyUp:L,rows:M?f??c:c,...B}),x&&e.jsx(z,{children:_})]}),(i||a)&&e.jsx(U,{id:d,hasError:o,children:i??a})]})});n.displayName="TextArea";n.Label=j;n.StartIcon=v;n.EndAction=z;module.exports=n;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/components/forms/text-area/TextArea.js

@@ -1,6 +1,6 @@
 import { jsxs as E, jsx as r } from "react/jsx-runtime";
 import g from "./components/text-area-label/TextAreaLabel.js";
-/* empty css                                         */
+import '../../../ui-kit34.css';import '../../../ui-kit30.css';import '../../../ui-kit38.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                   */
 import y from "./components/text-area-start-icon/TextAreaStartIcon.js";

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit34.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
 //# sourceMappingURL=TextAreaEndAction.css.cjs.map

package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js

@@ -1,4 +1,4 @@
-/* empty css                                     */
+import '../../../../../../ui-kit34.css';/* empty css                                     */
 var r = { root: "lf8geo0" };
 export {
   r as TEXT_AREA_END_ACTION_STYLES

package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                   */var e={root:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit38.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                   */var e={root:"_1sjl5hx0"};exports.TEXT_AREA_LABEL_STYLES=e;
 //# sourceMappingURL=TextAreaLabel.css.cjs.map

package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit38.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                 */
 var p = { root: "_1sjl5hx0" };

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                       */var e={root:"_1q572tr0"};exports.TEXT_AREA_START_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit30.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                       */var e={root:"_1q572tr0"};exports.TEXT_AREA_START_ICON_STYLES=e;
 //# sourceMappingURL=TextAreaStartIcon.css.cjs.map

package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit30.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                      */
 /* empty css                                     */
 var T = { root: "_1q572tr0" };

package/dist/components/forms/text-area/styles/TextArea.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                              */const a=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:a.createRuntimeFn({defaultClassName:"sqatm00",variantClassNames:{size:{sm:"sqatm01",md:"sqatm02",lg:"sqatm03"},hasError:{true:"sqatm04",false:"sqatm05"},hasStartIcon:{true:"sqatm06",false:"sqatm07"},hasEndAction:{true:"sqatm08",false:"sqatm09"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"sqatm0a"],[{size:"md",hasStartIcon:!0},"sqatm0b"],[{size:"lg",hasStartIcon:!0},"sqatm0c"],[{size:"sm",hasEndAction:!0},"sqatm0d"],[{size:"md",hasEndAction:!0},"sqatm0e"],[{size:"lg",hasEndAction:!0},"sqatm0f"]]})};exports.TEXT_AREA_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit28.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */const a=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:a.createRuntimeFn({defaultClassName:"sqatm00",variantClassNames:{size:{sm:"sqatm01",md:"sqatm02",lg:"sqatm03"},hasError:{true:"sqatm04",false:"sqatm05"},hasStartIcon:{true:"sqatm06",false:"sqatm07"},hasEndAction:{true:"sqatm08",false:"sqatm09"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"sqatm0a"],[{size:"md",hasStartIcon:!0},"sqatm0b"],[{size:"lg",hasStartIcon:!0},"sqatm0c"],[{size:"sm",hasEndAction:!0},"sqatm0d"],[{size:"md",hasEndAction:!0},"sqatm0e"],[{size:"lg",hasEndAction:!0},"sqatm0f"]]})};exports.TEXT_AREA_STYLES=t;
 //# sourceMappingURL=TextArea.css.cjs.map

package/dist/components/forms/text-area/styles/TextArea.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit28.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var m = { recipe: a({ defaultClassName: "sqatm00", variantClassNames: { size: { sm: "sqatm01", md: "sqatm02", lg: "sqatm03" }, hasError: { true: "sqatm04", false: "sqatm05" }, hasStartIcon: { true: "sqatm06", false: "sqatm07" }, hasEndAction: { true: "sqatm08", false: "sqatm09" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "sqatm0a"], [{ size: "md", hasStartIcon: !0 }, "sqatm0b"], [{ size: "lg", hasStartIcon: !0 }, "sqatm0c"], [{ size: "sm", hasEndAction: !0 }, "sqatm0d"], [{ size: "md", hasEndAction: !0 }, "sqatm0e"], [{ size: "lg", hasEndAction: !0 }, "sqatm0f"]] }) };