@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/forms/date-picker/hooks/useDatePicker.hook.js

@@ -0,0 +1,56 @@
+import { useId as k, useState as p, useEffect as y, useCallback as c } from "react";
+import { formatDateToString as d, parseStringToDate as C } from "../utils/datePicker.utils.js";
+import { KEYS_THAT_OPEN_NATIVE_PICKER as K } from "../constants/index.js";
+const N = ({
+  value: t,
+  defaultValue: f,
+  onChange: u,
+  id: m
+}) => {
+  const o = t !== void 0, I = k(), S = m ?? I, [T, D] = p(f), [g, i] = p(d(f)), [w, l] = p(!1), a = o ? t : T;
+  y(() => {
+    o && (D(t), i(d(t)));
+  }, [o, t]);
+  const s = c(
+    (e) => {
+      o || (D(e), i(d(e))), u?.(e);
+    },
+    [o, u]
+  ), A = c(
+    (e) => {
+      const n = e.target.value;
+      if (i(n), n === "") {
+        a !== void 0 && s(void 0);
+        return;
+      }
+      const r = C(n);
+      r && r.getTime() !== a?.getTime() && s(r);
+    },
+    [a, s]
+  ), E = c(
+    (e) => {
+      s(e), l(!1);
+    },
+    [s]
+  ), h = c(
+    (e) => {
+      const n = K.has(e.key), r = e.key === "ArrowDown" && e.altKey;
+      (n || r) && (e.preventDefault(), l(!0));
+    },
+    []
+  );
+  return {
+    selectedDate: a,
+    inputValue: g,
+    open: w,
+    inputId: S,
+    handleInputChange: A,
+    handleInputKeyDown: h,
+    handleCalendarSelect: E,
+    setOpen: l
+  };
+};
+export {
+  N as useDatePicker
+};
+//# sourceMappingURL=useDatePicker.hook.js.map

package/dist/components/forms/date-picker/hooks/useDatePicker.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePicker.hook.js","sources":["../../../../../src/components/forms/date-picker/hooks/useDatePicker.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useId, useState } from 'react'\r\n\r\nimport { formatDateToString, parseStringToDate } from '@components/forms/date-picker/utils/datePicker.utils.ts'\r\nimport type { UseDatePickerOptions, UseDatePickerReturn } from '@components/forms/date-picker/types'\r\nimport { KEYS_THAT_OPEN_NATIVE_PICKER } from '@components/forms/date-picker/constants'\r\n\r\n/**\r\n * Manages state and interactions for the DatePicker component.\r\n *\r\n * Supports both controlled and uncontrolled modes, keeps the native date input\r\n * in sync with the calendar selection, and only commits valid `YYYY-MM-DD`\r\n * values to `onChange`.\r\n */\r\nexport const useDatePicker = ({\r\n    value,\r\n    defaultValue,\r\n    onChange,\r\n    id,\r\n}: UseDatePickerOptions): UseDatePickerReturn => {\r\n    const isControlled = value !== undefined\r\n    const generatedId = useId()\r\n    const inputId = id ?? generatedId\r\n\r\n    const [selectedDate, setSelectedDate] = useState<Date | undefined>(defaultValue)\r\n    const [inputValue, setInputValue] = useState(formatDateToString(defaultValue))\r\n    const [open, setOpen] = useState(false)\r\n\r\n    const resolvedDate = isControlled ? value : selectedDate\r\n\r\n    useEffect(() => {\r\n        if (isControlled) {\r\n            setSelectedDate(value)\r\n            setInputValue(formatDateToString(value))\r\n        }\r\n    }, [isControlled, value])\r\n\r\n    const updateDate = useCallback(\r\n        (date: Date | undefined) => {\r\n            if (!isControlled) {\r\n                setSelectedDate(date)\r\n                setInputValue(formatDateToString(date))\r\n            }\r\n            onChange?.(date)\r\n        },\r\n        [isControlled, onChange],\r\n    )\r\n\r\n    const handleInputChange = useCallback(\r\n        (event: React.ChangeEvent<HTMLInputElement>) => {\r\n            const newValue = event.target.value\r\n            setInputValue(newValue)\r\n\r\n            if (newValue === '') {\r\n                if (resolvedDate !== undefined) {\r\n                    updateDate(undefined)\r\n                }\r\n                return\r\n            }\r\n\r\n            const parsed = parseStringToDate(newValue)\r\n            if (parsed && parsed.getTime() !== resolvedDate?.getTime()) {\r\n                updateDate(parsed)\r\n            }\r\n        },\r\n        [resolvedDate, updateDate],\r\n    )\r\n\r\n    const handleCalendarSelect = useCallback(\r\n        (date: Date | undefined) => {\r\n            updateDate(date)\r\n            setOpen(false)\r\n        },\r\n        [updateDate],\r\n    )\r\n\r\n    const handleInputKeyDown = useCallback(\r\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n            const isSpace = KEYS_THAT_OPEN_NATIVE_PICKER.has(event.key)\r\n            const isAltArrowDown = event.key === 'ArrowDown' && event.altKey\r\n\r\n            if (isSpace || isAltArrowDown) {\r\n                event.preventDefault()\r\n                setOpen(true)\r\n            }\r\n        },\r\n        [],\r\n    )\r\n\r\n    return {\r\n        selectedDate: resolvedDate,\r\n        inputValue,\r\n        open,\r\n        inputId,\r\n        handleInputChange,\r\n        handleInputKeyDown,\r\n        handleCalendarSelect,\r\n        setOpen,\r\n    }\r\n}\r\n"],"names":["useDatePicker","value","defaultValue","onChange","id","isControlled","generatedId","useId","inputId","selectedDate","setSelectedDate","useState","inputValue","setInputValue","formatDateToString","open","setOpen","resolvedDate","useEffect","updateDate","useCallback","date","handleInputChange","event","newValue","parsed","parseStringToDate","handleCalendarSelect","handleInputKeyDown","isSpace","KEYS_THAT_OPEN_NATIVE_PICKER","isAltArrowDown"],"mappings":";;;AAaO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AACJ,MAAiD;AAC7C,QAAMC,IAAeJ,MAAU,QACzBK,IAAcC,EAAA,GACdC,IAAUJ,KAAME,GAEhB,CAACG,GAAcC,CAAe,IAAIC,EAA2BT,CAAY,GACzE,CAACU,GAAYC,CAAa,IAAIF,EAASG,EAAmBZ,CAAY,CAAC,GACvE,CAACa,GAAMC,CAAO,IAAIL,EAAS,EAAK,GAEhCM,IAAeZ,IAAeJ,IAAQQ;AAE5C,EAAAS,EAAU,MAAM;AACZ,IAAIb,MACAK,EAAgBT,CAAK,GACrBY,EAAcC,EAAmBb,CAAK,CAAC;AAAA,EAE/C,GAAG,CAACI,GAAcJ,CAAK,CAAC;AAExB,QAAMkB,IAAaC;AAAA,IACf,CAACC,MAA2B;AACxB,MAAKhB,MACDK,EAAgBW,CAAI,GACpBR,EAAcC,EAAmBO,CAAI,CAAC,IAE1ClB,IAAWkB,CAAI;AAAA,IACnB;AAAA,IACA,CAAChB,GAAcF,CAAQ;AAAA,EAAA,GAGrBmB,IAAoBF;AAAA,IACtB,CAACG,MAA+C;AAC5C,YAAMC,IAAWD,EAAM,OAAO;AAG9B,UAFAV,EAAcW,CAAQ,GAElBA,MAAa,IAAI;AACjB,QAAIP,MAAiB,UACjBE,EAAW,MAAS;AAExB;AAAA,MACJ;AAEA,YAAMM,IAASC,EAAkBF,CAAQ;AACzC,MAAIC,KAAUA,EAAO,QAAA,MAAcR,GAAc,aAC7CE,EAAWM,CAAM;AAAA,IAEzB;AAAA,IACA,CAACR,GAAcE,CAAU;AAAA,EAAA,GAGvBQ,IAAuBP;AAAA,IACzB,CAACC,MAA2B;AACxB,MAAAF,EAAWE,CAAI,GACfL,EAAQ,EAAK;AAAA,IACjB;AAAA,IACA,CAACG,CAAU;AAAA,EAAA,GAGTS,IAAqBR;AAAA,IACvB,CAACG,MAAiD;AAC9C,YAAMM,IAAUC,EAA6B,IAAIP,EAAM,GAAG,GACpDQ,IAAiBR,EAAM,QAAQ,eAAeA,EAAM;AAE1D,OAAIM,KAAWE,OACXR,EAAM,eAAA,GACNP,EAAQ,EAAI;AAAA,IAEpB;AAAA,IACA,CAAA;AAAA,EAAC;AAGL,SAAO;AAAA,IACH,cAAcC;AAAA,IACd,YAAAL;AAAA,IACA,MAAAG;AAAA,IACA,SAAAP;AAAA,IACA,mBAAAc;AAAA,IACA,oBAAAM;AAAA,IACA,sBAAAD;AAAA,IACA,SAAAX;AAAA,EAAA;AAER;"}

package/dist/components/forms/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DatePicker } from './DatePicker.tsx';
+export { DATE_PICKER_STYLES } from './styles/DatePicker.css.ts';
+export type { DatePickerProps } from './types/DatePicker.props.ts';

package/dist/components/forms/date-picker/styles/DatePicker.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                */var e={input:"_6hs4r90",content:"_6hs4r91",calendar:"_6hs4r92"};exports.DATE_PICKER_STYLES=e;
+//# sourceMappingURL=DatePicker.css.cjs.map

package/dist/components/forms/date-picker/styles/DatePicker.css.cjs.map

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

package/dist/components/forms/date-picker/styles/DatePicker.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hides the browser-native calendar picker icon on date inputs so the
+ * custom IconButton trigger is the only visible way to open the calendar
+ * popover.
+ */
+export declare const DATE_PICKER_STYLES: {
+    input: string;
+    /** Removes the popover content padding so the calendar sits flush. */
+    content: string;
+    /** Removes the calendar border when rendered inside the date picker popover. */
+    calendar: string;
+};

package/dist/components/forms/date-picker/styles/DatePicker.css.js

@@ -0,0 +1,6 @@
+/* empty css                              */
+var t = { input: "_6hs4r90", content: "_6hs4r91", calendar: "_6hs4r92" };
+export {
+  t as DATE_PICKER_STYLES
+};
+//# sourceMappingURL=DatePicker.css.js.map

package/dist/components/forms/date-picker/styles/DatePicker.css.js.map

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

package/dist/components/forms/date-picker/types/DatePicker.props.d.ts

@@ -0,0 +1,18 @@
+import { CalendarProps } from '../../calendar';
+import { TextFieldProps } from '../../text-field';
+export type DatePickerProps = Omit<TextFieldProps, 'type' | 'value' | 'defaultValue' | 'onChange'> & {
+    /** The currently selected date (controlled). */
+    value?: Date;
+    /** The default selected date (uncontrolled). */
+    defaultValue?: Date;
+    /** Called when the selected date changes. */
+    onChange?: (date: Date | undefined) => void;
+    /** Props forwarded to the calendar popover panel. */
+    calendarProps?: Omit<CalendarProps, 'mode' | 'selected' | 'onSelect'>;
+    /**
+     * Accessible name for the calendar popover dialog.
+     * Override for i18n.
+     * @default 'Calendar'
+     */
+    calendarAriaLabel?: string;
+};

package/dist/components/forms/date-picker/types/index.d.ts

@@ -0,0 +1,28 @@
+export type UseDatePickerOptions = {
+    /** The currently selected date (controlled). */
+    value?: Date;
+    /** The default selected date (uncontrolled). */
+    defaultValue?: Date;
+    /** Called when the selected date changes. */
+    onChange?: (date: Date | undefined) => void;
+    /** Explicit id for the input; falls back to a generated id. */
+    id?: string;
+};
+export type UseDatePickerReturn = {
+    /** Resolved selected date. */
+    selectedDate: Date | undefined;
+    /** Current value of the date input. */
+    inputValue: string;
+    /** Whether the calendar popover is open. */
+    open: boolean;
+    /** Stable id for the input element. */
+    inputId: string;
+    /** Update the input value while parsing valid dates. */
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Intercept keys that would open the native date picker. */
+    handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Select a date from the calendar and close the popover. */
+    handleCalendarSelect: (date: Date | undefined) => void;
+    /** Toggle the popover open state. */
+    setOpen: (open: boolean) => void;
+};

package/dist/components/forms/date-picker/utils/datePicker.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=/^\d{4}-\d{2}-\d{2}$/,i=t=>{if(!t||Number.isNaN(t.getTime()))return"";const r=t.getFullYear(),n=String(t.getMonth()+1).padStart(2,"0"),o=String(t.getDate()).padStart(2,"0");return`${r}-${n}-${o}`},g=t=>{if(!t||!a.test(t))return;const[r,n,o]=t.split("-").map(Number),e=new Date(r,n-1,o);if(!Number.isNaN(e.getTime())&&!(e.getFullYear()!==r||e.getMonth()!==n-1||e.getDate()!==o))return e};exports.formatDateToString=i;exports.parseStringToDate=g;
+//# sourceMappingURL=datePicker.utils.cjs.map

package/dist/components/forms/date-picker/utils/datePicker.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.utils.cjs","sources":["../../../../../src/components/forms/date-picker/utils/datePicker.utils.ts"],"sourcesContent":["const ISO_DATE_REGEX = /^\\d{4}-\\d{2}-\\d{2}$/\r\n\r\n/**\r\n * Formats a local Date as an ISO date string (`YYYY-MM-DD`).\r\n * Returns an empty string when the date is missing or invalid.\r\n */\r\nexport const formatDateToString = (date: Date | undefined): string => {\r\n    if (!date || Number.isNaN(date.getTime())) {return ''}\r\n\r\n    const year = date.getFullYear()\r\n    const month = String(date.getMonth() + 1).padStart(2, '0')\r\n    const day = String(date.getDate()).padStart(2, '0')\r\n\r\n    return `${year}-${month}-${day}`\r\n}\r\n\r\n/**\r\n * Parses an ISO date string (`YYYY-MM-DD`) into a local Date.\r\n * Returns `undefined` when the value is empty or does not represent a valid date.\r\n */\r\nexport const parseStringToDate = (value: string): Date | undefined => {\r\n    if (!value || !ISO_DATE_REGEX.test(value)) {return undefined}\r\n\r\n    const [year, month, day] = value.split('-').map(Number)\r\n    const date = new Date(year, month - 1, day)\r\n\r\n    if (Number.isNaN(date.getTime())) {return undefined}\r\n    if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\r\n        return undefined\r\n    }\r\n\r\n    return date\r\n}\r\n"],"names":["ISO_DATE_REGEX","formatDateToString","date","year","month","day","parseStringToDate","value"],"mappings":"gFAAA,MAAMA,EAAiB,sBAMVC,EAAsBC,GAAmC,CAClE,GAAI,CAACA,GAAQ,OAAO,MAAMA,EAAK,QAAA,CAAS,EAAI,MAAO,GAEnD,MAAMC,EAAOD,EAAK,YAAA,EACZE,EAAQ,OAAOF,EAAK,SAAA,EAAa,CAAC,EAAE,SAAS,EAAG,GAAG,EACnDG,EAAM,OAAOH,EAAK,QAAA,CAAS,EAAE,SAAS,EAAG,GAAG,EAElD,MAAO,GAAGC,CAAI,IAAIC,CAAK,IAAIC,CAAG,EAClC,EAMaC,EAAqBC,GAAoC,CAClE,GAAI,CAACA,GAAS,CAACP,EAAe,KAAKO,CAAK,EAAI,OAE5C,KAAM,CAACJ,EAAMC,EAAOC,CAAG,EAAIE,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM,EAChDL,EAAO,IAAI,KAAKC,EAAMC,EAAQ,EAAGC,CAAG,EAE1C,GAAI,QAAO,MAAMH,EAAK,QAAA,CAAS,GAC3B,EAAAA,EAAK,gBAAkBC,GAAQD,EAAK,aAAeE,EAAQ,GAAKF,EAAK,QAAA,IAAcG,GAIvF,OAAOH,CACX"}

package/dist/components/forms/date-picker/utils/datePicker.utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats a local Date as an ISO date string (`YYYY-MM-DD`).
+ * Returns an empty string when the date is missing or invalid.
+ */
+export declare const formatDateToString: (date: Date | undefined) => string;
+/**
+ * Parses an ISO date string (`YYYY-MM-DD`) into a local Date.
+ * Returns `undefined` when the value is empty or does not represent a valid date.
+ */
+export declare const parseStringToDate: (value: string) => Date | undefined;

package/dist/components/forms/date-picker/utils/datePicker.utils.js

@@ -0,0 +1,17 @@
+const i = /^\d{4}-\d{2}-\d{2}$/, a = (t) => {
+  if (!t || Number.isNaN(t.getTime()))
+    return "";
+  const e = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
+  return `${e}-${n}-${o}`;
+}, s = (t) => {
+  if (!t || !i.test(t))
+    return;
+  const [e, n, o] = t.split("-").map(Number), r = new Date(e, n - 1, o);
+  if (!Number.isNaN(r.getTime()) && !(r.getFullYear() !== e || r.getMonth() !== n - 1 || r.getDate() !== o))
+    return r;
+};
+export {
+  a as formatDateToString,
+  s as parseStringToDate
+};
+//# sourceMappingURL=datePicker.utils.js.map

package/dist/components/forms/date-picker/utils/datePicker.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.utils.js","sources":["../../../../../src/components/forms/date-picker/utils/datePicker.utils.ts"],"sourcesContent":["const ISO_DATE_REGEX = /^\\d{4}-\\d{2}-\\d{2}$/\r\n\r\n/**\r\n * Formats a local Date as an ISO date string (`YYYY-MM-DD`).\r\n * Returns an empty string when the date is missing or invalid.\r\n */\r\nexport const formatDateToString = (date: Date | undefined): string => {\r\n    if (!date || Number.isNaN(date.getTime())) {return ''}\r\n\r\n    const year = date.getFullYear()\r\n    const month = String(date.getMonth() + 1).padStart(2, '0')\r\n    const day = String(date.getDate()).padStart(2, '0')\r\n\r\n    return `${year}-${month}-${day}`\r\n}\r\n\r\n/**\r\n * Parses an ISO date string (`YYYY-MM-DD`) into a local Date.\r\n * Returns `undefined` when the value is empty or does not represent a valid date.\r\n */\r\nexport const parseStringToDate = (value: string): Date | undefined => {\r\n    if (!value || !ISO_DATE_REGEX.test(value)) {return undefined}\r\n\r\n    const [year, month, day] = value.split('-').map(Number)\r\n    const date = new Date(year, month - 1, day)\r\n\r\n    if (Number.isNaN(date.getTime())) {return undefined}\r\n    if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\r\n        return undefined\r\n    }\r\n\r\n    return date\r\n}\r\n"],"names":["ISO_DATE_REGEX","formatDateToString","date","year","month","day","parseStringToDate","value"],"mappings":"AAAA,MAAMA,IAAiB,uBAMVC,IAAqB,CAACC,MAAmC;AAClE,MAAI,CAACA,KAAQ,OAAO,MAAMA,EAAK,QAAA,CAAS;AAAI,WAAO;AAEnD,QAAMC,IAAOD,EAAK,YAAA,GACZE,IAAQ,OAAOF,EAAK,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG,GACnDG,IAAM,OAAOH,EAAK,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AAElD,SAAO,GAAGC,CAAI,IAAIC,CAAK,IAAIC,CAAG;AAClC,GAMaC,IAAoB,CAACC,MAAoC;AAClE,MAAI,CAACA,KAAS,CAACP,EAAe,KAAKO,CAAK;AAAI;AAE5C,QAAM,CAACJ,GAAMC,GAAOC,CAAG,IAAIE,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM,GAChDL,IAAO,IAAI,KAAKC,GAAMC,IAAQ,GAAGC,CAAG;AAE1C,MAAI,QAAO,MAAMH,EAAK,QAAA,CAAS,KAC3B,EAAAA,EAAK,kBAAkBC,KAAQD,EAAK,eAAeE,IAAQ,KAAKF,EAAK,QAAA,MAAcG;AAIvF,WAAOH;AACX;"}

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

@@ -0,0 +1,10 @@
+export * from './autocomplete';
+export * from './calendar';
+export * from './checkbox';
+export * from './date-picker';
+export * from './radio-group';
+export * from './select';
+export * from './switch';
+export * from './text-area';
+export * from './text-field';
+export * from './_shared';

package/dist/components/forms/radio-group/RadioGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),u=require("@base-ui/react/radio-group"),l=require("./components/radio-item/RadioItem.cjs"),m=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const d=require("../../../utils/cn.cjs"),s=require("react"),e=s.memo(({className:t,children:i,onValueChange:r,...a})=>{const n=s.useCallback((...c)=>{r?.(...c)},[r]);return o.jsx(u.RadioGroup,{className:d.cn(t),onValueChange:n,...a,children:o.jsx(m,{flexDirection:"column",gap:"sm",alignItems:"start",children:i})})});e.displayName="RadioGroup";e.Item=l;module.exports=e;
+//# sourceMappingURL=RadioGroup.cjs.map

package/dist/components/forms/radio-group/RadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\r\n\r\nimport RadioItem from '@components/forms/radio-group/components/radio-item/RadioItem.tsx'\r\nimport type { RadioGroupCompound } from '@components/forms/radio-group/types'\r\nimport type { RadioGroupProps } from '@components/forms/radio-group/types/RadioGroup.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useCallback } from 'react'\r\n\r\n/**\r\n * The root container for a group of `RadioGroup.Item` components.\r\n * Manages the single-selection state.\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroup value={value} onValueChange={setValue}>\r\n *   <RadioGroup.Item value=\"a\" label=\"Option A\" />\r\n *   <RadioGroup.Item value=\"b\" label=\"Option B\" />\r\n * </RadioGroup>\r\n * ```\r\n */\r\nconst RadioGroup = memo<RadioGroupProps>(({ className, children, onValueChange, ...props }) => {\r\n    const handleValueChange = useCallback(\r\n        (...args: Parameters<NonNullable<RadioGroupProps['onValueChange']>>) => { onValueChange?.(...args) },\r\n        [onValueChange],\r\n    )\r\n\r\n    return (\r\n        <BaseRadioGroup\r\n            className={cn(className)}\r\n            onValueChange={handleValueChange}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                flexDirection={'column'}\r\n                gap={'sm'}\r\n                alignItems={'start'}\r\n            >\r\n                {children}\r\n            </Flex>\r\n        </BaseRadioGroup>\r\n    )\r\n}) as unknown as RadioGroupCompound\r\n\r\nRadioGroup.displayName = 'RadioGroup'\r\nRadioGroup.Item = RadioItem\r\n\r\nexport default RadioGroup\r\n"],"names":["RadioGroup","memo","className","children","onValueChange","props","handleValueChange","useCallback","args","jsx","BaseRadioGroup","cn","Flex","RadioItem"],"mappings":"kSAqBMA,EAAaC,EAAAA,KAAsB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,cAAAC,EAAe,GAAGC,KAAY,CAC3F,MAAMC,EAAoBC,EAAAA,YACtB,IAAIC,IAAoE,CAAEJ,IAAgB,GAAGI,CAAI,CAAE,EACnG,CAACJ,CAAa,CAAA,EAGlB,OACIK,EAAAA,IAACC,EAAAA,WAAA,CACG,UAAWC,EAAAA,GAAGT,CAAS,EACvB,cAAeI,EACd,GAAGD,EAEJ,SAAAI,EAAAA,IAACG,EAAA,CACG,cAAe,SACf,IAAK,KACL,WAAY,QAEX,SAAAT,CAAA,CAAA,CACL,CAAA,CAGZ,CAAC,EAEDH,EAAW,YAAc,aACzBA,EAAW,KAAOa"}

package/dist/components/forms/radio-group/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+import { RadioGroupCompound } from './types';
+/**
+ * The root container for a group of `RadioGroup.Item` components.
+ * Manages the single-selection state.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={value} onValueChange={setValue}>
+ *   <RadioGroup.Item value="a" label="Option A" />
+ *   <RadioGroup.Item value="b" label="Option B" />
+ * </RadioGroup>
+ * ```
+ */
+declare const RadioGroup: RadioGroupCompound;
+export default RadioGroup;

package/dist/components/forms/radio-group/RadioGroup.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RadioGroup as l } from "@base-ui/react/radio-group";
+import s from "./components/radio-item/RadioItem.js";
+import n from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import { cn as d } from "../../../utils/cn.js";
+import { memo as u, useCallback as c } from "react";
+const m = u(({ className: a, children: t, onValueChange: o, ...e }) => {
+  const i = c(
+    (...p) => {
+      o?.(...p);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ r(
+    l,
+    {
+      className: d(a),
+      onValueChange: i,
+      ...e,
+      children: /* @__PURE__ */ r(
+        n,
+        {
+          flexDirection: "column",
+          gap: "sm",
+          alignItems: "start",
+          children: t
+        }
+      )
+    }
+  );
+});
+m.displayName = "RadioGroup";
+m.Item = s;
+export {
+  m as default
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/forms/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\r\n\r\nimport RadioItem from '@components/forms/radio-group/components/radio-item/RadioItem.tsx'\r\nimport type { RadioGroupCompound } from '@components/forms/radio-group/types'\r\nimport type { RadioGroupProps } from '@components/forms/radio-group/types/RadioGroup.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useCallback } from 'react'\r\n\r\n/**\r\n * The root container for a group of `RadioGroup.Item` components.\r\n * Manages the single-selection state.\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroup value={value} onValueChange={setValue}>\r\n *   <RadioGroup.Item value=\"a\" label=\"Option A\" />\r\n *   <RadioGroup.Item value=\"b\" label=\"Option B\" />\r\n * </RadioGroup>\r\n * ```\r\n */\r\nconst RadioGroup = memo<RadioGroupProps>(({ className, children, onValueChange, ...props }) => {\r\n    const handleValueChange = useCallback(\r\n        (...args: Parameters<NonNullable<RadioGroupProps['onValueChange']>>) => { onValueChange?.(...args) },\r\n        [onValueChange],\r\n    )\r\n\r\n    return (\r\n        <BaseRadioGroup\r\n            className={cn(className)}\r\n            onValueChange={handleValueChange}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                flexDirection={'column'}\r\n                gap={'sm'}\r\n                alignItems={'start'}\r\n            >\r\n                {children}\r\n            </Flex>\r\n        </BaseRadioGroup>\r\n    )\r\n}) as unknown as RadioGroupCompound\r\n\r\nRadioGroup.displayName = 'RadioGroup'\r\nRadioGroup.Item = RadioItem\r\n\r\nexport default RadioGroup\r\n"],"names":["RadioGroup","memo","className","children","onValueChange","props","handleValueChange","useCallback","args","jsx","BaseRadioGroup","cn","Flex","RadioItem"],"mappings":";;;;;;;AAqBA,MAAMA,IAAaC,EAAsB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,eAAAC,GAAe,GAAGC,QAAY;AAC3F,QAAMC,IAAoBC;AAAA,IACtB,IAAIC,MAAoE;AAAE,MAAAJ,IAAgB,GAAGI,CAAI;AAAA,IAAE;AAAA,IACnG,CAACJ,CAAa;AAAA,EAAA;AAGlB,SACI,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,WAAWC,EAAGT,CAAS;AAAA,MACvB,eAAeI;AAAA,MACd,GAAGD;AAAA,MAEJ,UAAA,gBAAAI;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,KAAK;AAAA,UACL,YAAY;AAAA,UAEX,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ,CAAC;AAEDH,EAAW,cAAc;AACzBA,EAAW,OAAOa;"}

package/dist/components/forms/radio-group/components/radio-item/RadioItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/radio"),n=require("react"),l=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../../constants/icons.cjs"),q=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const R=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=require("./styles/RadioItem.css.cjs"),c=n.memo(({label:r,id:t,className:a,value:d,...u})=>{const I=n.useId(),i=t??(r?I:void 0);return e.jsxs(R,{as:"span",inline:!0,gap:"sm",children:[e.jsx(s.Radio.Root,{id:i,value:d,className:x.cn(o.RADIO_ITEM_STYLES.root,a),...u,children:e.jsx(s.Radio.Indicator,{className:o.RADIO_ITEM_STYLES.indicator,children:e.jsx(l,{icon:m.IconRegistry.radioIndicator,size:"xs"})})}),r&&e.jsx(q,{as:"label",variant:"label",color:"foreground",htmlFor:i,className:o.RADIO_ITEM_STYLES.label,children:r})]})});c.displayName="RadioGroup.Item";module.exports=c;
+//# sourceMappingURL=RadioItem.cjs.map

package/dist/components/forms/radio-group/components/radio-item/RadioItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem.cjs","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.radioIndicator}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":"ilBAoBMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,MAAAC,EACA,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAUN,IAAOD,EAAQK,EAAc,QAE7C,OACIG,EAAAA,KAACC,EAAA,CACG,GAAI,OACJ,OAAM,GACN,IAAK,KAEL,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAM,KAAN,CACG,GAAIJ,EACJ,MAAAJ,EACA,UAAWS,EAAAA,GAAGC,oBAAkB,KAAMX,CAAS,EAC9C,GAAGE,EAEJ,eAACO,EAAAA,MAAM,UAAN,CAAgB,UAAWE,EAAAA,kBAAkB,UAC1C,SAAAH,EAAAA,IAACI,EAAA,CACG,KAAMC,EAAAA,aAAa,eACnB,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,EAGHf,GACGU,EAAAA,IAACM,EAAA,CACG,GAAI,QACJ,QAAS,QACT,MAAO,aACP,QAAST,EACT,UAAWM,EAAAA,kBAAkB,MAE5B,SAAAb,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDF,EAAU,YAAc"}

package/dist/components/forms/radio-group/components/radio-item/RadioItem.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RadioItemProps } from './types/RadioItem.props.ts';
+/**
+  * A single radio button inside a `RadioGroup`.
+  * Renders a circular indicator that fills with the primary colour when selected.
+  *
+  * @example
+  * ```tsx
+  * <RadioItem value="dark" label="Dark mode" />
+  * ```
+  */
+declare const RadioItem: FC<RadioItemProps>;
+export default RadioItem;

package/dist/components/forms/radio-group/components/radio-item/RadioItem.js

@@ -0,0 +1,63 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { Radio as t } from "@base-ui/react/radio";
+import { memo as c, useId as l } from "react";
+import f from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import { IconRegistry as I } from "../../../../../constants/icons.js";
+import h from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import u from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import { cn as R } from "../../../../../utils/cn.js";
+import { RADIO_ITEM_STYLES as i } from "./styles/RadioItem.css.js";
+const g = c(({
+  label: r,
+  id: a,
+  className: e,
+  value: s,
+  ...d
+}) => {
+  const n = l(), m = a ?? (r ? n : void 0);
+  return /* @__PURE__ */ p(
+    u,
+    {
+      as: "span",
+      inline: !0,
+      gap: "sm",
+      children: [
+        /* @__PURE__ */ o(
+          t.Root,
+          {
+            id: m,
+            value: s,
+            className: R(i.root, e),
+            ...d,
+            children: /* @__PURE__ */ o(t.Indicator, { className: i.indicator, children: /* @__PURE__ */ o(
+              f,
+              {
+                icon: I.radioIndicator,
+                size: "xs"
+              }
+            ) })
+          }
+        ),
+        r && /* @__PURE__ */ o(
+          h,
+          {
+            as: "label",
+            variant: "label",
+            color: "foreground",
+            htmlFor: m,
+            className: i.label,
+            children: r
+          }
+        )
+      ]
+    }
+  );
+});
+g.displayName = "RadioGroup.Item";
+export {
+  g as default
+};
+//# sourceMappingURL=RadioItem.js.map

package/dist/components/forms/radio-group/components/radio-item/RadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItem.js","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.radioIndicator}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC,EAAA,GACdC,IAAUN,MAAOD,IAAQK,IAAc;AAE7C,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAM;AAAA,UAAN;AAAA,YACG,IAAIJ;AAAA,YACJ,OAAAJ;AAAA,YACA,WAAWS,EAAGC,EAAkB,MAAMX,CAAS;AAAA,YAC9C,GAAGE;AAAA,YAEJ,4BAACO,EAAM,WAAN,EAAgB,WAAWE,EAAkB,WAC1C,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAAST;AAAA,YACT,WAAWM,EAAkB;AAAA,YAE5B,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAU,cAAc;"}

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                               */var e={root:"_57s3sx0",indicator:"_57s3sx1",label:"_57s3sx2"};exports.RADIO_ITEM_STYLES=e;
+//# sourceMappingURL=RadioItem.css.cjs.map

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs.map

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

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.d.ts

@@ -0,0 +1,18 @@
+/**
+ * RadioGroup.Item root — the circular button (applied on `RadioGroup.Item`, a `<button>`).
+ *
+ * Dual-context design — mirrors `checkboxRootClass`:
+ *  - **Standalone** (`RadioItem` component): self-selectors `&[...]` apply.
+ *  - **Dropdown** (`DropdownMenuRadioItem`): this class is re-used on the
+ *    `<span>` indicator. Ancestor selectors `[...] &` apply.
+ */
+export declare const RADIO_ITEM_STYLES: {
+    root: string;
+    /**
+     * Indicator slot inside the circle.
+     * `color: inherit` picks up `primaryForeground` from the checked root.
+     */
+    indicator: string;
+    /** Typography label associated with the radio button. */
+    label: string;
+};

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                             */
+var s = { root: "_57s3sx0", indicator: "_57s3sx1", label: "_57s3sx2" };
+export {
+  s as RADIO_ITEM_STYLES
+};
+//# sourceMappingURL=RadioItem.css.js.map

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.js.map

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

package/dist/components/forms/radio-group/components/radio-item/types/RadioItem.props.d.ts

@@ -0,0 +1,5 @@
+import { Radio } from '@base-ui/react/radio';
+export type RadioItemProps = Radio.Root.Props & {
+    /** Text label rendered beside the radio button. */
+    label?: string;
+};

package/dist/components/forms/radio-group/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RadioGroup } from './RadioGroup.tsx';
+export { RADIO_ITEM_STYLES } from './components/radio-item/styles/RadioItem.css.ts';
+export type { RadioGroupProps } from './types/RadioGroup.props.ts';
+export type { RadioItemProps } from './components/radio-item/types/RadioItem.props.ts';

package/dist/components/forms/radio-group/types/RadioGroup.props.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroup } from '@base-ui/react/radio-group';
+export type RadioGroupProps = RadioGroup.Props;

package/dist/components/forms/radio-group/types/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { default as RadioItem } from '../components/radio-item/RadioItem.tsx';
+import { RadioGroupProps } from './RadioGroup.props.ts';
+export type RadioGroupCompound = FC<RadioGroupProps> & {
+    Item: typeof RadioItem;
+};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
+//# sourceMappingURL=Select.cjs.map

package/dist/components/forms/select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/forms/select/Select.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\n\r\nimport {\r\n    SelectContent,\r\n    SelectGroup,\r\n    SelectItem,\r\n    SelectLabel,\r\n    SelectList,\r\n    SelectSeparator,\r\n    SelectTrigger,\r\n} from '@components/forms/select/components'\r\nimport type { SelectCompound } from '@components/forms/select/types/Select.types.ts'\r\nimport { memo } from 'react'\r\n\r\n// Re-export styles so consumers can target / extend them.\r\nexport { SELECT_TRIGGER_STYLES } from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nexport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nexport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nexport { SELECT_LABEL_STYLES } from '@components/forms/select/components/select-label/styles/SelectLabel.css.ts'\r\nexport { SELECT_SEPARATOR_STYLES } from '@components/forms/select/components/select-separator/styles/SelectSeparator.css.ts'\r\n\r\n/**\r\n * A styled select control built on top of `@base-ui/react/select`.\r\n *\r\n * Exposes the commonly used Base UI Select subcomponents, all styled to match\r\n * the library's design tokens. The trigger looks and behaves like a TextField,\r\n * and the listbox popup follows the same visual language as the DropdownMenu\r\n * and Popover components.\r\n *\r\n * For a simpler, field-style API (label, helperText, error, options array),\r\n * use `SelectField`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Select value={value} onValueChange={setValue}>\r\n *   <Select.Trigger placeholder=\"Pick a fruit\" />\r\n *   <Select.Content>\r\n *     <Select.List>\r\n *       <Select.Item value=\"apple\">Apple</Select.Item>\r\n *       <Select.Item value=\"banana\">Banana</Select.Item>\r\n *     </Select.List>\r\n *   </Select.Content>\r\n * </Select>\r\n * ```\r\n */\r\nconst Select = memo<BaseSelect.Root.Props<string>>((props) => <BaseSelect.Root {...props} />) as unknown as SelectCompound\r\n\r\nSelect.displayName = 'Select'\r\n\r\nSelect.Trigger = SelectTrigger\r\nSelect.Content = SelectContent\r\nSelect.List = SelectList\r\nSelect.Group = SelectGroup\r\nSelect.Label = SelectLabel\r\nSelect.Item = SelectItem\r\nSelect.Separator = SelectSeparator\r\n\r\nexport default Select\r\n"],"names":["Select","memo","props","jsx","BaseSelect","SelectTrigger","SelectContent","SelectList","SelectGroup","SelectLabel","SelectItem","SelectSeparator"],"mappings":"0jEA6CMA,EAASC,EAAAA,KAAqCC,GAAUC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CAAiB,GAAGF,EAAO,CAAE,EAE5FF,EAAO,YAAc,SAErBA,EAAO,QAAUK,EACjBL,EAAO,QAAUM,EACjBN,EAAO,KAAOO,EACdP,EAAO,MAAQQ,EACfR,EAAO,MAAQS,EACfT,EAAO,KAAOU,EACdV,EAAO,UAAYW"}

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

@@ -0,0 +1,32 @@
+import { SelectCompound } from './types/Select.types.ts';
+export { SELECT_TRIGGER_STYLES } from './components/select-trigger/styles/SelectTrigger.css.ts';
+export { SELECT_CONTENT_STYLES } from './components/select-content/styles/SelectContent.css.ts';
+export { SELECT_ITEM_STYLES } from './components/select-item/styles/SelectItem.css.ts';
+export { SELECT_LABEL_STYLES } from './components/select-label/styles/SelectLabel.css.ts';
+export { SELECT_SEPARATOR_STYLES } from './components/select-separator/styles/SelectSeparator.css.ts';
+/**
+ * A styled select control built on top of `@base-ui/react/select`.
+ *
+ * Exposes the commonly used Base UI Select subcomponents, all styled to match
+ * the library's design tokens. The trigger looks and behaves like a TextField,
+ * and the listbox popup follows the same visual language as the DropdownMenu
+ * and Popover components.
+ *
+ * For a simpler, field-style API (label, helperText, error, options array),
+ * use `SelectField`.
+ *
+ * @example
+ * ```tsx
+ * <Select value={value} onValueChange={setValue}>
+ *   <Select.Trigger placeholder="Pick a fruit" />
+ *   <Select.Content>
+ *     <Select.List>
+ *       <Select.Item value="apple">Apple</Select.Item>
+ *       <Select.Item value="banana">Banana</Select.Item>
+ *     </Select.List>
+ *   </Select.Content>
+ * </Select>
+ * ```
+ */
+declare const Select: SelectCompound;
+export default Select;

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

@@ -0,0 +1,43 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Select as m } from "@base-ui/react/select";
+import e from "./components/select-trigger/SelectTrigger.js";
+import { SELECT_TRIGGER_STYLES as H } from "./components/select-trigger/styles/SelectTrigger.css.js";
+import p from "./components/select-content/SelectContent.js";
+/* empty css                                         */
+/* empty css                                                           */
+/* empty css                                                            */
+/* empty css                                                                    */
+/* empty css                                                                 */
+/* empty css                                                                  */
+/* empty css                                                               */
+/* empty css                                                                */
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                 */
+/* empty css                                                                  */
+/* empty css                                                                  */
+/* empty css                                                                  */
+import i from "./components/select-list/SelectList.js";
+import S from "./components/select-group/SelectGroup.js";
+import l from "./components/select-label/SelectLabel.js";
+/* empty css                                                              */
+import c from "./components/select-item/SelectItem.js";
+/* empty css                                                            */
+import f from "./components/select-separator/SelectSeparator.js";
+/* empty css                                                                      */
+import "./components/select-field/SelectField.js";
+import { memo as a } from "react";
+const t = a((o) => /* @__PURE__ */ r(m.Root, { ...o }));
+t.displayName = "Select";
+t.Trigger = e;
+t.Content = p;
+t.List = i;
+t.Group = S;
+t.Label = l;
+t.Item = c;
+t.Separator = f;
+export {
+  H as SELECT_TRIGGER_STYLES,
+  t as default
+};
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/forms/select/Select.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\n\r\nimport {\r\n    SelectContent,\r\n    SelectGroup,\r\n    SelectItem,\r\n    SelectLabel,\r\n    SelectList,\r\n    SelectSeparator,\r\n    SelectTrigger,\r\n} from '@components/forms/select/components'\r\nimport type { SelectCompound } from '@components/forms/select/types/Select.types.ts'\r\nimport { memo } from 'react'\r\n\r\n// Re-export styles so consumers can target / extend them.\r\nexport { SELECT_TRIGGER_STYLES } from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nexport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nexport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nexport { SELECT_LABEL_STYLES } from '@components/forms/select/components/select-label/styles/SelectLabel.css.ts'\r\nexport { SELECT_SEPARATOR_STYLES } from '@components/forms/select/components/select-separator/styles/SelectSeparator.css.ts'\r\n\r\n/**\r\n * A styled select control built on top of `@base-ui/react/select`.\r\n *\r\n * Exposes the commonly used Base UI Select subcomponents, all styled to match\r\n * the library's design tokens. The trigger looks and behaves like a TextField,\r\n * and the listbox popup follows the same visual language as the DropdownMenu\r\n * and Popover components.\r\n *\r\n * For a simpler, field-style API (label, helperText, error, options array),\r\n * use `SelectField`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Select value={value} onValueChange={setValue}>\r\n *   <Select.Trigger placeholder=\"Pick a fruit\" />\r\n *   <Select.Content>\r\n *     <Select.List>\r\n *       <Select.Item value=\"apple\">Apple</Select.Item>\r\n *       <Select.Item value=\"banana\">Banana</Select.Item>\r\n *     </Select.List>\r\n *   </Select.Content>\r\n * </Select>\r\n * ```\r\n */\r\nconst Select = memo<BaseSelect.Root.Props<string>>((props) => <BaseSelect.Root {...props} />) as unknown as SelectCompound\r\n\r\nSelect.displayName = 'Select'\r\n\r\nSelect.Trigger = SelectTrigger\r\nSelect.Content = SelectContent\r\nSelect.List = SelectList\r\nSelect.Group = SelectGroup\r\nSelect.Label = SelectLabel\r\nSelect.Item = SelectItem\r\nSelect.Separator = SelectSeparator\r\n\r\nexport default Select\r\n"],"names":["Select","memo","props","jsx","BaseSelect","SelectTrigger","SelectContent","SelectList","SelectGroup","SelectLabel","SelectItem","SelectSeparator"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAMA,IAASC,EAAoC,CAACC,MAAU,gBAAAC,EAACC,EAAW,MAAX,EAAiB,GAAGF,GAAO,CAAE;AAE5FF,EAAO,cAAc;AAErBA,EAAO,UAAUK;AACjBL,EAAO,UAAUM;AACjBN,EAAO,OAAOO;AACdP,EAAO,QAAQQ;AACfR,EAAO,QAAQS;AACfT,EAAO,OAAOU;AACdV,EAAO,YAAYW;"}

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

@@ -0,0 +1,16 @@
+export { default as SelectTrigger } from './select-trigger/SelectTrigger.tsx';
+export type { SelectTriggerProps } from './select-trigger/types/SelectTrigger.props.ts';
+export { SELECT_TRIGGER_STYLES } from './select-trigger/styles/SelectTrigger.css.ts';
+export { default as SelectContent } from './select-content/SelectContent.tsx';
+export type { SelectContentProps } from './select-content/types/SelectContent.props.ts';
+export { SELECT_CONTENT_STYLES } from './select-content/styles/SelectContent.css.ts';
+export { default as SelectList } from './select-list/SelectList.tsx';
+export { default as SelectGroup } from './select-group/SelectGroup.tsx';
+export { default as SelectLabel } from './select-label/SelectLabel.tsx';
+export { SELECT_LABEL_STYLES } from './select-label/styles/SelectLabel.css.ts';
+export { default as SelectItem } from './select-item/SelectItem.tsx';
+export type { SelectItemProps } from './select-item/types/SelectItem.props.ts';
+export { SELECT_ITEM_STYLES } from './select-item/styles/SelectItem.css.ts';
+export { default as SelectSeparator } from './select-separator/SelectSeparator.tsx';
+export { SELECT_SEPARATOR_STYLES } from './select-separator/styles/SelectSeparator.css.ts';
+export { default as SelectField } from './select-field/SelectField.tsx';

package/dist/components/forms/select/components/select-content/SelectContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:r="Options",children:s,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":r,children:s})})})});n.displayName="Select.Content";module.exports=n;
+//# sourceMappingURL=SelectContent.cjs.map

package/dist/components/forms/select/components/select-content/SelectContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.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_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}