@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/forms/_shared/components/helper-text/HelperText.js

@@ -0,0 +1,24 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { HELPER_TEXT_STYLES as r } from "./HelperText.css.js";
+const m = s(({
+  id: a,
+  hasError: e = !1,
+  role: t,
+  "aria-live": o,
+  children: i
+}) => /* @__PURE__ */ l(
+  "span",
+  {
+    id: a,
+    role: t ?? (e ? "alert" : "status"),
+    "aria-live": o ?? (e ? "assertive" : "polite"),
+    className: e ? r.error : r.root,
+    children: i
+  }
+));
+m.displayName = "HelperText";
+export {
+  m as default
+};
+//# sourceMappingURL=HelperText.js.map

package/dist/components/forms/_shared/components/helper-text/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sources":["../../../../../../src/components/forms/_shared/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { HELPER_TEXT_STYLES } from '@components/forms/_shared/components/helper-text/HelperText.css.ts'\r\nimport type { HelperTextProps } from '@components/forms/_shared/components/helper-text/types'\r\n\r\n/**\r\n * Inline helper / error text displayed below a form field.\r\n *\r\n * Used by TextField (and any other form control that needs assistive copy).\r\n */\r\nconst HelperText: FC<HelperTextProps> = memo(({\r\n    id,\r\n    hasError = false,\r\n    role: roleProp,\r\n    'aria-live': ariaLiveProp,\r\n    children,\r\n}) => {\r\n    const role = roleProp ?? (hasError ? 'alert' : 'status')\r\n    const ariaLive = ariaLiveProp ?? (hasError ? 'assertive' : 'polite')\r\n\r\n    return (\r\n        <span\r\n            id={id}\r\n            role={role}\r\n            aria-live={ariaLive}\r\n            className={hasError ? HELPER_TEXT_STYLES.error : HELPER_TEXT_STYLES.root}\r\n        >\r\n            {children}\r\n        </span>\r\n    )\r\n})\r\n\r\nHelperText.displayName = 'HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","id","hasError","roleProp","ariaLiveProp","children","jsx","HELPER_TEXT_STYLES"],"mappings":";;;AAUA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAMC;AAAA,EACN,aAAaC;AAAA,EACb,UAAAC;AACJ,MAKQ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,IAAAL;AAAA,IACA,MANKE,MAAaD,IAAW,UAAU;AAAA,IAOvC,aANSE,MAAiBF,IAAW,cAAc;AAAA,IAOnD,WAAWA,IAAWK,EAAmB,QAAQA,EAAmB;AAAA,IAEnE,UAAAF;AAAA,EAAA;AAAA,CAGZ;AAEDN,EAAW,cAAc;"}

package/dist/components/forms/_shared/components/helper-text/types/index.d.ts

@@ -0,0 +1,18 @@
+import { AriaRole, ReactNode } from 'react';
+export type HelperTextProps = {
+    /** Unique id so the associated input can reference it via `aria-describedby`. */
+    id?: string;
+    /** When `true`, renders in the destructive colour and announces assertively. */
+    hasError?: boolean;
+    /**
+     * Live-region role. Defaults to `status` for helper text and `alert` for errors.
+     * Override for i18n or custom announcement behaviour.
+     */
+    role?: AriaRole;
+    /**
+     * Live-region politeness. Defaults to `polite` for helper text and `assertive`
+     * for errors.
+     */
+    'aria-live'?: 'off' | 'assertive' | 'polite';
+    children: ReactNode;
+};

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

@@ -0,0 +1,3 @@
+export * from './styles/checkboxVisual.css.ts';
+export * from './styles/radioVisual.css.ts';
+export * from './components/helper-text/HelperText.tsx';

package/dist/components/forms/_shared/styles/checkboxVisual.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                    */var e={root:"_18vzmb10"};exports.CHECKBOX_VISUAL_STYLES=e;
+//# sourceMappingURL=checkboxVisual.css.cjs.map

package/dist/components/forms/_shared/styles/checkboxVisual.css.cjs.map

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

package/dist/components/forms/_shared/styles/checkboxVisual.css.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared visual style for the checkbox control.
+ *
+ * Works in two contexts:
+ *  1. **Standalone** – applied directly on `Checkbox.Root` (a `<button>`).
+ *     The root itself carries `data-state` / `data-disabled`, so `&[data-state="checked"]`
+ *     and `&:hover` selectors apply.
+ *  2. **Dropdown** – applied on a `<span>` inside `DropdownMenu.CheckboxItem`.
+ *     The parent item carries `data-state` / `data-highlighted`, so
+ *     `[data-state="checked"] &` and `[data-highlighted] &` selectors apply.
+ *
+ * Both selector sets coexist without conflict because:
+ *  - In the standalone context there is no `[data-highlighted]` ancestor.
+ *  - In the dropdown context the span itself never has `data-state`.
+ */
+export declare const CHECKBOX_VISUAL_STYLES: {
+    root: string;
+};

package/dist/components/forms/_shared/styles/checkboxVisual.css.js

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

package/dist/components/forms/_shared/styles/checkboxVisual.css.js.map

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

package/dist/components/forms/_shared/styles/radioVisual.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                 */var e={root:"dvluoc0"};exports.RADIO_VISUAL_STYLES=e;
+//# sourceMappingURL=radioVisual.css.cjs.map

package/dist/components/forms/_shared/styles/radioVisual.css.cjs.map

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

package/dist/components/forms/_shared/styles/radioVisual.css.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Shared visual style for the radio control.
+ *
+ * Works in two contexts:
+ *  1. **Standalone** – applied directly on `RadioGroup.Item` (a `<button>`).
+ *     The root itself carries `data-state` / `data-disabled`, so `&[data-state="checked"]`
+ *     and `&:hover` selectors apply.
+ *  2. **Dropdown** – applied on a `<span>` inside `DropdownMenu.RadioItem`.
+ *     The parent item carries `data-state` / `data-highlighted`, so
+ *     `[data-state="checked"] &` and `[data-highlighted] &` selectors apply.
+ */
+export declare const RADIO_VISUAL_STYLES: {
+    root: string;
+};

package/dist/components/forms/_shared/styles/radioVisual.css.js

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

package/dist/components/forms/_shared/styles/radioVisual.css.js.map

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

package/dist/components/forms/autocomplete/Autocomplete.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("@base-ui/react/autocomplete"),u=require("./components/autocomplete-input/AutocompleteInput.cjs"),i=require("./components/autocomplete-input/styles/AutocompleteInput.css.cjs"),c=require("./components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                           */;/* empty css                                                                                */const n=require("./components/autocomplete-input-group/AutocompleteInputGroup.cjs"),p=require("./components/autocomplete-icon/AutocompleteIcon.cjs"),q=require("./components/autocomplete-clear/AutocompleteClear.cjs"),l=require("./components/autocomplete-content/AutocompleteContent.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                                                                                */const s=require("./components/autocomplete-list/AutocompleteList.cjs"),m=require("./components/autocomplete-group/AutocompleteGroup.cjs"),A=require("./components/autocomplete-label/AutocompleteLabel.cjs"),a=require("./components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                          */const I=require("./components/autocomplete-empty/AutocompleteEmpty.cjs"),T=require("./components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                    */const S=require("./components/autocomplete-status/AutocompleteStatus.cjs"),C=require("./components/autocomplete-collection/AutocompleteCollection.cjs");require("./components/autocomplete-field/AutocompleteField.cjs");const E=require("react"),e=E.memo(r=>t.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...r}));e.displayName="Autocomplete";e.Input=u;e.Trigger=c;e.InputGroup=n;e.Icon=p;e.Clear=q;e.Content=l;e.List=s;e.Group=m;e.Label=A;e.Item=a;e.Empty=I;e.Separator=T;e.Status=S;e.Collection=C;exports.AUTOCOMPLETE_INPUT_STYLES=i.AUTOCOMPLETE_INPUT_STYLES;exports.default=e;
+//# sourceMappingURL=Autocomplete.cjs.map

package/dist/components/forms/autocomplete/Autocomplete.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.cjs","sources":["../../../../src/components/forms/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\n\r\nimport {\r\n    AutocompleteInput,\r\n    AutocompleteTrigger,\r\n    AutocompleteInputGroup,\r\n    AutocompleteIcon,\r\n    AutocompleteClear,\r\n    AutocompleteContent,\r\n    AutocompleteList,\r\n    AutocompleteGroup,\r\n    AutocompleteLabel,\r\n    AutocompleteItem,\r\n    AutocompleteEmpty,\r\n    AutocompleteSeparator,\r\n    AutocompleteStatus,\r\n    AutocompleteCollection,\r\n} from '@components/forms/autocomplete/components'\r\nimport type { AutocompleteCompound } from '@components/forms/autocomplete/types/Autocomplete.types.ts'\r\nimport { memo } from 'react'\r\n\r\n// Re-export styles so consumers can target / extend them.\r\nexport { AUTOCOMPLETE_INPUT_STYLES } from '@components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.ts'\r\nexport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nexport { AUTOCOMPLETE_CONTENT_STYLES } from '@components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.ts'\r\nexport { AUTOCOMPLETE_ITEM_STYLES } from '@components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.ts'\r\nexport { AUTOCOMPLETE_SEPARATOR_STYLES } from '@components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.ts'\r\n\r\n/**\r\n * A styled autocomplete control built on top of `@base-ui/react/autocomplete`.\r\n *\r\n * Exposes the full Base UI Autocomplete API as compound subcomponents, all\r\n * styled to match the library's design tokens. The input looks and behaves like\r\n * a TextField, and the listbox popup follows the same visual language as the\r\n * Select and DropdownMenu components.\r\n *\r\n * For a simpler, field-style API (label, helperText, error, options array),\r\n * use `AutocompleteField`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Autocomplete>\r\n *   <Autocomplete.Input placeholder=\"Search a fruit\" />\r\n *   <Autocomplete.Content>\r\n *     <Autocomplete.List>\r\n *       <Autocomplete.Item value=\"apple\">Apple</Autocomplete.Item>\r\n *       <Autocomplete.Item value=\"banana\">Banana</Autocomplete.Item>\r\n *     </Autocomplete.List>\r\n *   </Autocomplete.Content>\r\n * </Autocomplete>\r\n * ```\r\n */\r\nconst Autocomplete = memo<BaseAutocomplete.Root.Props<any>>((props) => (\r\n    // Match Select's behavior of opening the popup on click, while still\r\n    // letting consumers opt out via an explicit `openOnInputClick` prop.\r\n    <BaseAutocomplete.Root\r\n        openOnInputClick\r\n        {...props}\r\n    />\r\n)) as unknown as AutocompleteCompound\r\n\r\nAutocomplete.displayName = 'Autocomplete'\r\n\r\nAutocomplete.Input = AutocompleteInput\r\nAutocomplete.Trigger = AutocompleteTrigger\r\nAutocomplete.InputGroup = AutocompleteInputGroup\r\nAutocomplete.Icon = AutocompleteIcon\r\nAutocomplete.Clear = AutocompleteClear\r\nAutocomplete.Content = AutocompleteContent\r\nAutocomplete.List = AutocompleteList\r\nAutocomplete.Group = AutocompleteGroup\r\nAutocomplete.Label = AutocompleteLabel\r\nAutocomplete.Item = AutocompleteItem\r\nAutocomplete.Empty = AutocompleteEmpty\r\nAutocomplete.Separator = AutocompleteSeparator\r\nAutocomplete.Status = AutocompleteStatus\r\nAutocomplete.Collection = AutocompleteCollection\r\n\r\nexport default Autocomplete\r\n"],"names":["Autocomplete","memo","props","jsx","BaseAutocomplete","AutocompleteInput","AutocompleteTrigger","AutocompleteInputGroup","AutocompleteIcon","AutocompleteClear","AutocompleteContent","AutocompleteList","AutocompleteGroup","AutocompleteLabel","AutocompleteItem","AutocompleteEmpty","AutocompleteSeparator","AutocompleteStatus","AutocompleteCollection"],"mappings":"4sFAoDMA,EAAeC,EAAAA,KAAwCC,GAGzDC,EAAAA,IAACC,EAAAA,aAAiB,KAAjB,CACG,iBAAgB,GACf,GAAGF,CAAA,CAAA,CAEX,EAEDF,EAAa,YAAc,eAE3BA,EAAa,MAAQK,EACrBL,EAAa,QAAUM,EACvBN,EAAa,WAAaO,EAC1BP,EAAa,KAAOQ,EACpBR,EAAa,MAAQS,EACrBT,EAAa,QAAUU,EACvBV,EAAa,KAAOW,EACpBX,EAAa,MAAQY,EACrBZ,EAAa,MAAQa,EACrBb,EAAa,KAAOc,EACpBd,EAAa,MAAQe,EACrBf,EAAa,UAAYgB,EACzBhB,EAAa,OAASiB,EACtBjB,EAAa,WAAakB"}

package/dist/components/forms/autocomplete/Autocomplete.d.ts

@@ -0,0 +1,32 @@
+import { AutocompleteCompound } from './types/Autocomplete.types.ts';
+export { AUTOCOMPLETE_INPUT_STYLES } from './components/autocomplete-input/styles/AutocompleteInput.css.ts';
+export { AUTOCOMPLETE_TRIGGER_STYLES } from './components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts';
+export { AUTOCOMPLETE_CONTENT_STYLES } from './components/autocomplete-content/styles/AutocompleteContent.css.ts';
+export { AUTOCOMPLETE_ITEM_STYLES } from './components/autocomplete-item/styles/AutocompleteItem.css.ts';
+export { AUTOCOMPLETE_SEPARATOR_STYLES } from './components/autocomplete-separator/styles/AutocompleteSeparator.css.ts';
+/**
+ * A styled autocomplete control built on top of `@base-ui/react/autocomplete`.
+ *
+ * Exposes the full Base UI Autocomplete API as compound subcomponents, all
+ * styled to match the library's design tokens. The input looks and behaves like
+ * a TextField, and the listbox popup follows the same visual language as the
+ * Select and DropdownMenu components.
+ *
+ * For a simpler, field-style API (label, helperText, error, options array),
+ * use `AutocompleteField`.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete>
+ *   <Autocomplete.Input placeholder="Search a fruit" />
+ *   <Autocomplete.Content>
+ *     <Autocomplete.List>
+ *       <Autocomplete.Item value="apple">Apple</Autocomplete.Item>
+ *       <Autocomplete.Item value="banana">Banana</Autocomplete.Item>
+ *     </Autocomplete.List>
+ *   </Autocomplete.Content>
+ * </Autocomplete>
+ * ```
+ */
+declare const Autocomplete: AutocompleteCompound;
+export default Autocomplete;

package/dist/components/forms/autocomplete/Autocomplete.js

@@ -0,0 +1,67 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Autocomplete as p } from "@base-ui/react/autocomplete";
+import r from "./components/autocomplete-input/AutocompleteInput.js";
+import { AUTOCOMPLETE_INPUT_STYLES as mo } from "./components/autocomplete-input/styles/AutocompleteInput.css.js";
+import e from "./components/autocomplete-trigger/AutocompleteTrigger.js";
+/* empty css                                         */
+/* empty css                                                                              */
+import i from "./components/autocomplete-input-group/AutocompleteInputGroup.js";
+import u from "./components/autocomplete-icon/AutocompleteIcon.js";
+import l from "./components/autocomplete-clear/AutocompleteClear.js";
+import c from "./components/autocomplete-content/AutocompleteContent.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                                                                              */
+import f from "./components/autocomplete-list/AutocompleteList.js";
+import A from "./components/autocomplete-group/AutocompleteGroup.js";
+import n from "./components/autocomplete-label/AutocompleteLabel.js";
+import a from "./components/autocomplete-item/AutocompleteItem.js";
+/* empty css                                                                        */
+import I from "./components/autocomplete-empty/AutocompleteEmpty.js";
+import s from "./components/autocomplete-separator/AutocompleteSeparator.js";
+/* empty css                                                                                  */
+import C from "./components/autocomplete-status/AutocompleteStatus.js";
+import L from "./components/autocomplete-collection/AutocompleteCollection.js";
+import "./components/autocomplete-field/AutocompleteField.js";
+import { memo as S } from "react";
+const o = S((t) => (
+  // Match Select's behavior of opening the popup on click, while still
+  // letting consumers opt out via an explicit `openOnInputClick` prop.
+  /* @__PURE__ */ m(
+    p.Root,
+    {
+      openOnInputClick: !0,
+      ...t
+    }
+  )
+));
+o.displayName = "Autocomplete";
+o.Input = r;
+o.Trigger = e;
+o.InputGroup = i;
+o.Icon = u;
+o.Clear = l;
+o.Content = c;
+o.List = f;
+o.Group = A;
+o.Label = n;
+o.Item = a;
+o.Empty = I;
+o.Separator = s;
+o.Status = C;
+o.Collection = L;
+export {
+  mo as AUTOCOMPLETE_INPUT_STYLES,
+  o as default
+};
+//# sourceMappingURL=Autocomplete.js.map

package/dist/components/forms/autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/forms/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\n\r\nimport {\r\n    AutocompleteInput,\r\n    AutocompleteTrigger,\r\n    AutocompleteInputGroup,\r\n    AutocompleteIcon,\r\n    AutocompleteClear,\r\n    AutocompleteContent,\r\n    AutocompleteList,\r\n    AutocompleteGroup,\r\n    AutocompleteLabel,\r\n    AutocompleteItem,\r\n    AutocompleteEmpty,\r\n    AutocompleteSeparator,\r\n    AutocompleteStatus,\r\n    AutocompleteCollection,\r\n} from '@components/forms/autocomplete/components'\r\nimport type { AutocompleteCompound } from '@components/forms/autocomplete/types/Autocomplete.types.ts'\r\nimport { memo } from 'react'\r\n\r\n// Re-export styles so consumers can target / extend them.\r\nexport { AUTOCOMPLETE_INPUT_STYLES } from '@components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.ts'\r\nexport { AUTOCOMPLETE_TRIGGER_STYLES } from '@components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.ts'\r\nexport { AUTOCOMPLETE_CONTENT_STYLES } from '@components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.ts'\r\nexport { AUTOCOMPLETE_ITEM_STYLES } from '@components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.ts'\r\nexport { AUTOCOMPLETE_SEPARATOR_STYLES } from '@components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.ts'\r\n\r\n/**\r\n * A styled autocomplete control built on top of `@base-ui/react/autocomplete`.\r\n *\r\n * Exposes the full Base UI Autocomplete API as compound subcomponents, all\r\n * styled to match the library's design tokens. The input looks and behaves like\r\n * a TextField, and the listbox popup follows the same visual language as the\r\n * Select and DropdownMenu components.\r\n *\r\n * For a simpler, field-style API (label, helperText, error, options array),\r\n * use `AutocompleteField`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Autocomplete>\r\n *   <Autocomplete.Input placeholder=\"Search a fruit\" />\r\n *   <Autocomplete.Content>\r\n *     <Autocomplete.List>\r\n *       <Autocomplete.Item value=\"apple\">Apple</Autocomplete.Item>\r\n *       <Autocomplete.Item value=\"banana\">Banana</Autocomplete.Item>\r\n *     </Autocomplete.List>\r\n *   </Autocomplete.Content>\r\n * </Autocomplete>\r\n * ```\r\n */\r\nconst Autocomplete = memo<BaseAutocomplete.Root.Props<any>>((props) => (\r\n    // Match Select's behavior of opening the popup on click, while still\r\n    // letting consumers opt out via an explicit `openOnInputClick` prop.\r\n    <BaseAutocomplete.Root\r\n        openOnInputClick\r\n        {...props}\r\n    />\r\n)) as unknown as AutocompleteCompound\r\n\r\nAutocomplete.displayName = 'Autocomplete'\r\n\r\nAutocomplete.Input = AutocompleteInput\r\nAutocomplete.Trigger = AutocompleteTrigger\r\nAutocomplete.InputGroup = AutocompleteInputGroup\r\nAutocomplete.Icon = AutocompleteIcon\r\nAutocomplete.Clear = AutocompleteClear\r\nAutocomplete.Content = AutocompleteContent\r\nAutocomplete.List = AutocompleteList\r\nAutocomplete.Group = AutocompleteGroup\r\nAutocomplete.Label = AutocompleteLabel\r\nAutocomplete.Item = AutocompleteItem\r\nAutocomplete.Empty = AutocompleteEmpty\r\nAutocomplete.Separator = AutocompleteSeparator\r\nAutocomplete.Status = AutocompleteStatus\r\nAutocomplete.Collection = AutocompleteCollection\r\n\r\nexport default Autocomplete\r\n"],"names":["Autocomplete","memo","props","jsx","BaseAutocomplete","AutocompleteInput","AutocompleteTrigger","AutocompleteInputGroup","AutocompleteIcon","AutocompleteClear","AutocompleteContent","AutocompleteList","AutocompleteGroup","AutocompleteLabel","AutocompleteItem","AutocompleteEmpty","AutocompleteSeparator","AutocompleteStatus","AutocompleteCollection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAMA,IAAeC,EAAuC,CAACC;AAAA;AAAA;AAAA,EAGzD,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACG,kBAAgB;AAAA,MACf,GAAGF;AAAA,IAAA;AAAA,EAAA;AAAA,CAEX;AAEDF,EAAa,cAAc;AAE3BA,EAAa,QAAQK;AACrBL,EAAa,UAAUM;AACvBN,EAAa,aAAaO;AAC1BP,EAAa,OAAOQ;AACpBR,EAAa,QAAQS;AACrBT,EAAa,UAAUU;AACvBV,EAAa,OAAOW;AACpBX,EAAa,QAAQY;AACrBZ,EAAa,QAAQa;AACrBb,EAAa,OAAOc;AACpBd,EAAa,QAAQe;AACrBf,EAAa,YAAYgB;AACzBhB,EAAa,SAASiB;AACtBjB,EAAa,aAAakB;"}

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("@base-ui/react/autocomplete"),c=require("react"),e=c.memo(t=>o.jsx(r.Autocomplete.Clear,{...t}));e.displayName="Autocomplete.Clear";module.exports=e;
+//# sourceMappingURL=AutocompleteClear.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteClear.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Clears the autocomplete input value when clicked.\r\n */\r\nconst AutocompleteClear: FC<BaseAutocomplete.Clear.Props> = memo((props) => (\r\n    <BaseAutocomplete.Clear {...props} />\r\n))\r\n\r\nAutocompleteClear.displayName = 'Autocomplete.Clear'\r\n\r\nexport default AutocompleteClear\r\n"],"names":["AutocompleteClear","memo","props","jsx","BaseAutocomplete"],"mappings":"8GAMMA,EAAsDC,EAAAA,KAAMC,GAC9DC,EAAAA,IAACC,EAAAA,aAAiB,MAAjB,CAAwB,GAAGF,EAAO,CACtC,EAEDF,EAAkB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.d.ts

@@ -0,0 +1,7 @@
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { FC } from 'react';
+/**
+ * Clears the autocomplete input value when clicked.
+ */
+declare const AutocompleteClear: FC<BaseAutocomplete.Clear.Props>;
+export default AutocompleteClear;

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.js

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

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteClear.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Clears the autocomplete input value when clicked.\r\n */\r\nconst AutocompleteClear: FC<BaseAutocomplete.Clear.Props> = memo((props) => (\r\n    <BaseAutocomplete.Clear {...props} />\r\n))\r\n\r\nAutocompleteClear.displayName = 'Autocomplete.Clear'\r\n\r\nexport default AutocompleteClear\r\n"],"names":["AutocompleteClear","memo","props","jsx","BaseAutocomplete"],"mappings":";;;AAMA,MAAMA,IAAsDC,EAAK,CAACC,MAC9D,gBAAAC,EAACC,EAAiB,OAAjB,EAAwB,GAAGF,GAAO,CACtC;AAEDF,EAAkB,cAAc;"}

package/dist/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),c=require("@base-ui/react/autocomplete"),l=require("react"),e=l.memo(o=>t.jsx(c.Autocomplete.Collection,{...o}));e.displayName="Autocomplete.Collection";module.exports=e;
+//# sourceMappingURL=AutocompleteCollection.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteCollection.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Collection wrapper for rendering autocomplete items from data.\r\n */\r\nconst AutocompleteCollection: FC<BaseAutocomplete.Collection.Props> = memo((props) => (\r\n    <BaseAutocomplete.Collection {...props} />\r\n))\r\n\r\nAutocompleteCollection.displayName = 'Autocomplete.Collection'\r\n\r\nexport default AutocompleteCollection\r\n"],"names":["AutocompleteCollection","memo","props","jsx","BaseAutocomplete"],"mappings":"8GAMMA,EAAgEC,EAAAA,KAAMC,GACxEC,EAAAA,IAACC,EAAAA,aAAiB,WAAjB,CAA6B,GAAGF,EAAO,CAC3C,EAEDF,EAAuB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.d.ts

@@ -0,0 +1,7 @@
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { FC } from 'react';
+/**
+ * Collection wrapper for rendering autocomplete items from data.
+ */
+declare const AutocompleteCollection: FC<BaseAutocomplete.Collection.Props>;
+export default AutocompleteCollection;

package/dist/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.js

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

package/dist/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteCollection.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Collection wrapper for rendering autocomplete items from data.\r\n */\r\nconst AutocompleteCollection: FC<BaseAutocomplete.Collection.Props> = memo((props) => (\r\n    <BaseAutocomplete.Collection {...props} />\r\n))\r\n\r\nAutocompleteCollection.displayName = 'Autocomplete.Collection'\r\n\r\nexport default AutocompleteCollection\r\n"],"names":["AutocompleteCollection","memo","props","jsx","BaseAutocomplete"],"mappings":";;;AAMA,MAAMA,IAAgEC,EAAK,CAACC,MACxE,gBAAAC,EAACC,EAAiB,YAAjB,EAA6B,GAAGF,GAAO,CAC3C;AAEDF,EAAuB,cAAc;"}

package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs

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

package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteContent.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_CONTENT_STYLES } from '@components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { AutocompleteContentProps } from '@components/forms/autocomplete/components/autocomplete-content/types/AutocompleteContent.props.ts'\r\n\r\n/**\r\n * The autocomplete popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as Select.Content. Collision handling is delegated to\r\n * `useViewportShift` (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst AutocompleteContent: FC<AutocompleteContentProps> = 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        <BaseAutocomplete.Portal>\r\n            <BaseAutocomplete.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\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                <BaseAutocomplete.Popup\r\n                    ref={contentRef}\r\n                    className={cn(AUTOCOMPLETE_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseAutocomplete.Popup>\r\n            </BaseAutocomplete.Positioner>\r\n        </BaseAutocomplete.Portal>\r\n    )\r\n})\r\n\r\nAutocompleteContent.displayName = 'Autocomplete.Content'\r\n\r\nexport default AutocompleteContent\r\n"],"names":["AutocompleteContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_CONTENT_STYLES"],"mappings":"wRAeMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,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,aAAiB,OAAjB,CACG,SAAAD,EAAAA,IAACC,EAAAA,aAAiB,WAAjB,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,aAAiB,MAAjB,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,8BAA4B,KAAMb,CAAS,EACzD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAoB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { AutocompleteContentProps } from './types/AutocompleteContent.props.ts';
+/**
+ * The autocomplete popup panel.
+ *
+ * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same
+ * simple API as Select.Content. Collision handling is delegated to
+ * `useViewportShift` (Base UI's built-in flip/shift is disabled).
+ */
+declare const AutocompleteContent: FC<AutocompleteContentProps>;
+export default AutocompleteContent;

package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.js

@@ -0,0 +1,42 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Autocomplete as t } from "@base-ui/react/autocomplete";
+import { memo as c } from "react";
+import { cn as f } from "../../../../../utils/cn.js";
+import { AUTOCOMPLETE_CONTENT_STYLES as u } from "./styles/AutocompleteContent.css.js";
+import { useViewportShift as d } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
+const A = c(({
+  className: e,
+  listboxAriaLabel: r = "Options",
+  children: n,
+  side: i = "bottom",
+  align: m = "start",
+  sideOffset: p = 6,
+  collisionPadding: l = 8,
+  ...a
+}) => {
+  const s = d(l);
+  return /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+    t.Positioner,
+    {
+      side: i,
+      align: m,
+      sideOffset: p,
+      collisionAvoidance: { side: "none", align: "none" },
+      ...a,
+      children: /* @__PURE__ */ o(
+        t.Popup,
+        {
+          ref: s,
+          className: f(u.root, e),
+          "aria-label": r,
+          children: n
+        }
+      )
+    }
+  ) });
+});
+A.displayName = "Autocomplete.Content";
+export {
+  A as default
+};
+//# sourceMappingURL=AutocompleteContent.js.map

package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteContent.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { AUTOCOMPLETE_CONTENT_STYLES } from '@components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { AutocompleteContentProps } from '@components/forms/autocomplete/components/autocomplete-content/types/AutocompleteContent.props.ts'\r\n\r\n/**\r\n * The autocomplete popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as Select.Content. Collision handling is delegated to\r\n * `useViewportShift` (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst AutocompleteContent: FC<AutocompleteContentProps> = 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        <BaseAutocomplete.Portal>\r\n            <BaseAutocomplete.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\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                <BaseAutocomplete.Popup\r\n                    ref={contentRef}\r\n                    className={cn(AUTOCOMPLETE_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseAutocomplete.Popup>\r\n            </BaseAutocomplete.Positioner>\r\n        </BaseAutocomplete.Portal>\r\n    )\r\n})\r\n\r\nAutocompleteContent.displayName = 'Autocomplete.Content'\r\n\r\nexport default AutocompleteContent\r\n"],"names":["AutocompleteContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseAutocomplete","cn","AUTOCOMPLETE_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAiB,QAAjB,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAiB;AAAA,QAAjB;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA4B,MAAMb,CAAS;AAAA,UACzD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAoB,cAAc;"}

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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                                         */var e={root:"_1hech530"};exports.AUTOCOMPLETE_CONTENT_STYLES=e;
+//# sourceMappingURL=AutocompleteContent.css.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.cjs.map

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

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Autocomplete popup panel — visually identical to the Select content panel.
+ */
+export declare const AUTOCOMPLETE_CONTENT_STYLES: {
+    root: string;
+};

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.js

@@ -0,0 +1,19 @@
+/* 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                                       */
+var N = { root: "_1hech530" };
+export {
+  N as AUTOCOMPLETE_CONTENT_STYLES
+};
+//# sourceMappingURL=AutocompleteContent.css.js.map

package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.js.map

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

package/dist/components/forms/autocomplete/components/autocomplete-content/types/AutocompleteContent.props.d.ts

@@ -0,0 +1,11 @@
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import type * as React from 'react';
+/** Props for the styled autocomplete popup content. */
+export type AutocompleteContentProps = Pick<BaseAutocomplete.Positioner.Props, 'side' | 'align' | 'sideOffset'> & {
+    className?: string;
+    children?: React.ReactNode;
+    /** Collision margin in px passed to `useViewportShift`. */
+    collisionPadding?: number;
+    /** Accessible name for the autocomplete listbox popup. */
+    listboxAriaLabel?: string;
+};

package/dist/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),m=require("@base-ui/react/autocomplete"),c=require("react"),e=c.memo(t=>o.jsx(m.Autocomplete.Empty,{...t}));e.displayName="Autocomplete.Empty";module.exports=e;
+//# sourceMappingURL=AutocompleteEmpty.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteEmpty.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Renders its children when the filtered autocomplete list is empty.\r\n */\r\nconst AutocompleteEmpty: FC<BaseAutocomplete.Empty.Props> = memo((props) => (\r\n    <BaseAutocomplete.Empty {...props} />\r\n))\r\n\r\nAutocompleteEmpty.displayName = 'Autocomplete.Empty'\r\n\r\nexport default AutocompleteEmpty\r\n"],"names":["AutocompleteEmpty","memo","props","jsx","BaseAutocomplete"],"mappings":"8GAMMA,EAAsDC,EAAAA,KAAMC,GAC9DC,EAAAA,IAACC,EAAAA,aAAiB,MAAjB,CAAwB,GAAGF,EAAO,CACtC,EAEDF,EAAkB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.d.ts

@@ -0,0 +1,7 @@
+import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
+import { FC } from 'react';
+/**
+ * Renders its children when the filtered autocomplete list is empty.
+ */
+declare const AutocompleteEmpty: FC<BaseAutocomplete.Empty.Props>;
+export default AutocompleteEmpty;

package/dist/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.js

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

package/dist/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteEmpty.js","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Renders its children when the filtered autocomplete list is empty.\r\n */\r\nconst AutocompleteEmpty: FC<BaseAutocomplete.Empty.Props> = memo((props) => (\r\n    <BaseAutocomplete.Empty {...props} />\r\n))\r\n\r\nAutocompleteEmpty.displayName = 'Autocomplete.Empty'\r\n\r\nexport default AutocompleteEmpty\r\n"],"names":["AutocompleteEmpty","memo","props","jsx","BaseAutocomplete"],"mappings":";;;AAMA,MAAMA,IAAsDC,EAAK,CAACC,MAC9D,gBAAAC,EAACC,EAAiB,OAAjB,EAAwB,GAAGF,GAAO,CACtC;AAEDF,EAAkB,cAAc;"}

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),q=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const S=require("../../../_shared/components/helper-text/HelperText.cjs"),T=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */const _=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 l=require("../../Autocomplete.cjs"),$=require("./hooks/useAutocompleteField.hook.cjs"),D=require("./utils/toRootItems.utils.cjs"),v=s.memo(({label:o,helperText:d,error:i,startIcon:a,placeholder:b,size:c="md",width:h,disabled:x,required:g,listboxAriaLabel:F,emptyText:I="No results found.",options:u,className:y,value:C,defaultValue:A,onValueChange:L,open:V,defaultOpen:G,onOpenChange:R,name:k})=>{const{inputId:j,helperId:m,hasError:n,inputValue:w,handleValueChange:f}=$({error:i,value:C,defaultValue:A,onValueChange:L}),E=s.useMemo(()=>D.toRootItems(u),[u]),M=s.useMemo(()=>u.some(t=>t.type==="group"),[u]),N=s.useCallback(t=>{f(t)},[f]);return e.jsxs(q,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:h!==void 0?{width:h}:void 0,className:y,children:[o&&e.jsx(T,{htmlFor:j,disabled:x,children:o}),e.jsxs(q,{position:"relative",width:"100%",gap:"none",children:[a&&e.jsx(_,{icon:a,size:c}),e.jsxs(l.default,{value:w,onValueChange:N,disabled:x,required:g,open:V,defaultOpen:G,onOpenChange:R,name:k,items:E,children:[e.jsxs(l.default.InputGroup,{style:{width:"100%"},children:[e.jsx(l.default.Input,{id:j,placeholder:b,startIcon:a,size:c,hasError:n,"aria-describedby":i||d?m:void 0,"aria-invalid":n||void 0}),e.jsx(l.default.Trigger,{})]}),e.jsxs(l.default.Content,{listboxAriaLabel:F,children:[M?e.jsx(l.default.List,{children:(t,p)=>e.jsxs(s.Fragment,{children:[p>0&&e.jsx(l.default.Separator,{}),e.jsxs(l.default.Group,{items:t.items,children:[e.jsx(l.default.Label,{children:t.label}),e.jsx(l.default.Collection,{children:r=>e.jsx(l.default.Item,{value:r.value,disabled:r.disabled,children:r.label},r.value)})]})]},`group-${t.label}-${p}`)}):e.jsx(l.default.List,{children:t=>e.jsx(l.default.Item,{value:t.value,disabled:t.disabled,children:t.label},t.value)}),e.jsx(l.default.Empty,{children:I})]})]})]}),(i||d)&&e.jsx(S,{id:m,hasError:n,children:i??d})]})});v.displayName="AutocompleteField";module.exports=v;
+//# sourceMappingURL=AutocompleteField.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteField.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.tsx"],"sourcesContent":["import { Fragment, type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel, TextFieldStartIcon } from '@components/forms/text-field/components'\r\nimport Autocomplete from '@components/forms/autocomplete/Autocomplete.tsx'\r\nimport type { AutocompleteFieldProps } from '@components/forms/autocomplete/types/Autocomplete.props.ts'\r\nimport useAutocompleteField from '@components/forms/autocomplete/components/autocomplete-field/hooks/useAutocompleteField.hook.ts'\r\nimport { toRootItems } from '@components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Autocomplete` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <AutocompleteField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Search a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst AutocompleteField: FC<AutocompleteFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    emptyText = 'No results found.',\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n}) => {\r\n    const { inputId, helperId, hasError, inputValue, handleValueChange } = useAutocompleteField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => toRootItems(options), [options])\r\n    const hasGroups = useMemo(() => options.some((option) => option.type === 'group'), [options])\r\n\r\n    const handleAutocompleteValueChange = useCallback(\r\n        (nextValue: string) => { handleValueChange(nextValue) },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Flex\r\n                position={'relative'}\r\n                width={'100%'}\r\n                gap={'none'}\r\n            >\r\n                {startIcon && (\r\n                    <TextFieldStartIcon\r\n                        icon={startIcon}\r\n                        size={size}\r\n                    />\r\n                )}\r\n\r\n                <Autocomplete\r\n                    value={inputValue}\r\n                    onValueChange={handleAutocompleteValueChange}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                    open={open}\r\n                    defaultOpen={defaultOpen}\r\n                    onOpenChange={onOpenChange}\r\n                    name={name}\r\n                    items={items}\r\n                >\r\n                    <Autocomplete.InputGroup style={{ width: '100%' }}>\r\n                        <Autocomplete.Input\r\n                            id={inputId}\r\n                            placeholder={placeholder}\r\n                            startIcon={startIcon}\r\n                            size={size}\r\n                            hasError={hasError}\r\n                            aria-describedby={error || helperText ? helperId : undefined}\r\n                            aria-invalid={hasError || undefined}\r\n                        />\r\n                        <Autocomplete.Trigger />\r\n                    </Autocomplete.InputGroup>\r\n                    <Autocomplete.Content listboxAriaLabel={listboxAriaLabel}>\r\n                        {/*\r\n                         * Pass a function as children so Base UI's `Autocomplete.List` only\r\n                         * renders items that survived its own filtering (driven by the `items`\r\n                         * prop on the root). Mapping over the raw `options` array here would\r\n                         * always render every option, bypassing filtering entirely.\r\n                         */}\r\n                        {hasGroups ? (\r\n                            <Autocomplete.List>\r\n                                {(group: { label: string; items: { value: string; label: string; disabled?: boolean }[] }, groupIndex: number) => (\r\n                                    <Fragment key={`group-${group.label}-${groupIndex}`}>\r\n                                        {groupIndex > 0 && <Autocomplete.Separator />}\r\n                                        <Autocomplete.Group items={group.items}>\r\n                                            <Autocomplete.Label>{group.label}</Autocomplete.Label>\r\n                                            <Autocomplete.Collection>\r\n                                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                                    <Autocomplete.Item\r\n                                                        key={item.value}\r\n                                                        value={item.value}\r\n                                                        disabled={item.disabled}\r\n                                                    >\r\n                                                        {item.label}\r\n                                                    </Autocomplete.Item>\r\n                                                )}\r\n                                            </Autocomplete.Collection>\r\n                                        </Autocomplete.Group>\r\n                                    </Fragment>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        ) : (\r\n                            <Autocomplete.List>\r\n                                {(item: { value: string; label: string; disabled?: boolean }) => (\r\n                                    <Autocomplete.Item\r\n                                        key={item.value}\r\n                                        value={item.value}\r\n                                        disabled={item.disabled}\r\n                                    >\r\n                                        {item.label}\r\n                                    </Autocomplete.Item>\r\n                                )}\r\n                            </Autocomplete.List>\r\n                        )}\r\n                        <Autocomplete.Empty>{emptyText}</Autocomplete.Empty>\r\n                    </Autocomplete.Content>\r\n                </Autocomplete>\r\n            </Flex>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nAutocompleteField.displayName = 'AutocompleteField'\r\n\r\nexport default AutocompleteField\r\n"],"names":["AutocompleteField","memo","label","helperText","error","startIcon","placeholder","size","width","disabled","required","listboxAriaLabel","emptyText","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","inputId","helperId","hasError","inputValue","handleValueChange","useAutocompleteField","items","useMemo","toRootItems","hasGroups","option","handleAutocompleteValueChange","useCallback","nextValue","jsxs","Flex","jsx","TextFieldLabel","TextFieldStartIcon","Autocomplete","group","groupIndex","Fragment","item","HelperText"],"mappings":"glCA6BMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,oBACZ,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,CACJ,IAAM,CACF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAqB,CACxF,MAAAvB,EACA,MAAAW,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EAEKW,EAAQC,EAAAA,QAAQ,IAAMC,EAAAA,YAAYjB,CAAO,EAAG,CAACA,CAAO,CAAC,EACrDkB,EAAYF,EAAAA,QAAQ,IAAMhB,EAAQ,KAAMmB,GAAWA,EAAO,OAAS,OAAO,EAAG,CAACnB,CAAO,CAAC,EAEtFoB,EAAgCC,EAAAA,YACjCC,GAAsB,CAAET,EAAkBS,CAAS,CAAE,EACtD,CAACT,CAAiB,CAAA,EAGtB,OACIU,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO7B,IAAU,OAAY,CAAE,MAAAA,GAAU,OACzC,UAAAM,EAEC,SAAA,CAAAZ,GACGoC,EAAAA,IAACC,EAAA,CACG,QAASjB,EACT,SAAAb,EAEC,SAAAP,CAAA,CAAA,EAITkC,EAAAA,KAACC,EAAA,CACG,SAAU,WACV,MAAO,OACP,IAAK,OAEJ,SAAA,CAAAhC,GACGiC,EAAAA,IAACE,EAAA,CACG,KAAMnC,EACN,KAAAE,CAAA,CAAA,EAIR6B,EAAAA,KAACK,EAAAA,QAAA,CACG,MAAOhB,EACP,cAAeQ,EACf,SAAAxB,EACA,SAAAC,EACA,KAAAQ,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAO,EAEA,SAAA,CAAAQ,OAACK,EAAAA,QAAa,WAAb,CAAwB,MAAO,CAAE,MAAO,QACrC,SAAA,CAAAH,EAAAA,IAACG,EAAAA,QAAa,MAAb,CACG,GAAInB,EACJ,YAAAhB,EACA,UAAAD,EACA,KAAAE,EACA,SAAAiB,EACA,mBAAkBpB,GAASD,EAAaoB,EAAW,OACnD,eAAcC,GAAY,MAAA,CAAA,EAE9Bc,MAACG,EAAAA,QAAa,QAAb,CAAA,CAAqB,CAAA,EAC1B,EACAL,EAAAA,KAACK,EAAAA,QAAa,QAAb,CAAqB,iBAAA9B,EAOjB,SAAA,CAAAoB,EACGO,EAAAA,IAACG,UAAa,KAAb,CACI,UAACC,EAAyFC,WACtFC,EAAAA,SAAA,CACI,SAAA,CAAAD,EAAa,GAAKL,EAAAA,IAACG,EAAAA,QAAa,UAAb,CAAA,CAAuB,SAC1CA,EAAAA,QAAa,MAAb,CAAmB,MAAOC,EAAM,MAC7B,SAAA,CAAAJ,EAAAA,IAACG,EAAAA,QAAa,MAAb,CAAoB,SAAAC,EAAM,MAAM,EACjCJ,EAAAA,IAACG,EAAAA,QAAa,WAAb,CACI,SAACI,GACEP,EAAAA,IAACG,EAAAA,QAAa,KAAb,CAEG,MAAOI,EAAK,MACZ,SAAUA,EAAK,SAEd,SAAAA,EAAK,KAAA,EAJDA,EAAK,KAAA,CAKd,CAER,CAAA,CAAA,CACJ,CAAA,CAAA,EAfW,SAASH,EAAM,KAAK,IAAIC,CAAU,EAgBjD,CAAA,CAER,EAEAL,EAAAA,IAACG,EAAAA,QAAa,KAAb,CACI,SAACI,GACEP,EAAAA,IAACG,EAAAA,QAAa,KAAb,CAEG,MAAOI,EAAK,MACZ,SAAUA,EAAK,SAEd,SAAAA,EAAK,KAAA,EAJDA,EAAK,KAAA,EAOtB,EAEJP,EAAAA,IAACG,EAAAA,QAAa,MAAb,CAAoB,SAAA7B,CAAA,CAAU,CAAA,CAAA,CACnC,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,GAGFR,GAASD,IACPmC,EAAAA,IAACQ,EAAA,CACG,GAAIvB,EACJ,SAAAC,EAEC,SAAApB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAkB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { AutocompleteFieldProps } from '../../types/Autocomplete.props.ts';
+/**
+ * Convenience wrapper around `Autocomplete` that provides a TextField-like API:
+ * label, helperText, error, size, width, startIcon, placeholder and an
+ * `options` array.
+ *
+ * @example
+ * ```tsx
+ * <AutocompleteField
+ *   label="Fruit"
+ *   placeholder="Search a fruit"
+ *   options={[
+ *     { value: 'apple', label: 'Apple' },
+ *     { value: 'banana', label: 'Banana' },
+ *   ]}
+ *   value={value}
+ *   onValueChange={setValue}
+ * />
+ * ```
+ */
+declare const AutocompleteField: FC<AutocompleteFieldProps>;
+export default AutocompleteField;