@box/blueprint-web 8.5.3 → 8.7.0

package/lib-esm/primitives/chips/chip-icon.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type ChipIconProps } from './types';
-export declare const ChipIcon: React.ForwardRefExoticComponent<ChipIconProps & React.RefAttributes<SVGSVGElement>>;
+import React from 'react';
+import { type ChipIconProps } from './types';
+export declare const ChipIcon: React.ForwardRefExoticComponent<ChipIconProps & React.RefAttributes<SVGSVGElement>>;

package/lib-esm/primitives/chips/chip-label.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type ChipLabelProps } from './types';
-export declare const ChipLabel: import("react").ForwardRefExoticComponent<Omit<ChipLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { type ChipLabelProps } from './types';
+export declare const ChipLabel: import("react").ForwardRefExoticComponent<Omit<ChipLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/lib-esm/primitives/chips/chip-status.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { type ChipStatusProps } from './types';
-export declare const ChipStatus: import("react").ForwardRefExoticComponent<Omit<ChipStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { type ChipStatusProps } from './types';
+export declare const ChipStatus: import("react").ForwardRefExoticComponent<Omit<ChipStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/chips/chip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import * as ToggleGroup from '@radix-ui/react-toggle-group';
-export declare const Chip: import("react").ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+import * as ToggleGroup from '@radix-ui/react-toggle-group';
+export declare const Chip: import("react").ForwardRefExoticComponent<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/chips/chips-group.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-/** Provides a container for Chips, this component handles keyboard navigation and chips selection state  */
-export declare const ChipsGroup: import("react").ForwardRefExoticComponent<(Omit<import("./types").SingleProps, "ref"> | Omit<import("./types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+/** Provides a container for Chips, this component handles keyboard navigation and chips selection state  */
+export declare const ChipsGroup: import("react").ForwardRefExoticComponent<(Omit<import("./types").SingleProps, "ref"> | Omit<import("./types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/chips/filter-chip/filter-chip-button.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { type ChipProps } from '../types';
-export type FilterChipButtonProps = ChipProps;
-/**
- * Chip component to be used inside FilterChip.Group.
- * This chip button should be used to link to another context, e.g. opening a side panel.
- */
-export declare const FilterChipButton: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ChipProps } from '../types';
+export type FilterChipButtonProps = ChipProps;
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * This chip button should be used to link to another context, e.g. opening a side panel.
+ */
+export declare const FilterChipButton: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/chips/filter-chip/filter-chip-button.js

@@ -4,9 +4,9 @@ import { forwardRef, useCallback } from 'react';
 import { Chip } from '../chip.js';
 import styles from '../chip.module.js';
 
-/**
- * Chip component to be used inside FilterChip.Group.
- * This chip button should be used to link to another context, e.g. opening a side panel.
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * This chip button should be used to link to another context, e.g. opening a side panel.
  */
 const FilterChipButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/primitives/chips/filter-chip/filter-chip-group-context.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export interface GroupValueChangeAction {
-    value: string;
-    action: 'add' | 'delete';
-}
-export interface FilterChipGroupContextValue {
-    type: 'multiple' | 'single' | null;
-    comboChipsValue: Set<string> | null;
-    dispatchComboChipsValueChange: ((action: GroupValueChangeAction) => void) | null;
-}
-export declare const FilterChipGroupContext: import("react").Context<FilterChipGroupContextValue>;
+export interface GroupValueChangeAction {
+    value: string;
+    action: 'add' | 'delete';
+}
+export interface FilterChipGroupContextValue {
+    type: 'multiple' | 'single' | null;
+    comboChipsValue: Set<string> | null;
+    dispatchComboChipsValueChange: ((action: GroupValueChangeAction) => void) | null;
+}
+export declare const FilterChipGroupContext: import("react").Context<FilterChipGroupContextValue>;

package/lib-esm/primitives/chips/filter-chip/filter-chip.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import { type ChipProps, type ChipsGroupProps } from '../types';
-export type FilterChipProps = ChipProps;
-/**
- * Chip component to be used inside FilterChip.Group.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
- */
-export declare const FilterChipChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-export type FilterChipGroupProps = ChipsGroupProps;
-/**
- * Container for FilterChips, this component handles keyboard navigation and chips selection state.
- * Based on [Radix ToggleGroup](https://www.radix-ui.com/docs/primitives/components/toggle-group)
- */
-export declare const FilterChipGroup: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+import { type ChipProps, type ChipsGroupProps } from '../types';
+export type FilterChipProps = ChipProps;
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+ */
+export declare const FilterChipChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type FilterChipGroupProps = ChipsGroupProps;
+/**
+ * Container for FilterChips, this component handles keyboard navigation and chips selection state.
+ * Based on [Radix ToggleGroup](https://www.radix-ui.com/docs/primitives/components/toggle-group)
+ */
+export declare const FilterChipGroup: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/chips/filter-chip/filter-chip.js

@@ -7,9 +7,9 @@ import styles from '../chip.module.js';
 import { ChipsGroup } from '../chips-group.js';
 import { FilterChipGroupContext } from './filter-chip-group-context.js';
 
-/**
- * Chip component to be used inside FilterChip.Group.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
  */
 const FilterChipChip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
@@ -27,9 +27,9 @@ const FilterChipChip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
 });
 FilterChipChip.displayName = 'FilterChip.Chip';
-/**
- * Container for FilterChips, this component handles keyboard navigation and chips selection state.
- * Based on [Radix ToggleGroup](https://www.radix-ui.com/docs/primitives/components/toggle-group)
+/**
+ * Container for FilterChips, this component handles keyboard navigation and chips selection state.
+ * Based on [Radix ToggleGroup](https://www.radix-ui.com/docs/primitives/components/toggle-group)
  */
 const FilterChipGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/primitives/chips/filter-chip/filter-combo-chip.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-import { type DropdownMenuRootProps } from '../../dropdown-menu';
-import { type DropdownMenuCheckboxItemProps } from '../../dropdown-menu/dropdown-menu-checkbox-item';
-export type FilterComboOptionProps = DropdownMenuCheckboxItemProps & {
-    /** A unique value for the item. */
-    value: string;
-};
-/**
- * Chip component to be used inside FilterChip.Group.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
- */
-export declare const FilterComboOption: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & {
-    /** A unique value for the item. */
-    value: string;
-} & React.RefAttributes<HTMLDivElement>>;
-export type FilterComboChipProps = DropdownMenuRootProps & {
-    /** FilterChip.Chip component used as Dropdown menu trigger. Trigger chip value is ignored from selection */
-    chip: React.ReactElement;
-    /** List of FilterChip.ComboOption elements displayed in the dropdown menu */
-    children: React.ReactNode;
-};
-export declare const FilterComboChip: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & {
-    /** FilterChip.Chip component used as Dropdown menu trigger. Trigger chip value is ignored from selection */
-    chip: React.ReactElement;
-    /** List of FilterChip.ComboOption elements displayed in the dropdown menu */
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { type DropdownMenuRootProps } from '../../dropdown-menu';
+import { type DropdownMenuCheckboxItemProps } from '../../dropdown-menu/dropdown-menu-checkbox-item';
+export type FilterComboOptionProps = DropdownMenuCheckboxItemProps & {
+    /** A unique value for the item. */
+    value: string;
+};
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+ */
+export declare const FilterComboOption: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & {
+    /** A unique value for the item. */
+    value: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export type FilterComboChipProps = DropdownMenuRootProps & {
+    /** FilterChip.Chip component used as Dropdown menu trigger. Trigger chip value is ignored from selection */
+    chip: React.ReactElement;
+    /** List of FilterChip.ComboOption elements displayed in the dropdown menu */
+    children: React.ReactNode;
+};
+export declare const FilterComboChip: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & {
+    /** FilterChip.Chip component used as Dropdown menu trigger. Trigger chip value is ignored from selection */
+    chip: React.ReactElement;
+    /** List of FilterChip.ComboOption elements displayed in the dropdown menu */
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/chips/filter-chip/filter-combo-chip.js

@@ -8,9 +8,9 @@ import { FilterChipGroupContext } from './filter-chip-group-context.js';
 const FilterComboChipContext = /*#__PURE__*/createContext({
   dispatchSelectionCountChange: null
 });
-/**
- * Chip component to be used inside FilterChip.Group.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
  */
 const FilterComboOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/primitives/chips/filter-chip/filter-trigger-chip.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { type ChipProps } from '../types';
-export type FilterTriggerChipProps = ChipProps & {
-    /** Override chip selection state. When using this prop user is responsible for managing the chips group value. */
-    selected?: boolean;
-};
-/**
- * Chip component to be used inside FilterChip.Group.
- * This trigger chip should be used as a trigger for popups with custom content, e.g. when the combo chip's dropdown is not sufficient.
- * The selection state must be controlled by the user via the 'selected' prop.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
- */
-export declare const FilterTriggerChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & {
-    /** Override chip selection state. When using this prop user is responsible for managing the chips group value. */
-    selected?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import { type ChipProps } from '../types';
+export type FilterTriggerChipProps = ChipProps & {
+    /** Override chip selection state. When using this prop user is responsible for managing the chips group value. */
+    selected?: boolean;
+};
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * This trigger chip should be used as a trigger for popups with custom content, e.g. when the combo chip's dropdown is not sufficient.
+ * The selection state must be controlled by the user via the 'selected' prop.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+ */
+export declare const FilterTriggerChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & {
+    /** Override chip selection state. When using this prop user is responsible for managing the chips group value. */
+    selected?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/chips/filter-chip/filter-trigger-chip.js

@@ -5,11 +5,11 @@ import { Chip } from '../chip.js';
 import { FilterChipGroupContext } from './filter-chip-group-context.js';
 import styles from '../chip.module.js';
 
-/**
- * Chip component to be used inside FilterChip.Group.
- * This trigger chip should be used as a trigger for popups with custom content, e.g. when the combo chip's dropdown is not sufficient.
- * The selection state must be controlled by the user via the 'selected' prop.
- * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
+/**
+ * Chip component to be used inside FilterChip.Group.
+ * This trigger chip should be used as a trigger for popups with custom content, e.g. when the combo chip's dropdown is not sufficient.
+ * The selection state must be controlled by the user via the 'selected' prop.
+ * Based on [Radix ToggleGroup.Item](https://www.radix-ui.com/docs/primitives/components/toggle-group#item)
  */
 const FilterTriggerChip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

package/lib-esm/primitives/chips/filter-chip/index.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
-export declare const FilterChip: {
-    Chip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-    ChipButton: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Group: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Icon: import("react").ForwardRefExoticComponent<import("../types").ChipIconProps & import("react").RefAttributes<SVGSVGElement>>;
-    Status: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    DropdownIndicator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<SVGSVGElement>>;
-    ComboChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & {
-        chip: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-        children: import("react").ReactNode;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    ComboChipOption: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & {
-        value: string;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    TriggerChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & {
-        selected?: boolean | undefined;
-    } & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export { type FilterChipGroupProps, type FilterChipProps } from './filter-chip';
+export declare const FilterChip: {
+    Chip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ChipButton: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Group: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Icon: import("react").ForwardRefExoticComponent<import("../types").ChipIconProps & import("react").RefAttributes<SVGSVGElement>>;
+    Status: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DropdownIndicator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<SVGSVGElement>>;
+    ComboChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & {
+        chip: React.ReactElement;
+        children: React.ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    ComboChipOption: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & {
+        value: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    TriggerChip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & {
+        selected?: boolean;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { type FilterChipGroupProps, type FilterChipProps } from './filter-chip';

package/lib-esm/primitives/chips/types.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="react" />
-import type * as ToggleGroup from '@radix-ui/react-toggle-group';
-export interface ChipsGroupSingleProps extends ToggleGroup.ToggleGroupImplSingleProps {
-    type: 'single';
-}
-export interface ChipsGroupMultipleProps extends ToggleGroup.ToggleGroupImplMultipleProps {
-    type: 'multiple';
-}
-type SharedChipsGroupProps = React.RefAttributes<HTMLDivElement> & {
-    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
-    name: string;
-};
-export type SingleProps = ChipsGroupSingleProps & SharedChipsGroupProps;
-export type MultiProps = ChipsGroupMultipleProps & SharedChipsGroupProps;
-export type ChipsGroupProps = SingleProps | MultiProps;
-export type ChipProps = ToggleGroup.ToggleGroupItemProps;
-export interface ChipIconProps {
-    className?: string;
-    icon: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
-}
-export type ChipStatusProps = Omit<React.ComponentProps<'div'>, 'children'> & {
-    children: string;
-};
-export type ChipLabelProps = Omit<React.ComponentProps<'span'>, 'children'> & {
-    children: string;
-};
-export {};
+import type * as ToggleGroup from '@radix-ui/react-toggle-group';
+export interface ChipsGroupSingleProps extends ToggleGroup.ToggleGroupImplSingleProps {
+    type: 'single';
+}
+export interface ChipsGroupMultipleProps extends ToggleGroup.ToggleGroupImplMultipleProps {
+    type: 'multiple';
+}
+type SharedChipsGroupProps = React.RefAttributes<HTMLDivElement> & {
+    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
+    name: string;
+};
+export type SingleProps = ChipsGroupSingleProps & SharedChipsGroupProps;
+export type MultiProps = ChipsGroupMultipleProps & SharedChipsGroupProps;
+export type ChipsGroupProps = SingleProps | MultiProps;
+export type ChipProps = ToggleGroup.ToggleGroupItemProps;
+export interface ChipIconProps {
+    className?: string;
+    icon: React.FunctionComponent<React.PropsWithChildren<React.SVGProps<SVGSVGElement>>>;
+}
+export type ChipStatusProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+    children: string;
+};
+export type ChipLabelProps = Omit<React.ComponentProps<'span'>, 'children'> & {
+    children: string;
+};
+export {};

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-export type ContextMenuItemProps = ContextMenuPrimitive.ContextMenuItemProps;
-/**
- * Based on Radix-UI context menu [Item](https://www.radix-ui.com/docs/primitives/components/context-menu#item).<br>
- * Contains sub components: <b>Item.MainContent</b> and <b>Item.SideContent</b>.
- */
-export declare const ContextMenuItem: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>> & {
-    /**
-     * Container for side content of menu item.
-     */
-    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => import("react/jsx-runtime").JSX.Element;
-    /**
-     * Text content of menu item.
-     */
-    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => import("react/jsx-runtime").JSX.Element;
-};
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export type ContextMenuItemProps = ContextMenuPrimitive.ContextMenuItemProps;
+/**
+ * Based on Radix-UI context menu [Item](https://www.radix-ui.com/docs/primitives/components/context-menu#item).<br>
+ * Contains sub components: <b>Item.MainContent</b> and <b>Item.SideContent</b>.
+ */
+export declare const ContextMenuItem: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * Container for side content of menu item.
+     */
+    SideContent: ({ children, className, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemSideContentProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * Text content of menu item.
+     */
+    MainContent: ({ className, label, description, ...rest }: import("../../util-components/menu-item-sections/menu-item-sections").MenuItemMainContentProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -22,17 +22,17 @@ const MenuItemRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
 });
 MenuItemRoot.displayName = 'ContextMenuItem';
-/**
- * Based on Radix-UI context menu [Item](https://www.radix-ui.com/docs/primitives/components/context-menu#item).<br>
- * Contains sub components: <b>Item.MainContent</b> and <b>Item.SideContent</b>.
+/**
+ * Based on Radix-UI context menu [Item](https://www.radix-ui.com/docs/primitives/components/context-menu#item).<br>
+ * Contains sub components: <b>Item.MainContent</b> and <b>Item.SideContent</b>.
  */
 const ContextMenuItem = Object.assign(MenuItemRoot, {
-  /**
-   * Container for side content of menu item.
+  /**
+   * Container for side content of menu item.
    */
   SideContent: MenuItemSideContent,
-  /**
-   * Text content of menu item.
+  /**
+   * Text content of menu item.
    */
   MainContent: MenuItemMainContent
 });

package/lib-esm/primitives/context-menu/context-menu-items-separator.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-/**
- * Used to visually separate items in the context menu.
- */
-export declare const ItemsSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;
+/**
+ * Used to visually separate items in the context menu.
+ */
+export declare const ItemsSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;

package/lib-esm/primitives/context-menu/context-menu-items-separator.js

@@ -3,8 +3,8 @@ import { forwardRef } from 'react';
 import { Divider } from '../../divider/divider.js';
 import styles from './context-menu.module.js';
 
-/**
- * Used to visually separate items in the context menu.
+/**
+ * Used to visually separate items in the context menu.
  */
 const ItemsSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
   return jsx(Divider, {

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

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

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

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styles from './context-menu.module.js';
 
-/**
- * Based on Radix-UI [Content](https://www.radix-ui.com/docs/primitives/components/context-menu#content).
+/**
+ * Based on Radix-UI [Content](https://www.radix-ui.com/docs/primitives/components/context-menu#content).
  */
 const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

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

@@ -1,7 +1,7 @@
-import { type ContextMenuProps as ContextMenuPrimitiveProps } from '@radix-ui/react-context-menu';
-export type ContextMenuMenuRootProps = ContextMenuPrimitiveProps;
-/**
- * Contains all the parts of a context menu.<br>
- * Based on Radix-UI context menu [Root](https://www.radix-ui.com/docs/primitives/components/context-menu#root).
- */
-export declare const ContextMenuMenuRoot: (props: ContextMenuMenuRootProps) => import("react/jsx-runtime").JSX.Element;
+import { type ContextMenuProps as ContextMenuPrimitiveProps } from '@radix-ui/react-context-menu';
+export type ContextMenuMenuRootProps = ContextMenuPrimitiveProps;
+/**
+ * Contains all the parts of a context menu.<br>
+ * Based on Radix-UI context menu [Root](https://www.radix-ui.com/docs/primitives/components/context-menu#root).
+ */
+export declare const ContextMenuMenuRoot: (props: ContextMenuMenuRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Root } from '@radix-ui/react-context-menu';
 
-/**
- * Contains all the parts of a context menu.<br>
- * Based on Radix-UI context menu [Root](https://www.radix-ui.com/docs/primitives/components/context-menu#root).
+/**
+ * Contains all the parts of a context menu.<br>
+ * Based on Radix-UI context menu [Root](https://www.radix-ui.com/docs/primitives/components/context-menu#root).
  */
 const ContextMenuMenuRoot = props => {
   const {

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { type ContextMenuTriggerProps as PrimitiveTriggerProps } from '@radix-ui/react-context-menu';
-export type ContextMenuMenuTriggerProps = PrimitiveTriggerProps;
-/**
- * The area that opens the context menu. Based on Radix UI context menu [trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#trigger).<br>
- * Wrap it around the target which should open the context menu.
- */
-export declare const ContextMenuMenuTrigger: import("react").ForwardRefExoticComponent<PrimitiveTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { type ContextMenuTriggerProps as PrimitiveTriggerProps } from '@radix-ui/react-context-menu';
+export type ContextMenuMenuTriggerProps = PrimitiveTriggerProps;
+/**
+ * The area that opens the context menu. Based on Radix UI context menu [trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#trigger).<br>
+ * Wrap it around the target which should open the context menu.
+ */
+export declare const ContextMenuMenuTrigger: import("react").ForwardRefExoticComponent<PrimitiveTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { Trigger } from '@radix-ui/react-context-menu';
 import { forwardRef } from 'react';
 
-/**
- * The area that opens the context menu. Based on Radix UI context menu [trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#trigger).<br>
- * Wrap it around the target which should open the context menu.
+/**
+ * The area that opens the context menu. Based on Radix UI context menu [trigger](https://www.radix-ui.com/docs/primitives/components/context-menu#trigger).<br>
+ * Wrap it around the target which should open the context menu.
  */
 const ContextMenuMenuTrigger = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
-export interface ContextMenuSubMenuContentProps extends ContextMenuPrimitve.ContextMenuSubContentProps {
-    /** Specify a container element to portal the sub content into.
-     * @default document.body */
-    container?: ContextMenuPrimitve.ContextMenuPortalProps['container'];
-}
-/**
- * Container for nested menu.<br>
- * Based on Radix-UI [SubContent](https://www.radix-ui.com/docs/primitives/components/context-menu#subcontent).
- */
-export declare const ContextMenuSubMenuContent: import("react").ForwardRefExoticComponent<ContextMenuSubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
+export interface ContextMenuSubMenuContentProps extends ContextMenuPrimitve.ContextMenuSubContentProps {
+    /** Specify a container element to portal the sub content into.
+     * @default document.body */
+    container?: ContextMenuPrimitve.ContextMenuPortalProps['container'];
+}
+/**
+ * Container for nested menu.<br>
+ * Based on Radix-UI [SubContent](https://www.radix-ui.com/docs/primitives/components/context-menu#subcontent).
+ */
+export declare const ContextMenuSubMenuContent: import("react").ForwardRefExoticComponent<ContextMenuSubMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;