@choco-vanille/ui 1.1.1 → 1.2.0

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

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Select as e } from "@base-ui/react/select";
+import { memo as t } from "react";
+import p from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as i } from "../../../../../utils/cn.js";
+import { SELECT_LABEL_STYLES as l } from "./styles/SelectLabel.css.js";
+const s = t(({ className: r, children: m, ...a }) => /* @__PURE__ */ o(
+  e.GroupLabel,
+  {
+    className: i(l.root, r),
+    ...a,
+    children: /* @__PURE__ */ o(
+      p,
+      {
+        as: "span",
+        variant: "span",
+        children: m
+      }
+    )
+  }
+));
+s.displayName = "Select.Label";
+export {
+  s as default
+};
+//# sourceMappingURL=SelectLabel.js.map

package/dist/components/forms/select/components/select-label/SelectLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectLabel.js","sources":["../../../../../../src/components/forms/select/components/select-label/SelectLabel.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_LABEL_STYLES } from '@components/forms/select/components/select-label/styles/SelectLabel.css.ts'\r\n\r\n/**\r\n * Non-interactive section heading inside a `Select.Group`.\r\n * Maps to Base UI's `Select.GroupLabel`.\r\n */\r\nconst SelectLabel: FC<BaseSelect.GroupLabel.Props> = memo(({ className, children, ...props }) => (\r\n    <BaseSelect.GroupLabel\r\n        className={cn(SELECT_LABEL_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'span'}\r\n            variant={'span'}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    </BaseSelect.GroupLabel>\r\n))\r\n\r\nSelectLabel.displayName = 'Select.Label'\r\n\r\nexport default SelectLabel\r\n"],"names":["SelectLabel","memo","className","children","props","jsx","BaseSelect","cn","SELECT_LABEL_STYLES","Typography"],"mappings":";;;;;;;AAWA,MAAMA,IAA+CC,EAAK,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QACjF,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAoB,MAAMN,CAAS;AAAA,IAChD,GAAGE;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QAER,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AACJ,CACH;AAEDH,EAAY,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

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

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

@@ -0,0 +1,7 @@
+/**
+ * Non-interactive section heading — small, muted, uppercase.
+ * Matches DropdownMenuLabel styling.
+ */
+export declare const SELECT_LABEL_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                               */
+var t = { root: "_1tcc5uo0" };
+export {
+  t as SELECT_LABEL_STYLES
+};
+//# sourceMappingURL=SelectLabel.css.js.map

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

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

package/dist/components/forms/select/components/select-list/SelectList.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("@base-ui/react/select"),i=require("react"),e=i.memo(t=>s.jsx(c.Select.List,{...t}));e.displayName="Select.List";module.exports=e;
+//# sourceMappingURL=SelectList.cjs.map

package/dist/components/forms/select/components/select-list/SelectList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.cjs","sources":["../../../../../../src/components/forms/select/components/select-list/SelectList.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Scrollable list of items inside the popup.\r\n */\r\nconst SelectList: FC<BaseSelect.List.Props> = memo((props) => (\r\n    <BaseSelect.List {...props} />\r\n))\r\n\r\nSelectList.displayName = 'Select.List'\r\n\r\nexport default SelectList\r\n"],"names":["SelectList","memo","props","jsx","BaseSelect"],"mappings":"wGAMMA,EAAwCC,EAAAA,KAAMC,GAChDC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CAAiB,GAAGF,EAAO,CAC/B,EAEDF,EAAW,YAAc"}

package/dist/components/forms/select/components/select-list/SelectList.d.ts

@@ -0,0 +1,7 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { FC } from 'react';
+/**
+ * Scrollable list of items inside the popup.
+ */
+declare const SelectList: FC<BaseSelect.List.Props>;
+export default SelectList;

package/dist/components/forms/select/components/select-list/SelectList.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Select as m } from "@base-ui/react/select";
+import { memo as o } from "react";
+const i = o((t) => /* @__PURE__ */ e(m.List, { ...t }));
+i.displayName = "Select.List";
+export {
+  i as default
+};
+//# sourceMappingURL=SelectList.js.map

package/dist/components/forms/select/components/select-list/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sources":["../../../../../../src/components/forms/select/components/select-list/SelectList.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Scrollable list of items inside the popup.\r\n */\r\nconst SelectList: FC<BaseSelect.List.Props> = memo((props) => (\r\n    <BaseSelect.List {...props} />\r\n))\r\n\r\nSelectList.displayName = 'Select.List'\r\n\r\nexport default SelectList\r\n"],"names":["SelectList","memo","props","jsx","BaseSelect"],"mappings":";;;AAMA,MAAMA,IAAwCC,EAAK,CAACC,MAChD,gBAAAC,EAACC,EAAW,MAAX,EAAiB,GAAGF,GAAO,CAC/B;AAEDF,EAAW,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),s=require("@base-ui/react/select"),o=require("react"),a=require("../../../../../utils/cn.cjs"),S=require("./styles/SelectSeparator.css.cjs"),e=o.memo(({className:r,...t})=>c.jsx(s.Select.Separator,{className:a.cn(S.SELECT_SEPARATOR_STYLES.root,r),...t}));e.displayName="Select.Separator";module.exports=e;
+//# sourceMappingURL=SelectSeparator.cjs.map

package/dist/components/forms/select/components/select-separator/SelectSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSeparator.cjs","sources":["../../../../../../src/components/forms/select/components/select-separator/SelectSeparator.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_SEPARATOR_STYLES } from '@components/forms/select/components/select-separator/styles/SelectSeparator.css.ts'\r\n\r\n/**\r\n * Horizontal divider between groups of items.\r\n */\r\nconst SelectSeparator: FC<BaseSelect.Separator.Props> = memo(({ className, ...props }) => (\r\n    <BaseSelect.Separator\r\n        className={cn(SELECT_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSelectSeparator.displayName = 'Select.Separator'\r\n\r\nexport default SelectSeparator\r\n"],"names":["SelectSeparator","memo","className","props","jsx","BaseSelect","cn","SELECT_SEPARATOR_STYLES"],"mappings":"+LASMA,EAAkDC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAC1EC,EAAAA,IAACC,EAAAA,OAAW,UAAX,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,KAAML,CAAS,EACpD,GAAGC,CAAA,CACR,CACH,EAEDH,EAAgB,YAAc"}

package/dist/components/forms/select/components/select-separator/SelectSeparator.d.ts

@@ -0,0 +1,7 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { FC } from 'react';
+/**
+ * Horizontal divider between groups of items.
+ */
+declare const SelectSeparator: FC<BaseSelect.Separator.Props>;
+export default SelectSeparator;

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

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Select as e } from "@base-ui/react/select";
+import { memo as m } from "react";
+import { cn as a } from "../../../../../utils/cn.js";
+import { SELECT_SEPARATOR_STYLES as p } from "./styles/SelectSeparator.css.js";
+const S = m(({ className: o, ...r }) => /* @__PURE__ */ t(
+  e.Separator,
+  {
+    className: a(p.root, o),
+    ...r
+  }
+));
+S.displayName = "Select.Separator";
+export {
+  S as default
+};
+//# sourceMappingURL=SelectSeparator.js.map

package/dist/components/forms/select/components/select-separator/SelectSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSeparator.js","sources":["../../../../../../src/components/forms/select/components/select-separator/SelectSeparator.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_SEPARATOR_STYLES } from '@components/forms/select/components/select-separator/styles/SelectSeparator.css.ts'\r\n\r\n/**\r\n * Horizontal divider between groups of items.\r\n */\r\nconst SelectSeparator: FC<BaseSelect.Separator.Props> = memo(({ className, ...props }) => (\r\n    <BaseSelect.Separator\r\n        className={cn(SELECT_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSelectSeparator.displayName = 'Select.Separator'\r\n\r\nexport default SelectSeparator\r\n"],"names":["SelectSeparator","memo","className","props","jsx","BaseSelect","cn","SELECT_SEPARATOR_STYLES"],"mappings":";;;;;AASA,MAAMA,IAAkDC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAC1E,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAwB,MAAML,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAgB,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

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

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

@@ -0,0 +1,7 @@
+/**
+ * Thin horizontal rule between groups of items.
+ * Matches DropdownMenuSeparator styling.
+ */
+export declare const SELECT_SEPARATOR_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                   */
+var t = { root: "_1g2ch1s0" };
+export {
+  t as SELECT_SEPARATOR_STYLES
+};
+//# sourceMappingURL=SelectSeparator.css.js.map

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

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

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

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

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

@@ -0,0 +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"}

package/dist/components/forms/select/components/select-trigger/SelectTrigger.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { SelectTriggerProps } from './types/SelectTrigger.props.ts';
+/**
+  * The trigger button that opens the listbox.
+  *
+  * Looks exactly like a TextField input: same height, padding, border, focus
+  * ring and disabled state. A chevron icon is rendered in the end-action slot
+  * (mirroring TextField's endAction pattern). Supports `size`, `startIcon`,
+  * `placeholder`, `hasError` and `width`.
+  */
+declare const SelectTrigger: FC<SelectTriggerProps>;
+export default SelectTrigger;

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

@@ -0,0 +1,82 @@
+import { jsxs as E, 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 "../../../../foundation/icon/styles/Icon.css.js";
+import { IconRegistry as I } from "../../../../../constants/icons.js";
+import N from "../../../../layout/box/Box.js";
+import "../../../../layout/box/styles/Box.css.js";
+import "../../../text-field/components/text-field-label/TextFieldLabel.js";
+/* empty css                                               */
+/* empty css                                                   */
+/* empty css                                                                                       */
+import R 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(({
+  className: t,
+  placeholder: i,
+  startIcon: r,
+  size: e = "md",
+  hasError: l = !1,
+  width: n,
+  children: p,
+  onMouseDown: c,
+  onFocus: s,
+  onBlur: a,
+  style: d,
+  ...f
+}) => {
+  const { handleMouseDown: u, handleFocus: g, handleBlur: S, mergedStyle: T } = D({
+    width: n,
+    style: d,
+    onMouseDown: c,
+    onFocus: s,
+    onBlur: a
+  });
+  return /* @__PURE__ */ E(
+    m.Trigger,
+    {
+      ...f,
+      className: B(
+        y.recipe({
+          size: e,
+          hasError: l,
+          hasStartIcon: !!r
+        }),
+        t
+      ),
+      style: T,
+      onMouseDown: u,
+      onFocus: g,
+      onBlur: S,
+      children: [
+        r && /* @__PURE__ */ o(
+          R,
+          {
+            icon: r,
+            size: e
+          }
+        ),
+        p ?? /* @__PURE__ */ o(m.Value, { placeholder: i }),
+        /* @__PURE__ */ o(N, { className: _, children: /* @__PURE__ */ o(
+          x,
+          {
+            icon: I.chevronDown,
+            size: "md",
+            color: "mutedForeground"
+          }
+        ) })
+      ]
+    }
+  );
+});
+F.displayName = "Select.Trigger";
+export {
+  F as default
+};
+//# sourceMappingURL=SelectTrigger.js.map

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

@@ -0,0 +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;"}

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react"),d=({width:s,style:c,onMouseDown:u,onFocus:a,onBlur:n})=>{const r=t.useRef(!1),l=t.useCallback(e=>{r.current=!0,u?.(e)},[u]),o=t.useCallback(e=>{r.current&&(e.currentTarget.setAttribute("data-mouse-focus",""),r.current=!1),a?.(e)},[a]),f=t.useCallback(e=>{r.current=!1,e.currentTarget.removeAttribute("data-mouse-focus"),n?.(e)},[n]),i=s!==void 0?{...c,width:s}:c;return{handleMouseDown:l,handleFocus:o,handleBlur:f,mergedStyle:i}};module.exports=d;
+//# sourceMappingURL=useSelectTrigger.hook.cjs.map

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectTrigger.hook.cjs","sources":["../../../../../../../src/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts"],"sourcesContent":["import { useCallback, useRef, type FocusEventHandler, type MouseEventHandler } from 'react'\r\nimport type {\r\n    UseSelectTriggerParams,\r\n    UseSelectTriggerReturn\r\n} from '@components/forms/select/components/select-trigger/types'\r\n\r\nconst useSelectTrigger = ({\r\n    width,\r\n    style,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n}: UseSelectTriggerParams): UseSelectTriggerReturn => {\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown: MouseEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(event)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus: FocusEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            if (pointerDownRef.current) {\r\n                event.currentTarget.setAttribute('data-mouse-focus', '')\r\n                pointerDownRef.current = false\r\n            }\r\n            onFocus?.(event)\r\n        },\r\n        [onFocus],\r\n    )\r\n\r\n    const handleBlur: FocusEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = false\r\n            event.currentTarget.removeAttribute('data-mouse-focus')\r\n            onBlur?.(event)\r\n        },\r\n        [onBlur],\r\n    )\r\n\r\n    const mergedStyle = width !== undefined ? { ...style, width } : style\r\n\r\n    return {\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        mergedStyle,\r\n    }\r\n}\r\n\r\nexport default useSelectTrigger\r\n"],"names":["useSelectTrigger","width","style","onMouseDown","onFocus","onBlur","pointerDownRef","useRef","handleMouseDown","useCallback","event","handleFocus","handleBlur","mergedStyle"],"mappings":"sCAMMA,EAAmB,CAAC,CACtB,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,CACJ,IAAsD,CAClD,MAAMC,EAAiBC,EAAAA,OAAO,EAAK,EAE7BC,EAAwDC,EAAAA,YACzDC,GAAU,CACPJ,EAAe,QAAU,GACzBH,IAAcO,CAAK,CACvB,EACA,CAACP,CAAW,CAAA,EAGVQ,EAAoDF,EAAAA,YACrDC,GAAU,CACHJ,EAAe,UACfI,EAAM,cAAc,aAAa,mBAAoB,EAAE,EACvDJ,EAAe,QAAU,IAE7BF,IAAUM,CAAK,CACnB,EACA,CAACN,CAAO,CAAA,EAGNQ,EAAmDH,EAAAA,YACpDC,GAAU,CACPJ,EAAe,QAAU,GACzBI,EAAM,cAAc,gBAAgB,kBAAkB,EACtDL,IAASK,CAAK,CAClB,EACA,CAACL,CAAM,CAAA,EAGLQ,EAAcZ,IAAU,OAAY,CAAE,GAAGC,EAAO,MAAAD,GAAUC,EAEhE,MAAO,CACH,gBAAAM,EACA,YAAAG,EACA,WAAAC,EACA,YAAAC,CAAA,CAER"}

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.d.ts

@@ -0,0 +1,3 @@
+import { UseSelectTriggerParams, UseSelectTriggerReturn } from '../types';
+declare const useSelectTrigger: ({ width, style, onMouseDown, onFocus, onBlur, }: UseSelectTriggerParams) => UseSelectTriggerReturn;
+export default useSelectTrigger;

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.js

@@ -0,0 +1,35 @@
+import { useRef as i, useCallback as t } from "react";
+const g = ({
+  width: u,
+  style: s,
+  onMouseDown: a,
+  onFocus: c,
+  onBlur: o
+}) => {
+  const r = i(!1), n = t(
+    (e) => {
+      r.current = !0, a?.(e);
+    },
+    [a]
+  ), f = t(
+    (e) => {
+      r.current && (e.currentTarget.setAttribute("data-mouse-focus", ""), r.current = !1), c?.(e);
+    },
+    [c]
+  ), l = t(
+    (e) => {
+      r.current = !1, e.currentTarget.removeAttribute("data-mouse-focus"), o?.(e);
+    },
+    [o]
+  ), d = u !== void 0 ? { ...s, width: u } : s;
+  return {
+    handleMouseDown: n,
+    handleFocus: f,
+    handleBlur: l,
+    mergedStyle: d
+  };
+};
+export {
+  g as default
+};
+//# sourceMappingURL=useSelectTrigger.hook.js.map

package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectTrigger.hook.js","sources":["../../../../../../../src/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.ts"],"sourcesContent":["import { useCallback, useRef, type FocusEventHandler, type MouseEventHandler } from 'react'\r\nimport type {\r\n    UseSelectTriggerParams,\r\n    UseSelectTriggerReturn\r\n} from '@components/forms/select/components/select-trigger/types'\r\n\r\nconst useSelectTrigger = ({\r\n    width,\r\n    style,\r\n    onMouseDown,\r\n    onFocus,\r\n    onBlur,\r\n}: UseSelectTriggerParams): UseSelectTriggerReturn => {\r\n    const pointerDownRef = useRef(false)\r\n\r\n    const handleMouseDown: MouseEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = true\r\n            onMouseDown?.(event)\r\n        },\r\n        [onMouseDown],\r\n    )\r\n\r\n    const handleFocus: FocusEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            if (pointerDownRef.current) {\r\n                event.currentTarget.setAttribute('data-mouse-focus', '')\r\n                pointerDownRef.current = false\r\n            }\r\n            onFocus?.(event)\r\n        },\r\n        [onFocus],\r\n    )\r\n\r\n    const handleBlur: FocusEventHandler<HTMLButtonElement> = useCallback(\r\n        (event) => {\r\n            pointerDownRef.current = false\r\n            event.currentTarget.removeAttribute('data-mouse-focus')\r\n            onBlur?.(event)\r\n        },\r\n        [onBlur],\r\n    )\r\n\r\n    const mergedStyle = width !== undefined ? { ...style, width } : style\r\n\r\n    return {\r\n        handleMouseDown,\r\n        handleFocus,\r\n        handleBlur,\r\n        mergedStyle,\r\n    }\r\n}\r\n\r\nexport default useSelectTrigger\r\n"],"names":["useSelectTrigger","width","style","onMouseDown","onFocus","onBlur","pointerDownRef","useRef","handleMouseDown","useCallback","event","handleFocus","handleBlur","mergedStyle"],"mappings":";AAMA,MAAMA,IAAmB,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACJ,MAAsD;AAClD,QAAMC,IAAiBC,EAAO,EAAK,GAE7BC,IAAwDC;AAAA,IAC1D,CAACC,MAAU;AACP,MAAAJ,EAAe,UAAU,IACzBH,IAAcO,CAAK;AAAA,IACvB;AAAA,IACA,CAACP,CAAW;AAAA,EAAA,GAGVQ,IAAoDF;AAAA,IACtD,CAACC,MAAU;AACP,MAAIJ,EAAe,YACfI,EAAM,cAAc,aAAa,oBAAoB,EAAE,GACvDJ,EAAe,UAAU,KAE7BF,IAAUM,CAAK;AAAA,IACnB;AAAA,IACA,CAACN,CAAO;AAAA,EAAA,GAGNQ,IAAmDH;AAAA,IACrD,CAACC,MAAU;AACP,MAAAJ,EAAe,UAAU,IACzBI,EAAM,cAAc,gBAAgB,kBAAkB,GACtDL,IAASK,CAAK;AAAA,IAClB;AAAA,IACA,CAACL,CAAM;AAAA,EAAA,GAGLQ,IAAcZ,MAAU,SAAY,EAAE,GAAGC,GAAO,OAAAD,MAAUC;AAEhE,SAAO;AAAA,IACH,iBAAAM;AAAA,IACA,aAAAG;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,EAAA;AAER;"}

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+/**
+ * Chevron slot for the trigger.
+ *
+ * Unlike TextField's end-action (which holds clickable IconButtons and needs a
+ * wide hit area), the Select chevron is decorative, so the slot is sized to the
+ * icon and sits close to the right edge.
+ */
+export declare const SELECT_TRIGGER_END_ICON: string;
+/**
+ * Trigger styled to look like a TextField input.
+ *
+ * Base UI renders it as a `<button>`; we reset button defaults and apply the
+ * same sizing, border, focus ring and disabled treatment as TextField.
+ * The chevron is rendered in an end-action slot identical to TextField's.
+ */
+export declare const SELECT_TRIGGER_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            sm: {
+                height: "2.25rem";
+                paddingInline: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+            md: {
+                height: "2.5rem";
+                paddingInline: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+            lg: {
+                height: "2.75rem";
+                paddingInline: `var(--${string})`;
+                fontSize: `var(--${string})`;
+            };
+        };
+        hasError: {
+            true: {
+                borderColor: `var(--${string})`;
+                selectors: {
+                    '&:hover:not(:disabled):not([data-disabled])': {
+                        borderColor: `var(--${string})`;
+                    };
+                    '&[data-popup-open]': {
+                        borderColor: `var(--${string})`;
+                    };
+                    '&:focus-visible': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: `0 0 0 2px var(--${string}), 0 0 0 4px var(--${string})`;
+                    };
+                    '&[data-mouse-focus]:focus-visible': {
+                        boxShadow: "none";
+                        borderColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        hasStartIcon: {
+            true: {};
+        };
+        hasEndIcon: {
+            true: {};
+        };
+    }>;
+};
+export type SelectTriggerRecipeVariants = NonNullable<RecipeVariants<typeof SELECT_TRIGGER_STYLES.recipe>>;

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

@@ -0,0 +1,9 @@
+/* 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"]] }) };
+export {
+  t as SELECT_TRIGGER_END_ICON,
+  e as SELECT_TRIGGER_STYLES
+};
+//# sourceMappingURL=SelectTrigger.css.js.map

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

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

package/dist/components/forms/select/components/select-trigger/types/SelectTrigger.props.d.ts

@@ -0,0 +1,16 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { TextFieldSize } from '../../../../text-field/types/TextField.types.ts';
+import type * as React from 'react';
+/** Props for the styled trigger subcomponent. */
+export type SelectTriggerProps = BaseSelect.Trigger.Props & {
+    /** Placeholder shown when no option is selected. */
+    placeholder?: string;
+    /** Iconify icon name rendered on the left side of the trigger. */
+    startIcon?: string;
+    /** Visual size of the trigger. Defaults to `md`. */
+    size?: TextFieldSize;
+    /** Whether the trigger should be styled in its error state. */
+    hasError?: boolean;
+    /** CSS width of the trigger. */
+    width?: React.CSSProperties['width'];
+};

package/dist/components/forms/select/components/select-trigger/types/index.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FocusEventHandler, MouseEventHandler } from 'react';
+export type UseSelectTriggerParams = {
+    width?: CSSProperties['width'];
+    style?: CSSProperties;
+    onMouseDown?: MouseEventHandler<HTMLButtonElement>;
+    onFocus?: FocusEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+};
+export type UseSelectTriggerReturn = {
+    handleMouseDown: MouseEventHandler<HTMLButtonElement>;
+    handleFocus: FocusEventHandler<HTMLButtonElement>;
+    handleBlur: FocusEventHandler<HTMLButtonElement>;
+    mergedStyle: CSSProperties | undefined;
+};

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

@@ -0,0 +1,7 @@
+export { default as Select } from './Select.tsx';
+export { SelectField } from './components';
+export { SELECT_STYLES } from './styles/Select.css.ts';
+export type { SelectFieldProps, SelectOption, SelectCompound, } from './types';
+export type { SelectTriggerProps } from './components/select-trigger/types/SelectTrigger.props.ts';
+export type { SelectContentProps } from './components/select-content/types/SelectContent.props.ts';
+export type { SelectItemProps } from './components/select-item/types/SelectItem.props.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

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

package/dist/components/forms/select/styles/Select.css.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Shared visual slots for the Select compound component.
+ *
+ * Per-subcomponent styles (trigger, content, item, label, separator) live in
+ * their own folders to match the library's organization. This file only keeps
+ * the placeholder color utility.
+ */
+export declare const SELECT_STYLES: {
+    /** Placeholder text — muted like an input placeholder. */
+    placeholder: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                          */
+var p = { placeholder: "f53dgk0" };
+export {
+  p as SELECT_STYLES
+};
+//# sourceMappingURL=Select.css.js.map

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

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

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

@@ -0,0 +1,66 @@
+import { TextFieldSize } from '../../text-field/types/TextField.types.ts';
+import type * as React from 'react';
+/**
+ * Props for the convenience `SelectField` wrapper.
+ *
+ * Mirrors the TextField API where possible (label, helperText, error, size,
+ * width, startIcon, disabled) and adds select-specific props (value,
+ * defaultValue, onValueChange, placeholder, options).
+ */
+export type SelectFieldProps = {
+    /** Controlled value. */
+    value?: string;
+    /** Default uncontrolled value. */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onValueChange?: (value: string) => void;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Default uncontrolled open state. */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** HTML name attribute for form submission. */
+    name?: string;
+    /** Additional class name for the outer wrapper. */
+    className?: string;
+    /** Text label rendered above the trigger, linked to it for accessibility. */
+    label?: string;
+    /** Helper text rendered below the trigger. Hidden when `error` is provided. */
+    helperText?: string;
+    /** Error message rendered below the trigger. When set, the trigger is styled in its error state. */
+    error?: string;
+    /** Iconify icon name rendered on the left side of the trigger. */
+    startIcon?: string;
+    /** Placeholder shown when no option is selected. */
+    placeholder?: string;
+    /** Visual size of the trigger. */
+    size?: TextFieldSize;
+    /** CSS width of the outer wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Accessible name for the select listbox popup. */
+    listboxAriaLabel?: string;
+    /** Flat or grouped options. */
+    options: SelectOption[];
+};
+/** A single select option or group. */
+export type SelectOption = {
+    type?: undefined;
+    value: string;
+    label: string;
+    disabled?: boolean;
+} | {
+    type: 'group';
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+} | {
+    type: 'separator';
+};

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { SelectContentProps } from '../components/select-content/types/SelectContent.props.ts';
+import { SelectItemProps } from '../components/select-item/types/SelectItem.props.ts';
+import { SelectTriggerProps } from '../components/select-trigger/types/SelectTrigger.props.ts';
+type SelectRoot = FC<BaseSelect.Root.Props<string>>;
+export type SelectCompound = SelectRoot & {
+    Trigger: FC<SelectTriggerProps>;
+    Content: FC<SelectContentProps>;
+    List: FC<BaseSelect.List.Props>;
+    Group: FC<BaseSelect.Group.Props>;
+    Label: FC<BaseSelect.GroupLabel.Props>;
+    Item: FC<SelectItemProps>;
+    Separator: FC<BaseSelect.Separator.Props>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export type { SelectFieldProps, SelectOption, } from './Select.props.ts';
+export type { SelectCompound } from './Select.types.ts';