@voxel51/voodo 0.0.27 → 0.0.29

package/README.md

@@ -59,43 +59,6 @@ application.
 import "@voxel51/voodo/theme.css";
 ```
 
-#### Usage with MUI
-
-This library also exports theme configuration (in the form of a Material `ThemeConfig`)
-which can be used to generate an MUI theme.
-
-```typescript jsx
-
-import { createTheme, ThemeProvider } from '@mui/material/styles';
-import { defaultMUIThemeConfig, createMUIThemeConfig } from '@voxel51/voodo';
-
-// Option 1: Use default (dark mode)
-const theme = createTheme(defaultMUIThemeConfig);
-
-// Option 2: Create light mode
-const lightTheme = createTheme(createMUIThemeConfig({ mode: 'light' }));
-
-// Option 3: With overrides
-const customTheme = createTheme(
-    createMUIThemeConfig({
-        mode: 'dark',
-        overrides: {
-            palette: {
-                primary: { main: '#custom-color' },
-            },
-        },
-    })
-);
-
-function App() {
-    return (
-        <ThemeProvider theme={theme}>
-            {/* Your app */}
-        </ThemeProvider>
-    );
-}
-```
-
 ## Contributing
 
 This library is based on [HeadlessUI](https://headlessui.com/) and [Tailwind](https://tailwindcss.com/). 
@@ -111,10 +74,6 @@ General rules of thumb:
 ## Publishing
 
 This library is published to NPM via GitHub Actions workflows.
-Releases are triggered by tagging a commit with a `v<version>` tag, where `<version>`
-should match the `version` property in `package.json`. For example, the initial release has the tag `v0.0.1`.
-
-Once a release is tagged and published, the `version` property in `package.json` should receive a patch bump.
 
 This library is currently in a pre-release state, with versions matching `0.x.y`.
 Standard semantic versioning will be enforced starting with version `1.0.0`.

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

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+import { UseDisclosureOptions } from '../../util/useDisclosure';
+/**
+ * Snapshot of open/close state passed to the `header` render prop so the
+ * caller can style the trigger element (e.g. rotate a chevron icon).
+ */
+export interface CollapsibleState {
+    /** Whether the content area is currently open. */
+    open: boolean;
+    /** Toggles the open state. Calls `onOpenChange` when in controlled mode. */
+    toggle: () => void;
+}
+/**
+ * Props for {@link Collapsible}.
+ *
+ * Extends {@link UseDisclosureOptions} so the component supports both
+ * uncontrolled (`defaultOpen`) and controlled (`open` + `onOpenChange`) usage.
+ */
+export interface CollapsibleProps extends UseDisclosureOptions {
+    /**
+     * Render prop for the clickable header. Receives the current
+     * {@link CollapsibleState} so the caller can wire up the toggle and reflect
+     * open state in the trigger UI.
+     *
+     * @example
+     * ```tsx
+     * <Collapsible header={({ open, toggle }) => (
+     *   <button onClick={toggle}>{open ? "Hide" : "Show"}</button>
+     * )}>
+     *   content
+     * </Collapsible>
+     * ```
+     */
+    header?: (state: CollapsibleState) => React.ReactNode;
+    /**
+     * When `true` (default), the content area expands and collapses with a CSS
+     * `max-height` transition so the DOM node stays mounted and accessible while
+     * collapsed. When `false`, children are unmounted immediately with no animation.
+     * @default true
+     */
+    animated?: boolean;
+    /** Content to show or hide. */
+    children?: React.ReactNode;
+    /** Additional class name applied to the root element. */
+    className?: string;
+    /** Inline styles applied to the root element. */
+    style?: React.CSSProperties;
+}
+/**
+ * A vertically collapsible container with an optional header trigger.
+ *
+ * Supports uncontrolled and controlled open state via {@link useDisclosure}.
+ * When `animated` is true, content visibility is driven by a CSS `max-height`
+ * transition so the DOM node stays mounted and accessible while collapsed.
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled — starts open
+ * <Collapsible
+ *   header={({ open, toggle }) => (
+ *     <button onClick={toggle}>{open ? "Collapse" : "Expand"}</button>
+ *   )}
+ * >
+ *   <p>Hidden content</p>
+ * </Collapsible>
+ *
+ * // Controlled
+ * const [open, setOpen] = useState(false);
+ * <Collapsible open={open} onOpenChange={setOpen} header={({ toggle }) => (
+ *   <button onClick={toggle}>Toggle</button>
+ * )}>
+ *   <p>Controlled content</p>
+ * </Collapsible>
+ * ```
+ */
+declare const Collapsible: React.FC<CollapsibleProps>;
+export default Collapsible;
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI3E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4EAA4E;IAC5E,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Collapsible } from './Collapsible';
+export type { CollapsibleProps, CollapsibleState } from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,68 @@
+import { default as React } from 'react';
+import { UseDisclosureOptions } from '../../util/useDisclosure';
+/**
+ * Edge of the viewport the drawer is anchored to. Determines both the
+ * drag axis (`left`/`right` resize horizontally; `top`/`bottom` resize
+ * vertically) and the direction the drawer expands when opened.
+ */
+export type DrawerSide = "left" | "right" | "top" | "bottom";
+/**
+ * State passed to the {@link DrawerProps.header} render prop so callers
+ * can react to and control the drawer's open/closed state from within
+ * their header content (e.g. a toggle button).
+ */
+export interface DrawerHeaderState {
+    /** Whether the drawer is currently expanded. */
+    open: boolean;
+    /** Flip the drawer between open and closed. */
+    toggle: () => void;
+}
+/**
+ * Props for the {@link Drawer} component. Extends `UseDisclosureOptions`
+ * so callers can drive the open state in either controlled
+ * (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`) mode.
+ */
+export interface DrawerProps extends UseDisclosureOptions {
+    /** Edge the drawer is anchored to. Defaults to `"bottom"`. */
+    side?: DrawerSide;
+    /** Size (in px) the drawer opens to when first rendered or re-opened. */
+    defaultSize: number;
+    /** Minimum size (in px) the user can drag the drawer down to while open. */
+    minSize: number;
+    /** Maximum size (in px) the user can drag the drawer up to. */
+    maxSize: number;
+    /**
+     * How the drawer relates to surrounding layout.
+     * - `"push"` (default): the drawer occupies space and pushes siblings.
+     * - `"float"`: the drawer overlays content without affecting layout.
+     */
+    mode?: "push" | "float";
+    /**
+     * Render prop for the always-visible header area. Receives open state and
+     * toggle. Everything the caller renders here stays visible when collapsed —
+     * toggle button, ruler, pinned rows, etc. Its height is measured and used
+     * as the drawer's closed size automatically.
+     */
+    header?: (state: DrawerHeaderState) => React.ReactNode;
+    /** Called whenever the user finishes resizing the drawer. */
+    onSizeChange?: (size: number) => void;
+    /** Ref forwarded to the scrollable body element wrapping `children`. */
+    bodyRef?: React.RefObject<HTMLDivElement | null>;
+    /** Drawer body content, rendered inside the scrollable area. */
+    children?: React.ReactNode;
+    /** Additional class name applied to the drawer root. */
+    className?: string;
+    /** Inline styles merged into the drawer root (after the sizing style). */
+    style?: React.CSSProperties;
+}
+/**
+ * Resizable, collapsible drawer anchored to one edge of its container.
+ *
+ * The drawer is draggable along its perpendicular axis between `minSize`
+ * and `maxSize`, and collapses to the measured height of its `header`
+ * render prop (plus the drag handle) when closed. Open state can be
+ * controlled or uncontrolled via the inherited disclosure props.
+ */
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAcD;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Drawer } from './Drawer';
+export type { DrawerProps, DrawerSide, DrawerHeaderState } from './Drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,94 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { ZIndex } from '../../types';
+/**
+ * Position of the dropdown menu panel relative to its trigger.
+ * Values follow the `<edge> <alignment>` convention used by HeadlessUI's
+ * floating UI — e.g. `BottomStart` opens the menu below the trigger,
+ * left-aligned with it.
+ */
+export declare enum DropdownAnchor {
+    /** Below the trigger, horizontally centered. */
+    Bottom = "bottom",
+    /** Below the trigger, aligned with its leading (start) edge. */
+    BottomStart = "bottom start",
+    /** Below the trigger, aligned with its trailing (end) edge. */
+    BottomEnd = "bottom end",
+    /** Above the trigger, horizontally centered. */
+    Top = "top",
+    /** Above the trigger, aligned with its leading (start) edge. */
+    TopStart = "top start",
+    /** Above the trigger, aligned with its trailing (end) edge. */
+    TopEnd = "top end"
+}
+/**
+ * Props for {@link Dropdown}.
+ */
+export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The element that opens the dropdown when clicked.
+     * Rendered inside a `MenuButton` wrapper — any focusable element works.
+     */
+    trigger: ReactNode;
+    /** Menu content. Use the Menu* primitive components as children. */
+    children: ReactNode;
+    /** Position of the menu panel relative to the trigger. */
+    anchor?: DropdownAnchor;
+    /**
+     * Renders the menu panel in a portal so it escapes overflow-hidden
+     * ancestors and stacks above complex layouts (modals, mosaic grids,
+     * scrollable regions). Defaults to `true` — opt out by passing `false`
+     * when the menu must stay inside its trigger's DOM subtree (e.g. tightly
+     * scoped to a virtualized list).
+     * @default true
+     */
+    portal?: boolean;
+    /** Explicit z-index override for the menu panel. */
+    zIndex?: ZIndex;
+    /**
+     * If `true`, the trigger cannot open the menu. Also inferred automatically
+     * when the `trigger` element has `disabled` set on its props.
+     */
+    disabled?: boolean;
+}
+/**
+ * A click-triggered menu component. Composes with the Menu primitives:
+ * {@link MenuTextItem}, {@link MenuIconTextItem}, {@link MenuCheckItem},
+ * {@link MenuSectionTitle}, and {@link MenuSeparator}.
+ *
+ * Built on HeadlessUI's `Menu`, providing full keyboard navigation
+ * (arrow keys, Enter, Escape) and ARIA `role="menu"` semantics automatically.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Actions</DropdownTrigger>}>
+ *   <MenuSectionTitle>Actions</MenuSectionTitle>
+ *   <MenuIconTextItem
+ *     icon={IconName.ImageSearch}
+ *     text="Sort by similarity"
+ *     subtext="Find visually similar"
+ *     onClick={() => {}}
+ *   />
+ *   <MenuIconTextItem
+ *     icon={IconName.Embeddings}
+ *     text="Run embeddings"
+ *     subtext="Compute vector embeddings"
+ *     onClick={() => {}}
+ *   />
+ *   <MenuSeparator />
+ *   <MenuTextItem destructive onClick={() => {}}>
+ *     Delete
+ *   </MenuTextItem>
+ * </Dropdown>
+ * ```
+ *
+ * @param trigger The trigger element that opens the menu.
+ * @param children Menu content — use the Menu* primitive components.
+ * @param anchor Position of the menu panel relative to the trigger. See {@link DropdownAnchor}.
+ * @param portal If `true`, renders the panel in a portal with a high z-index.
+ * @param zIndex Explicit z-index for the panel.
+ * @param disabled If `true`, the menu cannot be opened.
+ * @param className `class` overrides for the root wrapper.
+ * @param props Additional HTML properties for the root wrapper.
+ */
+export declare const Dropdown: FC<DropdownProps>;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAgB,MAAM,SAAS,CAAC;AAG/C;;;;;GAKG;AACH,oBAAY,cAAc;IACxB,gDAAgD;IAChD,MAAM,WAAW;IACjB,gEAAgE;IAChE,WAAW,iBAAiB;IAC5B,+DAA+D;IAC/D,SAAS,eAAe;IACxB,gDAAgD;IAChD,GAAG,QAAQ;IACX,gEAAgE;IAChE,QAAQ,cAAc;IACtB,+DAA+D;IAC/D,MAAM,YAAY;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0CtC,CAAC"}

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { ButtonProps } from '../Button';
+/**
+ * Props for {@link DropdownTrigger}. Accepts {@link ButtonProps} except
+ * `variant` and `trailingIcon`, which are fixed by the trigger preset
+ * (secondary variant + caret-down icon).
+ */
+export type DropdownTriggerProps = Omit<ButtonProps, "variant" | "trailingIcon">;
+/**
+ * The standard trigger button for a {@link Dropdown}.
+ * Always renders as a secondary button with a trailing caret-down icon
+ * so users know the element opens a menu.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Actions</DropdownTrigger>}>
+ *   <DropdownTextItem onClick={() => {}}>Edit</DropdownTextItem>
+ * </Dropdown>
+ * ```
+ *
+ * @param children Button label.
+ * @param size Button size. Defaults to {@link Size.Sm}.
+ * @param props Additional {@link ButtonProps} (excluding `variant` and `trailingIcon`).
+ */
+export declare const DropdownTrigger: FC<DropdownTriggerProps>;
+//# sourceMappingURL=DropdownTrigger.d.ts.map

package/dist/components/Dropdown/DropdownTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,SAAS,GAAG,cAAc,CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Dropdown';
+export * from './DropdownTrigger';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { FC, HTMLAttributes } from 'react';
+/**
+ * Props for {@link MenuCheckItem}.
+ */
+export interface MenuCheckItemProps extends HTMLAttributes<HTMLButtonElement> {
+    /** Whether this item is currently checked/selected. */
+    checked?: boolean;
+    /** If `true`, the item cannot be interacted with and is rendered in a muted style. */
+    disabled?: boolean;
+}
+/**
+ * A selectable menu item with a leading checkmark indicator.
+ * The checkmark is shown when `checked` is `true`; otherwise the slot is empty
+ * but reserved so that text alignment stays consistent across items.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Sort</DropdownTrigger>}>
+ *   <MenuCheckItem checked={sort === "asc"} onClick={() => setSort("asc")}>
+ *     Ascending
+ *   </MenuCheckItem>
+ *   <MenuCheckItem checked={sort === "desc"} onClick={() => setSort("desc")}>
+ *     Descending
+ *   </MenuCheckItem>
+ * </Dropdown>
+ * ```
+ *
+ * @param checked If `true`, a checkmark is shown in the leading slot.
+ * @param disabled If `true`, the item cannot be interacted with.
+ * @param children The label text.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const MenuCheckItem: FC<MenuCheckItemProps>;
+//# sourceMappingURL=MenuCheckItem.d.ts.map

package/dist/components/Menu/MenuCheckItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCheckItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuCheckItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiBhD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC3E,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgDhD,CAAC"}

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

@@ -0,0 +1,43 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { IconName } from '../../types';
+/**
+ * Props for {@link MenuIconTextItem}.
+ */
+export interface MenuIconTextItemProps extends HTMLAttributes<HTMLButtonElement> {
+    /** Icon to display to the left of the text content. */
+    icon: IconName | ReactNode;
+    /** Primary label text. */
+    text: string;
+    /** Optional secondary description shown below the primary text. */
+    subtext?: string;
+    /** If `true`, the item cannot be interacted with and is rendered in a muted style. */
+    disabled?: boolean;
+    /** If `true`, renders text and icon in the destructive color palette. */
+    destructive?: boolean;
+}
+/**
+ * A menu item displaying an icon alongside primary text and an optional subtext description.
+ * Matches the layout shown for action menus such as "Sort by similarity / Find visually similar".
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
+ *   <MenuIconTextItem
+ *     icon={IconName.ImageSearch}
+ *     text="Sort by similarity"
+ *     subtext="Find visually similar"
+ *     onClick={() => {}}
+ *   />
+ * </Dropdown>
+ * ```
+ *
+ * @param icon An {@link IconName} or a custom ReactNode rendered in the leading slot.
+ * @param text The primary label for the item.
+ * @param subtext An optional secondary line rendered below the primary text in muted color.
+ * @param disabled If `true`, the item cannot be interacted with.
+ * @param destructive If `true`, renders text colors in the destructive palette.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const MenuIconTextItem: FC<MenuIconTextItemProps>;
+//# sourceMappingURL=MenuIconTextItem.d.ts.map

package/dist/components/Menu/MenuIconTextItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIconTextItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuIconTextItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3D,OAAO,EAKL,QAAQ,EAKT,MAAM,SAAS,CAAC;AAGjB;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC9E,uDAAuD;IACvD,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+DtD,CAAC"}

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

@@ -0,0 +1,26 @@
+import { FC, HTMLAttributes } from 'react';
+/**
+ * Props for {@link MenuSectionTitle}.
+ */
+export interface MenuSectionTitleProps extends HTMLAttributes<HTMLDivElement> {
+    /** The section title text. Rendered as an uppercase muted label. */
+    children: string;
+}
+/**
+ * A non-interactive section title within a menu (e.g. {@link Dropdown}).
+ * Renders as an uppercase label above a group of items.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
+ *   <MenuSectionTitle>Actions</MenuSectionTitle>
+ *   <MenuIconTextItem icon={IconName.Edit} text="Edit" />
+ * </Dropdown>
+ * ```
+ *
+ * @param children The section title text.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const MenuSectionTitle: FC<MenuSectionTitleProps>;
+//# sourceMappingURL=MenuSectionTitle.d.ts.map

package/dist/components/Menu/MenuSectionTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSectionTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSectionTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMhD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgBtD,CAAC"}

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

@@ -0,0 +1,23 @@
+import { FC, HTMLAttributes } from 'react';
+/**
+ * Props for {@link MenuSeparator}. Accepts any standard div HTML attributes.
+ */
+export type MenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * A horizontal rule separator within a menu (e.g. {@link Dropdown}).
+ * Used to visually divide groups of items.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
+ *   <MenuTextItem onClick={() => {}}>First group</MenuTextItem>
+ *   <MenuSeparator />
+ *   <MenuTextItem onClick={() => {}}>Second group</MenuTextItem>
+ * </Dropdown>
+ * ```
+ *
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const MenuSeparator: FC<MenuSeparatorProps>;
+//# sourceMappingURL=MenuSeparator.d.ts.map

package/dist/components/Menu/MenuSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAehD,CAAC"}

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

@@ -0,0 +1,30 @@
+import { FC, HTMLAttributes } from 'react';
+/**
+ * Props for {@link MenuTextItem}.
+ */
+export interface MenuTextItemProps extends HTMLAttributes<HTMLButtonElement> {
+    /** If `true`, the item cannot be interacted with and is rendered in a muted style. */
+    disabled?: boolean;
+    /** If `true`, renders the label in the destructive text color (e.g. for "Delete"). */
+    destructive?: boolean;
+}
+/**
+ * A simple text-only item within a menu (e.g. {@link Dropdown}).
+ *
+ * @example
+ * ```tsx
+ * <Dropdown trigger={<DropdownTrigger>Open</DropdownTrigger>}>
+ *   <MenuTextItem onClick={() => console.log("clicked")}>
+ *     Delete item
+ *   </MenuTextItem>
+ * </Dropdown>
+ * ```
+ *
+ * @param children The label text.
+ * @param disabled If `true`, the item cannot be interacted with.
+ * @param destructive If `true`, renders the label in the destructive text color.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
+export declare const MenuTextItem: FC<MenuTextItemProps>;
+//# sourceMappingURL=MenuTextItem.d.ts.map

package/dist/components/Menu/MenuTextItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTextItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuTextItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAchD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC1E,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAoC9C,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './MenuCheckItem';
+export * from './MenuIconTextItem';
+export * from './MenuSectionTitle';
+export * from './MenuSeparator';
+export * from './MenuTextItem';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Shared visual styles for menu panels (Dropdown, ContextMenu, etc.).
+ *
+ * Provides the popover background, padding, max-width cap, radius, shadow,
+ * and focus outline reset that define the menu's visual identity.
+ */
+export declare const menuPanelStyles: () => string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Menu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAO,MAQhC,CAAC"}

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoIlC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4IlC,CAAC"}

package/dist/components/index.d.ts

@@ -3,8 +3,11 @@ export * from './Button';
 export * from './Card';
 export * from './Checkbox';
 export * from './Clickable';
+export * from './Collapsible';
 export * from './Datepicker';
 export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
 export * from './EmptyState';
 export * from './FormField';
 export * from './FormFieldGroup';
@@ -13,6 +16,7 @@ export * from './Icons';
 export * from './ImageList';
 export * from './Input';
 export * from './ListItem';
+export * from './Menu';
 export * from './Pill';
 export * from './Radio';
 export * from './RichButton';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}