@revikornmann/muka-ui 0.17.0 → 0.19.0

package/dist/types/components/ActionSheet/ActionSheet.d.ts

@@ -42,7 +42,7 @@ export interface ActionSheetProps {
 /**
  * ActionSheet — iOS-style action menu sliding up from the bottom.
  *
- * Built on `Sheet`. Use as the touch replacement for `ContextMenu` and as the
+ * Built on `Sheet`. Use as the touch replacement for `Menu` with `trigger="context"` and as the
  * primary pattern for "options" menus on motorcycles, service records, etc.
  *
  * Each action's `onClick` runs, then the sheet auto-closes.

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,14 +1,31 @@
 import React from 'react';
+import { type ContextSelectOption } from '../ContextSelect';
 import './Breadcrumb.css';
 export interface BreadcrumbItem {
-    /** Display label */
+    /** Display label (also used as ContextSelect label when `contextSelect` is set) */
     label: string;
-    /** Link URL */
+    /** Link URL for plain crumbs, or ContextSelect label navigation */
     href?: string;
-    /** Click handler */
+    /** Click handler for plain crumbs, or ContextSelect label navigation */
     onClick?: () => void;
     /** Optional icon */
     icon?: React.ReactNode;
+    /**
+     * When set, this segment renders a ContextSelect:
+     * label navigates (href/onClick), chevron switches context via the menu.
+     */
+    contextSelect?: {
+        options: ReadonlyArray<ContextSelectOption>;
+        value?: string;
+        onValueChange?: (value: string) => void;
+        /** Optional leading icon (falls back to `item.icon`) */
+        icon?: React.ReactNode;
+        searchable?: boolean;
+        searchPlaceholder?: string;
+        scrollbar?: boolean;
+        disabled?: boolean;
+        'aria-label'?: string;
+    };
 }
 export interface BreadcrumbProps {
     /** Breadcrumb items */
@@ -22,6 +39,13 @@ export interface BreadcrumbProps {
     /** Additional CSS classes */
     className?: string;
 }
+export type { ContextSelectOption };
+/**
+ * Breadcrumb — hierarchical navigation.
+ *
+ * Supports plain link/button crumbs and **contextual** segments via
+ * `item.contextSelect` (ContextSelect: label → overview, chevron → switch).
+ */
 export declare const Breadcrumb: React.FC<BreadcrumbProps>;
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyEhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACxC,wDAAwD;QACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAC;AAEpC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgGhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,69 +1,69 @@
 import React from 'react';
 import './Combobox.css';
 export interface ComboboxOption {
-    /** Option value (passed to onChange) */
+    /** Option value (stored in the value array) */
     value: string;
     /** Visible label */
     label: string;
-    /** Optional caption rendered under the label */
+    /** Optional caption used for filtering */
     caption?: string;
-    /** Optional leading icon */
-    icon?: React.ReactNode;
     /** Disabled (non-selectable) */
     disabled?: boolean;
 }
 export interface ComboboxProps {
-    /** Selected value (controlled). Pass `null` for no selection. */
-    value: string | null;
-    /** Change handler. Called with `null` when the selection is cleared. */
-    onChange: (value: string | null) => void;
-    /** Options to choose from */
-    options: ComboboxOption[];
-    /** Trigger placeholder shown when no option is selected. Default: 'Select…' */
+    /** Selected values (controlled). Each entry becomes a chip. */
+    value: string[];
+    /** Change handler for the selected values. */
+    onChange: (value: string[]) => void;
+    /**
+     * Suggestion options. When `creatable` is true, values not in this list can
+     * still be committed as free-text chips.
+     */
+    options?: ComboboxOption[];
+    /** Placeholder shown when empty and not typing. Default: 'Hint text' */
     placeholder?: string;
-    /** Title rendered at the top of the picker sheet */
-    title?: string;
-    /** Whether the picker sheet includes a SearchInput. Default: true */
-    searchable?: boolean;
-    /** Search input placeholder. Default: 'Search' */
-    searchPlaceholder?: string;
-    /** Empty-state title when search yields no matches. Default: 'No results' */
-    emptyText?: string;
-    /** Allow clearing the selection. Default: false */
-    clearable?: boolean;
-    /** Disabled state on the trigger */
+    /** Label text above the field */
+    label?: string;
+    /** Helper text below the field */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message (shown when error is true) */
+    errorMessage?: string;
+    /** Disabled state */
     disabled?: boolean;
-    /** Trigger size. Default: 'md' */
+    /** Size variant. Default: 'md' */
     size?: 'sm' | 'md' | 'lg';
+    /** Full width */
+    fullWidth?: boolean;
     /**
-     * Custom filter function. Receives the option and the lowercased query.
+     * Allow committing typed values that are not in `options`.
+     * Default: true (Figma Input Combobox free-input).
+     */
+    creatable?: boolean;
+    /**
+     * Custom filter. Receives the option and the lowercased query.
      * Defaults to substring match against `label` and `caption`.
      */
     filter?: (option: ComboboxOption, query: string) => boolean;
-    /** Accessible label for the trigger when there is no visible label */
+    /** Accessible label when there is no visible label */
     'aria-label'?: string;
     /** Form name */
     name?: string;
     /** HTML id */
     id?: string;
-    /** Additional CSS classes on the trigger */
+    /** Additional CSS classes on the root */
     className?: string;
 }
 /**
- * Combobox — searchable select that opens as a bottom Sheet picker.
- *
- * Mobile-first: tap the trigger to open a full sheet with a search input and a
- * scrollable list of options. Works on desktop too — the sheet renders centered
- * by the underlying Vaul drawer's responsive behavior.
+ * Combobox — free-input multi-value field with chips and a suggestion Menu.
  *
- * For long lists, pass a custom `filter` to do fuzzy or async matching.
+ * Matches Figma "Input Combobox": type in the field, pick a suggestion (or
+ * press Enter to create), and selected values render as dismissible chips.
+ * Uses `Menu` for the suggestion list (not a Sheet).
  *
- * @accessibility
- * - Trigger is a native `<button>` with `aria-haspopup="listbox"`/`aria-expanded`
- * - The `clearable` control is a sibling `<button>`, not nested in the trigger:
- *   it is in the tab order, operable with Enter/Space, and its label stays out
- *   of the trigger's accessible name
- * - Clearing returns focus to the trigger, since the clear button unmounts
+ * For fixed-option single/multi select with a chevron, use `DropdownSelect`.
+ * For a native platform select, use `Select`.
  */
 export declare const Combobox: React.FC<ComboboxProps>;
 export default Combobox;

package/dist/types/components/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,iEAAiE;IACjE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,wEAAwE;IACxE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzC,6BAA6B;IAC7B,OAAO,EAAE,cAAc,EAAE,CAAC;IAE1B,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5D,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsK5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAQ3E,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,EAAE,CAAC;IAEhB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5D,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2T5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/Combobox/index.d.ts

@@ -1,2 +1,2 @@
-export { Combobox, type ComboboxProps, type ComboboxOption, } from './Combobox';
+export { Combobox, type ComboboxProps, type ComboboxOption } from './Combobox';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/types/components/ContextSelect/ContextSelect.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import './ContextSelect.css';
+export interface ContextSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ContextSelectProps {
+    /** Available contexts */
+    options: ReadonlyArray<ContextSelectOption>;
+    /** Controlled selected value */
+    value?: string;
+    /** Called when selection changes (instant context switch) */
+    onValueChange?: (value: string) => void;
+    /**
+     * Trigger label. Defaults to the selected option's label, or the first option,
+     * or "Context".
+     */
+    label?: string;
+    /**
+     * Optional leading icon before the label (16px / icon.size.xs).
+     * Omit to render label-only. Spaced 8px (spacing/2) from the label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Navigate when the label is clicked (context overview).
+     * Independent from the chevron menu trigger.
+     */
+    href?: string;
+    /** Called when the label is activated (alternative to `href`) */
+    onLabelClick?: () => void;
+    /** Enable sticky search in the menu. Default: true */
+    searchable?: boolean;
+    /** Search placeholder. Default: 'Search' */
+    searchPlaceholder?: string;
+    /** Show custom scrollbar when the list overflows. Default: false */
+    scrollbar?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Disable the control */
+    disabled?: boolean;
+    /** Accessible name for the chevron menu button */
+    'aria-label'?: string;
+    /** Additional CSS classes on the root */
+    className?: string;
+}
+/**
+ * ContextSelect — split control for contextual navigation.
+ *
+ * - **Label** (and icon): navigates to the context overview (`href` / `onLabelClick`)
+ * - **Chevron button**: opens a searchable single-select menu to switch context instantly
+ *
+ * Designed to compose inside Breadcrumb (contextual breadcrumb).
+ * Not a form Select — use `Select` / `Combobox` for forms.
+ */
+export declare const ContextSelect: React.FC<ContextSelectProps>;
+export default ContextSelect;
+//# sourceMappingURL=ContextSelect.d.ts.map

package/dist/types/components/ContextSelect/ContextSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSelect.d.ts","sourceRoot":"","sources":["../../../../components/ContextSelect/ContextSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC5C,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmItD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/components/ContextSelect/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextSelect, type ContextSelectProps, type ContextSelectOption, } from './ContextSelect';
+export { default } from './ContextSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ContextSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ContextSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/components/DataTable/DataTable.d.ts

@@ -97,7 +97,7 @@ export interface DataTableProps<T> {
     isRowDisabled?: (row: T, index: number) => boolean;
     /**
      * Render a trailing action for each row (a `Button`, an icon-only `Button`,
-     * or a `ContextMenu`/`Menu` trigger). Rendered in a pinned trailing column;
+     * or a `Menu` trigger). Rendered in a pinned trailing column;
      * clicks on it never trigger the row click/href.
      */
     rowAction?: (row: T, index: number) => React.ReactNode;

package/dist/types/components/DropdownSelect/DropdownSelect.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import './DropdownSelect.css';
+export interface DropdownSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface DropdownSelectProps {
+    /** Fixed options shown in the menu */
+    options: ReadonlyArray<DropdownSelectOption>;
+    /**
+     * Selected value(s). Pass a string for single-select, or `string[]` when
+     * `multiple` is true.
+     */
+    value?: string | string[];
+    /** Called when the selection changes */
+    onValueChange?: (value: string | string[]) => void;
+    /** Enable multi-select with chips in the field. Default: false */
+    multiple?: boolean;
+    /** Placeholder when nothing is selected. Default: 'Select item...' */
+    placeholder?: string;
+    /** Label text above the field */
+    label?: string;
+    /** Helper text below the field */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message (shown when error is true) */
+    errorMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Full width */
+    fullWidth?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Show sticky search in the menu. Default: true */
+    searchable?: boolean;
+    /** Search placeholder. Default: 'Search' */
+    searchPlaceholder?: string;
+    /** Show the custom Figma scrollbar when the list overflows. Default: false */
+    scrollbar?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** HTML name attribute */
+    name?: string;
+    /** HTML id */
+    id?: string;
+    /** Accessible label when there is no visible label */
+    'aria-label'?: string;
+    /** Additional CSS classes on the root */
+    className?: string;
+}
+/**
+ * DropdownSelect — form select built on Menu (Figma "Dropdown Menu").
+ *
+ * Fixed options with optional search + scrollbar. Single-select shows the
+ * chosen label; multi-select renders dismissible chips and trailing checkmarks
+ * in the menu.
+ *
+ * Not the native `<Select>` — use that for simple platform-native fields.
+ * Not free-text — use `Combobox` for creatable chip input.
+ */
+export declare const DropdownSelect: React.FC<DropdownSelectProps>;
+export default DropdownSelect;
+//# sourceMappingURL=DropdownSelect.d.ts.map

package/dist/types/components/DropdownSelect/DropdownSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../../components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAY3E,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,OAAO,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAE7C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyPxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/components/DropdownSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownSelect, type DropdownSelectProps, type DropdownSelectOption, } from './DropdownSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/DropdownSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/DropdownSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,kBAAkB,CAAC"}

package/dist/types/components/Icon/custom/ArrowDropUpDownIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Custom icon from Figma: arrow-drop-up-down-line (node 5578:7253).
+ * Combined drop-up + drop-down carets — not available as a single Remix glyph.
+ */
+export declare const ArrowDropUpDownIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=ArrowDropUpDownIcon.d.ts.map

package/dist/types/components/Icon/custom/ArrowDropUpDownIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDropUpDownIcon.d.ts","sourceRoot":"","sources":["../../../../../components/Icon/custom/ArrowDropUpDownIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAmBhE,CAAC"}

package/dist/types/components/Icon/custom/ArrowReturnIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Custom icon from Figma: arrow-return (Dropdown Menu Item focus / Combobox enter hint).
+ * Rounded return/enter glyph — not available as a single Remix export.
+ */
+export declare const ArrowReturnIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=ArrowReturnIcon.d.ts.map

package/dist/types/components/Icon/custom/ArrowReturnIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowReturnIcon.d.ts","sourceRoot":"","sources":["../../../../../components/Icon/custom/ArrowReturnIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe5D,CAAC"}

package/dist/types/components/Icon/iconRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAiBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AAyDlE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}
+{"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAiBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AAoElE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}

package/dist/types/components/Input/Input.d.ts

@@ -25,6 +25,11 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     iconLeft?: React.ReactNode;
     /** Icon for right side */
     iconRight?: React.ReactNode;
+    /**
+     * Show a trailing clear button while the field has a value (Figma Typing / Filled).
+     * Requires a controlled `value`.
+     */
+    clearable?: boolean;
     /** Full width input */
     fullWidth?: boolean;
     /** Additional CSS classes (applied to the wrapper, not the native input) */

package/dist/types/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B;IACD,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE5D,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE3E,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,qFAuJhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B;IACD,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE5D,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE3E,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,qFA6KhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/types/components/Menu/Menu.d.ts

@@ -1,80 +1,121 @@
 import React from 'react';
 import './Menu.css';
+export type MenuTriggerMode = 'click' | 'context';
+interface MenuSearchContextValue {
+    query: string;
+    setQuery: (query: string) => void;
+    searchable: boolean;
+    /** Id of the item highlighted for search-field arrow/Enter navigation. */
+    highlightedId: string | null;
+    registerSearchNavItem: (item: SearchNavItem) => () => void;
+    moveHighlight: (delta: number) => void;
+    selectHighlighted: () => void;
+}
+type SearchNavItem = {
+    id: string;
+    disabled: boolean;
+    select: () => void;
+};
+export declare function useMenuSearch(): MenuSearchContextValue;
+/** Bold the first case-insensitive match of `query` within `text`. */
+export declare function highlightMenuMatch(text: string, query: string): React.ReactNode;
 export interface MenuProps {
     /** Menu content */
     children: React.ReactNode;
-    /** Controlled open state */
+    /**
+     * How the menu opens:
+     * - `click` — button / pointer click (Radix DropdownMenu)
+     * - `context` — right-click / long-press context menu
+     */
+    trigger?: MenuTriggerMode;
+    /** Controlled open state (click trigger only; context menus are pointer-driven) */
     open?: boolean;
     /** Called when the open state changes */
     onOpenChange?: (open: boolean) => void;
-    /** Default open state for uncontrolled usage */
+    /** Default open state for uncontrolled usage (click trigger) */
     defaultOpen?: boolean;
     /** Modal behavior - if true, interactions outside will close the menu */
     modal?: boolean;
 }
 /**
- * Menu Component
- *
- * A dropdown menu for displaying actions and options.
- * Built on Radix UI DropdownMenu for accessibility and keyboard navigation.
+ * Menu (Dropdown Menu)
  *
- * @example
- * ```tsx
- * <Menu>
- *   <MenuTrigger asChild>
- *     <Button>Open Menu</Button>
- *   </MenuTrigger>
- *   <MenuContent>
- *     <MenuItem onSelect={() => console.log('Edit')}>Edit</MenuItem>
- *     <MenuItem onSelect={() => console.log('Delete')} destructive>Delete</MenuItem>
- *   </MenuContent>
- * </Menu>
- * ```
+ * Shared action-menu surface for click and right-click triggers.
+ * Built on Radix DropdownMenu / ContextMenu.
  */
 export declare const Menu: React.FC<MenuProps>;
+/** Alias for Figma / docs naming parity with "Dropdown Menu". */
+export declare const DropdownMenu: React.FC<MenuProps>;
 export interface MenuTriggerProps {
     /** Trigger element */
     children: React.ReactNode;
     /** Merge trigger props onto child element instead of wrapping */
     asChild?: boolean;
+    /** Disable the trigger (context menus) */
+    disabled?: boolean;
     /** Additional CSS classes */
     className?: string;
 }
 /**
- * MenuTrigger - Button that opens the menu
+ * MenuTrigger — opens the menu on click or right-click depending on `Menu.trigger`.
  */
 export declare const MenuTrigger: React.ForwardRefExoticComponent<MenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export interface MenuContentProps {
     /** Menu items */
     children: React.ReactNode;
-    /** Horizontal alignment relative to trigger */
+    /** Horizontal alignment relative to trigger (click mode) */
     align?: 'start' | 'center' | 'end';
-    /** Side of the trigger to render on */
+    /** Side of the trigger to render on (click mode) */
     side?: 'top' | 'right' | 'bottom' | 'left';
-    /** Distance from the trigger */
+    /** Distance from the trigger (click mode) */
     sideOffset?: number;
     /** Distance from the alignment edge */
     alignOffset?: number;
     /** Additional CSS classes */
     className?: string;
+    /** Inline styles (e.g. match a field width that is not the trigger) */
+    style?: React.CSSProperties;
     /** Whether to loop focus within the menu */
     loop?: boolean;
+    /**
+     * Called when the menu opens and would move focus into the content.
+     * Call `event.preventDefault()` to leave focus where it is (e.g. Combobox input).
+     */
+    onOpenAutoFocus?: (event: Event) => void;
     /**
      * Called when focus returns to the trigger after the menu closes.
-     * Call `event.preventDefault()` to leave focus where it is — useful when the
-     * trigger is a hover-only affordance that should not stay revealed.
+     * Call `event.preventDefault()` to leave focus where it is.
      */
     onCloseAutoFocus?: (event: Event) => void;
+    /** Enable search context for MenuSearch + item filtering */
+    searchable?: boolean;
+    /** Show the custom Figma scrollbar when content overflows */
+    scrollbar?: boolean;
+}
+export declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface MenuSearchProps {
+    /** Placeholder text */
+    placeholder?: string;
+    /**
+     * Matches inputfield content sizes.
+     * `md` — 20px search/clear in a 32px slot. `sm` — 16px in a 24px slot.
+     */
+    size?: 'sm' | 'md';
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
 }
 /**
- * MenuContent - The dropdown container for menu items
+ * MenuSearch — sticky search header for filtering menu items.
+ * Must be used inside a `MenuContent` with `searchable`.
  */
-export declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuSearch: React.ForwardRefExoticComponent<MenuSearchProps & React.RefAttributes<HTMLInputElement>>;
 export interface MenuItemProps {
     /** Item content */
     children: React.ReactNode;
     /** Called when the item is selected */
-    onSelect?: () => void;
+    onSelect?: (event: Event) => void;
     /** Disables the item */
     disabled?: boolean;
     /** Renders as a destructive/danger action */
@@ -83,8 +124,22 @@ export interface MenuItemProps {
     icon?: React.ReactNode;
     /** Keyboard shortcut to display */
     shortcut?: string;
+    /**
+     * Trailing affordance shown while highlighted (Figma Combobox suggestions).
+     * `enter` renders the custom arrow-return icon on the highlighted row.
+     */
+    hint?: 'enter';
+    /**
+     * Force the hover/highlighted styles (and enter hint) without moving DOM focus.
+     * Used by Combobox while the caret stays in the text field.
+     */
+    highlighted?: boolean;
+    /** DOM id (e.g. for aria-activedescendant from a Combobox input) */
+    id?: string;
     /** Additional CSS classes */
     className?: string;
+    /** Override text used for search filtering / highlighting */
+    textValue?: string;
 }
 /**
  * MenuItem - An action item within the menu
@@ -121,12 +176,19 @@ export interface MenuCheckboxItemProps {
     disabled?: boolean;
     /**
      * Icon to display before the label, in the same column as `MenuItem`'s icon.
-     * The checkmark then moves to the end of the row, so a menu that mixes plain
-     * and checkable items keeps one icon column.
+     * When set, the checkmark moves to the end of the row.
      */
     icon?: React.ReactNode;
+    /**
+     * Checkmark placement:
+     * - `leading` — start of the row (default)
+     * - `trailing` — end of the row (Figma Dropdown Menu multiselect)
+     */
+    indicator?: 'leading' | 'trailing';
     /** Additional CSS classes */
     className?: string;
+    /** Override text used for search filtering / highlighting */
+    textValue?: string;
 }
 /**
  * MenuCheckboxItem - A checkable menu item
@@ -155,6 +217,14 @@ export interface MenuRadioItemProps {
     disabled?: boolean;
     /** Additional CSS classes */
     className?: string;
+    /**
+     * Indicator style:
+     * - `dot` — classic leading radio dot (default)
+     * - `check` — trailing check + selected background (Context Select)
+     */
+    indicator?: 'dot' | 'check';
+    /** Override text used for search filtering / highlighting */
+    textValue?: string;
 }
 /**
  * MenuRadioItem - A radio option within a MenuRadioGroup