@choco-vanille/ui 1.17.0 → 1.17.2

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

@@ -1,13 +1,13 @@
 import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import { memo as N, useMemo as q, useCallback as w } from "react";
-import A from "../../../../layout/flex/Flex.js";
+import { memo as q, useMemo as w, useCallback as A } from "react";
+import B from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import B from "../../../_shared/components/form-label/FormLabel.js";
-import J from "../../../_shared/components/helper-text/HelperText.js";
+import J from "../../../_shared/components/form-label/FormLabel.js";
+import K from "../../../_shared/components/helper-text/HelperText.js";
 import a from "../../Select.js";
-import K from "./hooks/useSelectField.hook.js";
-import { flattenItems as O } from "./utils/flattenItems.utils.js";
-const P = N(({
+import O from "./hooks/useSelectField.hook.js";
+import { flattenItems as P } from "./utils/flattenItems.utils.js";
+const Q = q(({
   label: i,
   helperText: t,
   error: r,
@@ -19,41 +19,42 @@ const P = N(({
   disabled: o,
   required: C,
   listboxAriaLabel: F,
+  collisionAvoidance: S,
   options: m,
-  className: S,
-  value: x,
-  defaultValue: V,
-  onValueChange: $,
-  open: L,
-  defaultOpen: j,
-  onOpenChange: k,
-  name: D,
-  ...E
+  className: x,
+  value: V,
+  defaultValue: $,
+  onValueChange: L,
+  open: j,
+  defaultOpen: k,
+  onOpenChange: D,
+  name: E,
+  ...G
 }) => {
-  const { triggerId: b, helperId: f, hasError: s, selectedValue: G, handleValueChange: h } = K({
+  const { triggerId: b, helperId: f, hasError: s, selectedValue: H, handleValueChange: h } = O({
     error: r,
-    value: x,
-    defaultValue: V,
-    onValueChange: $
-  }), H = q(() => O(m), [m]), p = i ? `${b}-label` : void 0, M = w(
+    value: V,
+    defaultValue: $,
+    onValueChange: L
+  }), M = w(() => P(m), [m]), p = i ? `${b}-label` : void 0, N = A(
     (e) => {
       e !== null && h(e);
     },
     [h]
   );
   return /* @__PURE__ */ u(
-    A,
+    B,
     {
       flexDirection: "column",
       gap: "xs",
       width: "100%",
       alignItems: "start",
       style: n !== void 0 ? { width: n } : void 0,
-      className: S,
-      ...E,
+      className: x,
+      ...G,
       children: [
         i && /* @__PURE__ */ l(
-          B,
+          J,
           {
             id: p,
             disabled: o,
@@ -64,15 +65,15 @@ const P = N(({
         /* @__PURE__ */ u(
           a,
           {
-            value: G ?? null,
-            onValueChange: M,
+            value: H ?? null,
+            onValueChange: N,
             disabled: o,
             required: C,
-            open: L,
-            defaultOpen: j,
-            onOpenChange: k,
-            name: D,
-            items: H,
+            open: j,
+            defaultOpen: k,
+            onOpenChange: D,
+            name: E,
+            items: M,
             children: [
               /* @__PURE__ */ l(
                 a.Trigger,
@@ -88,31 +89,38 @@ const P = N(({
                   "aria-invalid": s || void 0
                 }
               ),
-              /* @__PURE__ */ l(a.Content, { listboxAriaLabel: F, children: /* @__PURE__ */ l(a.List, { children: m.map((e, v) => e.type === "separator" ? /* @__PURE__ */ l(a.Separator, {}, `sep-${v}`) : e.type === "group" ? /* @__PURE__ */ u(a.Group, { children: [
-                /* @__PURE__ */ l(a.Label, { children: e.label }),
-                e.options.map((d) => /* @__PURE__ */ l(
-                  a.Item,
-                  {
-                    value: d.value,
-                    disabled: d.disabled,
-                    label: d.label
-                  },
-                  d.value
-                ))
-              ] }, `group-${e.label}-${v}`) : /* @__PURE__ */ l(
-                a.Item,
+              /* @__PURE__ */ l(
+                a.Content,
                 {
-                  value: e.value,
-                  disabled: e.disabled,
-                  label: e.label
-                },
-                e.value
-              )) }) })
+                  listboxAriaLabel: F,
+                  collisionAvoidance: S,
+                  children: /* @__PURE__ */ l(a.List, { children: m.map((e, v) => e.type === "separator" ? /* @__PURE__ */ l(a.Separator, {}, `sep-${v}`) : e.type === "group" ? /* @__PURE__ */ u(a.Group, { children: [
+                    /* @__PURE__ */ l(a.Label, { children: e.label }),
+                    e.options.map((d) => /* @__PURE__ */ l(
+                      a.Item,
+                      {
+                        value: d.value,
+                        disabled: d.disabled,
+                        label: d.label
+                      },
+                      d.value
+                    ))
+                  ] }, `group-${e.label}-${v}`) : /* @__PURE__ */ l(
+                    a.Item,
+                    {
+                      value: e.value,
+                      disabled: e.disabled,
+                      label: e.label
+                    },
+                    e.value
+                  )) })
+                }
+              )
             ]
           }
         ),
         (r || t) && /* @__PURE__ */ l(
-          J,
+          K,
           {
             id: f,
             hasError: s,
@@ -123,8 +131,8 @@ const P = N(({
     }
   );
 });
-P.displayName = "SelectField";
+Q.displayName = "SelectField";
 export {
-  P as default
+  Q 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 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    const labelId = label ? `${triggerId}-label` : undefined\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                    id={labelId}\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                    aria-labelledby={labelId}\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","labelId","handleSelectValueChange","useCallback","v","jsxs","Flex","jsx","FormLabel","Select","option","index","item","HelperText"],"mappings":"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"}
+{"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    collisionAvoidance,\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    const labelId = label ? `${triggerId}-label` : undefined\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                    id={labelId}\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                    aria-labelledby={labelId}\r\n                    hasError={hasError}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    aria-invalid={hasError || undefined}\r\n                />\r\n                <Select.Content\r\n                    listboxAriaLabel={listboxAriaLabel}\r\n                    collisionAvoidance={collisionAvoidance}\r\n                >\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","collisionAvoidance","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","props","triggerId","helperId","hasError","selectedValue","handleValueChange","useSelectField","items","useMemo","flattenItems","labelId","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-kit109.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-kit108.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-kit109.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit108.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-kit114.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-kit111.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-kit114.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit111.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-kit112.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-kit112.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-kit56.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"),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;
+"use strict";require('../../../../../ui-kit101.css');require('../../../../../ui-kit99.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.js

@@ -7,7 +7,7 @@ import N from "../../../../../resources/asset/ChevronDownIcon.svg.js";
 import _ from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import B from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
-import '../../../../../ui-kit56.css';import '../../../../../ui-kit35.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit101.css';import '../../../../../ui-kit99.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";

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-kit115.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-kit110.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-kit115.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit110.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-kit52.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-kit62.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-kit52.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit62.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var p = { placeholder: "f53dgk0" };
 export {

package/dist/components/forms/select/types/Select.props.d.ts

@@ -1,3 +1,4 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
 import { IconComponent } from '../../../foundation/icon';
 import { TextFieldSize } from '../../text-field/types/TextField.types.ts';
 import { TypographySize } from '../../../foundation/typography/types/Typography.types.ts';
@@ -48,6 +49,11 @@ export type SelectFieldProps = {
     required?: boolean;
     /** Accessible name for the select listbox popup. */
     listboxAriaLabel?: string;
+    /**
+     * How the listbox popup avoids viewport collisions.
+     * @default { side: 'flip', align: 'none' }
+     */
+    collisionAvoidance?: BaseSelect.Positioner.Props['collisionAvoidance'];
     /** Flat or grouped options. */
     options: SelectOption[];
 };

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

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

@@ -1,6 +1,6 @@
 import { jsxs as R, jsx as r } from "react/jsx-runtime";
 import I from "./components/text-area-start-icon/TextAreaStartIcon.js";
-import '../../../ui-kit92.css';import '../../../ui-kit93.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit104.css';import '../../../ui-kit103.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                            */
 import g from "./components/text-area-end-action/TextAreaEndAction.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"});require('../../../../../../ui-kit92.css');;/* empty css                                       */var e={root:"lf8geo0"};exports.TEXT_AREA_END_ACTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit104.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 @@
-import '../../../../../../ui-kit92.css';/* empty css                                     */
+import '../../../../../../ui-kit104.css';/* empty css                                     */
 var r = { root: "lf8geo0" };
 export {
   r as TEXT_AREA_END_ACTION_STYLES

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"});require('../../../../../../ui-kit93.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.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 @@
-import '../../../../../../ui-kit93.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit103.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"});require('../../../../ui-kit84.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit95.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 @@
-import '../../../../ui-kit84.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit95.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"]] }) };

package/dist/components/forms/text-field/TextField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit56.css');require('../../../ui-kit35.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),X=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../_shared/components/form-label/FormLabel.cjs"),m=require("./components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                */const v=require("./components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                */const Y=require("./styles/TextField.css.cjs"),$=require("../_shared/components/helper-text/HelperText.cjs"),G=require("./constants/index.cjs"),J=require("./hooks/useTextfield.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../resources/asset/EyeIcon.svg.cjs"),V=require("../../../resources/asset/EyeOffIcon.svg.cjs"),W=require("../../../utils/cn.cjs"),Z=require("../../../theme/contract.css.cjs"),T=require("react"),r=T.memo(c=>{const{inputId:o,helperId:d,hasError:n,hasStartIcon:f,hasEndAction:u,handleMouseDown:z,handleFocus:F,handleBlur:E,resolvedType:j,isPassword:g,showPassword:i,setShowPassword:h}=J.useTextField(c),{disabled:p,startIcon:q,className:P,width:x,error:s,helperText:t,label:a,required:y,showRequiredIndicator:A=!0,endAction:_,size:D,fontSize:b="md",placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,ref:R,style:H,type:ee,"aria-labelledby":K,...M}=c,l=D??"md",w=a&&o?`${o}-label`:void 0,O=T.useCallback(()=>h(!i),[h,i]),U=g?e.jsx(X,{icon:i?V:Q,"aria-label":i?"Hide password":"Show password",variant:"ghost",color:"primary",size:G.fieldSizeToActionSize[l],type:"button",tabIndex:-1,onClick:O}):_;return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:x!==void 0?{width:x}:void 0,children:[a&&e.jsx(I,{id:w,disabled:p,required:y&&A,fontSize:b,children:a}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[q&&e.jsx(m,{icon:q,size:l}),e.jsx("input",{ref:R,id:o,type:j,disabled:p,required:y,"aria-labelledby":K??w,"aria-invalid":n||void 0,"aria-describedby":s||t?d:void 0,onMouseDown:z,onFocus:F,onBlur:E,className:W.cn(Y.TEXT_FIELD_STYLES.recipe({size:l,hasError:n,hasStartIcon:f,hasEndAction:u}),P),placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,...M,style:{fontSize:Z.vars.fontSize[b],...H}}),u&&e.jsx(v,{children:U})]}),(s||t)&&e.jsx($,{id:d,hasError:n,children:s??t})]})});r.displayName="TextField";r.Label=I;r.StartIcon=m;r.EndAction=v;module.exports=r;
+"use strict";require('../../../ui-kit101.css');require('../../../ui-kit99.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),X=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../_shared/components/form-label/FormLabel.cjs"),m=require("./components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                */const v=require("./components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                */const Y=require("./styles/TextField.css.cjs"),$=require("../_shared/components/helper-text/HelperText.cjs"),G=require("./constants/index.cjs"),J=require("./hooks/useTextfield.hook.cjs"),S=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const Q=require("../../../resources/asset/EyeIcon.svg.cjs"),V=require("../../../resources/asset/EyeOffIcon.svg.cjs"),W=require("../../../utils/cn.cjs"),Z=require("../../../theme/contract.css.cjs"),T=require("react"),r=T.memo(c=>{const{inputId:o,helperId:d,hasError:n,hasStartIcon:f,hasEndAction:u,handleMouseDown:z,handleFocus:F,handleBlur:E,resolvedType:j,isPassword:g,showPassword:i,setShowPassword:h}=J.useTextField(c),{disabled:p,startIcon:q,className:P,width:x,error:s,helperText:t,label:a,required:y,showRequiredIndicator:A=!0,endAction:_,size:D,fontSize:b="md",placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,ref:R,style:H,type:ee,"aria-labelledby":K,...M}=c,l=D??"md",w=a&&o?`${o}-label`:void 0,O=T.useCallback(()=>h(!i),[h,i]),U=g?e.jsx(X,{icon:i?V:Q,"aria-label":i?"Hide password":"Show password",variant:"ghost",color:"primary",size:G.fieldSizeToActionSize[l],type:"button",tabIndex:-1,onClick:O}):_;return e.jsxs(S,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:x!==void 0?{width:x}:void 0,children:[a&&e.jsx(I,{id:w,disabled:p,required:y&&A,fontSize:b,children:a}),e.jsxs(S,{position:"relative",width:"100%",gap:"none",children:[q&&e.jsx(m,{icon:q,size:l}),e.jsx("input",{ref:R,id:o,type:j,disabled:p,required:y,"aria-labelledby":K??w,"aria-invalid":n||void 0,"aria-describedby":s||t?d:void 0,onMouseDown:z,onFocus:F,onBlur:E,className:W.cn(Y.TEXT_FIELD_STYLES.recipe({size:l,hasError:n,hasStartIcon:f,hasEndAction:u}),P),placeholder:L,value:B,onChange:k,onKeyDown:C,onKeyUp:N,...M,style:{fontSize:Z.vars.fontSize[b],...H}}),u&&e.jsx(v,{children:U})]}),(s||t)&&e.jsx($,{id:d,hasError:n,children:s??t})]})});r.displayName="TextField";r.Label=I;r.StartIcon=m;r.EndAction=v;module.exports=r;
 //# sourceMappingURL=TextField.cjs.map

package/dist/components/forms/text-field/TextField.js

@@ -3,7 +3,7 @@ import X from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
 import x from "../_shared/components/form-label/FormLabel.js";
 import I from "./components/text-field-start-icon/TextFieldStartIcon.js";
-import '../../../ui-kit56.css';import '../../../ui-kit35.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit101.css';import '../../../ui-kit99.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                              */
 import T from "./components/text-field-end-action/TextFieldEndAction.js";

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.cjs

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

package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit56.css';/* empty css                                      */
+import '../../../../../../ui-kit101.css';/* empty css                                      */
 var o = { root: "_14iivnx0" };
 export {
   o as TEXT_FIELD_END_ACTION_STYLES

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.cjs

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

package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js

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

package/dist/components/forms/text-field/styles/TextField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit43.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit92.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1ugc12d0",variantClassNames:{size:{sm:"_1ugc12d1",md:"_1ugc12d2",lg:"_1ugc12d3"},hasError:{true:"_1ugc12d4",false:"_1ugc12d5"},hasStartIcon:{true:"_1ugc12d6",false:"_1ugc12d7"},hasEndAction:{true:"_1ugc12d8",false:"_1ugc12d9"}},defaultVariants:{size:"md",hasError:!1,hasStartIcon:!1,hasEndAction:!1},compoundVariants:[[{size:"sm",hasStartIcon:!0},"_1ugc12da"],[{size:"md",hasStartIcon:!0},"_1ugc12db"],[{size:"lg",hasStartIcon:!0},"_1ugc12dc"],[{size:"sm",hasEndAction:!0},"_1ugc12dd"],[{size:"md",hasEndAction:!0},"_1ugc12de"],[{size:"lg",hasEndAction:!0},"_1ugc12df"]]})};exports.TEXT_FIELD_STYLES=a;
 //# sourceMappingURL=TextField.css.cjs.map

package/dist/components/forms/text-field/styles/TextField.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit43.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit92.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { recipe: a({ defaultClassName: "_1ugc12d0", variantClassNames: { size: { sm: "_1ugc12d1", md: "_1ugc12d2", lg: "_1ugc12d3" }, hasError: { true: "_1ugc12d4", false: "_1ugc12d5" }, hasStartIcon: { true: "_1ugc12d6", false: "_1ugc12d7" }, hasEndAction: { true: "_1ugc12d8", false: "_1ugc12d9" } }, defaultVariants: { size: "md", hasError: !1, hasStartIcon: !1, hasEndAction: !1 }, compoundVariants: [[{ size: "sm", hasStartIcon: !0 }, "_1ugc12da"], [{ size: "md", hasStartIcon: !0 }, "_1ugc12db"], [{ size: "lg", hasStartIcon: !0 }, "_1ugc12dc"], [{ size: "sm", hasEndAction: !0 }, "_1ugc12dd"], [{ size: "md", hasEndAction: !0 }, "_1ugc12de"], [{ size: "lg", hasEndAction: !0 }, "_1ugc12df"]] }) };