moduix 0.5.18 → 0.6.4

package/README.md

@@ -64,14 +64,17 @@ This keeps library styles predictable while still letting application styles ove
 
 The package exports composed components for common UI needs: Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, Dialog, Drawer, Field, Form, Input, Menu, NavigationMenu, Popover, Select, Tabs, Toast, Tooltip, and more. It also exports small shared primitives such as icons and close buttons.
 
-## Thanks
+## Acknowledgements
 
 This project could not exist without the work of these teams and communities:
 
 - [Base UI](https://base-ui.com/) for the accessible React primitives that power the components.
-- [shadcn/ui](https://ui.shadcn.com/) for the API inspiration and the culture of practical, readable component composition.
+- [shadcn/ui](https://ui.shadcn.com/) for the API inspiration and the culture of practical,
+  readable component composition.
+- [Tailwind CSS](https://tailwindcss.com/) for the reset.css implementation.
 - [Fumadocs](https://fumadocs.dev/) for the documentation foundation.
 - [TanStack](https://tanstack.com/) for the application tooling used by the docs.
+- [Voidzero](https://voidzero.dev/) for awesome JS tools
 
 ## Publishing Checklist
 

package/dist/components/Accordion/Accordion.d.ts

@@ -6,7 +6,6 @@ declare function AccordionHeader({ className, ...props }: AccordionPrimitive.Hea
 declare function AccordionTrigger({ className, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function AccordionTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionPanel({ className, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
-declare function AccordionPanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type AccordionProps<Value = unknown> = AccordionPrimitive.Root.Props<Value>;
 type AccordionValue<Value = unknown> = AccordionPrimitive.Root.Value<Value>;
 type AccordionItemProps = AccordionPrimitive.Item.Props;
@@ -14,6 +13,5 @@ type AccordionHeaderProps = AccordionPrimitive.Header.Props;
 type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
 type AccordionTriggerIconProps = React.ComponentProps<'span'>;
 type AccordionPanelProps = AccordionPrimitive.Panel.Props;
-type AccordionPanelContentProps = React.ComponentProps<'div'>;
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, };
-export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, };
+export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, };
+export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, };

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

@@ -1,2 +1,2 @@
-export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, } from './Accordion';
-export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, } from './Accordion';
+export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, } from './Accordion';
+export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, } from './Accordion';

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -49,4 +49,4 @@ declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilt
 type AutocompleteProps<Value = unknown> = AutocompletePrimitive.Root.Props<Value>;
 type AutocompleteValueType<Value = unknown> = AutocompleteProps<Value>['value'];
 export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, };
-export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps };
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, };

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

@@ -1,2 +1,2 @@
 export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
-export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps, } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, } from './Autocomplete';

package/dist/components/Bleed/Bleed.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-type BleedAs = 'div' | 'section' | 'figure' | 'aside';
 type BleedInline = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type BleedBlock = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type BleedProps = React.HTMLAttributes<HTMLElement> & {
-    as?: BleedAs;
+type BleedAs = React.ElementType;
+type BleedOwnProps<As extends BleedAs = 'div'> = {
+    as?: As;
     inline?: BleedInline;
     block?: BleedBlock;
 };
-declare function Bleed({ as, inline, block, className, ...props }: BleedProps): import("react/jsx-runtime").JSX.Element;
+type BleedProps<As extends BleedAs = 'div'> = BleedOwnProps<As> & Omit<React.ComponentPropsWithoutRef<As>, keyof BleedOwnProps<As>>;
+declare function Bleed<As extends BleedAs = 'div'>({ as, inline, block, className, ...props }: BleedProps<As>): import("react/jsx-runtime").JSX.Element;
 export { Bleed };
 export type { BleedProps, BleedAs, BleedInline, BleedBlock };

package/dist/components/Button/Button.d.ts

@@ -5,6 +5,7 @@ type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon-sm' | 'icon-md' | 'ic
 type ButtonClassNames = {
     content?: string;
     loadingIndicator?: string;
+    spinner?: string;
 };
 type ButtonProps = ButtonPrimitive.Props & {
     variant?: ButtonVariant;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,17 +1,18 @@
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import * as React from 'react';
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type CheckboxClassNames = {
+    indicator?: string;
+    indicatorIcon?: string;
+    checkedIcon?: string;
+    indeterminateIcon?: string;
+};
 type CheckboxProps = CheckboxPrimitive.Root.Props & {
     size?: CheckboxSize;
     indicator?: React.ReactNode;
     checkedIcon?: React.ReactNode;
     indeterminateIcon?: React.ReactNode;
-    classNames?: {
-        indicator?: string;
-        indicatorIcon?: string;
-        checkedIcon?: string;
-        indeterminateIcon?: string;
-    };
+    classNames?: CheckboxClassNames;
 };
 declare function Checkbox({ className, size, children, indicator, checkedIcon, indeterminateIcon, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props & {
@@ -28,7 +29,9 @@ type CheckboxIndicatorIconProps = Omit<React.ComponentProps<'span'>, 'children'>
     indeterminateIconClassName?: string;
 };
 declare function CheckboxIndicatorIcon({ className, checkedIcon, checkedIconClassName, indeterminateIcon, indeterminateIconClassName, ...props }: CheckboxIndicatorIconProps): import("react/jsx-runtime").JSX.Element;
-declare function CheckboxField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
-declare function CheckboxLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+type CheckboxFieldProps = React.ComponentProps<'label'>;
+declare function CheckboxField({ className, ...props }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+type CheckboxLabelProps = React.ComponentProps<'span'>;
+declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
 export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel };
-export type { CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps };
+export type { CheckboxSize, CheckboxClassNames, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, };

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

@@ -1,2 +1,2 @@
 export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel, } from './Checkbox';
-export type { CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps } from './Checkbox';
+export type { CheckboxSize, CheckboxClassNames, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, } from './Checkbox';

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,15 +1,12 @@
 import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
-import { CheckboxIndicatorProps, CheckboxProps } from '../Checkbox';
+import { CheckboxProps } from '../Checkbox';
 import * as React from 'react';
 declare function CheckboxGroup({ className, ...props }: CheckboxGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
 declare function CheckboxGroupLabel({ className, ...props }: CheckboxGroupLabelProps): import("react/jsx-runtime").JSX.Element;
 declare function CheckboxGroupList({ className, ...props }: CheckboxGroupListProps): import("react/jsx-runtime").JSX.Element;
 declare function CheckboxGroupItem({ className, ...props }: CheckboxGroupItemProps): import("react/jsx-runtime").JSX.Element;
-type CheckboxGroupItemControlProps = Omit<CheckboxProps, 'children'> & {
-    indicatorProps?: CheckboxIndicatorProps;
-    indicator?: React.ReactNode;
-};
-declare function CheckboxGroupItemControl({ indicatorProps, indicator, ...props }: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
+type CheckboxGroupItemControlProps = CheckboxProps;
+declare function CheckboxGroupItemControl(props: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
 declare function CheckboxGroupItemLabel({ className, ...props }: CheckboxGroupItemLabelProps): import("react/jsx-runtime").JSX.Element;
 type CheckboxGroupProps = CheckboxGroupPrimitive.Props;
 type CheckboxGroupLabelProps = React.ComponentProps<'div'>;

package/dist/components/CloseButton/CloseButton.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
-export type CloseButtonProps = ComponentProps<'button'>;
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+export type CloseButtonProps = ButtonPrimitive.Props;
 declare function CloseButton({ className, children, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
 export { CloseButton };

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

@@ -4,13 +4,9 @@ declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.
 declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
-declare function CollapsiblePanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type CollapsibleProps = CollapsiblePrimitive.Root.Props;
-type CollapsibleOpenChangeEventReason = CollapsiblePrimitive.Root.ChangeEventReason;
-type CollapsibleOpenChangeEventDetails = CollapsiblePrimitive.Root.ChangeEventDetails;
 type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;
 type CollapsibleTriggerIconProps = React.ComponentProps<'span'>;
 type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props;
-type CollapsiblePanelContentProps = React.ComponentProps<'div'>;
-export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, };
-export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, };
+export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel };
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, };

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

@@ -1,2 +1,2 @@
-export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, } from './Collapsible';
-export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, } from './Collapsible';
+export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, } from './Collapsible';
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, } from './Collapsible';

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

@@ -59,4 +59,4 @@ declare const useComboboxFilteredItems: typeof ComboboxPrimitive.useFilteredItem
 type ComboboxProps<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxPrimitive.Root.Props<Value, Multiple>;
 type ComboboxValueType<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxProps<Value, Multiple>['value'];
 export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, };
-export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps };
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, };

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

@@ -1,2 +1,2 @@
 export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, } from './Combobox';
-export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,9 +1,17 @@
 import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
 import * as React from 'react';
-type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
-    portalClassName?: ContextMenuPrimitive.Portal.Props['className'];
-    positionerClassName?: ContextMenuPrimitive.Positioner.Props['className'];
+type ContextMenuContentClassNames = {
+    portal?: ContextMenuPrimitive.Portal.Props['className'];
+    backdrop?: ContextMenuPrimitive.Backdrop.Props['className'];
+    positioner?: ContextMenuPrimitive.Positioner.Props['className'];
+};
+type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
+    classNames?: ContextMenuContentClassNames;
+    container?: ContextMenuPrimitive.Portal.Props['container'];
+    withBackdrop?: boolean;
     portalProps?: Omit<ContextMenuPrimitive.Portal.Props, 'className' | 'children'>;
+    backdropProps?: Omit<ContextMenuPrimitive.Backdrop.Props, 'className'>;
+    positionerProps?: Omit<ContextMenuPrimitive.Positioner.Props, 'className' | 'children'>;
 };
 type IndicatorPosition = 'start' | 'end';
 type ContextMenuRadioItemProps = ContextMenuPrimitive.RadioItem.Props & {
@@ -14,13 +22,9 @@ type ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props & {
 };
 declare const ContextMenu: typeof ContextMenuPrimitive.Root;
 declare const ContextMenuSubmenu: typeof ContextMenuPrimitive.SubmenuRoot;
-declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPortal({ className, ...props }: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuBackdrop({ className, ...props }: ContextMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPositioner({ className, ...props }: ContextMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPopup({ className, ...props }: ContextMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ className, render, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuArrow({ className, children, ...props }: ContextMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, classNames, container, withBackdrop, portalProps, backdropProps, positionerProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuSubmenuContent({ sideOffset, alignOffset, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuItem({ className, ...props }: ContextMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuLinkItem({ className, ...props }: ContextMenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
@@ -42,10 +46,6 @@ declare function ContextMenuItemShortcut({ className, ...props }: React.Componen
 type ContextMenuProps = ContextMenuPrimitive.Root.Props;
 type ContextMenuSubmenuProps = ContextMenuPrimitive.SubmenuRoot.Props;
 type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props;
-type ContextMenuPortalProps = ContextMenuPrimitive.Portal.Props;
-type ContextMenuBackdropProps = ContextMenuPrimitive.Backdrop.Props;
-type ContextMenuPositionerProps = ContextMenuPrimitive.Positioner.Props;
-type ContextMenuPopupProps = ContextMenuPrimitive.Popup.Props;
 type ContextMenuArrowProps = ContextMenuPrimitive.Arrow.Props;
 type ContextMenuItemProps = ContextMenuPrimitive.Item.Props;
 type ContextMenuLinkItemProps = ContextMenuPrimitive.LinkItem.Props;
@@ -62,5 +62,5 @@ type ContextMenuItemTextContentProps = React.ComponentProps<'span'>;
 type ContextMenuItemTextIconProps = React.ComponentProps<'span'>;
 type ContextMenuItemTextLabelProps = React.ComponentProps<'span'>;
 type ContextMenuItemShortcutProps = React.ComponentProps<'span'>;
-export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, };
-export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuPortalProps, ContextMenuBackdropProps, ContextMenuPositionerProps, ContextMenuPopupProps, ContextMenuArrowProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, };
+export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, };
+export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuArrowProps, ContextMenuContentClassNames, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, };

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

@@ -1,2 +1,2 @@
-export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, } from './ContextMenu';
-export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuPortalProps, ContextMenuBackdropProps, ContextMenuPositionerProps, ContextMenuPopupProps, ContextMenuArrowProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, } from './ContextMenu';
+export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuArrowProps, ContextMenuContentClassNames, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, } from './ContextMenu';

package/dist/components/Dialog/Dialog.d.ts

@@ -1,9 +1,15 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import * as React from 'react';
-type DialogContentProps = DialogPrimitive.Popup.Props & {
-    portalClassName?: DialogPrimitive.Portal.Props['className'];
-    backdropClassName?: DialogPrimitive.Backdrop.Props['className'];
-    viewportClassName?: DialogPrimitive.Viewport.Props['className'];
+type DialogContentClassNames = {
+    portal?: DialogPrimitive.Portal.Props['className'];
+    backdrop?: DialogPrimitive.Backdrop.Props['className'];
+    viewport?: DialogPrimitive.Viewport.Props['className'];
+};
+type DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {
+    className?: DialogPrimitive.Popup.Props['className'];
+    classNames?: DialogContentClassNames;
+    container?: DialogPrimitive.Portal.Props['container'];
+    withBackdrop?: boolean;
     portalProps?: Omit<DialogPrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<DialogPrimitive.Backdrop.Props, 'className'>;
     viewportProps?: Omit<DialogPrimitive.Viewport.Props, 'className'>;
@@ -11,19 +17,23 @@ type DialogContentProps = DialogPrimitive.Popup.Props & {
 declare const Dialog: typeof DialogPrimitive.Root;
 declare const createDialogHandle: typeof DialogPrimitive.createHandle;
 declare function DialogTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
 declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
 declare function DialogCloseIcon({ className, children, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, portalClassName, backdropClassName, viewportClassName, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, classNames, container, withBackdrop, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type DialogProps<Payload = unknown> = DialogPrimitive.Root.Props<Payload>;
 type DialogHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;
-export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
-export type { DialogProps, DialogHandle, DialogContentProps };
+type DialogTriggerProps = DialogPrimitive.Trigger.Props;
+type DialogTitleProps = DialogPrimitive.Title.Props;
+type DialogDescriptionProps = DialogPrimitive.Description.Props;
+type DialogCloseProps = DialogPrimitive.Close.Props;
+type DialogCloseIconProps = DialogPrimitive.Close.Props;
+type DialogHeaderProps = React.ComponentProps<'div'>;
+type DialogBodyProps = React.ComponentProps<'div'>;
+type DialogFooterProps = React.ComponentProps<'div'>;
+export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogHeaderProps, DialogBodyProps, DialogFooterProps, };

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

@@ -1,2 +1,2 @@
-export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
-export type { DialogProps, DialogHandle, DialogContentProps } from './Dialog';
+export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogHeaderProps, DialogBodyProps, DialogFooterProps, } from './Dialog';

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

@@ -1,16 +1,21 @@
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import * as React from 'react';
-type DrawerContentProps = DrawerPrimitive.Popup.Props & {
+type DrawerContentClassNames = {
+    portal?: DrawerPrimitive.Portal.Props['className'];
+    backdrop?: DrawerPrimitive.Backdrop.Props['className'];
+    viewport?: DrawerPrimitive.Viewport.Props['className'];
+    content?: DrawerPrimitive.Content.Props['className'];
+    handle?: React.ComponentProps<'div'>['className'];
+};
+type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
+    className?: DrawerPrimitive.Popup.Props['className'];
+    classNames?: DrawerContentClassNames;
+    container?: DrawerPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
     withHandle?: boolean;
     snapLayout?: boolean;
     variant?: 'bleed' | 'island';
     disableInitialAnimation?: boolean;
-    portalClassName?: DrawerPrimitive.Portal.Props['className'];
-    backdropClassName?: DrawerPrimitive.Backdrop.Props['className'];
-    viewportClassName?: DrawerPrimitive.Viewport.Props['className'];
-    contentClassName?: DrawerPrimitive.Content.Props['className'];
-    handleClassName?: React.ComponentProps<'div'>['className'];
     portalProps?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
     backdropProps?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
     viewportProps?: Omit<DrawerPrimitive.Viewport.Props, 'className'>;
@@ -27,11 +32,6 @@ declare function DrawerIndent({ className, ...props }: DrawerPrimitive.Indent.Pr
 declare function DrawerIndentBackground({ className, ...props }: DrawerPrimitive.IndentBackground.Props): import("react/jsx-runtime").JSX.Element;
 declare function DrawerTrigger({ className, render, ...props }: DrawerPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function DrawerSwipeArea({ className, ...props }: DrawerPrimitive.SwipeArea.Props): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ className, ...props }: DrawerPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function DrawerBackdrop({ className, ...props }: DrawerPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function DrawerViewport({ className, ...props }: DrawerPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPopup({ className, style, ...props }: DrawerPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContentSlot({ className, ...props }: DrawerPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
 declare function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
 declare function DrawerDescription({ className, ...props }: DrawerPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
 declare function DrawerClose({ className, ...props }: DrawerPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
@@ -39,11 +39,19 @@ type DrawerSnapToggleProps = React.ComponentProps<'button'> & {
     expanded: boolean;
 };
 declare function DrawerSnapToggle({ expanded, className, children, type, ...props }: DrawerSnapToggleProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHandle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DrawerBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, portalClassName, backdropClassName, viewportClassName, contentClassName, handleClassName, portalProps, backdropProps, viewportProps, contentProps, handleProps, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, classNames, container, portalProps, backdropProps, viewportProps, contentProps, handleProps, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
 type DrawerHandleType<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
-export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
-export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps };
+type DrawerTriggerProps = DrawerPrimitive.Trigger.Props;
+type DrawerSwipeAreaProps = DrawerPrimitive.SwipeArea.Props;
+type DrawerTitleProps = DrawerPrimitive.Title.Props;
+type DrawerDescriptionProps = DrawerPrimitive.Description.Props;
+type DrawerCloseProps = DrawerPrimitive.Close.Props;
+type DrawerHeaderProps = React.ComponentProps<'div'>;
+type DrawerBodyProps = React.ComponentProps<'div'>;
+type DrawerFooterProps = React.ComponentProps<'div'>;
+type DrawerSnapPoint = NonNullable<DrawerProps['snapPoints']>[number];
+export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
+export type { DrawerProps, DrawerHandleType, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, DrawerSnapPoint, };

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

@@ -1,2 +1,2 @@
-export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
-export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps, } from './Drawer';
+export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
+export type { DrawerProps, DrawerHandleType, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, DrawerSnapPoint, } from './Drawer';

package/dist/components/Form/Form.d.ts

@@ -7,5 +7,6 @@ type FormValidationMode = FormPrimitive.ValidationMode;
 type FormSubmitEventReason = FormPrimitive.SubmitEventReason;
 type FormSubmitEventDetails = FormPrimitive.SubmitEventDetails;
 type FormValues<FormValues extends Record<string, any> = Record<string, any>> = FormPrimitive.Values<FormValues>;
+type FormErrors = NonNullable<FormProps['errors']>;
 export { Form };
-export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, };
+export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, FormErrors, };

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

@@ -1,2 +1,2 @@
 export { Form } from './Form';
-export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, } from './Form';
+export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails, FormValues, FormErrors, } from './Form';

package/dist/components/Heading/Heading.d.ts

@@ -3,7 +3,7 @@ type HeadingAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type HeadingAlign = 'left' | 'center' | 'right';
-type HeadingProps = React.ComponentProps<'h1'> & {
+type HeadingProps = React.ComponentPropsWithoutRef<HeadingAs> & {
     as?: HeadingAs;
     size?: HeadingSize;
     weight?: HeadingWeight;

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

@@ -1,4 +1,5 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
+import type * as React from 'react';
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type InputProps = Omit<InputPrimitive.Props, 'size'> & {
     size?: InputSize;
@@ -6,4 +7,4 @@ type InputProps = Omit<InputPrimitive.Props, 'size'> & {
 };
 declare function Input({ className, size, htmlSize, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };
-export type { InputProps };
+export type { InputProps, InputSize };

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

@@ -1,2 +1,2 @@
 export { Input } from './Input';
-export type { InputProps } from './Input';
+export type { InputProps, InputSize } from './Input';

package/dist/components/List/List.d.ts

@@ -4,7 +4,7 @@ type ListMarker = 'none' | 'disc' | 'decimal' | 'bullet';
 type ListGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type ListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type ListTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
-type ListProps = React.ComponentProps<'ul'> & React.ComponentProps<'ol'> & {
+type ListProps = React.ComponentPropsWithoutRef<ListAs> & {
     as?: ListAs;
     marker?: ListMarker;
     gap?: ListGap;

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

@@ -1,9 +1,20 @@
 import { Menu as MenuPrimitive } from '@base-ui/react/menu';
 import * as React from 'react';
-type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
-    portalClassName?: MenuPrimitive.Portal.Props['className'];
-    positionerClassName?: MenuPrimitive.Positioner.Props['className'];
+type MenuContentClassNames = {
+    portal?: MenuPrimitive.Portal.Props['className'];
+    backdrop?: MenuPrimitive.Backdrop.Props['className'];
+    positioner?: MenuPrimitive.Positioner.Props['className'];
+    viewport?: MenuPrimitive.Viewport.Props['className'];
+};
+type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
+    classNames?: MenuContentClassNames;
+    container?: MenuPrimitive.Portal.Props['container'];
+    withBackdrop?: boolean;
+    withViewport?: boolean;
     portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
+    backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
+    positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 type IndicatorPosition = 'start' | 'end';
 type MenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
@@ -17,13 +28,8 @@ declare const MenuSubmenu: typeof MenuPrimitive.SubmenuRoot;
 declare const createMenuHandle: typeof MenuPrimitive.createHandle;
 declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenuPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenuContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuContent({ className, classNames, children, container, withBackdrop, withViewport, portalProps, backdropProps, positionerProps, viewportProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
@@ -51,5 +57,5 @@ type MenuRadioItemPropsPublic = MenuRadioItemProps;
 type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
 type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
 type MenuItemShortcutProps = React.ComponentProps<'span'>;
-export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuPortal, MenuBackdrop, MenuPositioner, MenuPopup, MenuArrow, MenuViewport, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, };
-export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
+export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuArrow, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, };
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };

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

@@ -1,2 +1,2 @@
-export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuPortal, MenuBackdrop, MenuPositioner, MenuPopup, MenuArrow, MenuViewport, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, } from './Menu';
-export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
+export { Menu, MenuSubmenu, createMenuHandle, MenuTrigger, MenuTriggerIcon, MenuArrow, MenuContent, MenuSubmenuContent, MenuItem, MenuLinkItem, MenuSeparator, MenuGroup, MenuGroupLabel, MenuSubmenuTrigger, MenuSubmenuTriggerIcon, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuItemText, MenuItemTextContent, MenuItemTextIcon, MenuItemTextLabel, MenuItemShortcut, } from './Menu';
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';

package/dist/components/Menubar/Menubar.d.ts

@@ -1,10 +1,20 @@
 import { Menu as MenuPrimitive } from '@base-ui/react/menu';
 import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
 import * as React from 'react';
-type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
-    portalClassName?: MenuPrimitive.Portal.Props['className'];
-    positionerClassName?: MenuPrimitive.Positioner.Props['className'];
+type MenubarContentClassNames = {
+    portal?: MenuPrimitive.Portal.Props['className'];
+    backdrop?: MenuPrimitive.Backdrop.Props['className'];
+    positioner?: MenuPrimitive.Positioner.Props['className'];
+    viewport?: MenuPrimitive.Viewport.Props['className'];
+};
+type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
+    classNames?: MenubarContentClassNames;
+    container?: MenuPrimitive.Portal.Props['container'];
+    withBackdrop?: boolean;
     portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
+    backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
+    positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
 };
 type IndicatorPosition = 'start' | 'end';
 type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props & {
@@ -17,14 +27,9 @@ declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) =
 declare const MenubarSubmenu: typeof MenuPrimitive.SubmenuRoot;
 declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarTrigger({ className, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, classNames, children, container, withBackdrop, portalProps, backdropProps, positionerProps, viewportProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
 declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function MenubarLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
@@ -48,12 +53,7 @@ type MenubarMenuProps<Payload = unknown> = MenuPrimitive.Root.Props<Payload>;
 type MenubarMenuHandle<Payload = unknown> = MenuPrimitive.Handle<Payload>;
 type MenubarSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
 type MenubarTriggerProps = MenuPrimitive.Trigger.Props;
-type MenubarPortalProps = MenuPrimitive.Portal.Props;
-type MenubarBackdropProps = MenuPrimitive.Backdrop.Props;
-type MenubarPositionerProps = MenuPrimitive.Positioner.Props;
-type MenubarPopupProps = MenuPrimitive.Popup.Props;
 type MenubarArrowProps = MenuPrimitive.Arrow.Props;
-type MenubarViewportProps = MenuPrimitive.Viewport.Props;
 type MenubarItemProps = MenuPrimitive.Item.Props;
 type MenubarLinkItemProps = MenuPrimitive.LinkItem.Props;
 type MenubarSeparatorProps = MenuPrimitive.Separator.Props;
@@ -69,5 +69,5 @@ type MenubarItemTextContentProps = React.ComponentProps<'span'>;
 type MenubarItemTextIconProps = React.ComponentProps<'span'>;
 type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
 type MenubarItemShortcutProps = React.ComponentProps<'span'>;
-export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarPortal, MenubarBackdrop, MenubarPositioner, MenubarPopup, MenubarArrow, MenubarViewport, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, };
-export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarPortalProps, MenubarBackdropProps, MenubarPositionerProps, MenubarPopupProps, MenubarArrowProps, MenubarViewportProps, MenubarContentProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };
+export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarArrow, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, };
+export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };