@duestel/ui 0.1.0

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,59 @@
+import { cn as e } from "../../lib/cn.js";
+import { Check as t, Minus as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Checkbox as o } from "@base-ui/react/checkbox";
+import { CheckboxGroup as s } from "@base-ui/react/checkbox-group";
+//#region src/components/checkbox/Checkbox.tsx
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Root, {
+		className: e("group relative flex size-5 shrink-0 cursor-pointer items-center justify-center", "rounded-[6px] bg-surface-container-highest transition-colors duration-150", "data-[checked]:bg-inverse-primary data-[indeterminate]:bg-inverse-primary", "before:absolute before:-inset-2.5 before:rounded-full before:transition-colors before:duration-500", "hover:before:bg-surface-container-highest/30", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]", "data-[readonly]:cursor-default", t),
+		...n
+	});
+}
+function l({ className: s, children: c, ...l }) {
+	return /* @__PURE__ */ i(o.Indicator, {
+		className: e("flex items-center justify-center text-white", "transition-all duration-150 ease-out", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0", s),
+		...l,
+		children: c ?? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {
+			"aria-hidden": !0,
+			className: "hidden size-3.5 group-data-[indeterminate]:block"
+		}), /* @__PURE__ */ i(t, {
+			"aria-hidden": !0,
+			className: "size-3.5 group-data-[indeterminate]:hidden"
+		})] })
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ i(s, {
+		className: e("flex flex-col items-start gap-3", t),
+		...n
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i("label", {
+		className: e("flex cursor-pointer items-center gap-3.5 text-body-small text-on-surface", "has-data-[disabled]:cursor-not-allowed", t),
+		...n
+	});
+}
+function f({ label: e, children: t, ariaLabel: n, onChange: r, onCheckedChange: o, className: s, ...u }) {
+	let f = e ?? t, p = /* @__PURE__ */ i(c, {
+		"aria-label": n,
+		onCheckedChange: (e, t) => {
+			o?.(e, t), r?.(e);
+		},
+		className: s,
+		...u,
+		children: /* @__PURE__ */ i(l, {})
+	});
+	return f == null ? p : /* @__PURE__ */ a(d, { children: [p, f] });
+}
+var p = Object.assign(f, {
+	Root: c,
+	Indicator: l,
+	Group: u,
+	Label: d
+});
+//#endregion
+export { p as Checkbox, u as Group, l as Indicator, d as Label, c as Root };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\nimport { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group'\nimport { Check, Minus } from 'lucide-react'\nimport { cn } from '#/lib/cn'\n\nimport type { ComponentProps, ReactNode } from 'react'\n\n/**\n * Checkbox — Material 3 styled wrapper over Base UI's headless Checkbox +\n * Checkbox Group.\n * Behaviour/accessibility (hidden input, aria-checked incl. \"mixed\",\n * keyboard toggling, parent/child group state): Base UI\n * (https://base-ui.com/react/components/checkbox and\n * https://base-ui.com/react/components/checkbox-group).\n * Visuals ported from port/core/ui/elements/common/Checkbox.tsx +\n * port/pages/examples/selection (see CLAUDE.md): 20px box with the port's\n * 6px corner on a 40px circular state layer (surface-container-highest/30\n * hover, slow fade), surface-container-highest fill when unticked,\n * inverse-primary fill with a white check when ticked (the port's native\n * `text-inverse-primary` accent), indeterminate dash, body-small label.\n *\n * Primary API is the port's single component (port/core/ui/elements/common):\n *   <Checkbox ariaLabel=\"Checkbox\" />\n *   <Checkbox label=\"I agree to everything\" defaultChecked />\n *   <Checkbox>I only agree to the <a href=\"#\">Terms of Service</a></Checkbox>\n *\n * Compound parts remain for advanced composition (parent/child groups):\n *   <Checkbox.Group allValues={...} defaultValue={...}>\n *     <Checkbox.Label>\n *       <Checkbox.Root parent><Checkbox.Indicator /></Checkbox.Root>\n *       Select all\n *     </Checkbox.Label>\n *     …\n *   </Checkbox.Group>\n */\n\nfunction Root({ className, ...props }: ComponentProps<typeof BaseCheckbox.Root>) {\n  return (\n    <BaseCheckbox.Root\n      className={cn(\n        'group relative flex size-5 shrink-0 cursor-pointer items-center justify-center',\n        // Port metrics: 6px corner (hardcoded in port, between the 4/8px tokens).\n        'rounded-[6px] bg-surface-container-highest transition-colors duration-150',\n        'data-[checked]:bg-inverse-primary data-[indeterminate]:bg-inverse-primary',\n        // 40px circular state layer, port hover color + slow fade.\n        'before:absolute before:-inset-2.5 before:rounded-full before:transition-colors before:duration-500',\n        'hover:before:bg-surface-container-highest/30',\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]',\n        'data-[readonly]:cursor-default',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction Indicator({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof BaseCheckbox.Indicator>) {\n  return (\n    <BaseCheckbox.Indicator\n      className={cn(\n        // White glyph like the port's native checkbox check, on inverse-primary.\n        'flex items-center justify-center text-white',\n        'transition-all duration-150 ease-out',\n        'data-[starting-style]:scale-50 data-[starting-style]:opacity-0',\n        'data-[ending-style]:scale-50 data-[ending-style]:opacity-0',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <Minus aria-hidden className=\"hidden size-3.5 group-data-[indeterminate]:block\" />\n          <Check aria-hidden className=\"size-3.5 group-data-[indeterminate]:hidden\" />\n        </>\n      )}\n    </BaseCheckbox.Indicator>\n  )\n}\n\n/** Shared state for a series of checkboxes; pass `allValues` to enable a parent checkbox. */\nfunction Group({ className, ...props }: ComponentProps<typeof BaseCheckboxGroup>) {\n  return (\n    <BaseCheckboxGroup\n      className={cn('flex flex-col items-start gap-3', className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * Convenience `<label>` row pairing a checkbox box with its label text —\n * port spacing (4px after the 40px state layer ≈ gap-3.5 from the 20px box)\n * and the port's body-small label.\n */\nfunction Label({ className, ...props }: ComponentProps<'label'>) {\n  return (\n    <label\n      className={cn(\n        'flex cursor-pointer items-center gap-3.5 text-body-small text-on-surface',\n        'has-data-[disabled]:cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\ntype CheckboxProps = Omit<ComponentProps<typeof Root>, 'onChange' | 'children'> & {\n  /** Label text to the right of the box (port API; children work too). */\n  label?: ReactNode\n  /** Label content, port style: <Checkbox>I agree…</Checkbox>. */\n  children?: ReactNode\n  /** Accessible name for a bare box without a visible label (port API). */\n  ariaLabel?: string\n  /** Port-compat change callback; receives the new checked state. */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * Port-style single checkbox: box + optional label row in one element.\n * `label` (or children) renders the port's body-small label; without either\n * it's a bare box — pass `ariaLabel`.\n */\nfunction CheckboxComponent({\n  label,\n  children,\n  ariaLabel,\n  onChange,\n  onCheckedChange,\n  className,\n  ...props\n}: CheckboxProps) {\n  const content = label ?? children\n  const box = (\n    <Root\n      aria-label={ariaLabel}\n      onCheckedChange={(checked, eventDetails) => {\n        onCheckedChange?.(checked, eventDetails)\n        onChange?.(checked)\n      }}\n      className={className}\n      {...props}\n    >\n      <Indicator />\n    </Root>\n  )\n  if (content == null) return box\n  return (\n    <Label>\n      {box}\n      {content}\n    </Label>\n  )\n}\n\nexport const Checkbox = Object.assign(CheckboxComponent, { Root, Indicator, Group, Label })\nexport { Root, Indicator, Group, Label }\n"],"mappings":";;;;;;AAoCA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAmD;CAC/E,OACE,kBAAC,EAAa,MAAd;EACE,WAAW,EACT,kFAEA,6EACA,6EAEA,sGACA,gDACA,wFACA,qEACA,kCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,aACA,GAAG,KAC6C;CAChD,OACE,kBAAC,EAAa,WAAd;EACE,WAAW,EAET,+CACA,wCACA,kEACA,8DACA,CACF;EACA,GAAI;YAEH,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAO,eAAA;GAAY,WAAU;EAAoD,CAAA,GACjF,kBAAC,GAAD;GAAO,eAAA;GAAY,WAAU;EAA8C,CAAA,CAC3E,EAAA,CAAA;CAEkB,CAAA;AAE5B;AAGA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAmD;CAChF,OACE,kBAAC,GAAD;EACE,WAAW,EAAG,mCAAmC,CAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAOA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAkC;CAC/D,OACE,kBAAC,SAAD;EACE,WAAW,EACT,4EACA,0CACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAkBA,SAAS,EAAkB,EACzB,UACA,aACA,cACA,aACA,oBACA,cACA,GAAG,KACa;CAChB,IAAM,IAAU,KAAS,GACnB,IACJ,kBAAC,GAAD;EACE,cAAY;EACZ,kBAAkB,GAAS,MAAiB;GAE1C,AADA,IAAkB,GAAS,CAAY,GACvC,IAAW,CAAO;EACpB;EACW;EACX,GAAI;YAEJ,kBAAC,GAAD,CAAY,CAAA;CACR,CAAA;CAGR,OADI,KAAW,OAAa,IAE1B,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,CACI,EAAA,CAAA;AAEX;AAEA,IAAa,IAAW,OAAO,OAAO,GAAmB;CAAE;CAAM;CAAW;CAAO;AAAM,CAAC"}

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

@@ -0,0 +1 @@
+export { Checkbox, Root, Indicator, Group, Label } from './Checkbox';

package/dist/components/checkbox/index.js

@@ -0,0 +1,2 @@
+import { Checkbox as e, Group as t, Indicator as n, Label as r, Root as i } from "./Checkbox.js";
+export { e as Checkbox, t as Group, n as Indicator, r as Label, i as Root };

package/dist/components/collapsible/Collapsible.d.ts

@@ -0,0 +1,28 @@
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { ComponentProps, ReactNode } from 'react';
+/**
+ * Collapsible — Material 3 styled wrapper over Base UI's headless Collapsible.
+ * Behaviour/accessibility: Base UI (https://base-ui.com/react/components/collapsible).
+ * Visuals: M3 surface, shape, type scale, and state layers — same expansion
+ * anatomy as the Accordion (single standalone section instead of a list).
+ * Design ref: styling reused from src/components/accordion (see CLAUDE.md).
+ *
+ * Compound API mirrors Base UI:
+ *   <Collapsible.Root>
+ *     <Collapsible.Trigger>Title</Collapsible.Trigger>
+ *     <Collapsible.Panel>Content</Collapsible.Panel>
+ *   </Collapsible.Root>
+ */
+declare function Root({ className, ...props }: ComponentProps<typeof BaseCollapsible.Root>): import("react").JSX.Element;
+type TriggerProps = ComponentProps<typeof BaseCollapsible.Trigger> & {
+    /** Replace the trailing chevron with a custom node, or `null` to hide it. */
+    icon?: ReactNode;
+};
+declare function Trigger({ className, children, icon, ...props }: TriggerProps): import("react").JSX.Element;
+declare function Panel({ className, children, ...props }: ComponentProps<typeof BaseCollapsible.Panel>): import("react").JSX.Element;
+export declare const Collapsible: {
+    Root: typeof Root;
+    Trigger: typeof Trigger;
+    Panel: typeof Panel;
+};
+export { Root, Trigger, Panel };

package/dist/components/collapsible/Collapsible.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../../lib/cn.js";
+import { ChevronDown as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Collapsible as i } from "@base-ui/react/collapsible";
+//#region src/components/collapsible/Collapsible.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Root, {
+		className: e("flex w-full flex-col overflow-hidden rounded-medium bg-surface-container-low text-on-surface", t),
+		...r
+	});
+}
+function o({ className: a, children: o, icon: s, ...c }) {
+	return /* @__PURE__ */ r(i.Trigger, {
+		className: e("group flex w-full cursor-pointer items-center justify-between gap-4", "px-4 py-[18px] text-left text-title-medium text-on-surface", "transition-colors hover:bg-on-surface/[0.08]", "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary", "disabled:cursor-not-allowed disabled:opacity-[0.38]", a),
+		...c,
+		children: [o, s === void 0 ? /* @__PURE__ */ n(t, {
+			"aria-hidden": !0,
+			className: "size-5 shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-[panel-open]:rotate-180"
+		}) : s]
+	});
+}
+function s({ className: t, children: r, ...a }) {
+	return /* @__PURE__ */ n(i.Panel, {
+		className: e("h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-out", "data-[ending-style]:h-0 data-[starting-style]:h-0", t),
+		...a,
+		children: /* @__PURE__ */ n("div", {
+			className: "px-4 pb-4 text-body-medium text-on-surface-variant",
+			children: r
+		})
+	});
+}
+var c = {
+	Root: a,
+	Trigger: o,
+	Panel: s
+};
+//#endregion
+export { c as Collapsible, s as Panel, a as Root, o as Trigger };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\nimport { ChevronDown } from 'lucide-react'\nimport { cn } from '#/lib/cn'\n\nimport type { ComponentProps, ReactNode } from 'react'\n\n/**\n * Collapsible — Material 3 styled wrapper over Base UI's headless Collapsible.\n * Behaviour/accessibility: Base UI (https://base-ui.com/react/components/collapsible).\n * Visuals: M3 surface, shape, type scale, and state layers — same expansion\n * anatomy as the Accordion (single standalone section instead of a list).\n * Design ref: styling reused from src/components/accordion (see CLAUDE.md).\n *\n * Compound API mirrors Base UI:\n *   <Collapsible.Root>\n *     <Collapsible.Trigger>Title</Collapsible.Trigger>\n *     <Collapsible.Panel>Content</Collapsible.Panel>\n *   </Collapsible.Root>\n */\n\nfunction Root({ className, ...props }: ComponentProps<typeof BaseCollapsible.Root>) {\n  return (\n    <BaseCollapsible.Root\n      className={cn(\n        'flex w-full flex-col overflow-hidden rounded-medium bg-surface-container-low text-on-surface',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\ntype TriggerProps = ComponentProps<typeof BaseCollapsible.Trigger> & {\n  /** Replace the trailing chevron with a custom node, or `null` to hide it. */\n  icon?: ReactNode\n}\n\nfunction Trigger({ className, children, icon, ...props }: TriggerProps) {\n  return (\n    <BaseCollapsible.Trigger\n      className={cn(\n        'group flex w-full cursor-pointer items-center justify-between gap-4',\n        'px-4 py-[18px] text-left text-title-medium text-on-surface',\n        'transition-colors hover:bg-on-surface/[0.08]',\n        'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary',\n        'disabled:cursor-not-allowed disabled:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {icon === undefined ? (\n        <ChevronDown\n          aria-hidden\n          className=\"size-5 shrink-0 text-on-surface-variant transition-transform duration-200 ease-out group-data-[panel-open]:rotate-180\"\n        />\n      ) : (\n        icon\n      )}\n    </BaseCollapsible.Trigger>\n  )\n}\n\nfunction Panel({ className, children, ...props }: ComponentProps<typeof BaseCollapsible.Panel>) {\n  return (\n    <BaseCollapsible.Panel\n      className={cn(\n        'h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-out',\n        'data-[ending-style]:h-0 data-[starting-style]:h-0',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"px-4 pb-4 text-body-medium text-on-surface-variant\">{children}</div>\n    </BaseCollapsible.Panel>\n  )\n}\n\nexport const Collapsible = { Root, Trigger, Panel }\nexport { Root, Trigger, Panel }\n"],"mappings":";;;;;AAoBA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAsD;CAClF,OACE,kBAAC,EAAgB,MAAjB;EACE,WAAW,EACT,gGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAOA,SAAS,EAAQ,EAAE,cAAW,aAAU,SAAM,GAAG,KAAuB;CACtE,OACE,kBAAC,EAAgB,SAAjB;EACE,WAAW,EACT,uEACA,8DACA,gDACA,yFACA,uDACA,CACF;EACA,GAAI;YATN,CAWG,GACA,MAAS,KAAA,IACR,kBAAC,GAAD;GACE,eAAA;GACA,WAAU;EACX,CAAA,IAED,CAEqB;;AAE7B;AAEA,SAAS,EAAM,EAAE,cAAW,aAAU,GAAG,KAAuD;CAC9F,OACE,kBAAC,EAAgB,OAAjB;EACE,WAAW,EACT,4FACA,qDACA,CACF;EACA,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAU;GAAsD;EAAc,CAAA;CAC9D,CAAA;AAE3B;AAEA,IAAa,IAAc;CAAE;CAAM;CAAS;AAAM"}

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

@@ -0,0 +1 @@
+export { Collapsible, Root, Trigger, Panel } from './Collapsible';

package/dist/components/collapsible/index.js

@@ -0,0 +1,2 @@
+import { Collapsible as e, Panel as t, Root as n, Trigger as r } from "./Collapsible.js";
+export { e as Collapsible, t as Panel, n as Root, r as Trigger };

package/dist/components/combobox/Combobox.d.ts

@@ -0,0 +1,113 @@
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { ComponentProps } from 'react';
+/**
+ * Combobox — Material 3 styled wrapper over Base UI's headless Combobox.
+ * Behaviour/accessibility (filtering, listbox semantics, typeahead, chips for
+ * multiple selection): Base UI (https://base-ui.com/react/components/combobox).
+ * Visuals: M3 "menu anchored to a text field" anatomy — outlined text-field
+ * container (56px, extra-small corner, outline → primary on focus), menu popup
+ * on surface-container with small corner + level-2 elevation, 48px list items
+ * with state layers, input chips for multi-select.
+ * Design refs: port/core/ui/components/dropdown, port/core/ui/components/text-field
+ * (see CLAUDE.md).
+ *
+ * Compound API mirrors Base UI:
+ *   <Combobox.Root items={items}>
+ *     <Combobox.Label>Fruit</Combobox.Label>
+ *     <Combobox.InputGroup>
+ *       <Combobox.Input placeholder="Search…" />
+ *       <Combobox.Clear />
+ *       <Combobox.Trigger />
+ *     </Combobox.InputGroup>
+ *     <Combobox.Portal>
+ *       <Combobox.Positioner>
+ *         <Combobox.Popup>
+ *           <Combobox.Empty>No results.</Combobox.Empty>
+ *           <Combobox.List>
+ *             {(item) => (
+ *               <Combobox.Item key={item} value={item}>
+ *                 {item}
+ *                 <Combobox.ItemIndicator />
+ *               </Combobox.Item>
+ *             )}
+ *           </Combobox.List>
+ *         </Combobox.Popup>
+ *       </Combobox.Positioner>
+ *     </Combobox.Portal>
+ *   </Combobox.Root>
+ */
+declare const Root: typeof BaseCombobox.Root;
+declare const Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Value: typeof BaseCombobox.Value;
+declare const Collection: typeof BaseCombobox.Collection;
+declare const useFilter: typeof BaseCombobox.useFilter;
+declare const useFilteredItems: typeof BaseCombobox.useFilteredItems;
+declare function Label({ className, ...props }: ComponentProps<typeof BaseCombobox.Label>): import("react").JSX.Element;
+/**
+ * The M3 outlined text-field container: draws the 56px outlined box around the
+ * input and its trailing controls; turns primary on focus-within.
+ */
+declare function InputGroup({ className, ...props }: ComponentProps<typeof BaseCombobox.InputGroup>): import("react").JSX.Element;
+/** Borderless by design — the surrounding InputGroup draws the M3 field box. */
+declare function Input({ className, ...props }: ComponentProps<typeof BaseCombobox.Input>): import("react").JSX.Element;
+declare function Trigger({ className, children, ...props }: ComponentProps<typeof BaseCombobox.Trigger>): import("react").JSX.Element;
+/** Chevron wrapper; flips while the popup is open (parent Trigger is `group`). */
+declare function Icon({ className, ...props }: ComponentProps<typeof BaseCombobox.Icon>): import("react").JSX.Element;
+/** Clears the value; only mounted while there is something to clear. */
+declare function Clear({ className, children, ...props }: ComponentProps<typeof BaseCombobox.Clear>): import("react").JSX.Element;
+declare function Backdrop({ className, ...props }: ComponentProps<typeof BaseCombobox.Backdrop>): import("react").JSX.Element;
+declare function Positioner({ className, ...props }: ComponentProps<typeof BaseCombobox.Positioner>): import("react").JSX.Element;
+/** M3 menu container: surface-container, small corner, level-2 elevation. */
+declare function Popup({ className, ...props }: ComponentProps<typeof BaseCombobox.Popup>): import("react").JSX.Element;
+declare function Arrow({ className, ...props }: ComponentProps<typeof BaseCombobox.Arrow>): import("react").JSX.Element;
+declare function List({ className, ...props }: ComponentProps<typeof BaseCombobox.List>): import("react").JSX.Element;
+/** Polite screen-reader status region (e.g. async loading); stays mounted. */
+declare function Status({ className, ...props }: ComponentProps<typeof BaseCombobox.Status>): import("react").JSX.Element;
+/** Shown only when the filtered list is empty; collapses otherwise. */
+declare function Empty({ className, ...props }: ComponentProps<typeof BaseCombobox.Empty>): import("react").JSX.Element;
+declare function Group({ className, ...props }: ComponentProps<typeof BaseCombobox.Group>): import("react").JSX.Element;
+/** M3 list subheader. */
+declare function GroupLabel({ className, ...props }: ComponentProps<typeof BaseCombobox.GroupLabel>): import("react").JSX.Element;
+/** M3 menu item: 48px row, label-large, hover/highlight state layers. */
+declare function Item({ className, ...props }: ComponentProps<typeof BaseCombobox.Item>): import("react").JSX.Element;
+/** Trailing selected check (primary role); only mounted while selected. */
+declare function ItemIndicator({ className, children, ...props }: ComponentProps<typeof BaseCombobox.ItemIndicator>): import("react").JSX.Element;
+/** Wraps selected-value chips and the inline input in multiple mode. */
+declare function Chips({ className, ...props }: ComponentProps<typeof BaseCombobox.Chips>): import("react").JSX.Element;
+/** M3 input chip: 32px, small corner, outlined. */
+declare function Chip({ className, ...props }: ComponentProps<typeof BaseCombobox.Chip>): import("react").JSX.Element;
+declare function ChipRemove({ className, children, ...props }: ComponentProps<typeof BaseCombobox.ChipRemove>): import("react").JSX.Element;
+/** Single row of items when the listbox is in grid mode. */
+declare function Row({ className, ...props }: ComponentProps<typeof BaseCombobox.Row>): import("react").JSX.Element;
+declare function Separator({ className, ...props }: ComponentProps<typeof BaseCombobox.Separator>): import("react").JSX.Element;
+export declare const Combobox: {
+    Root: typeof BaseCombobox.Root;
+    Label: typeof Label;
+    Value: typeof BaseCombobox.Value;
+    Input: typeof Input;
+    InputGroup: typeof InputGroup;
+    Trigger: typeof Trigger;
+    List: typeof List;
+    Status: typeof Status;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Backdrop: typeof Backdrop;
+    Positioner: typeof Positioner;
+    Popup: typeof Popup;
+    Arrow: typeof Arrow;
+    Icon: typeof Icon;
+    Group: typeof Group;
+    GroupLabel: typeof GroupLabel;
+    Item: typeof Item;
+    ItemIndicator: typeof ItemIndicator;
+    Chips: typeof Chips;
+    Chip: typeof Chip;
+    ChipRemove: typeof ChipRemove;
+    Row: typeof Row;
+    Collection: typeof BaseCombobox.Collection;
+    Empty: typeof Empty;
+    Clear: typeof Clear;
+    Separator: typeof Separator;
+    useFilter: typeof BaseCombobox.useFilter;
+    useFilteredItems: typeof BaseCombobox.useFilteredItems;
+};
+export { Root, Label, Value, Input, InputGroup, Trigger, List, Status, Portal, Backdrop, Positioner, Popup, Arrow, Icon, Group, GroupLabel, Item, ItemIndicator, Chips, Chip, ChipRemove, Row, Collection, Empty, Clear, Separator, useFilter, useFilteredItems, };

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,189 @@
+import { cn as e } from "../../lib/cn.js";
+import { Check as t, ChevronDown as n, X as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+import { Combobox as a } from "@base-ui/react/combobox";
+//#region src/components/combobox/Combobox.tsx
+var o = a.Root, s = a.Portal, c = a.Value, l = a.Collection, u = a.useFilter, d = a.useFilteredItems;
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Label, {
+		className: e("mb-1.5 block text-label-large text-on-surface", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.InputGroup, {
+		className: e("flex min-h-14 w-full flex-wrap items-center gap-1 py-1 pl-4 pr-2", "rounded-extra-small border border-outline bg-surface text-on-surface", "transition-colors", "focus-within:border-primary focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary", "data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]", t),
+		...n
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Input, {
+		className: e("h-12 min-w-12 flex-1 bg-transparent text-body-large text-on-surface", "outline-none placeholder:text-on-surface-variant", "disabled:cursor-not-allowed", t),
+		...n
+	});
+}
+function h({ className: t, children: r, ...o }) {
+	return /* @__PURE__ */ i(a.Trigger, {
+		className: e("group flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full", "text-on-surface-variant transition-colors hover:bg-on-surface/[0.08]", "focus-visible:outline-2 focus-visible:outline-primary", "disabled:cursor-not-allowed disabled:opacity-[0.38]", t),
+		...o,
+		children: r ?? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(n, {
+			"aria-hidden": !0,
+			className: "size-5"
+		}) })
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Icon, {
+		className: e("flex transition-transform duration-200 ease-out group-data-[popup-open]:rotate-180", t),
+		...n
+	});
+}
+function _({ className: t, children: n, ...o }) {
+	return /* @__PURE__ */ i(a.Clear, {
+		className: e("flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full", "text-on-surface-variant transition-opacity hover:bg-on-surface/[0.08]", "focus-visible:outline-2 focus-visible:outline-primary", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0", "disabled:cursor-not-allowed disabled:opacity-[0.38]", t),
+		...o,
+		children: n ?? /* @__PURE__ */ i(r, {
+			"aria-hidden": !0,
+			className: "size-4"
+		})
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Backdrop, {
+		className: e("fixed inset-0 z-40", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Positioner, {
+		sideOffset: 4,
+		className: e("z-50 outline-none", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Popup, {
+		className: e("max-h-[min(24rem,var(--available-height))] w-(--anchor-width) overflow-y-auto overscroll-contain", "rounded-small bg-surface-container py-2 text-on-surface shadow-mm-2", "origin-(--transform-origin) transition-[transform,opacity] duration-150 ease-out", "outline-none data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Arrow, {
+		className: e("flex", t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.List, {
+		className: e("outline-none", t),
+		...n
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Status, {
+		className: e("px-4 py-2 text-body-small text-on-surface-variant empty:p-0", t),
+		...n
+	});
+}
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Empty, {
+		className: e("px-4 py-3 text-body-medium text-on-surface-variant empty:p-0", t),
+		...n
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Group, {
+		className: e(t),
+		...n
+	});
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.GroupLabel, {
+		className: e("px-4 pb-1 pt-3 text-label-medium text-on-surface-variant", t),
+		...n
+	});
+}
+function D({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Item, {
+		className: e("flex min-h-12 cursor-pointer select-none items-center gap-3 px-4", "text-label-large text-on-surface outline-none transition-colors", "data-[highlighted]:bg-on-surface/[0.08]", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]", t),
+		...n
+	});
+}
+function O({ className: n, children: r, ...o }) {
+	return /* @__PURE__ */ i(a.ItemIndicator, {
+		className: e("ml-auto flex shrink-0 items-center text-primary", n),
+		...o,
+		children: r ?? /* @__PURE__ */ i(t, {
+			"aria-hidden": !0,
+			className: "size-5"
+		})
+	});
+}
+function k({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Chips, {
+		className: e("flex flex-1 flex-wrap items-center gap-1.5", t),
+		...n
+	});
+}
+function A({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Chip, {
+		className: e("flex h-8 cursor-default items-center gap-1 rounded-small border border-outline-variant", "bg-surface-container-low pl-3 pr-1 text-label-large text-on-surface", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]", t),
+		...n
+	});
+}
+function j({ className: t, children: n, ...o }) {
+	return /* @__PURE__ */ i(a.ChipRemove, {
+		className: e("flex size-6 cursor-pointer items-center justify-center rounded-full", "text-on-surface-variant transition-colors hover:bg-on-surface/[0.08]", "focus-visible:outline-2 focus-visible:outline-primary", t),
+		...o,
+		children: n ?? /* @__PURE__ */ i(r, {
+			"aria-hidden": !0,
+			className: "size-4"
+		})
+	});
+}
+function M({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Row, {
+		className: e("flex", t),
+		...n
+	});
+}
+function N({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Separator, {
+		className: e("mx-4 my-2 h-px bg-outline-variant", t),
+		...n
+	});
+}
+var P = {
+	Root: o,
+	Label: f,
+	Value: c,
+	Input: m,
+	InputGroup: p,
+	Trigger: h,
+	List: S,
+	Status: C,
+	Portal: s,
+	Backdrop: v,
+	Positioner: y,
+	Popup: b,
+	Arrow: x,
+	Icon: g,
+	Group: T,
+	GroupLabel: E,
+	Item: D,
+	ItemIndicator: O,
+	Chips: k,
+	Chip: A,
+	ChipRemove: j,
+	Row: M,
+	Collection: l,
+	Empty: w,
+	Clear: _,
+	Separator: N,
+	useFilter: u,
+	useFilteredItems: d
+};
+//#endregion
+export { x as Arrow, v as Backdrop, A as Chip, j as ChipRemove, k as Chips, _ as Clear, l as Collection, P as Combobox, w as Empty, T as Group, E as GroupLabel, g as Icon, m as Input, p as InputGroup, D as Item, O as ItemIndicator, f as Label, S as List, b as Popup, s as Portal, y as Positioner, o as Root, M as Row, N as Separator, C as Status, h as Trigger, c as Value, u as useFilter, d as useFilteredItems };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox'\nimport { Check, ChevronDown, X } from 'lucide-react'\nimport { cn } from '#/lib/cn'\n\nimport type { ComponentProps } from 'react'\n\n/**\n * Combobox — Material 3 styled wrapper over Base UI's headless Combobox.\n * Behaviour/accessibility (filtering, listbox semantics, typeahead, chips for\n * multiple selection): Base UI (https://base-ui.com/react/components/combobox).\n * Visuals: M3 \"menu anchored to a text field\" anatomy — outlined text-field\n * container (56px, extra-small corner, outline → primary on focus), menu popup\n * on surface-container with small corner + level-2 elevation, 48px list items\n * with state layers, input chips for multi-select.\n * Design refs: port/core/ui/components/dropdown, port/core/ui/components/text-field\n * (see CLAUDE.md).\n *\n * Compound API mirrors Base UI:\n *   <Combobox.Root items={items}>\n *     <Combobox.Label>Fruit</Combobox.Label>\n *     <Combobox.InputGroup>\n *       <Combobox.Input placeholder=\"Search…\" />\n *       <Combobox.Clear />\n *       <Combobox.Trigger />\n *     </Combobox.InputGroup>\n *     <Combobox.Portal>\n *       <Combobox.Positioner>\n *         <Combobox.Popup>\n *           <Combobox.Empty>No results.</Combobox.Empty>\n *           <Combobox.List>\n *             {(item) => (\n *               <Combobox.Item key={item} value={item}>\n *                 {item}\n *                 <Combobox.ItemIndicator />\n *               </Combobox.Item>\n *             )}\n *           </Combobox.List>\n *         </Combobox.Popup>\n *       </Combobox.Positioner>\n *     </Combobox.Portal>\n *   </Combobox.Root>\n */\n\n// These parts render no HTML element of their own (Root/Portal/Value/Collection),\n// so there is nothing to style — re-export them directly (preserves Root's generics).\nconst Root = BaseCombobox.Root\nconst Portal = BaseCombobox.Portal\nconst Value = BaseCombobox.Value\nconst Collection = BaseCombobox.Collection\n\n// Filtering hooks, re-exported for convenience.\nconst useFilter = BaseCombobox.useFilter\nconst useFilteredItems = BaseCombobox.useFilteredItems\n\nfunction Label({ className, ...props }: ComponentProps<typeof BaseCombobox.Label>) {\n  return (\n    <BaseCombobox.Label\n      className={cn('mb-1.5 block text-label-large text-on-surface', className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * The M3 outlined text-field container: draws the 56px outlined box around the\n * input and its trailing controls; turns primary on focus-within.\n */\nfunction InputGroup({ className, ...props }: ComponentProps<typeof BaseCombobox.InputGroup>) {\n  return (\n    <BaseCombobox.InputGroup\n      className={cn(\n        'flex min-h-14 w-full flex-wrap items-center gap-1 py-1 pl-4 pr-2',\n        'rounded-extra-small border border-outline bg-surface text-on-surface',\n        'transition-colors',\n        'focus-within:border-primary focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Borderless by design — the surrounding InputGroup draws the M3 field box. */\nfunction Input({ className, ...props }: ComponentProps<typeof BaseCombobox.Input>) {\n  return (\n    <BaseCombobox.Input\n      className={cn(\n        'h-12 min-w-12 flex-1 bg-transparent text-body-large text-on-surface',\n        'outline-none placeholder:text-on-surface-variant',\n        'disabled:cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction Trigger({ className, children, ...props }: ComponentProps<typeof BaseCombobox.Trigger>) {\n  return (\n    <BaseCombobox.Trigger\n      className={cn(\n        'group flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full',\n        'text-on-surface-variant transition-colors hover:bg-on-surface/[0.08]',\n        'focus-visible:outline-2 focus-visible:outline-primary',\n        'disabled:cursor-not-allowed disabled:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? (\n        <Icon>\n          <ChevronDown aria-hidden className=\"size-5\" />\n        </Icon>\n      )}\n    </BaseCombobox.Trigger>\n  )\n}\n\n/** Chevron wrapper; flips while the popup is open (parent Trigger is `group`). */\nfunction Icon({ className, ...props }: ComponentProps<typeof BaseCombobox.Icon>) {\n  return (\n    <BaseCombobox.Icon\n      className={cn(\n        'flex transition-transform duration-200 ease-out group-data-[popup-open]:rotate-180',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Clears the value; only mounted while there is something to clear. */\nfunction Clear({ className, children, ...props }: ComponentProps<typeof BaseCombobox.Clear>) {\n  return (\n    <BaseCombobox.Clear\n      className={cn(\n        'flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full',\n        'text-on-surface-variant transition-opacity hover:bg-on-surface/[0.08]',\n        'focus-visible:outline-2 focus-visible:outline-primary',\n        'data-[ending-style]:opacity-0 data-[starting-style]:opacity-0',\n        'disabled:cursor-not-allowed disabled:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <X aria-hidden className=\"size-4\" />}\n    </BaseCombobox.Clear>\n  )\n}\n\nfunction Backdrop({ className, ...props }: ComponentProps<typeof BaseCombobox.Backdrop>) {\n  return <BaseCombobox.Backdrop className={cn('fixed inset-0 z-40', className)} {...props} />\n}\n\nfunction Positioner({ className, ...props }: ComponentProps<typeof BaseCombobox.Positioner>) {\n  return (\n    <BaseCombobox.Positioner\n      sideOffset={4}\n      className={cn('z-50 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\n/** M3 menu container: surface-container, small corner, level-2 elevation. */\nfunction Popup({ className, ...props }: ComponentProps<typeof BaseCombobox.Popup>) {\n  return (\n    <BaseCombobox.Popup\n      className={cn(\n        'max-h-[min(24rem,var(--available-height))] w-(--anchor-width) overflow-y-auto overscroll-contain',\n        'rounded-small bg-surface-container py-2 text-on-surface shadow-mm-2',\n        'origin-(--transform-origin) transition-[transform,opacity] duration-150 ease-out',\n        'outline-none data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n        'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction Arrow({ className, ...props }: ComponentProps<typeof BaseCombobox.Arrow>) {\n  return <BaseCombobox.Arrow className={cn('flex', className)} {...props} />\n}\n\nfunction List({ className, ...props }: ComponentProps<typeof BaseCombobox.List>) {\n  return <BaseCombobox.List className={cn('outline-none', className)} {...props} />\n}\n\n/** Polite screen-reader status region (e.g. async loading); stays mounted. */\nfunction Status({ className, ...props }: ComponentProps<typeof BaseCombobox.Status>) {\n  return (\n    <BaseCombobox.Status\n      className={cn('px-4 py-2 text-body-small text-on-surface-variant empty:p-0', className)}\n      {...props}\n    />\n  )\n}\n\n/** Shown only when the filtered list is empty; collapses otherwise. */\nfunction Empty({ className, ...props }: ComponentProps<typeof BaseCombobox.Empty>) {\n  return (\n    <BaseCombobox.Empty\n      className={cn('px-4 py-3 text-body-medium text-on-surface-variant empty:p-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction Group({ className, ...props }: ComponentProps<typeof BaseCombobox.Group>) {\n  return <BaseCombobox.Group className={cn(className)} {...props} />\n}\n\n/** M3 list subheader. */\nfunction GroupLabel({ className, ...props }: ComponentProps<typeof BaseCombobox.GroupLabel>) {\n  return (\n    <BaseCombobox.GroupLabel\n      className={cn('px-4 pb-1 pt-3 text-label-medium text-on-surface-variant', className)}\n      {...props}\n    />\n  )\n}\n\n/** M3 menu item: 48px row, label-large, hover/highlight state layers. */\nfunction Item({ className, ...props }: ComponentProps<typeof BaseCombobox.Item>) {\n  return (\n    <BaseCombobox.Item\n      className={cn(\n        'flex min-h-12 cursor-pointer select-none items-center gap-3 px-4',\n        'text-label-large text-on-surface outline-none transition-colors',\n        'data-[highlighted]:bg-on-surface/[0.08]',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Trailing selected check (primary role); only mounted while selected. */\nfunction ItemIndicator({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof BaseCombobox.ItemIndicator>) {\n  return (\n    <BaseCombobox.ItemIndicator\n      className={cn('ml-auto flex shrink-0 items-center text-primary', className)}\n      {...props}\n    >\n      {children ?? <Check aria-hidden className=\"size-5\" />}\n    </BaseCombobox.ItemIndicator>\n  )\n}\n\n/** Wraps selected-value chips and the inline input in multiple mode. */\nfunction Chips({ className, ...props }: ComponentProps<typeof BaseCombobox.Chips>) {\n  return (\n    <BaseCombobox.Chips\n      className={cn('flex flex-1 flex-wrap items-center gap-1.5', className)}\n      {...props}\n    />\n  )\n}\n\n/** M3 input chip: 32px, small corner, outlined. */\nfunction Chip({ className, ...props }: ComponentProps<typeof BaseCombobox.Chip>) {\n  return (\n    <BaseCombobox.Chip\n      className={cn(\n        'flex h-8 cursor-default items-center gap-1 rounded-small border border-outline-variant',\n        'bg-surface-container-low pl-3 pr-1 text-label-large text-on-surface',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-[0.38]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ChipRemove({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof BaseCombobox.ChipRemove>) {\n  return (\n    <BaseCombobox.ChipRemove\n      className={cn(\n        'flex size-6 cursor-pointer items-center justify-center rounded-full',\n        'text-on-surface-variant transition-colors hover:bg-on-surface/[0.08]',\n        'focus-visible:outline-2 focus-visible:outline-primary',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <X aria-hidden className=\"size-4\" />}\n    </BaseCombobox.ChipRemove>\n  )\n}\n\n/** Single row of items when the listbox is in grid mode. */\nfunction Row({ className, ...props }: ComponentProps<typeof BaseCombobox.Row>) {\n  return <BaseCombobox.Row className={cn('flex', className)} {...props} />\n}\n\nfunction Separator({ className, ...props }: ComponentProps<typeof BaseCombobox.Separator>) {\n  return (\n    <BaseCombobox.Separator\n      className={cn('mx-4 my-2 h-px bg-outline-variant', className)}\n      {...props}\n    />\n  )\n}\n\nexport const Combobox = {\n  Root,\n  Label,\n  Value,\n  Input,\n  InputGroup,\n  Trigger,\n  List,\n  Status,\n  Portal,\n  Backdrop,\n  Positioner,\n  Popup,\n  Arrow,\n  Icon,\n  Group,\n  GroupLabel,\n  Item,\n  ItemIndicator,\n  Chips,\n  Chip,\n  ChipRemove,\n  Row,\n  Collection,\n  Empty,\n  Clear,\n  Separator,\n  useFilter,\n  useFilteredItems,\n}\nexport {\n  Root,\n  Label,\n  Value,\n  Input,\n  InputGroup,\n  Trigger,\n  List,\n  Status,\n  Portal,\n  Backdrop,\n  Positioner,\n  Popup,\n  Arrow,\n  Icon,\n  Group,\n  GroupLabel,\n  Item,\n  ItemIndicator,\n  Chips,\n  Chip,\n  ChipRemove,\n  Row,\n  Collection,\n  Empty,\n  Clear,\n  Separator,\n  useFilter,\n  useFilteredItems,\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { Combobox, Root, Label, Value, Input, InputGroup, Trigger, List, Status, Portal, Backdrop, Positioner, Popup, Arrow, Icon, Group, GroupLabel, Item, ItemIndicator, Chips, Chip, ChipRemove, Row, Collection, Empty, Clear, Separator, useFilter, useFilteredItems, } from './Combobox';

package/dist/components/combobox/index.js

@@ -0,0 +1,2 @@
+import { Arrow as e, Backdrop as t, Chip as n, ChipRemove as r, Chips as i, Clear as a, Collection as o, Combobox as s, Empty as c, Group as l, GroupLabel as u, Icon as d, Input as f, InputGroup as p, Item as m, ItemIndicator as h, Label as g, List as _, Popup as v, Portal as y, Positioner as b, Root as x, Row as S, Separator as C, Status as w, Trigger as T, Value as E, useFilter as D, useFilteredItems as O } from "./Combobox.js";
+export { e as Arrow, t as Backdrop, n as Chip, r as ChipRemove, i as Chips, a as Clear, o as Collection, s as Combobox, c as Empty, l as Group, u as GroupLabel, d as Icon, f as Input, p as InputGroup, m as Item, h as ItemIndicator, g as Label, _ as List, v as Popup, y as Portal, b as Positioner, x as Root, S as Row, C as Separator, w as Status, T as Trigger, E as Value, D as useFilter, O as useFilteredItems };

package/dist/components/command/Command.d.ts

@@ -0,0 +1,37 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { ComponentProps } from 'react';
+declare function Root({ className, ...props }: ComponentProps<typeof CommandPrimitive>): import("react").JSX.Element;
+/** Search row — M3 search view header: 56dp, leading icon, bare body-large input. */
+declare function Input({ className, ...props }: ComponentProps<typeof CommandPrimitive.Input>): import("react").JSX.Element;
+declare function List({ className, ...props }: ComponentProps<typeof CommandPrimitive.List>): import("react").JSX.Element;
+/** Rendered by cmdk only when no item matches the query. */
+declare function Empty({ className, ...props }: ComponentProps<typeof CommandPrimitive.Empty>): import("react").JSX.Element;
+/** Group with optional `heading` — M3 list subheader: label-small, on-surface-variant. */
+declare function Group({ className, ...props }: ComponentProps<typeof CommandPrimitive.Group>): import("react").JSX.Element;
+/** Command — M3 menu item: 48dp row, label-large, on-surface 8% selected layer. */
+declare function Item({ className, ...props }: ComponentProps<typeof CommandPrimitive.Item>): import("react").JSX.Element;
+declare function Separator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): import("react").JSX.Element;
+/** Render conditionally while resolving async items. */
+declare function Loading({ className, ...props }: ComponentProps<typeof CommandPrimitive.Loading>): import("react").JSX.Element;
+/** Trailing keyboard-shortcut hint — not a cmdk part, just a styled span. */
+declare function Shortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+/**
+ * Modal command palette — cmdk's Radix-based Dialog with M3 chrome:
+ * full-screen scrim overlay, palette centered horizontally at ~20vh.
+ * `className` styles the inner Command root; children are the usual
+ * Input/List parts. Pass `label` for the accessible name.
+ */
+declare function CommandDialog({ className, overlayClassName, contentClassName, ...props }: ComponentProps<typeof CommandPrimitive.Dialog>): import("react").JSX.Element;
+export declare const Command: {
+    Root: typeof Root;
+    Input: typeof Input;
+    List: typeof List;
+    Empty: typeof Empty;
+    Group: typeof Group;
+    Item: typeof Item;
+    Separator: typeof Separator;
+    Loading: typeof Loading;
+    Shortcut: typeof Shortcut;
+    Dialog: typeof CommandDialog;
+};
+export { Root, Input, List, Empty, Group, Item, Separator, Loading, Shortcut, CommandDialog, };