@choco-vanille/ui 1.5.0 → 1.5.2

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

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { memo as H, useMemo as M, useCallback as N } from "react";
-import T from "../../../../layout/flex/Flex.js";
+import { memo as M, useMemo as N, useCallback as T } from "react";
+import q from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import q from "../../../_shared/components/helper-text/HelperText.js";
-import w from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit91.css';import '../../../../../ui-kit73.css';import '../../../../../ui-kit90.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import w from "../../../_shared/components/helper-text/HelperText.js";
+import A from "../../../text-field/components/text-field-label/TextFieldLabel.js";
+import '../../../../../ui-kit87.css';import '../../../../../ui-kit85.css';import '../../../../../ui-kit77.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";
@@ -12,86 +12,89 @@ import "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
 import r from "../../Select.js";
-import z from "./hooks/useSelectField.hook.js";
-import { flattenItems as A } from "./utils/flattenItems.utils.js";
-const B = H(({
-  label: o,
+import B from "./hooks/useSelectField.hook.js";
+import { flattenItems as J } from "./utils/flattenItems.utils.js";
+const K = M(({
+  label: u,
   helperText: t,
   error: a,
-  startIcon: b,
-  placeholder: g,
-  size: v = "md",
-  width: u,
-  disabled: c,
-  required: F,
-  listboxAriaLabel: I,
+  startIcon: g,
+  placeholder: v,
+  size: F = "md",
+  fontSize: o = "md",
+  width: c,
+  disabled: n,
+  required: I,
+  listboxAriaLabel: x,
   options: m,
-  className: S,
-  value: x,
-  defaultValue: y,
-  onValueChange: C,
-  open: V,
-  defaultOpen: L,
-  onOpenChange: $,
-  name: j,
-  ...k
+  className: y,
+  value: C,
+  defaultValue: S,
+  onValueChange: V,
+  open: L,
+  defaultOpen: $,
+  onOpenChange: j,
+  name: k,
+  ...D
 }) => {
-  const { triggerId: n, helperId: p, hasError: d, selectedValue: D, handleValueChange: f } = z({
+  const { triggerId: p, helperId: h, hasError: d, selectedValue: E, handleValueChange: b } = B({
     error: a,
-    value: x,
-    defaultValue: y,
-    onValueChange: C
-  }), E = M(() => A(m), [m]), G = N(
+    value: C,
+    defaultValue: S,
+    onValueChange: V
+  }), G = N(() => J(m), [m]), H = T(
     (e) => {
-      e !== null && f(e);
+      e !== null && b(e);
     },
-    [f]
+    [b]
   );
   return /* @__PURE__ */ s(
-    T,
+    q,
     {
       flexDirection: "column",
       gap: "xs",
       width: "100%",
       alignItems: "start",
-      style: u !== void 0 ? { width: u } : void 0,
-      className: S,
-      ...k,
+      style: c !== void 0 ? { width: c } : void 0,
+      className: y,
+      ...D,
       children: [
-        o && /* @__PURE__ */ l(
-          w,
+        u && /* @__PURE__ */ l(
+          A,
           {
-            htmlFor: n,
-            disabled: c,
-            children: o
+            htmlFor: p,
+            disabled: n,
+            fontSize: o,
+            children: u
           }
         ),
         /* @__PURE__ */ s(
           r,
           {
-            value: D ?? null,
-            onValueChange: G,
-            disabled: c,
-            required: F,
-            open: V,
-            defaultOpen: L,
-            onOpenChange: $,
-            name: j,
-            items: E,
+            value: E ?? null,
+            onValueChange: H,
+            disabled: n,
+            required: I,
+            open: L,
+            defaultOpen: $,
+            onOpenChange: j,
+            name: k,
+            items: G,
             children: [
               /* @__PURE__ */ l(
                 r.Trigger,
                 {
-                  id: n,
-                  placeholder: g,
-                  startIcon: b,
-                  size: v,
+                  id: p,
+                  placeholder: v,
+                  startIcon: g,
+                  size: F,
+                  fontSize: o,
                   hasError: d,
-                  "aria-describedby": a || t ? p : void 0,
+                  "aria-describedby": a || t ? h : void 0,
                   "aria-invalid": d || void 0
                 }
               ),
-              /* @__PURE__ */ l(r.Content, { listboxAriaLabel: I, children: /* @__PURE__ */ l(r.List, { children: m.map((e, h) => e.type === "separator" ? /* @__PURE__ */ l(r.Separator, {}, `sep-${h}`) : e.type === "group" ? /* @__PURE__ */ s(r.Group, { children: [
+              /* @__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,
@@ -102,7 +105,7 @@ const B = H(({
                   },
                   i.value
                 ))
-              ] }, `group-${e.label}-${h}`) : /* @__PURE__ */ l(
+              ] }, `group-${e.label}-${f}`) : /* @__PURE__ */ l(
                 r.Item,
                 {
                   value: e.value,
@@ -115,9 +118,9 @@ const B = H(({
           }
         ),
         (a || t) && /* @__PURE__ */ l(
-          q,
+          w,
           {
-            id: p,
+            id: h,
             hasError: d,
             children: a ?? t
           }
@@ -126,8 +129,8 @@ const B = H(({
     }
   );
 });
-B.displayName = "SelectField";
+K.displayName = "SelectField";
 export {
-  B as default
+  K 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    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                >\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                    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","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":"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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 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":"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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-kit107.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-kit107.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-kit104.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-kit110.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-kit104.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit110.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-kit106.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-kit107.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-kit106.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit107.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-kit91.css');require('../../../../../ui-kit73.css');require('../../../../../ui-kit90.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("@base-ui/react/select"),_=require("react"),j=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const R=require("../../../../../constants/icons.cjs"),I=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const N=require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const s=require("./styles/SelectTrigger.css.cjs"),y=require("../../../../../utils/cn.cjs"),B=require("./hooks/useSelectTrigger.hook.cjs"),i=_.memo(({className:n,placeholder:u,startIcon:r,size:o="md",hasError:t=!1,width:l,children:q,onMouseDown:a,onFocus:g,onBlur:S,style:d,...T})=>{const{handleMouseDown:m,handleFocus:x,handleBlur:h,mergedStyle:E}=B({width:l,style:d,onMouseDown:a,onFocus:g,onBlur:S});return e.jsxs(c.Select.Trigger,{...T,className:y.cn(s.SELECT_TRIGGER_STYLES.recipe({size:o,hasError:t,hasStartIcon:!!r}),n),style:E,onMouseDown:m,onFocus:x,onBlur:h,children:[r&&e.jsx(N,{icon:r,size:o}),q??e.jsx(c.Select.Value,{placeholder:u}),e.jsx(I,{className:s.SELECT_TRIGGER_END_ICON,children:e.jsx(j,{icon:R.IconRegistry.chevronDown,size:"md",color:"mutedForeground"})})]})});i.displayName="Select.Trigger";module.exports=i;
+"use strict";require('../../../../../ui-kit87.css');require('../../../../../ui-kit85.css');require('../../../../../ui-kit77.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("../../../../../constants/icons.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 y=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"),B=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:B.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(y,{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.IconRegistry.chevronDown,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 { IconRegistry } from '@constants/icons'\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\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    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={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={IconRegistry.chevronDown}\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","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","IconRegistry"],"mappings":"wsCAuBMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,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,KAAAjB,EACA,SAAAC,EACA,aAAc,EAAQF,CAAS,CAClC,EACDF,CAAA,EAEJ,MAAOe,EACP,YAAaH,EACb,QAASC,EACT,OAAQC,EAEP,SAAA,CAAAZ,GACGmB,EAAAA,IAACC,EAAA,CACG,KAAMpB,EACN,KAAAC,CAAA,CAAA,EAGPG,GAAYe,EAAAA,IAACH,EAAAA,OAAW,MAAX,CAAiB,YAAAjB,CAAA,CAA0B,EACzDoB,EAAAA,IAACE,EAAA,CAAI,UAAWC,EAAAA,wBACZ,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,KAAM,KACN,MAAO,iBAAA,CAAA,CACX,CACJ,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED5B,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 { IconRegistry } from '@constants/icons'\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={IconRegistry.chevronDown}\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","IconRegistry"],"mappings":"2vCAwBMA,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,EAAAA,aAAa,YACnB,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

@@ -1,72 +1,74 @@
-import { jsxs as E, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { Select as m } from "@base-ui/react/select";
-import { memo as h } from "react";
-import x from "../../../../foundation/icon/Icon.js";
+import { memo as x } from "react";
+import I from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as I } from "../../../../../constants/icons.js";
-import N from "../../../../layout/box/Box.js";
+import { IconRegistry as N } from "../../../../../constants/icons.js";
+import R from "../../../../layout/box/Box.js";
 import "../../../../layout/box/styles/Box.css.js";
 import "../../../text-field/components/text-field-label/TextFieldLabel.js";
-import '../../../../../ui-kit91.css';import '../../../../../ui-kit73.css';import '../../../../../ui-kit90.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit87.css';import '../../../../../ui-kit85.css';import '../../../../../ui-kit77.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
-import R from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+import _ from "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
 /* empty css                                                                                                */
 import "../../../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                                */
-import { SELECT_TRIGGER_END_ICON as _, SELECT_TRIGGER_STYLES as y } from "./styles/SelectTrigger.css.js";
-import { cn as B } from "../../../../../utils/cn.js";
-import D from "./hooks/useSelectTrigger.hook.js";
-const F = h(({
+import { SELECT_TRIGGER_END_ICON as y, SELECT_TRIGGER_STYLES as B } from "./styles/SelectTrigger.css.js";
+import { cn as D } from "../../../../../utils/cn.js";
+import F from "./hooks/useSelectTrigger.hook.js";
+import { vars as G } from "../../../../../theme/contract.css.js";
+const w = x(({
   className: t,
   placeholder: i,
   startIcon: r,
   size: e = "md",
-  hasError: l = !1,
-  width: n,
-  children: p,
-  onMouseDown: c,
-  onFocus: s,
-  onBlur: a,
+  fontSize: n = "md",
+  hasError: p = !1,
+  width: l,
+  children: c,
+  onMouseDown: s,
+  onFocus: a,
+  onBlur: f,
   style: d,
-  ...f
+  ...S
 }) => {
-  const { handleMouseDown: u, handleFocus: g, handleBlur: S, mergedStyle: T } = D({
-    width: n,
+  const { handleMouseDown: u, handleFocus: g, handleBlur: T, mergedStyle: E } = F({
+    width: l,
     style: d,
-    onMouseDown: c,
-    onFocus: s,
-    onBlur: a
+    onMouseDown: s,
+    onFocus: a,
+    onBlur: f
   });
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ h(
     m.Trigger,
     {
-      ...f,
-      className: B(
-        y.recipe({
+      ...S,
+      className: D(
+        B.recipe({
           size: e,
-          hasError: l,
+          hasError: p,
           hasStartIcon: !!r
         }),
         t
       ),
-      style: T,
+      style: { fontSize: G.fontSize[n], ...E },
       onMouseDown: u,
       onFocus: g,
-      onBlur: S,
+      onBlur: T,
       children: [
         r && /* @__PURE__ */ o(
-          R,
+          _,
           {
             icon: r,
             size: e
           }
         ),
-        p ?? /* @__PURE__ */ o(m.Value, { placeholder: i }),
-        /* @__PURE__ */ o(N, { className: _, children: /* @__PURE__ */ o(
-          x,
+        c ?? /* @__PURE__ */ o(m.Value, { placeholder: i }),
+        /* @__PURE__ */ o(R, { className: y, children: /* @__PURE__ */ o(
+          I,
           {
-            icon: I.chevronDown,
+            icon: N.chevronDown,
             size: "md",
             color: "mutedForeground"
           }
@@ -75,8 +77,8 @@ const F = h(({
     }
   );
 });
-F.displayName = "Select.Trigger";
+w.displayName = "Select.Trigger";
 export {
-  F as default
+  w as default
 };
 //# sourceMappingURL=SelectTrigger.js.map

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 { IconRegistry } from '@constants/icons'\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\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    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={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={IconRegistry.chevronDown}\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","hasError","width","children","onMouseDown","onFocus","onBlur","style","props","handleMouseDown","handleFocus","handleBlur","mergedStyle","useSelectTrigger","jsxs","BaseSelect","cn","SELECT_TRIGGER_STYLES","jsx","TextFieldStartIcon","Box","SELECT_TRIGGER_END_ICON","Icon","IconRegistry"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,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,MAAAjB;AAAA,UACA,UAAAC;AAAA,UACA,cAAc,EAAQF;AAAA,QAAS,CAClC;AAAA,QACDF;AAAA,MAAA;AAAA,MAEJ,OAAOe;AAAA,MACP,aAAaH;AAAA,MACb,SAASC;AAAA,MACT,QAAQC;AAAA,MAEP,UAAA;AAAA,QAAAZ,KACG,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPG,KAAY,gBAAAe,EAACH,EAAW,OAAX,EAAiB,aAAAjB,EAAA,CAA0B;AAAA,QACzD,gBAAAoB,EAACE,GAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QAAA,EACX,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAED5B,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 { IconRegistry } from '@constants/icons'\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={IconRegistry.chevronDown}\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","IconRegistry"],"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,EAAa;AAAA,YACnB,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-kit102.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-kit111.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-kit102.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit111.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/components/select-trigger/types/SelectTrigger.props.d.ts

@@ -1,5 +1,6 @@
 import { Select as BaseSelect } from '@base-ui/react/select';
 import { TextFieldSize } from '../../../../text-field/types/TextField.types.ts';
+import { TypographySize } from '../../../../../foundation/typography/types/Typography.types.ts';
 import type * as React from 'react';
 /** Props for the styled trigger subcomponent. */
 export type SelectTriggerProps = BaseSelect.Trigger.Props & {
@@ -9,6 +10,8 @@ export type SelectTriggerProps = BaseSelect.Trigger.Props & {
     startIcon?: string;
     /** Visual size of the trigger. Defaults to `md`. */
     size?: TextFieldSize;
+    /** Font size applied to the trigger text. @default 'md' */
+    fontSize?: TypographySize;
     /** Whether the trigger should be styled in its error state. */
     hasError?: boolean;
     /** CSS width of the trigger. */

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

@@ -1,4 +1,5 @@
 import { TextFieldSize } from '../../text-field/types/TextField.types.ts';
+import { TypographySize } from '../../../foundation/typography/types/Typography.types.ts';
 import type * as React from 'react';
 /**
  * Props for the convenience `SelectField` wrapper.
@@ -36,6 +37,8 @@ export type SelectFieldProps = {
     placeholder?: string;
     /** Visual size of the trigger. */
     size?: TextFieldSize;
+    /** Font size applied to the label and trigger text. @default 'md' */
+    fontSize?: TypographySize;
     /** CSS width of the outer wrapper. Defaults to `100%`. */
     width?: React.CSSProperties['width'];
     /** Whether the field is disabled. */

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-kit135.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-kit118.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-kit135.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit118.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-kit132.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-kit144.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const a=require("@vanilla-extract/recipes/createRuntimeFn");var e={control:"ky6kla0",track:a.createRuntimeFn({defaultClassName:"ky6kla1",variantClassNames:{size:{sm:"ky6kla2",md:"ky6kla3",lg:"ky6kla4"}},defaultVariants:{size:"md"},compoundVariants:[]}),indicator:a.createRuntimeFn({defaultClassName:"ky6kla5",variantClassNames:{color:{primary:"ky6kla6",secondary:"ky6kla7",destructive:"ky6kla8"}},defaultVariants:{color:"primary"},compoundVariants:[]}),thumb:a.createRuntimeFn({defaultClassName:"ky6kla9",variantClassNames:{size:{sm:"ky6klaa",md:"ky6klab",lg:"ky6klac"},color:{primary:"ky6klad",secondary:"ky6klae",destructive:"ky6klaf"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SLIDER_TRACK_STYLES=e;
 //# sourceMappingURL=SliderTrack.css.cjs.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit57.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-kit49.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-kit57.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit49.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-kit24.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-kit38.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-kit24.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit38.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" };