@choco-vanille/ui 1.7.2 → 1.9.0

package/dist/components/forms/select/components/select-field/SelectField.js

@@ -1,35 +1,28 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { memo as M, useMemo as N, useCallback as T } from "react";
-import q from "../../../../layout/flex/Flex.js";
+import { memo as M, useMemo as N, useCallback as q } from "react";
+import w from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import w from "../../../_shared/components/helper-text/HelperText.js";
-import A from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit79.css';import '../../../../../ui-kit81.css';import '../../../../../ui-kit72.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
-/* empty css                                                   */
-/* empty css                                                                                       */
-import "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
-/* empty css                                                                                                */
-import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
-/* empty css                                                                                                */
-import r from "../../Select.js";
-import B from "./hooks/useSelectField.hook.js";
-import { flattenItems as J } from "./utils/flattenItems.utils.js";
-const K = M(({
+import A from "../../../_shared/components/form-label/FormLabel.js";
+import B from "../../../_shared/components/helper-text/HelperText.js";
+import a from "../../Select.js";
+import J from "./hooks/useSelectField.hook.js";
+import { flattenItems as K } from "./utils/flattenItems.utils.js";
+const O = M(({
   label: u,
-  helperText: t,
-  error: a,
+  helperText: i,
+  error: r,
   startIcon: g,
   placeholder: v,
   size: F = "md",
-  fontSize: o = "md",
-  width: c,
-  disabled: n,
+  fontSize: c = "md",
+  width: n,
+  disabled: o,
   required: I,
-  listboxAriaLabel: x,
-  options: m,
-  className: y,
-  value: C,
-  defaultValue: S,
+  listboxAriaLabel: y,
+  options: t,
+  className: C,
+  value: S,
+  defaultValue: x,
   onValueChange: V,
   open: L,
   defaultOpen: $,
@@ -37,43 +30,43 @@ const K = M(({
   name: k,
   ...D
 }) => {
-  const { triggerId: p, helperId: h, hasError: d, selectedValue: E, handleValueChange: b } = B({
-    error: a,
-    value: C,
-    defaultValue: S,
+  const { triggerId: h, helperId: b, hasError: m, selectedValue: E, handleValueChange: f } = J({
+    error: r,
+    value: S,
+    defaultValue: x,
     onValueChange: V
-  }), G = N(() => J(m), [m]), H = T(
+  }), G = N(() => K(t), [t]), H = q(
     (e) => {
-      e !== null && b(e);
+      e !== null && f(e);
     },
-    [b]
+    [f]
   );
   return /* @__PURE__ */ s(
-    q,
+    w,
     {
       flexDirection: "column",
       gap: "xs",
       width: "100%",
       alignItems: "start",
-      style: c !== void 0 ? { width: c } : void 0,
-      className: y,
+      style: n !== void 0 ? { width: n } : void 0,
+      className: C,
       ...D,
       children: [
         u && /* @__PURE__ */ l(
           A,
           {
-            htmlFor: p,
-            disabled: n,
-            fontSize: o,
+            htmlFor: h,
+            disabled: o,
+            fontSize: c,
             children: u
           }
         ),
         /* @__PURE__ */ s(
-          r,
+          a,
           {
             value: E ?? null,
             onValueChange: H,
-            disabled: n,
+            disabled: o,
             required: I,
             open: L,
             defaultOpen: $,
@@ -82,31 +75,31 @@ const K = M(({
             items: G,
             children: [
               /* @__PURE__ */ l(
-                r.Trigger,
+                a.Trigger,
                 {
-                  id: p,
+                  id: h,
                   placeholder: v,
                   startIcon: g,
                   size: F,
-                  fontSize: o,
-                  hasError: d,
-                  "aria-describedby": a || t ? h : void 0,
-                  "aria-invalid": d || void 0
+                  fontSize: c,
+                  hasError: m,
+                  "aria-describedby": r || i ? b : void 0,
+                  "aria-invalid": m || void 0
                 }
               ),
-              /* @__PURE__ */ l(r.Content, { listboxAriaLabel: x, children: /* @__PURE__ */ l(r.List, { children: m.map((e, f) => e.type === "separator" ? /* @__PURE__ */ l(r.Separator, {}, `sep-${f}`) : e.type === "group" ? /* @__PURE__ */ s(r.Group, { children: [
-                /* @__PURE__ */ l(r.Label, { children: e.label }),
-                e.options.map((i) => /* @__PURE__ */ l(
-                  r.Item,
+              /* @__PURE__ */ l(a.Content, { listboxAriaLabel: y, children: /* @__PURE__ */ l(a.List, { children: t.map((e, p) => e.type === "separator" ? /* @__PURE__ */ l(a.Separator, {}, `sep-${p}`) : e.type === "group" ? /* @__PURE__ */ s(a.Group, { children: [
+                /* @__PURE__ */ l(a.Label, { children: e.label }),
+                e.options.map((d) => /* @__PURE__ */ l(
+                  a.Item,
                   {
-                    value: i.value,
-                    disabled: i.disabled,
-                    label: i.label
+                    value: d.value,
+                    disabled: d.disabled,
+                    label: d.label
                   },
-                  i.value
+                  d.value
                 ))
-              ] }, `group-${e.label}-${f}`) : /* @__PURE__ */ l(
-                r.Item,
+              ] }, `group-${e.label}-${p}`) : /* @__PURE__ */ l(
+                a.Item,
                 {
                   value: e.value,
                   disabled: e.disabled,
@@ -117,20 +110,20 @@ const K = M(({
             ]
           }
         ),
-        (a || t) && /* @__PURE__ */ l(
-          w,
+        (r || i) && /* @__PURE__ */ l(
+          B,
           {
-            id: h,
-            hasError: d,
-            children: a ?? t
+            id: b,
+            hasError: m,
+            children: r ?? i
           }
         )
       ]
     }
   );
 });
-K.displayName = "SelectField";
+O.displayName = "SelectField";
 export {
-  K as default
+  O as default
 };
 //# sourceMappingURL=SelectField.js.map

package/dist/components/forms/select/components/select-field/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../../../../src/components/forms/select/components/select-field/SelectField.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel } from '@components/forms/text-field/components'\r\nimport Select from '@components/forms/select/Select.tsx'\r\nimport type { SelectFieldProps } from '@components/forms/select/types/Select.props.ts'\r\nimport useSelectField from '@components/forms/select/components/select-field/hooks/useSelectField.hook.ts'\r\nimport { flattenItems } from '@components/forms/select/components/select-field/utils/flattenItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Select` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <SelectField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Pick a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst SelectField: FC<SelectFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n    ...props\r\n}) => {\r\n    const { triggerId, helperId, hasError, selectedValue, handleValueChange } = useSelectField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => flattenItems(options), [options])\r\n\r\n    const handleSelectValueChange = useCallback(\r\n        (v: string | null) => { if (v !== null) { handleValueChange(v) } },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={triggerId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Select\r\n                value={selectedValue ?? null}\r\n                onValueChange={handleSelectValueChange}\r\n                disabled={disabled}\r\n                required={required}\r\n                open={open}\r\n                defaultOpen={defaultOpen}\r\n                onOpenChange={onOpenChange}\r\n                name={name}\r\n                items={items}\r\n            >\r\n                <Select.Trigger\r\n                    id={triggerId}\r\n                    placeholder={placeholder}\r\n                    startIcon={startIcon}\r\n                    size={size}\r\n                    fontSize={fontSize}\r\n                    hasError={hasError}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    aria-invalid={hasError || undefined}\r\n                />\r\n                <Select.Content listboxAriaLabel={listboxAriaLabel}>\r\n                    <Select.List>\r\n                        {options.map((option, index) => {\r\n                            if (option.type === 'separator') {\r\n                                return <Select.Separator key={`sep-${index}`} />\r\n                            }\r\n\r\n                            if (option.type === 'group') {\r\n                                return (\r\n                                    <Select.Group key={`group-${option.label}-${index}`}>\r\n                                        <Select.Label>{option.label}</Select.Label>\r\n                                        {option.options.map((item) => (\r\n                                            <Select.Item\r\n                                                key={item.value}\r\n                                                value={item.value}\r\n                                                disabled={item.disabled}\r\n                                                label={item.label}\r\n                                            />\r\n                                        ))}\r\n                                    </Select.Group>\r\n                                )\r\n                            }\r\n\r\n                            return (\r\n                                <Select.Item\r\n                                    key={option.value}\r\n                                    value={option.value}\r\n                                    disabled={option.disabled}\r\n                                    label={option.label}\r\n                                />\r\n                            )\r\n                        })}\r\n                    </Select.List>\r\n                </Select.Content>\r\n            </Select>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSelectField.displayName = 'SelectField'\r\n\r\nexport default SelectField\r\n"],"names":["SelectField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","props","triggerId","helperId","hasError","selectedValue","handleValueChange","useSelectField","items","useMemo","flattenItems","handleSelectValueChange","useCallback","v","jsxs","Flex","jsx","TextFieldLabel","Select","option","index","item","HelperText"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,eAAAC,GAAe,mBAAAC,EAAA,IAAsBC,EAAe;AAAA,IACvF,OAAAxB;AAAA,IACA,OAAAW;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACH,GAEKY,IAAQC,EAAQ,MAAMC,EAAalB,CAAO,GAAG,CAACA,CAAO,CAAC,GAEtDmB,IAA0BC;AAAA,IAC5B,CAACC,MAAqB;AAAE,MAAIA,MAAM,QAAQP,EAAkBO,CAAC;AAAA,IAAI;AAAA,IACjE,CAACP,CAAiB;AAAA,EAAA;AAGtB,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO3B,MAAU,SAAY,EAAE,OAAAA,MAAU;AAAA,MACzC,WAAAK;AAAA,MACC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAApB,KACG,gBAAAmC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAASf;AAAA,YACT,UAAAb;AAAA,YACA,UAAAF;AAAA,YAEC,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAIT,gBAAAiC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAOb,KAAiB;AAAA,YACxB,eAAeM;AAAA,YACf,UAAAtB;AAAA,YACA,UAAAC;AAAA,YACA,MAAAO;AAAA,YACA,aAAAC;AAAA,YACA,cAAAC;AAAA,YACA,MAAAC;AAAA,YACA,OAAAQ;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAQ;AAAA,gBAACE,EAAO;AAAA,gBAAP;AAAA,kBACG,IAAIhB;AAAA,kBACJ,aAAAjB;AAAA,kBACA,WAAAD;AAAA,kBACA,MAAAE;AAAA,kBACA,UAAAC;AAAA,kBACA,UAAAiB;AAAA,kBACA,oBAAkBrB,KAASD,IAAaqB,IAAW;AAAA,kBACnD,gBAAcC,KAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE9B,gBAAAY,EAACE,EAAO,SAAP,EAAe,kBAAA3B,GACZ,UAAA,gBAAAyB,EAACE,EAAO,MAAP,EACI,UAAA1B,EAAQ,IAAI,CAAC2B,GAAQC,MACdD,EAAO,SAAS,gCACRD,EAAO,WAAP,CAAA,GAAsB,OAAOE,CAAK,EAAI,IAG9CD,EAAO,SAAS,UAEZ,gBAAAL,EAACI,EAAO,OAAP,EACG,UAAA;AAAA,gBAAA,gBAAAF,EAACE,EAAO,OAAP,EAAc,UAAAC,EAAO,OAAM;AAAA,gBAC3BA,EAAO,QAAQ,IAAI,CAACE,MACjB,gBAAAL;AAAA,kBAACE,EAAO;AAAA,kBAAP;AAAA,oBAEG,OAAOG,EAAK;AAAA,oBACZ,UAAUA,EAAK;AAAA,oBACf,OAAOA,EAAK;AAAA,kBAAA;AAAA,kBAHPA,EAAK;AAAA,gBAAA,CAKjB;AAAA,cAAA,EAAA,GATc,SAASF,EAAO,KAAK,IAAIC,CAAK,EAUjD,IAKJ,gBAAAJ;AAAA,gBAACE,EAAO;AAAA,gBAAP;AAAA,kBAEG,OAAOC,EAAO;AAAA,kBACd,UAAUA,EAAO;AAAA,kBACjB,OAAOA,EAAO;AAAA,gBAAA;AAAA,gBAHTA,EAAO;AAAA,cAAA,CAMvB,GACL,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,SAGFpC,KAASD,MACP,gBAAAkC;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAInB;AAAA,YACJ,UAAAC;AAAA,YAEC,UAAArB,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDH,EAAY,cAAc;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../../../src/components/forms/select/components/select-field/SelectField.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport Select from '@components/forms/select/Select.tsx'\r\nimport type { SelectFieldProps } from '@components/forms/select/types/Select.props.ts'\r\nimport useSelectField from '@components/forms/select/components/select-field/hooks/useSelectField.hook.ts'\r\nimport { flattenItems } from '@components/forms/select/components/select-field/utils/flattenItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Select` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <SelectField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Pick a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst SelectField: FC<SelectFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n    ...props\r\n}) => {\r\n    const { triggerId, helperId, hasError, selectedValue, handleValueChange } = useSelectField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => flattenItems(options), [options])\r\n\r\n    const handleSelectValueChange = useCallback(\r\n        (v: string | null) => { if (v !== null) { handleValueChange(v) } },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {label && (\r\n                <FormLabel\r\n                    htmlFor={triggerId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </FormLabel>\r\n            )}\r\n\r\n            <Select\r\n                value={selectedValue ?? null}\r\n                onValueChange={handleSelectValueChange}\r\n                disabled={disabled}\r\n                required={required}\r\n                open={open}\r\n                defaultOpen={defaultOpen}\r\n                onOpenChange={onOpenChange}\r\n                name={name}\r\n                items={items}\r\n            >\r\n                <Select.Trigger\r\n                    id={triggerId}\r\n                    placeholder={placeholder}\r\n                    startIcon={startIcon}\r\n                    size={size}\r\n                    fontSize={fontSize}\r\n                    hasError={hasError}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    aria-invalid={hasError || undefined}\r\n                />\r\n                <Select.Content listboxAriaLabel={listboxAriaLabel}>\r\n                    <Select.List>\r\n                        {options.map((option, index) => {\r\n                            if (option.type === 'separator') {\r\n                                return <Select.Separator key={`sep-${index}`} />\r\n                            }\r\n\r\n                            if (option.type === 'group') {\r\n                                return (\r\n                                    <Select.Group key={`group-${option.label}-${index}`}>\r\n                                        <Select.Label>{option.label}</Select.Label>\r\n                                        {option.options.map((item) => (\r\n                                            <Select.Item\r\n                                                key={item.value}\r\n                                                value={item.value}\r\n                                                disabled={item.disabled}\r\n                                                label={item.label}\r\n                                            />\r\n                                        ))}\r\n                                    </Select.Group>\r\n                                )\r\n                            }\r\n\r\n                            return (\r\n                                <Select.Item\r\n                                    key={option.value}\r\n                                    value={option.value}\r\n                                    disabled={option.disabled}\r\n                                    label={option.label}\r\n                                />\r\n                            )\r\n                        })}\r\n                    </Select.List>\r\n                </Select.Content>\r\n            </Select>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSelectField.displayName = 'SelectField'\r\n\r\nexport default SelectField\r\n"],"names":["SelectField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","props","triggerId","helperId","hasError","selectedValue","handleValueChange","useSelectField","items","useMemo","flattenItems","handleSelectValueChange","useCallback","v","jsxs","Flex","jsx","FormLabel","Select","option","index","item","HelperText"],"mappings":"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"}

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit112.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit104.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
 //# sourceMappingURL=SelectItem.css.cjs.map

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit112.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit104.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 var r = { root: "_64wk5i0", indicator: "_64wk5i1" };
 export {

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

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

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit110.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit102.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"});require('../../../../../../ui-kit111.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={root:"_1g2ch1s0"};exports.SELECT_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.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 @@
-import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit105.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";require('../../../../../ui-kit79.css');require('../../../../../ui-kit81.css');require('../../../../../ui-kit72.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),j=require("react"),R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),N=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 B=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"),C=require("../../../../../utils/cn.cjs"),D=require("./hooks/useSelectTrigger.hook.cjs"),F=require("../../../../../theme/contract.css.cjs"),n=j.memo(({className:i,placeholder:t,startIcon:r,size:o="md",fontSize:u="md",hasError:l=!1,width:q,children:a,onMouseDown:S,onFocus:d,onBlur:g,style:m,...T})=>{const{handleMouseDown:x,handleFocus:h,handleBlur:E,mergedStyle:_}=D({width:q,style:m,onMouseDown:S,onFocus:d,onBlur:g});return e.jsxs(c.Select.Trigger,{...T,className:C.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:l,hasStartIcon:!!r}),i),style:{fontSize:F.vars.fontSize[u],..._},onMouseDown:x,onFocus:h,onBlur:E,children:[r&&e.jsx(B,{icon:r,size:o}),a??e.jsx(c.Select.Value,{placeholder:t}),e.jsx(N,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(R,{icon:I,size:"md",color:"mutedForeground"})})]})});n.displayName="Select.Trigger";module.exports=n;
+"use strict";require('../../../../../ui-kit74.css');require('../../../../../ui-kit82.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),j=require("react"),R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const I=require("../../../../../resources/asset/ChevronDownIcon.svg.cjs"),N=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const B=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),C=require("../../../../../utils/cn.cjs"),D=require("./hooks/useSelectTrigger.hook.cjs"),F=require("../../../../../theme/contract.css.cjs"),n=j.memo(({className:i,placeholder:t,startIcon:r,size:o="md",fontSize:u="md",hasError:l=!1,width:q,children:a,onMouseDown:S,onFocus:d,onBlur:g,style:m,...T})=>{const{handleMouseDown:x,handleFocus:h,handleBlur:E,mergedStyle:_}=D({width:q,style:m,onMouseDown:S,onFocus:d,onBlur:g});return e.jsxs(c.Select.Trigger,{...T,className:C.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:l,hasStartIcon:!!r}),i),style:{fontSize:F.vars.fontSize[u],..._},onMouseDown:x,onFocus:h,onBlur:E,children:[r&&e.jsx(B,{icon:r,size:o}),a??e.jsx(c.Select.Value,{placeholder:t}),e.jsx(N,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(R,{icon:I,size:"md",color:"mutedForeground"})})]})});n.displayName="Select.Trigger";module.exports=n;
 //# sourceMappingURL=SelectTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.cjs","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":"+wCAwBMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,WAAAC,EAAY,YAAAC,CAAA,EAC9CC,EAAiB,CACb,MAAAX,EACA,MAAAK,EACA,YAAAH,EACA,QAAAC,EACA,OAAAC,CAAA,CACH,EAEL,OACIQ,EAAAA,KAACC,EAAAA,OAAW,QAAX,CACI,GAAGP,EACJ,UAAWQ,EAAAA,GACPC,EAAAA,sBAAsB,OAAO,CACzB,KAAAlB,EACA,SAAAE,EACA,aAAc,EAAQH,CAAS,CAClC,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUsB,EAAAA,KAAK,SAASlB,CAAQ,EAAG,GAAGY,CAAA,EAC/C,YAAaH,EACb,QAASC,EACT,OAAQC,EAEP,SAAA,CAAAb,GACGqB,EAAAA,IAACC,EAAA,CACG,KAAMtB,EACN,KAAAC,CAAA,CAAA,EAGPI,GAAYgB,EAAAA,IAACJ,EAAAA,OAAW,MAAX,CAAiB,YAAAlB,CAAA,CAA0B,EACzDsB,EAAAA,IAACE,EAAA,CAAI,UAAWC,EAAAA,wBACZ,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,KAAM,KACN,MAAO,iBAAA,CAAA,CACX,CACJ,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED9B,EAAc,YAAc"}
+{"version":3,"file":"SelectTrigger.cjs","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":"ylCAwBMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,WAAAC,EAAY,YAAAC,CAAA,EAC9CC,EAAiB,CACb,MAAAX,EACA,MAAAK,EACA,YAAAH,EACA,QAAAC,EACA,OAAAC,CAAA,CACH,EAEL,OACIQ,EAAAA,KAACC,EAAAA,OAAW,QAAX,CACI,GAAGP,EACJ,UAAWQ,EAAAA,GACPC,EAAAA,sBAAsB,OAAO,CACzB,KAAAlB,EACA,SAAAE,EACA,aAAc,EAAQH,CAAS,CAClC,EACDF,CAAA,EAEJ,MAAO,CAAE,SAAUsB,EAAAA,KAAK,SAASlB,CAAQ,EAAG,GAAGY,CAAA,EAC/C,YAAaH,EACb,QAASC,EACT,OAAQC,EAEP,SAAA,CAAAb,GACGqB,EAAAA,IAACC,EAAA,CACG,KAAMtB,EACN,KAAAC,CAAA,CAAA,EAGPI,GAAYgB,EAAAA,IAACJ,EAAAA,OAAW,MAAX,CAAiB,YAAAlB,CAAA,CAA0B,EACzDsB,EAAAA,IAACE,EAAA,CAAI,UAAWC,EAAAA,wBACZ,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,KAAM,KACN,MAAO,iBAAA,CAAA,CACX,CACJ,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED9B,EAAc,YAAc"}

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

@@ -6,11 +6,9 @@ import "../../../../foundation/icon/styles/Icon.css.js";
 import N from "../../../../../resources/asset/ChevronDownIcon.svg.js";
 import _ from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
-import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit79.css';import '../../../../../ui-kit81.css';import '../../../../../ui-kit72.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
-/* empty css                                                   */
-/* empty css                                                                                       */
 import B from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+import '../../../../../ui-kit74.css';import '../../../../../ui-kit82.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                                   */
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
@@ -24,8 +22,8 @@ const v = x(({
   startIcon: r,
   size: e = "md",
   fontSize: n = "md",
-  hasError: p = !1,
-  width: l,
+  hasError: l = !1,
+  width: p,
   children: c,
   onMouseDown: s,
   onFocus: a,
@@ -34,7 +32,7 @@ const v = x(({
   ...S
 }) => {
   const { handleMouseDown: u, handleFocus: g, handleBlur: T, mergedStyle: E } = G({
-    width: l,
+    width: p,
     style: d,
     onMouseDown: s,
     onFocus: a,
@@ -47,7 +45,7 @@ const v = x(({
       className: F(
         D.recipe({
           size: e,
-          hasError: p,
+          hasError: l,
           hasStartIcon: !!r
         }),
         t

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,YAAAC,GAAY,aAAAC,EAAA,IAC9CC,EAAiB;AAAA,IACb,OAAAX;AAAA,IACA,OAAAK;AAAA,IACA,aAAAH;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,CACH;AAEL,SACI,gBAAAQ;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACI,GAAGP;AAAA,MACJ,WAAWQ;AAAA,QACPC,EAAsB,OAAO;AAAA,UACzB,MAAAlB;AAAA,UACA,UAAAE;AAAA,UACA,cAAc,EAAQH;AAAA,QAAS,CAClC;AAAA,QACDF;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,UAAUsB,EAAK,SAASlB,CAAQ,GAAG,GAAGY,EAAA;AAAA,MAC/C,aAAaH;AAAA,MACb,SAASC;AAAA,MACT,QAAQC;AAAA,MAEP,UAAA;AAAA,QAAAb,KACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMtB;AAAA,YACN,MAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPI,KAAY,gBAAAgB,EAACJ,EAAW,OAAX,EAAiB,aAAAlB,EAAA,CAA0B;AAAA,QACzD,gBAAAsB,EAACE,GAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QAAA,EACX,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED9B,EAAc,cAAc;"}
+{"version":3,"file":"SelectTrigger.js","sources":["../../../../../../src/components/forms/select/components/select-trigger/SelectTrigger.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { type CSSProperties, memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport { Box } from '@components/layout/box'\r\nimport { TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport {\r\n    SELECT_TRIGGER_STYLES,\r\n    SELECT_TRIGGER_END_ICON,\r\n} from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { SelectTriggerProps } from '@components/forms/select/components/select-trigger/types/SelectTrigger.props.ts'\r\nimport useSelectTrigger from '@components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n  * The trigger button that opens the listbox.\r\n  *\r\n  * Looks exactly like a TextField input: same height, padding, border, focus\r\n  * ring and disabled state. A chevron icon is rendered in the end-action slot\r\n  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,\r\n  * `placeholder`, `hasError` and `width`.\r\n  */\r\nconst SelectTrigger: FC<SelectTriggerProps> = memo(({\r\n    className,\r\n    placeholder,\r\n    startIcon,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    hasError = false,\r\n    width,\r\n    children,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const { handleMouseDown, handleFocus, handleBlur, mergedStyle } =\r\n        useSelectTrigger({\r\n            width,\r\n            style: style as CSSProperties | undefined,\r\n            onMouseDown,\r\n            onFocus,\r\n            onBlur,\r\n        })\r\n\r\n    return (\r\n        <BaseSelect.Trigger\r\n            {...props}\r\n            className={cn(\r\n                SELECT_TRIGGER_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: Boolean(startIcon),\r\n                }),\r\n                className,\r\n            )}\r\n            style={{ fontSize: vars.fontSize[fontSize], ...mergedStyle }}\r\n            onMouseDown={handleMouseDown}\r\n            onFocus={handleFocus}\r\n            onBlur={handleBlur}\r\n        >\r\n            {startIcon && (\r\n                <TextFieldStartIcon\r\n                    icon={startIcon}\r\n                    size={size}\r\n                />\r\n            )}\r\n            {children ?? <BaseSelect.Value placeholder={placeholder} />}\r\n            <Box className={SELECT_TRIGGER_END_ICON}>\r\n                <Icon\r\n                    icon={ChevronDownIcon}\r\n                    size={'md'}\r\n                    color={'mutedForeground'}\r\n                />\r\n            </Box>\r\n        </BaseSelect.Trigger>\r\n    )\r\n})\r\n\r\nSelectTrigger.displayName = 'Select.Trigger'\r\n\r\nexport default SelectTrigger\r\n"],"names":["SelectTrigger","memo","className","placeholder","startIcon","size","fontSize","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","vars","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,YAAAC,GAAY,aAAAC,EAAA,IAC9CC,EAAiB;AAAA,IACb,OAAAX;AAAA,IACA,OAAAK;AAAA,IACA,aAAAH;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,CACH;AAEL,SACI,gBAAAQ;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACI,GAAGP;AAAA,MACJ,WAAWQ;AAAA,QACPC,EAAsB,OAAO;AAAA,UACzB,MAAAlB;AAAA,UACA,UAAAE;AAAA,UACA,cAAc,EAAQH;AAAA,QAAS,CAClC;AAAA,QACDF;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,UAAUsB,EAAK,SAASlB,CAAQ,GAAG,GAAGY,EAAA;AAAA,MAC/C,aAAaH;AAAA,MACb,SAASC;AAAA,MACT,QAAQC;AAAA,MAEP,UAAA;AAAA,QAAAb,KACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMtB;AAAA,YACN,MAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPI,KAAY,gBAAAgB,EAACJ,EAAW,OAAX,EAAiB,aAAAlB,EAAA,CAA0B;AAAA,QACzD,gBAAAsB,EAACE,GAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QAAA,EACX,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED9B,EAAc,cAAc;"}

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"});require('../../../../../../ui-kit109.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.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 @@
-import '../../../../../../ui-kit109.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit106.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"});require('../../../../ui-kit58.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={placeholder:"f53dgk0"};exports.SELECT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit53.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 @@
-import '../../../../ui-kit58.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit53.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var p = { placeholder: "f53dgk0" };
 export {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit121.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"tjesq90",label:"tjesq91",value:"tjesq92"};exports.SLIDER_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.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.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit121.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit120.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var o = { root: "tjesq90", label: "tjesq91", value: "tjesq92" };
 export {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit136.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit119.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.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit136.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit119.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: [] }) };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit54.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1exybeb0",helper:"_1exybeb1",error:"_1exybeb2"};exports.SLIDER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.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.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit54.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit23.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var b = { root: "_1exybeb0", helper: "_1exybeb1", error: "_1exybeb2" };
 export {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/forms/text-area/TextArea.tsx"],"sourcesContent":["import {\r\n    TextAreaLabel,\r\n    TextAreaStartIcon,\r\n    TextAreaEndAction,\r\n} from '@components/forms/text-area/components/index.ts'\r\nimport { TEXT_AREA_STYLES } from '@components/forms/text-area/styles/TextArea.css.ts'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useAutoResizeTextArea } from '@components/forms/text-area/hooks/useAutoResizeTextArea.hook.tsx'\r\nimport { useTextArea } from '@components/forms/text-area/hooks/useTextArea.hook.tsx'\r\nimport type { TextAreaCompound } from '@components/forms/text-area/types'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, useCallback, useRef } from 'react'\r\nimport type { TextAreaProps } from '@/components'\r\n\r\n/**\r\n  * A styled textarea built with a native `<textarea>` and `<label>`.\r\n  *\r\n  * - `startIcon` - Iconify icon name rendered on the left.\r\n  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.\r\n  * - `width` - overrides the default `100%` wrapper width.\r\n  * - `rows` - sets the native number of visible text lines.\r\n  * - `minRows` / `maxRows` - enables auto-resize; the textarea grows with content\r\n  *   until it reaches `maxRows`, then stops expanding and shows a scrollbar.\r\n  *   Manual resizing is always disabled.\r\n  *\r\n  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the\r\n  * textarea shows the primary border without the ring halo, detected via `onMouseDown`\r\n  * and a `data-mouse-focus` attribute.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <TextArea label=\"Description\" placeholder=\"Tell us more…\" rows={4} />\r\n  * <TextArea label=\"Comment\" startIcon=\"lucide:message-square\" minRows={2} maxRows={6} />\r\n  * <TextArea label=\"Bio\" endAction={<IconButton icon=\"lucide:x\" aria-label=\"Clear\" variant=\"ghost\" color=\"primary\" />} />\r\n  * <TextArea label=\"Notes\" width=\"24rem\" />\r\n  * ```\r\n  */\r\nconst TextArea = memo<TextAreaProps>((props) => {\r\n    const {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n    } = useTextArea(props)\r\n\r\n    const {\r\n        disabled,\r\n        startIcon,\r\n        className,\r\n        width,\r\n        error,\r\n        helperText,\r\n        label,\r\n        endAction,\r\n        size: sizeProp,\r\n        fontSize: fontSizeProp = 'md',\r\n        placeholder,\r\n        value,\r\n        onChange,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        ref: forwardedRef,\r\n        style: textareaStyle,\r\n        rows,\r\n        minRows,\r\n        maxRows,\r\n        ...textareaProps\r\n    } = props\r\n    const size = sizeProp ?? 'md'\r\n\r\n    const innerRef = useRef<HTMLTextAreaElement>(null)\r\n    const setRef = useCallback(\r\n        (node: HTMLTextAreaElement | null) => {\r\n            innerRef.current = node\r\n            if (typeof forwardedRef === 'function') {\r\n                forwardedRef(node)\r\n            } else if (forwardedRef) {\r\n                forwardedRef.current = node\r\n            }\r\n        },\r\n        [forwardedRef],\r\n    )\r\n\r\n    const { isEnabled: autoResizeEnabled, resize } = useAutoResizeTextArea(\r\n        innerRef,\r\n        {\r\n            minRows: minRows ?? rows,\r\n            maxRows,\r\n            value,\r\n        },\r\n    )\r\n\r\n    const handleChange = useCallback(\r\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n            onChange?.(e)\r\n            resize()\r\n        },\r\n        [onChange, resize],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextAreaLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSizeProp}\r\n                >\r\n                    {label}\r\n                </TextAreaLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextAreaStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <textarea\r\n                    ref={setRef}\r\n                    id={inputId}\r\n                    disabled={disabled}\r\n                    aria-invalid={hasError || undefined}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    onMouseDown={handleMouseDown}\r\n                    onFocus={handleFocus}\r\n                    onBlur={handleBlur}\r\n                    className={cn(\r\n                        TEXT_AREA_STYLES.recipe({\r\n                            size,\r\n                            hasError,\r\n                            hasStartIcon,\r\n                            hasEndAction,\r\n                        }),\r\n                        className,\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    value={value}\r\n                    onChange={handleChange}\r\n                    onKeyDown={onKeyDown}\r\n                    onKeyUp={onKeyUp}\r\n                    rows={autoResizeEnabled ? (minRows ?? rows) : rows}\r\n                    {...textareaProps}\r\n                    style={{ fontSize: vars.fontSize[fontSizeProp], ...textareaStyle }}\r\n                />\r\n\r\n                {hasEndAction && <TextAreaEndAction>{endAction}</TextAreaEndAction>}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n}) as unknown as TextAreaCompound\r\n\r\nTextArea.displayName = 'TextArea'\r\nTextArea.Label = TextAreaLabel\r\nTextArea.StartIcon = TextAreaStartIcon\r\nTextArea.EndAction = TextAreaEndAction\r\n\r\nexport default TextArea\r\n"],"names":["TextArea","memo","props","inputId","helperId","hasError","hasStartIcon","hasEndAction","handleMouseDown","handleFocus","handleBlur","useTextArea","disabled","startIcon","className","width","error","helperText","label","endAction","sizeProp","fontSizeProp","placeholder","value","onChange","onKeyDown","onKeyUp","forwardedRef","textareaStyle","rows","minRows","maxRows","textareaProps","size","innerRef","useRef","setRef","useCallback","node","autoResizeEnabled","resize","useAutoResizeTextArea","handleChange","e","jsxs","Flex","jsx","TextAreaLabel","TextAreaStartIcon","cn","TEXT_AREA_STYLES","vars","TextAreaEndAction","HelperText"],"mappings":"qhCAuCMA,EAAWC,EAAAA,KAAqBC,GAAU,CAC5C,KAAM,CACF,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,WAAAC,CAAA,EACAC,EAAAA,YAAYT,CAAK,EAEf,CACF,SAAAU,EACA,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAMC,EACN,SAAUC,EAAe,KACzB,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAKC,EACL,MAAOC,EACP,KAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EACH9B,EACE+B,EAAOb,GAAY,KAEnBc,EAAWC,EAAAA,OAA4B,IAAI,EAC3CC,EAASC,EAAAA,YACVC,GAAqC,CAClCJ,EAAS,QAAUI,EACf,OAAOX,GAAiB,WACxBA,EAAaW,CAAI,EACVX,IACPA,EAAa,QAAUW,EAE/B,EACA,CAACX,CAAY,CAAA,EAGX,CAAE,UAAWY,EAAmB,OAAAC,CAAA,EAAWC,EAAAA,sBAC7CP,EACA,CACI,QAASJ,GAAWD,EACpB,QAAAE,EACA,MAAAR,CAAA,CACJ,EAGEmB,EAAeL,EAAAA,YAChBM,GAA8C,CAC3CnB,IAAWmB,CAAC,EACZH,EAAA,CACJ,EACA,CAAChB,EAAUgB,CAAM,CAAA,EAGrB,OACII,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO9B,IAAU,OAAY,CAAE,MAAAA,GAAU,OAExC,SAAA,CAAAG,GACG4B,EAAAA,IAACC,EAAA,CACG,QAAS5C,EACT,SAAAS,EACA,SAAUS,EAET,SAAAH,CAAA,CAAA,EAIT0B,EAAAA,KAACC,EAAA,CACG,SAAU,WACV,MAAO,OACP,IAAK,OAEJ,SAAA,CAAAhC,GACGiC,EAAAA,IAACE,EAAA,CACG,KAAMnC,EACN,KAAAoB,CAAA,CAAA,EAIRa,EAAAA,IAAC,WAAA,CACG,IAAKV,EACL,GAAIjC,EACJ,SAAAS,EACA,eAAcP,GAAY,OAC1B,mBAAkBW,GAASC,EAAab,EAAW,OACnD,YAAaI,EACb,QAASC,EACT,OAAQC,EACR,UAAWuC,EAAAA,GACPC,EAAAA,iBAAiB,OAAO,CACpB,KAAAjB,EACA,SAAA5B,EACA,aAAAC,EACA,aAAAC,CAAA,CACH,EACDO,CAAA,EAEJ,YAAAQ,EACA,MAAAC,EACA,SAAUmB,EACV,UAAAjB,EACA,QAAAC,EACA,KAAMa,EAAqBT,GAAWD,EAAQA,EAC7C,GAAGG,EACJ,MAAO,CAAE,SAAUmB,EAAAA,KAAK,SAAS9B,CAAY,EAAG,GAAGO,CAAA,CAAc,CAAA,EAGpErB,GAAgBuC,EAAAA,IAACM,EAAA,CAAmB,SAAAjC,CAAA,CAAU,CAAA,CAAA,CAAA,GAGjDH,GAASC,IACP6B,EAAAA,IAACO,EAAA,CACG,GAAIjD,EACJ,SAAAC,EAEC,SAAAW,GAASC,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDjB,EAAS,YAAc,WACvBA,EAAS,MAAQ+C,EACjB/C,EAAS,UAAYgD,EACrBhD,EAAS,UAAYoD"}
+{"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/forms/text-area/TextArea.tsx"],"sourcesContent":["import {\r\n    TextAreaStartIcon,\r\n    TextAreaEndAction,\r\n} from '@components/forms/text-area/components/index.ts'\r\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport { TEXT_AREA_STYLES } from '@components/forms/text-area/styles/TextArea.css.ts'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useAutoResizeTextArea } from '@components/forms/text-area/hooks/useAutoResizeTextArea.hook.tsx'\r\nimport { useTextArea } from '@components/forms/text-area/hooks/useTextArea.hook.tsx'\r\nimport type { TextAreaCompound } from '@components/forms/text-area/types'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { memo, useCallback, useRef } from 'react'\r\nimport type { TextAreaProps } from '@/components'\r\n\r\n/**\r\n  * A styled textarea built with a native `<textarea>` and `<label>`.\r\n  *\r\n  * - `startIcon` - Iconify icon name rendered on the left.\r\n  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.\r\n  * - `width` - overrides the default `100%` wrapper width.\r\n  * - `rows` - sets the native number of visible text lines.\r\n  * - `minRows` / `maxRows` - enables auto-resize; the textarea grows with content\r\n  *   until it reaches `maxRows`, then stops expanding and shows a scrollbar.\r\n  *   Manual resizing is always disabled.\r\n  *\r\n  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the\r\n  * textarea shows the primary border without the ring halo, detected via `onMouseDown`\r\n  * and a `data-mouse-focus` attribute.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <TextArea label=\"Description\" placeholder=\"Tell us more…\" rows={4} />\r\n  * <TextArea label=\"Comment\" startIcon=\"lucide:message-square\" minRows={2} maxRows={6} />\r\n  * <TextArea label=\"Bio\" endAction={<IconButton icon=\"lucide:x\" aria-label=\"Clear\" variant=\"ghost\" color=\"primary\" />} />\r\n  * <TextArea label=\"Notes\" width=\"24rem\" />\r\n  * ```\r\n  */\r\nconst TextArea = memo<TextAreaProps>((props) => {\r\n    const {\r\n        inputId,\r\n        helperId,\r\n        hasError,\r\n        hasStartIcon,\r\n        hasEndAction,\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n    } = useTextArea(props)\r\n\r\n    const {\r\n        disabled,\r\n        startIcon,\r\n        className,\r\n        width,\r\n        error,\r\n        helperText,\r\n        label,\r\n        endAction,\r\n        size: sizeProp,\r\n        fontSize: fontSizeProp = 'md',\r\n        placeholder,\r\n        value,\r\n        onChange,\r\n        onKeyDown,\r\n        onKeyUp,\r\n        ref: forwardedRef,\r\n        style: textareaStyle,\r\n        rows,\r\n        minRows,\r\n        maxRows,\r\n        ...textareaProps\r\n    } = props\r\n    const size = sizeProp ?? 'md'\r\n\r\n    const innerRef = useRef<HTMLTextAreaElement>(null)\r\n    const setRef = useCallback(\r\n        (node: HTMLTextAreaElement | null) => {\r\n            innerRef.current = node\r\n            if (typeof forwardedRef === 'function') {\r\n                forwardedRef(node)\r\n            } else if (forwardedRef) {\r\n                forwardedRef.current = node\r\n            }\r\n        },\r\n        [forwardedRef],\r\n    )\r\n\r\n    const { isEnabled: autoResizeEnabled, resize } = useAutoResizeTextArea(\r\n        innerRef,\r\n        {\r\n            minRows: minRows ?? rows,\r\n            maxRows,\r\n            value,\r\n        },\r\n    )\r\n\r\n    const handleChange = useCallback(\r\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n            onChange?.(e)\r\n            resize()\r\n        },\r\n        [onChange, resize],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <FormLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSizeProp}\r\n                >\r\n                    {label}\r\n                </FormLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextAreaStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <textarea\r\n                    ref={setRef}\r\n                    id={inputId}\r\n                    disabled={disabled}\r\n                    aria-invalid={hasError || undefined}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    onMouseDown={handleMouseDown}\r\n                    onFocus={handleFocus}\r\n                    onBlur={handleBlur}\r\n                    className={cn(\r\n                        TEXT_AREA_STYLES.recipe({\r\n                            size,\r\n                            hasError,\r\n                            hasStartIcon,\r\n                            hasEndAction,\r\n                        }),\r\n                        className,\r\n                    )}\r\n                    placeholder={placeholder}\r\n                    value={value}\r\n                    onChange={handleChange}\r\n                    onKeyDown={onKeyDown}\r\n                    onKeyUp={onKeyUp}\r\n                    rows={autoResizeEnabled ? (minRows ?? rows) : rows}\r\n                    {...textareaProps}\r\n                    style={{ fontSize: vars.fontSize[fontSizeProp], ...textareaStyle }}\r\n                />\r\n\r\n                {hasEndAction && <TextAreaEndAction>{endAction}</TextAreaEndAction>}\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n}) as unknown as TextAreaCompound\r\n\r\nTextArea.displayName = 'TextArea'\r\nTextArea.Label = FormLabel\r\nTextArea.StartIcon = TextAreaStartIcon\r\nTextArea.EndAction = TextAreaEndAction\r\n\r\nexport default TextArea\r\n"],"names":["TextArea","memo","props","inputId","helperId","hasError","hasStartIcon","hasEndAction","handleMouseDown","handleFocus","handleBlur","useTextArea","disabled","startIcon","className","width","error","helperText","label","endAction","sizeProp","fontSizeProp","placeholder","value","onChange","onKeyDown","onKeyUp","forwardedRef","textareaStyle","rows","minRows","maxRows","textareaProps","size","innerRef","useRef","setRef","useCallback","node","autoResizeEnabled","resize","useAutoResizeTextArea","handleChange","e","jsxs","Flex","jsx","FormLabel","TextAreaStartIcon","cn","TEXT_AREA_STYLES","vars","TextAreaEndAction","HelperText"],"mappings":"27BAuCMA,EAAWC,EAAAA,KAAqBC,GAAU,CAC5C,KAAM,CACF,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,WAAAC,CAAA,EACAC,EAAAA,YAAYT,CAAK,EAEf,CACF,SAAAU,EACA,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAMC,EACN,SAAUC,EAAe,KACzB,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAKC,EACL,MAAOC,EACP,KAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EACH9B,EACE+B,EAAOb,GAAY,KAEnBc,EAAWC,EAAAA,OAA4B,IAAI,EAC3CC,EAASC,EAAAA,YACVC,GAAqC,CAClCJ,EAAS,QAAUI,EACf,OAAOX,GAAiB,WACxBA,EAAaW,CAAI,EACVX,IACPA,EAAa,QAAUW,EAE/B,EACA,CAACX,CAAY,CAAA,EAGX,CAAE,UAAWY,EAAmB,OAAAC,CAAA,EAAWC,EAAAA,sBAC7CP,EACA,CACI,QAASJ,GAAWD,EACpB,QAAAE,EACA,MAAAR,CAAA,CACJ,EAGEmB,EAAeL,EAAAA,YAChBM,GAA8C,CAC3CnB,IAAWmB,CAAC,EACZH,EAAA,CACJ,EACA,CAAChB,EAAUgB,CAAM,CAAA,EAGrB,OACII,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO9B,IAAU,OAAY,CAAE,MAAAA,GAAU,OAExC,SAAA,CAAAG,GACG4B,EAAAA,IAACC,EAAA,CACG,QAAS5C,EACT,SAAAS,EACA,SAAUS,EAET,SAAAH,CAAA,CAAA,EAIT0B,EAAAA,KAACC,EAAA,CACG,SAAU,WACV,MAAO,OACP,IAAK,OAEJ,SAAA,CAAAhC,GACGiC,EAAAA,IAACE,EAAA,CACG,KAAMnC,EACN,KAAAoB,CAAA,CAAA,EAIRa,EAAAA,IAAC,WAAA,CACG,IAAKV,EACL,GAAIjC,EACJ,SAAAS,EACA,eAAcP,GAAY,OAC1B,mBAAkBW,GAASC,EAAab,EAAW,OACnD,YAAaI,EACb,QAASC,EACT,OAAQC,EACR,UAAWuC,EAAAA,GACPC,EAAAA,iBAAiB,OAAO,CACpB,KAAAjB,EACA,SAAA5B,EACA,aAAAC,EACA,aAAAC,CAAA,CACH,EACDO,CAAA,EAEJ,YAAAQ,EACA,MAAAC,EACA,SAAUmB,EACV,UAAAjB,EACA,QAAAC,EACA,KAAMa,EAAqBT,GAAWD,EAAQA,EAC7C,GAAGG,EACJ,MAAO,CAAE,SAAUmB,EAAAA,KAAK,SAAS9B,CAAY,EAAG,GAAGO,CAAA,CAAc,CAAA,EAGpErB,GAAgBuC,EAAAA,IAACM,EAAA,CAAmB,SAAAjC,CAAA,CAAU,CAAA,CAAA,CAAA,GAGjDH,GAASC,IACP6B,EAAAA,IAACO,EAAA,CACG,GAAIjD,EACJ,SAAAC,EAEC,SAAAW,GAASC,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDjB,EAAS,YAAc,WACvBA,EAAS,MAAQ+C,EACjB/C,EAAS,UAAYgD,EACrBhD,EAAS,UAAYoD"}