@box/blueprint-web 5.31.3

package/lib-esm/primitives/context-menu/context-menu-sub-menu-root.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Sub } from '@radix-ui/react-context-menu';
+
+/**
+ * Container for all the parts of a sub menu.
+ * Based on Radix-UI [SubMenu component](https://www.radix-ui.com/docs/primitives/components/context-menu#sub).
+ */
+const ContextMenuSubMenuRoot = props => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(Sub, {
+    ...rest,
+    children: children
+  });
+};
+ContextMenuSubMenuRoot.displayName = 'ContextMenuSubMenuRoot';
+
+export { ContextMenuSubMenuRoot };

package/lib-esm/primitives/context-menu/context-menu-sub-menu-trigger.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type ContextMenuSubTriggerProps as PrimitiveSubTriggerProps } from '@radix-ui/react-context-menu';
+export type ContextMenuSubMenuTriggerProps = PrimitiveSubTriggerProps;
+/**
+ * An item that opens a sub menu. Must be rendered inside ContextMenu.SubMenu. <br/>
+ * Based on Radix UI context menu [sub trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#subtrigger).<br>
+ * Contains sub components: <b>SubMenuTrigger.MainContent</b> and <b>SubMenuTrigger.SideContent</b>.
+ */
+export declare const ContextMenuSubMenuTrigger: import("react").ForwardRefExoticComponent<PrimitiveSubTriggerProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * Container for side content of sub trigger.
+     */
+    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
+    /**
+     * Text content of sub trigger.
+     */
+    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+};

package/lib-esm/primitives/context-menu/context-menu-sub-menu-trigger.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { SubTrigger } from '@radix-ui/react-context-menu';
+import { forwardRef } from 'react';
+import { MenuItemSideContent, MenuItemMainContent } from '../../util-components/menu-item-sections/menu-item-sections.js';
+import { useForkRef } from '../../utils/useForkRef.js';
+import { useSubMenuFocus } from '../../utils/useSubMenuFocus.hook.js';
+import styles from './context-menu.module.js';
+
+const ContextMenuSubTriggerRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const [localRef, setRefFocusNoop] = useSubMenuFocus();
+  return jsx(SubTrigger, {
+    ...rest,
+    ref: useForkRef(localRef, forwardedRef),
+    className: styles.menuItem,
+    onPointerMove: setRefFocusNoop,
+    children: children
+  });
+});
+/**
+ * An item that opens a sub menu. Must be rendered inside ContextMenu.SubMenu. <br/>
+ * Based on Radix UI context menu [sub trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#subtrigger).<br>
+ * Contains sub components: <b>SubMenuTrigger.MainContent</b> and <b>SubMenuTrigger.SideContent</b>.
+ */
+const ContextMenuSubMenuTrigger = Object.assign(ContextMenuSubTriggerRoot, {
+  /**
+   * Container for side content of sub trigger.
+   */
+  SideContent: MenuItemSideContent,
+  /**
+   * Text content of sub trigger.
+   */
+  MainContent: MenuItemMainContent
+});
+
+export { ContextMenuSubMenuTrigger };

package/lib-esm/primitives/context-menu/context-menu.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"menuBlock":"context-menu-module_menuBlock__Z-rSI","menuItemsSeparator":"context-menu-module_menuItemsSeparator__27FwS","menuItem":"context-menu-module_menuItem__WJen0"};
+
+export { styles as default };

package/lib-esm/primitives/context-menu/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const ContextMenu: {
+    MenuRoot: (props: import("@radix-ui/react-context-menu").ContextMenuProps) => JSX.Element;
+    MenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+    MenuContent: import("react").ForwardRefExoticComponent<import("./context-menu-menu-content").ContextMenuMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    SubMenuRoot: {
+        (props: import("@radix-ui/react-context-menu").ContextMenuSubProps): JSX.Element;
+        displayName: string;
+    };
+    SubMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>> & {
+        SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
+        MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+    };
+    SubMenuContent: import("react").ForwardRefExoticComponent<import("./context-menu-sub-menu-content").ContextMenuSubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    ItemsSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>> & {
+        SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
+        MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+    };
+};
+export type { ContextMenuItemProps } from './context-menu-item';
+export type { ContextMenuMenuContentProps } from './context-menu-menu-content';
+export type { ContextMenuMenuRootProps } from './context-menu-menu-root';
+export type { ContextMenuMenuTriggerProps } from './context-menu-menu-trigger';
+export type { ContextMenuSubMenuContentProps } from './context-menu-sub-menu-content';
+export type { ContextMenuSubMenuRootProps } from './context-menu-sub-menu-root';
+export type { ContextMenuSubMenuTriggerProps } from './context-menu-sub-menu-trigger';

package/lib-esm/primitives/context-menu/index.js

@@ -0,0 +1,21 @@
+import { ContextMenuItem } from './context-menu-item.js';
+import { ItemsSeparator } from './context-menu-items-separator.js';
+import { ContextMenuMenuContent } from './context-menu-menu-content.js';
+import { ContextMenuMenuRoot } from './context-menu-menu-root.js';
+import { ContextMenuMenuTrigger } from './context-menu-menu-trigger.js';
+import { ContextMenuSubMenuContent } from './context-menu-sub-menu-content.js';
+import { ContextMenuSubMenuRoot } from './context-menu-sub-menu-root.js';
+import { ContextMenuSubMenuTrigger } from './context-menu-sub-menu-trigger.js';
+
+const ContextMenu = {
+  MenuRoot: ContextMenuMenuRoot,
+  MenuTrigger: ContextMenuMenuTrigger,
+  MenuContent: ContextMenuMenuContent,
+  SubMenuRoot: ContextMenuSubMenuRoot,
+  SubMenuTrigger: ContextMenuSubMenuTrigger,
+  SubMenuContent: ContextMenuSubMenuContent,
+  ItemsSeparator,
+  Item: ContextMenuItem
+};
+
+export { ContextMenu };

package/lib-esm/primitives/date-i18n-provider/date-i18n-provider.d.ts

@@ -0,0 +1,15 @@
+import { type I18nProviderProps } from '@react-aria/i18n';
+import { type JSX } from 'react';
+interface DateI18nProviderProps extends I18nProviderProps {
+    /**
+     * Locale in which date should be displayed, e.g. en-US
+     */
+    locale: string;
+    /**
+     * I18nProvider children element to be projected
+     */
+    children: JSX.Element;
+}
+/** Provides internationalized strings to date related components. */
+export declare const DateI18nProvider: ({ locale, children, ...rest }: DateI18nProviderProps) => globalThis.JSX.Element;
+export {};

package/lib-esm/primitives/date-i18n-provider/date-i18n-provider.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { I18nProvider } from '@react-aria/i18n';
+
+/** Provides internationalized strings to date related components. */
+const DateI18nProvider = ({
+  locale,
+  children,
+  ...rest
+}) => {
+  return jsx(I18nProvider, {
+    ...rest,
+    locale: `${locale}-u-ca-default`,
+    children: children
+  });
+};
+
+export { DateI18nProvider };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
+/**
+ * Based on Radix-UI CheckboxItem
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#checkboxitem
+ */
+export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
+import { Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import clsx from 'clsx';
+import { forwardRef, useCallback } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI CheckboxItem
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#checkboxitem
+ */
+const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  const preventDefault = useCallback(event => event.preventDefault(), []);
+  return jsxs(DropdownMenuPrimitive.CheckboxItem, {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.item, styles.checkboxItem, className),
+    onPointerLeave: preventDefault,
+    onPointerMove: preventDefault,
+    children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
+      className: styles.checkmark,
+      children: jsx(Checkmark, {
+        color: Gray100,
+        height: "1rem",
+        role: "presentation",
+        width: "1rem"
+      })
+    }), jsx("span", {
+      className: styles.ellipsis,
+      children: children
+    })]
+  });
+});
+DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
+
+export { DropdownMenuCheckboxItem };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-content.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export interface DropdownMenuContentProps extends DropdownMenuPrimitive.DropdownMenuContentProps {
+    /** Specify a container element to portal the content into. */
+    /** @default document.body */
+    container?: DropdownMenuPrimitive.DropdownMenuPortalProps['container'];
+}
+/**
+ * Based on Radix-UI Content
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#content
+ */
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI Content
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#content
+ */
+const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    container,
+    className,
+    ...rest
+  } = props;
+  return (
+    // TODO: Unify all Portals (Tooltip, Select, DropdownMenu, etc...), Expose a Provider which would tell where to mount (body? other elem?)
+    jsx(DropdownMenuPrimitive.Portal, {
+      container: container,
+      children: jsx(DropdownMenuPrimitive.Content, {
+        ...rest,
+        ref: forwardedRef,
+        className: clsx(styles.content, className),
+        // TODO: Change a number to a token
+        sideOffset: 8,
+        children: children
+      })
+    })
+  );
+});
+DropdownMenuContent.displayName = 'DropdownMenuContent';
+
+export { DropdownMenuContent };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-item.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;
+/**
+ * Based on Radix-UI [DropdownMenu Item](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#item)
+ */
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { forwardRef, useCallback } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI [DropdownMenu Item](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#item)
+ */
+const DropdownMenuItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const preventDefault = useCallback(event => event.preventDefault(), []);
+  return jsx(DropdownMenuPrimitive.Item, {
+    ...rest,
+    ref: forwardedRef,
+    className: styles.item,
+    onPointerLeave: preventDefault,
+    onPointerMove: preventDefault,
+    children: jsx("span", {
+      className: styles.ellipsis,
+      children: children
+    })
+  });
+});
+DropdownMenuItem.displayName = 'DropdownMenuItem';
+
+export { DropdownMenuItem };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-group.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuRadioGroupProps = DropdownMenuPrimitive.DropdownMenuRadioGroupProps;
+/**
+ * Based on Radix-UI RadioGroup
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#radiogroup
+ */
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-group.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+
+/**
+ * Based on Radix-UI RadioGroup
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#radiogroup
+ */
+const DropdownMenuRadioGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(DropdownMenuPrimitive.RadioGroup, {
+    ...props,
+    ref: forwardedRef
+  });
+});
+DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
+
+export { DropdownMenuRadioGroup };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuRadioSelectItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps;
+/**
+ * Based on Radix-UI RadioItem
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#radioitem
+ */
+export declare const DropdownMenuRadioSelectItem: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
+import { Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import clsx from 'clsx';
+import { forwardRef, useCallback } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI RadioItem
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#radioitem
+ */
+const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    value,
+    children,
+    ...rest
+  } = props;
+  const preventDefault = useCallback(event => event.preventDefault(), []);
+  return jsxs(DropdownMenuPrimitive.RadioItem, {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.item, styles.radioItem),
+    onPointerLeave: preventDefault,
+    onPointerMove: preventDefault,
+    value: value,
+    children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
+      className: styles.checkmark,
+      children: jsx(Checkmark, {
+        color: Gray100,
+        height: "1rem",
+        role: "presentation",
+        width: "1rem"
+      })
+    }), jsx("span", {
+      className: styles.ellipsis,
+      children: children ?? value
+    })]
+  });
+});
+DropdownMenuRadioSelectItem.displayName = 'DropdownMenuRadioSelectItem';
+
+export { DropdownMenuRadioSelectItem };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-root.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuRootProps = DropdownMenuPrimitive.DropdownMenuProps;
+/**
+ * The Dropdown-menu component displays a menu to the user, such as a set of actions or functions—triggered by a button.
+ */
+export declare const DropdownMenuRoot: {
+    (props: DropdownMenuRootProps): JSX.Element;
+    displayName: string;
+};

package/lib-esm/primitives/dropdown-menu/dropdown-menu-root.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+/**
+ * The Dropdown-menu component displays a menu to the user, such as a set of actions or functions—triggered by a button.
+ */
+const DropdownMenuRoot = props => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenuPrimitive.Root, {
+    ...rest,
+    children: children
+  });
+};
+DropdownMenuRoot.displayName = 'DropdownMenuRoot';
+
+export { DropdownMenuRoot };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-separator.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * Based on Radix-UI [DropdownMenu Separator](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#separator)
+ */
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-separator.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI [DropdownMenu Separator](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#separator)
+ */
+const DropdownMenuSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
+  return jsx(DropdownMenuPrimitive.Separator, {
+    ref: forwardedRef,
+    className: styles.dropdownMenuItemSeparator
+  });
+});
+DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
+
+export { DropdownMenuSeparator };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-content.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export interface DropdownMenuSubMenuContentProps extends DropdownMenuPrimitive.DropdownMenuSubContentProps {
+    /** Specify a container element to portal the content into. */
+    /** @default document.body */
+    container?: DropdownMenuPrimitive.DropdownMenuPortalProps['container'];
+}
+/**
+ * Based on Radix-UI Sub Content
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#subcontent
+ */
+export declare const DropdownMenuSubMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuSubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-content.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styles from './dropdown-menu.module.js';
+
+/**
+ * Based on Radix-UI Sub Content
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#subcontent
+ */
+const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    container,
+    className,
+    ...rest
+  } = props;
+  return (
+    // TODO: Unify all Portals (Tooltip, Select, DropdownMenu, etc...), Expose a Provider which would tell where to mount (body? other elem?)
+    jsx(DropdownMenuPrimitive.Portal, {
+      container: container,
+      children: jsx(DropdownMenuPrimitive.SubContent, {
+        ...rest,
+        ref: forwardedRef,
+        className: clsx(styles.content, className),
+        sideOffset: 12,
+        children: children
+      })
+    })
+  );
+});
+DropdownMenuSubMenuContent.displayName = 'DropdownMenuSubMenuContent';
+
+export { DropdownMenuSubMenuContent };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-root.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuSubMenuRootProps = DropdownMenuPrimitive.DropdownMenuSubProps;
+/**
+ * Based on Radix-UI Sub
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#sub
+ */
+export declare const DropdownMenuSubMenuRoot: {
+    (props: DropdownMenuSubMenuRootProps): JSX.Element;
+    displayName: string;
+};

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-root.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+/**
+ * Based on Radix-UI Sub
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#sub
+ */
+const DropdownMenuSubMenuRoot = props => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenuPrimitive.Sub, {
+    ...rest,
+    children: children
+  });
+};
+DropdownMenuSubMenuRoot.displayName = 'DropdownMenuSubMenuRoot';
+
+export { DropdownMenuSubMenuRoot };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-trigger.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuSubMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuSubTriggerProps;
+/**
+ * Based on Radix-UI Sub Trigger
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#subtrigger
+ */
+export declare const DropdownMenuSubMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * Container for side content of sub trigger.
+     */
+    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => JSX.Element;
+    /**
+     * Text content of sub trigger.
+     */
+    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => JSX.Element;
+};

package/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-trigger.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { MenuItemSideContent, MenuItemMainContent } from '../../util-components/menu-item-sections/menu-item-sections.js';
+import { useForkRef } from '../../utils/useForkRef.js';
+import { useSubMenuFocus } from '../../utils/useSubMenuFocus.hook.js';
+import styles from './dropdown-menu.module.js';
+
+const DropdownMenuSubMenuTriggerRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const [localRef, setRefFocusNoop] = useSubMenuFocus();
+  return jsx(DropdownMenuPrimitive.SubTrigger, {
+    ...rest,
+    ref: useForkRef(localRef, forwardedRef),
+    className: styles.item,
+    onPointerMove: setRefFocusNoop,
+    children: children
+  });
+});
+/**
+ * Based on Radix-UI Sub Trigger
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#subtrigger
+ */
+const DropdownMenuSubMenuTrigger = Object.assign(DropdownMenuSubMenuTriggerRoot, {
+  /**
+   * Container for side content of sub trigger.
+   */
+  SideContent: MenuItemSideContent,
+  /**
+   * Text content of sub trigger.
+   */
+  MainContent: MenuItemMainContent
+});
+
+export { DropdownMenuSubMenuTrigger };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-trigger.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
+/**
+ * DropdownMenuTrigger connects your button to open a modal.
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#trigger
+ */
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-trigger.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+
+/**
+ * DropdownMenuTrigger connects your button to open a modal.
+ * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#trigger
+ */
+const DropdownMenuTrigger = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenuPrimitive.Trigger, {
+    ref: forwardedRef,
+    ...rest,
+    asChild: true,
+    children: children
+  });
+});
+DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
+
+export { DropdownMenuTrigger };

package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"content":"dropdown-menu-module_content__jnmDu","ellipsis":"dropdown-menu-module_ellipsis__VDKlQ","checkmark":"dropdown-menu-module_checkmark__fptgE","item":"dropdown-menu-module_item__cXh8P","subMenuTrigger":"dropdown-menu-module_subMenuTrigger__cB8fl","radioItem":"dropdown-menu-module_radioItem__P39do","checkboxItem":"dropdown-menu-module_checkboxItem__moPPU","dropdownMenuItemSeparator":"dropdown-menu-module_dropdownMenuItemSeparator__W-YqI"};
+
+export { styles as default };