@agentero/design-system 0.24.3 → 0.24.5

package/src/data-table/table.d.ts

@@ -84,56 +84,119 @@ type TableVariants = VariantProps<typeof tableRecipe>;
 export type TableRootProps = TableVariants & {
     ref?: Ref<HTMLDivElement>;
 };
+/**
+ * The outermost part of the low-level presentational table primitive — a thin
+ * themed wrapper over native `<table>` markup (scrolling, sticky rows, row
+ * sizing, dividers, hover, expandable rows). It renders the scroll viewport and
+ * `<table>`, shares variants with the other parts via context, and forwards
+ * `ref` to the scroll container. The viewport fills its (bounded) parent — cap
+ * height by constraining that parent.
+ *
+ * Compose `Root` with `Head` / `Body` / `Row` / `Header` / `Cell`, plus
+ * `ExpandButton` / `ExpandedRow` and `RowActions`. For sorting, toolbar and
+ * pagination, prefer `DataTable`, which is built on top of this.
+ *
+ * @summary Table root that owns the scroll viewport and `<table>` element
+ *
+ * @example
+ * ```tsx
+ * import { Table } from '@agentero/design-system/data-table';
+ *
+ * <Table.Root size="md" sticky="head">
+ *   <Table.Head>
+ *     <Table.Row>
+ *       <Table.Header>Name</Table.Header>
+ *     </Table.Row>
+ *   </Table.Head>
+ *   <Table.Body>
+ *     <Table.Row>
+ *       <Table.Cell>Jane Doe</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Body>
+ * </Table.Root>
+ * ```
+ */
+export declare const TableRoot: {
+    ({ children, ref, ...variants }: PropsWithChildren<TableRootProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * `<thead>` wrapper; group your header `Table.Row` here.
+ *
+ * @summary `<thead>` wrapper for header rows
+ */
+export declare const TableHead: {
+    ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * `<tbody>` wrapper; the per-row treatment lives on `Table.Row`.
+ *
+ * @summary `<tbody>` wrapper
+ */
+export declare const TableBody: {
+    ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A table row (`<tr>`). In `Table.Body`, rows pick up dividers, hover, and the
+ * sticky-footer treatment from the `Table.Root` variants automatically.
+ *
+ * @summary Table row element
+ */
+export declare const TableRow: {
+    ({ className, ...props }: ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A header cell (`<th>`): tertiary, light-weight column label.
+ *
+ * @summary Header cell element
+ */
+export declare const TableHeader: {
+    ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A data cell (`<td>`). Row min-height follows the `Table.Root` `size` variant.
+ *
+ * @summary Data cell element
+ */
+export declare const TableCell: {
+    ({ className, ...props }: PropsWithChildren<TdHTMLAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type TableExpandButtonProps = {
     toggleExpanded: () => void;
     isExpanded: boolean;
 } & ButtonProps;
 /**
- * Low-level presentational table primitive — a thin themed wrapper over native
- * `<table>` markup (scrolling, sticky rows, row sizing, dividers, hover,
- * expandable rows). Compose from `Root` / `Head` / `Body` / `Row` / `Header` /
- * `Cell`, plus `ExpandButton` / `ExpandedRow` and `RowActions`. For
- * sorting/toolbar/pagination, prefer `DataTable`, built on top of this.
+ * Ghost icon button toggling an expandable row; the chevron rotates 180° while open.
  *
- * @summary Low-level themed table primitive (scrolling, sticky, sizing, rows)
- * @namespace Table
+ * @summary Expand/collapse toggle button for an expandable row
  */
-export declare const Table: {
-    Root: {
-        ({ children, ref, ...variants }: PropsWithChildren<TableRootProps>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Head: {
-        ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Row: {
-        ({ className, ...props }: ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Header: {
-        ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Cell: {
-        ({ className, ...props }: PropsWithChildren<TdHTMLAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    ExpandButton: {
-        ({ toggleExpanded, isExpanded, className, ...props }: TableExpandButtonProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    ExpandedRow: {
-        ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    RowActions: {
-        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+export declare const TableExpandButton: {
+    ({ toggleExpanded, isExpanded, className, ...props }: TableExpandButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Full-width detail row revealed under its parent when expanded. Put content in
+ * a single `Table.Cell` with a matching `colSpan`.
+ *
+ * @summary Detail row shown under an expanded parent row
+ */
+export declare const TableExpandedRow: {
+    ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Inline action cluster pinned to the row's trailing edge; controls stay hidden
+ * until row hover (always visible on coarse-pointer devices).
+ *
+ * @summary Hover-revealed row action cluster
+ */
+export declare const TableRowActions: {
+    ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 export {};

package/src/data-table/table.js

@@ -168,16 +168,5 @@ var E = r({ base: [
 	children: e
 });
 D.displayName = "Table.RowActions";
-var O = {
-	Root: m,
-	Head: h,
-	Body: g,
-	Row: v,
-	Header: b,
-	Cell: S,
-	ExpandButton: w,
-	ExpandedRow: T,
-	RowActions: D
-};
 //#endregion
-export { O as Table, c as tableRecipe };
+export { g as TableBody, S as TableCell, w as TableExpandButton, T as TableExpandedRow, h as TableHead, b as TableHeader, m as TableRoot, v as TableRow, D as TableRowActions, c as tableRecipe };

package/src/divider/divider.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn as e } from "../../lib/utils.js";
 import { tv as t } from "tailwind-variants";
 import { jsx as n } from "react/jsx-runtime";

package/src/dropdown-menu/dropdown-menu.d.ts

@@ -11,6 +11,74 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
  * @property {'ltr' | 'rtl'} [dir] - The reading direction of the dropdown menu when applicable. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
  */
 type RootProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
+/**
+ * Root container that holds every part of a DropdownMenu — the menu of
+ * secondary actions attached to a button or icon trigger: edit/duplicate/delete
+ * rows, account menus, overflow affordances, and nested submenus. It owns the
+ * open state (controlled via `open`/`onOpenChange` or uncontrolled via
+ * `defaultOpen`) and must wrap Trigger, Portal, and Content. Built on Radix
+ * UI's DropdownMenu primitive, so keyboard navigation, focus trapping,
+ * typeahead, and viewport-collision detection come for free.
+ *
+ * Fill the menu with `Item`, `Separator`, `Label`, and — for nested flows —
+ * `Sub` / `SubTrigger` / `SubContent`. Wrap content in `Portal` so the menu
+ * escapes ancestor `overflow:hidden` and z-index stacking contexts.
+ *
+ * Do **not** use DropdownMenu for primary navigation (use a real nav menu),
+ * for single-choice form input (use a `Select`), or for command palettes
+ * (use `Command`). For radio/checkbox-style toggles, use Radix's
+ * `CheckboxItem` / `RadioItem` primitives directly — those parts are not
+ * exposed here yet.
+ *
+ * @summary Root provider for a DropdownMenu's open state
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/dropdown-menu|Radix UI DropdownMenu}
+ *
+ * @example
+ * ```tsx
+ * import { DropdownMenu } from '@agentero/design-system/dropdown-menu';
+ *
+ * <DropdownMenu.Root>
+ *   <DropdownMenu.Trigger>
+ *     <IconMoreVert />
+ *   </DropdownMenu.Trigger>
+ *
+ *   <DropdownMenu.Portal>
+ *     <DropdownMenu.Content side="bottom" align="end">
+ *       <DropdownMenu.Label>Actions</DropdownMenu.Label>
+ *
+ *       <DropdownMenu.Item onSelect={() => handleEdit()}>
+ *         <IconEdit />
+ *         Edit
+ *       </DropdownMenu.Item>
+ *
+ *       <DropdownMenu.Sub>
+ *         <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
+ *         <DropdownMenu.Portal>
+ *           <DropdownMenu.SubContent>
+ *             <DropdownMenu.Item>Email</DropdownMenu.Item>
+ *             <DropdownMenu.Item>Slack</DropdownMenu.Item>
+ *           </DropdownMenu.SubContent>
+ *         </DropdownMenu.Portal>
+ *       </DropdownMenu.Sub>
+ *
+ *       <DropdownMenu.Separator />
+ *
+ *       <DropdownMenu.Item
+ *         onSelect={() => handleDelete()}
+ *         disabled={!canDelete}
+ *       >
+ *         <IconDelete />
+ *         Delete
+ *       </DropdownMenu.Item>
+ *     </DropdownMenu.Content>
+ *   </DropdownMenu.Portal>
+ * </DropdownMenu.Root>
+ * ```
+ */
+export declare const Root: {
+    (props: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu Trigger component.
  *
@@ -21,6 +89,42 @@ type RootProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
  * @dataAttribute {string} data-disabled - Present when disabled
  */
 type TriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
+/**
+ * Button that toggles the DropdownMenu open/closed. Pass `asChild` to
+ * delegate rendering to a custom element (e.g. a `Button`) while inheriting
+ * Radix's accessibility wiring.
+ *
+ * @summary Toggle button that opens the DropdownMenu
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Trigger asChild>
+ *   <Button variant="secondary">Open</Button>
+ * </DropdownMenu.Trigger>
+ * ```
+ */
+export declare const Trigger: {
+    ({ className, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Portals Content out of the DOM subtree to `document.body` (or a custom
+ * `container`) so the menu escapes ancestor `overflow:hidden` and z-index
+ * stacking contexts. Always wrap `Content` and `SubContent` in a Portal.
+ *
+ * @summary Portals DropdownMenu content to the body to escape stacking contexts
+ *
+ * @property {boolean} [forceMount] - Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.
+ * @property {HTMLElement} [container=document.body] - Specify a container element to portal the content into.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Portal>
+ *   <DropdownMenu.Content>...</DropdownMenu.Content>
+ * </DropdownMenu.Portal>
+ * ```
+ */
+export declare const Portal: import('react').FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
 /**
  * Tailwind variant styles for the dropdown menu content.
  * Includes animations for slide-in/out based on the side from which the menu appears.
@@ -63,6 +167,27 @@ declare const contentStyles: import('tailwind-variants').TVReturnType<{
  * @cssVariable --radix-dropdown-menu-content-available-height - The available height before overflow
  */
 type ContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & VariantProps<typeof contentStyles>;
+/**
+ * Floating surface that holds the menu items. Animates on open/close
+ * (direction follows `side`), performs collision detection so the menu
+ * stays within the viewport, and — when `hasTriggerWidth` is `true` —
+ * matches the trigger's width. Defaults: `sideOffset` is `8`,
+ * `hasTriggerWidth` is `false`.
+ *
+ * @summary Animated popover surface that contains the menu items
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Content side="bottom" align="end" sideOffset={8}>
+ *   <DropdownMenu.Item>Edit</DropdownMenu.Item>
+ *   <DropdownMenu.Item>Delete</DropdownMenu.Item>
+ * </DropdownMenu.Content>
+ * ```
+ */
+export declare const Content: {
+    ({ className, hasTriggerWidth, sideOffset, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu Item component.
  *
@@ -75,18 +200,81 @@ type ContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & Varia
  * @dataAttribute {string} data-disabled - Present when disabled
  */
 type ItemProps = ComponentProps<typeof DropdownMenuPrimitive.Item>;
+/**
+ * Selectable row inside the menu. Fires `onSelect` on click or keyboard
+ * activation; passing `disabled` greys the row and blocks interaction. Any
+ * leading `<svg>` is sized to 24px and tinted with the tertiary icon token.
+ *
+ * @summary Selectable menu row with hover + disabled styling
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Item onSelect={() => handleEdit()}>
+ *   <IconEdit />
+ *   Edit
+ * </DropdownMenu.Item>
+ *
+ * <DropdownMenu.Item disabled>
+ *   <IconDelete />
+ *   Delete (unavailable)
+ * </DropdownMenu.Item>
+ * ```
+ */
+export declare const Item: {
+    ({ className, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu Separator component.
  *
  * @property {string} [className] - Additional CSS classes to apply.
  */
 type SeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+/**
+ * Full-width horizontal rule that visually groups menu items — e.g. between
+ * an edit cluster and a destructive action. Extends past the content
+ * padding so the line meets the menu's edges.
+ *
+ * @summary Horizontal divider between groups of menu items
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Item>Edit</DropdownMenu.Item>
+ * <DropdownMenu.Separator />
+ * <DropdownMenu.Item>Delete</DropdownMenu.Item>
+ * ```
+ */
+export declare const Separator: {
+    ({ className, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu Label component.
  *
  * @property {string} [className] - Additional CSS classes to apply.
  */
 type LabelProps = ComponentProps<typeof DropdownMenuPrimitive.Label>;
+/**
+ * Non-interactive section heading. Use to label grouped items (e.g.
+ * "Profile", "Settings"). Not focusable and not announced as an item — the
+ * text reads as a group label to assistive tech.
+ *
+ * @summary Non-interactive section heading for grouped menu items
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Label>Account Actions</DropdownMenu.Label>
+ * <DropdownMenu.Item>Profile</DropdownMenu.Item>
+ * <DropdownMenu.Item>Settings</DropdownMenu.Item>
+ * <DropdownMenu.Separator />
+ * <DropdownMenu.Label>Danger Zone</DropdownMenu.Label>
+ * <DropdownMenu.Item>Delete Account</DropdownMenu.Item>
+ * ```
+ */
+export declare const Label: {
+    ({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu Sub component.
  *
@@ -95,6 +283,30 @@ type LabelProps = ComponentProps<typeof DropdownMenuPrimitive.Label>;
  * @property {(open: boolean) => void} [onOpenChange] - Event handler called when the open state of the submenu changes.
  */
 type SubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub>;
+/**
+ * Wrapper that groups a `SubTrigger` with its own `Portal` + `SubContent`.
+ * Lives inside a parent `Content`. Use sparingly — nest only when the extra
+ * depth meaningfully chunks actions; otherwise prefer a flat menu.
+ *
+ * @summary Groups a submenu's trigger and content
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Sub>
+ *   <DropdownMenu.SubTrigger>More Options</DropdownMenu.SubTrigger>
+ *   <DropdownMenu.Portal>
+ *     <DropdownMenu.SubContent>
+ *       <DropdownMenu.Item>Sub Item 1</DropdownMenu.Item>
+ *       <DropdownMenu.Item>Sub Item 2</DropdownMenu.Item>
+ *     </DropdownMenu.SubContent>
+ *   </DropdownMenu.Portal>
+ * </DropdownMenu.Sub>
+ * ```
+ */
+export declare const Sub: {
+    (props: SubProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu SubTrigger component.
  *
@@ -107,6 +319,33 @@ type SubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub>;
  * @dataAttribute {string} data-disabled - Present when disabled
  */
 type SubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;
+/**
+ * Row inside a parent `Content` that opens its submenu on hover or keyboard
+ * activation. Renders a trailing right-arrow affordance so the nested
+ * menu's existence is visible to users.
+ *
+ * @summary Submenu-opening menu row with a trailing arrow affordance
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu.Sub>
+ *   <DropdownMenu.SubTrigger>
+ *     <IconFolder />
+ *     Move to folder
+ *   </DropdownMenu.SubTrigger>
+ *   <DropdownMenu.Portal>
+ *     <DropdownMenu.SubContent>
+ *       <DropdownMenu.Item>Folder 1</DropdownMenu.Item>
+ *       <DropdownMenu.Item>Folder 2</DropdownMenu.Item>
+ *     </DropdownMenu.SubContent>
+ *   </DropdownMenu.Portal>
+ * </DropdownMenu.Sub>
+ * ```
+ */
+export declare const SubTrigger: {
+    ({ className, children, ...props }: SubTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Props for the DropdownMenu SubContent component.
  *
@@ -128,149 +367,28 @@ type SubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;
  */
 type SubContentProps = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
 /**
- * DropdownMenu is the compound component for attaching a menu of secondary
- * actions to a button or icon trigger — edit/duplicate/delete rows, account
- * menus, overflow affordances, and nested submenus. Built on Radix UI's
- * DropdownMenu primitive, so keyboard navigation, focus trapping, typeahead,
- * and viewport-collision detection come for free.
- *
- * Compose it from `Root` / `Trigger` / `Portal` / `Content` and fill the
- * menu with `Item`, `Separator`, `Label`, and — for nested flows — `Sub` /
- * `SubTrigger` / `SubContent`. Wrap content in `Portal` so the menu escapes
- * ancestor `overflow:hidden` and z-index stacking contexts.
- *
- * Do **not** use DropdownMenu for primary navigation (use a real nav menu),
- * for single-choice form input (use a `Select`), or for command palettes
- * (use a dedicated command component). For radio/checkbox-style toggles,
- * use Radix's `CheckboxItem` / `RadioItem` primitives directly — those
- * parts are not exposed here yet.
+ * Floating surface for a submenu's items. Positions itself alongside its
+ * `SubTrigger` with sensible defaults (`sideOffset: 2`, `alignOffset: -5`)
+ * and animates on open/close just like `Content`.
  *
- * @summary Compound overlay menu for secondary actions, grouped items, and submenus
- *
- * @see {@link https://www.radix-ui.com/primitives/docs/components/dropdown-menu|Radix UI DropdownMenu}
+ * @summary Popover surface that renders a submenu's items
  *
  * @example
  * ```tsx
- * import { DropdownMenu } from '@agentero/design-system/dropdown-menu';
- *
- * <DropdownMenu.Root>
- *   <DropdownMenu.Trigger>
- *     <IconMoreVert />
- *   </DropdownMenu.Trigger>
- *
+ * <DropdownMenu.Sub>
+ *   <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
  *   <DropdownMenu.Portal>
- *     <DropdownMenu.Content side="bottom" align="end">
- *       <DropdownMenu.Label>Actions</DropdownMenu.Label>
- *
- *       <DropdownMenu.Item onSelect={() => handleEdit()}>
- *         <IconEdit />
- *         Edit
- *       </DropdownMenu.Item>
- *
- *       <DropdownMenu.Sub>
- *         <DropdownMenu.SubTrigger>Share</DropdownMenu.SubTrigger>
- *         <DropdownMenu.Portal>
- *           <DropdownMenu.SubContent>
- *             <DropdownMenu.Item>Email</DropdownMenu.Item>
- *             <DropdownMenu.Item>Slack</DropdownMenu.Item>
- *           </DropdownMenu.SubContent>
- *         </DropdownMenu.Portal>
- *       </DropdownMenu.Sub>
- *
- *       <DropdownMenu.Separator />
- *
- *       <DropdownMenu.Item
- *         onSelect={() => handleDelete()}
- *         disabled={!canDelete}
- *       >
- *         <IconDelete />
- *         Delete
- *       </DropdownMenu.Item>
- *     </DropdownMenu.Content>
+ *     <DropdownMenu.SubContent sideOffset={2} alignOffset={-5}>
+ *       <DropdownMenu.Item>Email</DropdownMenu.Item>
+ *       <DropdownMenu.Item>Slack</DropdownMenu.Item>
+ *       <DropdownMenu.Item>Copy Link</DropdownMenu.Item>
+ *     </DropdownMenu.SubContent>
  *   </DropdownMenu.Portal>
- * </DropdownMenu.Root>
+ * </DropdownMenu.Sub>
  * ```
- *
- * @component
- * @namespace DropdownMenu
  */
-export declare const DropdownMenu: {
-    /**
-     * The root container component for the dropdown menu.
-     * @see {@link Root}
-     */
-    Root: {
-        (props: RootProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * The button that toggles the dropdown menu.
-     * @see {@link Trigger}
-     */
-    Trigger: {
-        ({ className, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * Portals the content to the body element.
-     * @see {@link Portal}
-     */
-    Portal: import('react').FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-    /**
-     * The popup component containing menu items.
-     * @see {@link Content}
-     */
-    Content: {
-        ({ className, hasTriggerWidth, sideOffset, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * An individual menu item.
-     * @see {@link Item}
-     */
-    Item: {
-        ({ className, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * A visual divider between menu items.
-     * @see {@link Separator}
-     */
-    Separator: {
-        ({ className, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * A non-interactive label for menu sections.
-     * @see {@link Label}
-     */
-    Label: {
-        ({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * Container for submenu parts.
-     * @see {@link Sub}
-     */
-    Sub: {
-        (props: SubProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * An item that opens a submenu.
-     * @see {@link SubTrigger}
-     */
-    SubTrigger: {
-        ({ className, children, ...props }: SubTriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    /**
-     * The popup component for submenu items.
-     * @see {@link SubContent}
-     */
-    SubContent: {
-        ({ className, sideOffset, alignOffset, ...props }: SubContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+export declare const SubContent: {
+    ({ className, sideOffset, alignOffset, ...props }: SubContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 export {};

package/src/dropdown-menu/dropdown-menu.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn as e } from "../../lib/utils.js";
 import { IconArrowRight as t } from "./icons.js";
 import { tv as n } from "tailwind-variants";
@@ -95,17 +94,5 @@ var g = n({ base: [
 	...i
 });
 _.displayName = "DropdownMenu.SubContent";
-var v = {
-	Root: o,
-	Trigger: s,
-	Portal: c,
-	Content: u,
-	Item: d,
-	Separator: f,
-	Label: p,
-	Sub: m,
-	SubTrigger: h,
-	SubContent: _
-};
 //#endregion
-export { v as DropdownMenu };
+export { u as Content, d as Item, p as Label, c as Portal, o as Root, f as Separator, m as Sub, _ as SubContent, h as SubTrigger, s as Trigger };