moduix 0.6.5 → 0.7.0

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

@@ -3,15 +3,40 @@ import * as React from 'react';
 declare function Accordion<Value = unknown>({ className, ...props }: AccordionProps<Value>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
 declare function AccordionHeader({ className, ...props }: AccordionPrimitive.Header.Props): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: AccordionTriggerProps): 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;
 type AccordionProps<Value = unknown> = AccordionPrimitive.Root.Props<Value>;
 type AccordionValue<Value = unknown> = AccordionPrimitive.Root.Value<Value>;
 type AccordionItemProps = AccordionPrimitive.Item.Props;
 type AccordionHeaderProps = AccordionPrimitive.Header.Props;
-type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
 type AccordionTriggerIconProps = React.ComponentProps<'span'>;
 type AccordionPanelProps = AccordionPrimitive.Panel.Props;
+type AccordionTriggerClassNames = {
+    header?: AccordionHeaderProps['className'];
+    icon?: AccordionTriggerIconProps['className'];
+};
+type AccordionTriggerSlotProps = {
+    header?: Omit<AccordionHeaderProps, 'children' | 'className'>;
+    icon?: Omit<AccordionTriggerIconProps, 'children' | 'className'>;
+};
+type AccordionTriggerProps = AccordionPrimitive.Trigger.Props & {
+    /**
+     * Icon rendered at the end of the trigger. Pass `hideIcon` to remove it.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Removes the default trigger icon.
+     */
+    hideIcon?: boolean;
+    /**
+     * Classes for internal slots rendered by the trigger.
+     */
+    classNames?: AccordionTriggerClassNames;
+    /**
+     * Props for internal slots rendered by the trigger.
+     */
+    slotProps?: AccordionTriggerSlotProps;
+};
 export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, };
-export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, };
+export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionTriggerClassNames, AccordionTriggerSlotProps, };

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

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

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -5,14 +5,17 @@ type AlertDialogContentClassNames = {
     backdrop?: AlertDialogPrimitive.Backdrop.Props['className'];
     viewport?: AlertDialogPrimitive.Viewport.Props['className'];
 };
+type AlertDialogContentSlotProps = {
+    portal?: Omit<AlertDialogPrimitive.Portal.Props, 'className' | 'children'>;
+    backdrop?: Omit<AlertDialogPrimitive.Backdrop.Props, 'className'>;
+    viewport?: Omit<AlertDialogPrimitive.Viewport.Props, 'className'>;
+};
 type AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {
     className?: AlertDialogPrimitive.Popup.Props['className'];
     classNames?: AlertDialogContentClassNames;
+    slotProps?: AlertDialogContentSlotProps;
     container?: AlertDialogPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
-    portalProps?: Omit<AlertDialogPrimitive.Portal.Props, 'className' | 'children'>;
-    backdropProps?: Omit<AlertDialogPrimitive.Backdrop.Props, 'className'>;
-    viewportProps?: Omit<AlertDialogPrimitive.Viewport.Props, 'className'>;
 };
 declare const AlertDialog: typeof AlertDialogPrimitive.Root;
 declare const createAlertDialogHandle: typeof AlertDialogPrimitive.createHandle;
@@ -21,7 +24,7 @@ declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.
 declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogCloseIcon({ className, children, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, classNames, container, withBackdrop, portalProps, backdropProps, viewportProps, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, classNames, slotProps, container, withBackdrop, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
@@ -29,5 +32,15 @@ declare function AlertDialogAction({ className, ...props }: AlertDialogPrimitive
 declare function AlertDialogCancel({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
 type AlertDialogProps<Payload = unknown> = AlertDialogPrimitive.Root.Props<Payload>;
 type AlertDialogHandle<Payload = unknown> = AlertDialogPrimitive.Handle<Payload>;
+type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;
+type AlertDialogTitleProps = AlertDialogPrimitive.Title.Props;
+type AlertDialogDescriptionProps = AlertDialogPrimitive.Description.Props;
+type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;
+type AlertDialogCloseIconProps = AlertDialogPrimitive.Close.Props;
+type AlertDialogHeaderProps = React.ComponentProps<'div'>;
+type AlertDialogBodyProps = React.ComponentProps<'div'>;
+type AlertDialogFooterProps = React.ComponentProps<'div'>;
+type AlertDialogActionProps = AlertDialogPrimitive.Close.Props;
+type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props;
 export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };
-export type { AlertDialogProps, AlertDialogHandle, AlertDialogContentProps, AlertDialogContentClassNames, };
+export type { AlertDialogProps, AlertDialogHandle, AlertDialogTriggerProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, AlertDialogCloseIconProps, AlertDialogContentProps, AlertDialogContentClassNames, AlertDialogContentSlotProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogActionProps, AlertDialogCancelProps, };

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

@@ -1,2 +1,2 @@
 export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
-export type { AlertDialogProps, AlertDialogHandle, AlertDialogContentProps, AlertDialogContentClassNames, } from './AlertDialog';
+export type { AlertDialogProps, AlertDialogHandle, AlertDialogTriggerProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, AlertDialogCloseIconProps, AlertDialogContentProps, AlertDialogContentClassNames, AlertDialogContentSlotProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogActionProps, AlertDialogCancelProps, } from './AlertDialog';

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

@@ -48,5 +48,29 @@ declare const useAutocompleteFilter: typeof import('@base-ui/react/internals/fil
 declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilteredItems;
 type AutocompleteProps<Value = unknown> = AutocompletePrimitive.Root.Props<Value>;
 type AutocompleteValueType<Value = unknown> = AutocompleteProps<Value>['value'];
+type AutocompleteFieldProps = React.ComponentProps<'div'>;
+type AutocompleteInlineInputContainerProps = React.ComponentProps<'div'>;
+type AutocompleteFieldLabelProps = React.ComponentProps<'label'>;
+type AutocompleteValueProps = AutocompletePrimitive.Value.Props;
+type AutocompleteInputGroupProps = AutocompletePrimitive.InputGroup.Props;
+type AutocompleteInputProps = AutocompletePrimitive.Input.Props;
+type AutocompleteControlActionsProps = React.ComponentProps<'div'>;
+type AutocompleteTriggerProps = AutocompletePrimitive.Trigger.Props;
+type AutocompleteFieldTriggerProps = AutocompletePrimitive.Trigger.Props;
+type AutocompleteIconProps = AutocompletePrimitive.Icon.Props;
+type AutocompleteClearProps = AutocompletePrimitive.Clear.Props;
+type AutocompleteStatusProps = AutocompletePrimitive.Status.Props;
+type AutocompleteEmptyProps = AutocompletePrimitive.Empty.Props;
+type AutocompleteListProps = AutocompletePrimitive.List.Props;
+type AutocompleteRowProps = AutocompletePrimitive.Row.Props;
+type AutocompleteItemProps = AutocompletePrimitive.Item.Props;
+type AutocompleteItemTextProps = React.ComponentProps<'span'>;
+type AutocompleteItemTextContentProps = React.ComponentProps<'span'>;
+type AutocompleteItemTextIconProps = React.ComponentProps<'span'>;
+type AutocompleteItemTextLabelProps = React.ComponentProps<'span'>;
+type AutocompleteSeparatorProps = AutocompletePrimitive.Separator.Props;
+type AutocompleteGroupProps = AutocompletePrimitive.Group.Props;
+type AutocompleteGroupLabelProps = AutocompletePrimitive.GroupLabel.Props;
+type AutocompleteCollectionProps = AutocompletePrimitive.Collection.Props;
 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, AutocompleteContentClassNames, AutocompleteContentProps, };
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, AutocompleteFieldProps, AutocompleteInlineInputContainerProps, AutocompleteFieldLabelProps, AutocompleteValueProps, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteControlActionsProps, AutocompleteTriggerProps, AutocompleteFieldTriggerProps, AutocompleteIconProps, AutocompleteClearProps, AutocompleteStatusProps, AutocompleteEmptyProps, AutocompleteListProps, AutocompleteRowProps, AutocompleteItemProps, AutocompleteItemTextProps, AutocompleteItemTextContentProps, AutocompleteItemTextIconProps, AutocompleteItemTextLabelProps, AutocompleteSeparatorProps, AutocompleteGroupProps, AutocompleteGroupLabelProps, AutocompleteCollectionProps, };

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, AutocompleteContentClassNames, AutocompleteContentProps, } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, AutocompleteFieldProps, AutocompleteInlineInputContainerProps, AutocompleteFieldLabelProps, AutocompleteValueProps, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteControlActionsProps, AutocompleteTriggerProps, AutocompleteFieldTriggerProps, AutocompleteIconProps, AutocompleteClearProps, AutocompleteStatusProps, AutocompleteEmptyProps, AutocompleteListProps, AutocompleteRowProps, AutocompleteItemProps, AutocompleteItemTextProps, AutocompleteItemTextContentProps, AutocompleteItemTextIconProps, AutocompleteItemTextLabelProps, AutocompleteSeparatorProps, AutocompleteGroupProps, AutocompleteGroupLabelProps, AutocompleteCollectionProps, } from './Autocomplete';

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

@@ -7,7 +7,8 @@ type BleedOwnProps<As extends BleedAs = 'div'> = {
     inline?: BleedInline;
     block?: BleedBlock;
 };
-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;
+type BleedProps<As extends BleedAs = 'div'> = BleedOwnProps<As> & Omit<React.ComponentPropsWithRef<As>, keyof BleedOwnProps<As>>;
+type BleedComponent = <As extends BleedAs = 'div'>(props: BleedProps<As>) => React.ReactElement | null;
+declare const Bleed: BleedComponent;
 export { Bleed };
 export type { BleedProps, BleedAs, BleedInline, BleedBlock };

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

@@ -2,19 +2,24 @@ 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;
+    indicator?: CheckboxIndicatorProps['className'];
     indicatorIcon?: string;
     checkedIcon?: string;
     indeterminateIcon?: string;
 };
+type CheckboxSlotProps = {
+    indicator?: Omit<CheckboxIndicatorProps, 'children' | 'className'>;
+    indicatorIcon?: Omit<CheckboxIndicatorIconProps, 'checkedIcon' | 'children' | 'className'>;
+};
 type CheckboxProps = CheckboxPrimitive.Root.Props & {
     size?: CheckboxSize;
     indicator?: React.ReactNode;
     checkedIcon?: React.ReactNode;
     indeterminateIcon?: React.ReactNode;
     classNames?: CheckboxClassNames;
+    slotProps?: CheckboxSlotProps;
 };
-declare function Checkbox({ className, size, children, indicator, checkedIcon, indeterminateIcon, classNames, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox({ className, size, children, indicator, checkedIcon, indeterminateIcon, classNames, slotProps, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props & {
     checkedIcon?: React.ReactNode;
     checkedIconClassName?: string;
@@ -32,6 +37,10 @@ declare function CheckboxIndicatorIcon({ className, checkedIcon, checkedIconClas
 type CheckboxFieldProps = React.ComponentProps<'label'>;
 declare function CheckboxField({ className, ...props }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
 type CheckboxLabelProps = React.ComponentProps<'span'>;
+type CheckboxState = CheckboxPrimitive.Root.State;
+type CheckboxIndicatorState = CheckboxPrimitive.Indicator.State;
+type CheckboxChangeEventReason = CheckboxPrimitive.Root.ChangeEventReason;
+type CheckboxChangeEventDetails = CheckboxPrimitive.Root.ChangeEventDetails;
 declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
 export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel };
-export type { CheckboxSize, CheckboxClassNames, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, };
+export type { CheckboxSize, CheckboxClassNames, CheckboxSlotProps, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, CheckboxState, CheckboxIndicatorState, CheckboxChangeEventReason, CheckboxChangeEventDetails, };

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

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

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

@@ -9,9 +9,12 @@ 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 CheckboxGroupState = CheckboxGroupPrimitive.State;
+type CheckboxGroupChangeEventReason = CheckboxGroupPrimitive.ChangeEventReason;
+type CheckboxGroupChangeEventDetails = CheckboxGroupPrimitive.ChangeEventDetails;
 type CheckboxGroupLabelProps = React.ComponentProps<'div'>;
 type CheckboxGroupListProps = React.ComponentProps<'div'>;
 type CheckboxGroupItemProps = React.ComponentProps<'label'>;
 type CheckboxGroupItemLabelProps = React.ComponentProps<'span'>;
 export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, };
-export type { CheckboxGroupProps, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, };
+export type { CheckboxGroupProps, CheckboxGroupState, CheckboxGroupChangeEventReason, CheckboxGroupChangeEventDetails, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, };

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

@@ -1,2 +1,2 @@
 export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, } from './CheckboxGroup';
-export type { CheckboxGroupProps, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, } from './CheckboxGroup';
+export type { CheckboxGroupProps, CheckboxGroupState, CheckboxGroupChangeEventReason, CheckboxGroupChangeEventDetails, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, } from './CheckboxGroup';

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

@@ -1,12 +1,35 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
 import * as React from 'react';
 declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: CollapsibleTriggerProps): 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;
 type CollapsibleProps = CollapsiblePrimitive.Root.Props;
-type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;
 type CollapsibleTriggerIconProps = React.ComponentProps<'span'>;
 type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props;
+type CollapsibleTriggerClassNames = {
+    icon?: CollapsibleTriggerIconProps['className'];
+};
+type CollapsibleTriggerSlotProps = {
+    icon?: Omit<CollapsibleTriggerIconProps, 'children' | 'className'>;
+};
+type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props & {
+    /**
+     * Icon rendered at the start of the trigger. Pass `hideIcon` to remove it.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Removes the default trigger icon.
+     */
+    hideIcon?: boolean;
+    /**
+     * Classes for internal slots rendered by the trigger.
+     */
+    classNames?: CollapsibleTriggerClassNames;
+    /**
+     * Props for internal slots rendered by the trigger.
+     */
+    slotProps?: CollapsibleTriggerSlotProps;
+};
 export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel };
-export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, };
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsibleTriggerClassNames, CollapsibleTriggerSlotProps, };

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

@@ -1,2 +1,2 @@
 export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, } from './Collapsible';
-export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, } from './Collapsible';
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsibleTriggerClassNames, CollapsibleTriggerSlotProps, } from './Collapsible';

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

@@ -58,5 +58,32 @@ declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
 declare const useComboboxFilteredItems: typeof ComboboxPrimitive.useFilteredItems;
 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'];
+type ComboboxFieldProps = React.ComponentProps<'div'>;
+type ComboboxValueProps = ComboboxPrimitive.Value.Props;
+type ComboboxInputGroupProps = ComboboxPrimitive.InputGroup.Props;
+type ComboboxInputProps = ComboboxPrimitive.Input.Props;
+type ComboboxControlActionsProps = React.ComponentProps<'div'>;
+type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props;
+type ComboboxIconProps = ComboboxPrimitive.Icon.Props;
+type ComboboxClearProps = ComboboxPrimitive.Clear.Props;
+type ComboboxStatusProps = ComboboxPrimitive.Status.Props;
+type ComboboxEmptyProps = ComboboxPrimitive.Empty.Props;
+type ComboboxListProps = ComboboxPrimitive.List.Props;
+type ComboboxRowProps = ComboboxPrimitive.Row.Props;
+type ComboboxItemIndicatorProps = ComboboxPrimitive.ItemIndicator.Props;
+type ComboboxItemTextProps = React.ComponentProps<'span'>;
+type ComboboxItemTextContentProps = React.ComponentProps<'span'>;
+type ComboboxItemTextIconProps = React.ComponentProps<'span'>;
+type ComboboxItemTextLabelProps = React.ComponentProps<'span'>;
+type ComboboxSeparatorProps = ComboboxPrimitive.Separator.Props;
+type ComboboxGroupProps = ComboboxPrimitive.Group.Props;
+type ComboboxGroupLabelProps = ComboboxPrimitive.GroupLabel.Props;
+type ComboboxCollectionProps = ComboboxPrimitive.Collection.Props;
+type ComboboxInlineInputContainerProps = React.ComponentProps<'div'>;
+type ComboboxChipsProps = ComboboxPrimitive.Chips.Props;
+type ComboboxChipProps = ComboboxPrimitive.Chip.Props;
+type ComboboxChipRemoveProps = ComboboxPrimitive.ChipRemove.Props;
+type ComboboxChipTextProps = React.ComponentProps<'span'>;
+type ComboboxChipsInputProps = ComboboxPrimitive.Input.Props;
 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, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, };
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldProps, ComboboxFieldLabelProps, ComboboxValueProps, ComboboxInputGroupProps, ComboboxInputProps, ComboboxControlActionsProps, ComboboxTriggerProps, ComboboxIconProps, ComboboxClearProps, ComboboxStatusProps, ComboboxEmptyProps, ComboboxListProps, ComboboxRowProps, ComboboxItemProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxItemTextContentProps, ComboboxItemTextIconProps, ComboboxItemTextLabelProps, ComboboxSeparatorProps, ComboboxGroupProps, ComboboxGroupLabelProps, ComboboxCollectionProps, ComboboxInlineInputContainerProps, ComboboxChipsProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipTextProps, ComboboxChipsInputProps, };

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, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';
+export type { ComboboxProps, ComboboxValueType, ComboboxContentClassNames, ComboboxContentProps, ComboboxFieldProps, ComboboxFieldLabelProps, ComboboxValueProps, ComboboxInputGroupProps, ComboboxInputProps, ComboboxControlActionsProps, ComboboxTriggerProps, ComboboxIconProps, ComboboxClearProps, ComboboxStatusProps, ComboboxEmptyProps, ComboboxListProps, ComboboxRowProps, ComboboxItemProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxItemTextContentProps, ComboboxItemTextIconProps, ComboboxItemTextLabelProps, ComboboxSeparatorProps, ComboboxGroupProps, ComboboxGroupLabelProps, ComboboxCollectionProps, ComboboxInlineInputContainerProps, ComboboxChipsProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipTextProps, ComboboxChipsInputProps, } from './Combobox';

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

@@ -5,14 +5,17 @@ type DialogContentClassNames = {
     backdrop?: DialogPrimitive.Backdrop.Props['className'];
     viewport?: DialogPrimitive.Viewport.Props['className'];
 };
+type DialogContentSlotProps = {
+    portal?: Omit<DialogPrimitive.Portal.Props, 'className' | 'children'>;
+    backdrop?: Omit<DialogPrimitive.Backdrop.Props, 'className'>;
+    viewport?: Omit<DialogPrimitive.Viewport.Props, 'className'>;
+};
 type DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {
     className?: DialogPrimitive.Popup.Props['className'];
     classNames?: DialogContentClassNames;
+    slotProps?: DialogContentSlotProps;
     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'>;
 };
 declare const Dialog: typeof DialogPrimitive.Root;
 declare const createDialogHandle: typeof DialogPrimitive.createHandle;
@@ -21,7 +24,7 @@ declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Prop
 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, classNames, container, withBackdrop, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, classNames, slotProps, container, withBackdrop, ...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;
@@ -36,4 +39,4 @@ 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, };
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogContentSlotProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, };

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

@@ -1,2 +1,2 @@
 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';
+export type { DialogProps, DialogHandle, DialogTriggerProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconProps, DialogContentProps, DialogContentClassNames, DialogContentSlotProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, } from './Dialog';

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

@@ -7,20 +7,23 @@ type DrawerContentClassNames = {
     content?: DrawerPrimitive.Content.Props['className'];
     handle?: React.ComponentProps<'div'>['className'];
 };
+type DrawerContentSlotProps = {
+    portal?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
+    backdrop?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
+    viewport?: Omit<DrawerPrimitive.Viewport.Props, 'className' | 'children'>;
+    content?: Omit<DrawerPrimitive.Content.Props, 'className' | 'children'>;
+    handle?: Omit<React.ComponentProps<'div'>, 'className'>;
+};
 type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
     className?: DrawerPrimitive.Popup.Props['className'];
     classNames?: DrawerContentClassNames;
+    slotProps?: DrawerContentSlotProps;
     container?: DrawerPrimitive.Portal.Props['container'];
     withBackdrop?: boolean;
     withHandle?: boolean;
     snapLayout?: boolean;
     variant?: 'bleed' | 'island';
     disableInitialAnimation?: boolean;
-    portalProps?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
-    backdropProps?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
-    viewportProps?: Omit<DrawerPrimitive.Viewport.Props, 'className'>;
-    contentProps?: Omit<DrawerPrimitive.Content.Props, 'className' | 'children'>;
-    handleProps?: Omit<React.ComponentProps<'div'>, 'className'>;
 };
 type DrawerProps<Payload = unknown> = DrawerPrimitive.Root.Props<Payload> & {
     persistent?: boolean;
@@ -39,11 +42,12 @@ 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, classNames, container, portalProps, backdropProps, viewportProps, contentProps, handleProps, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
-type DrawerHandleType<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
+declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, classNames, slotProps, container, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+type DrawerHandle<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
 type DrawerTriggerProps = DrawerPrimitive.Trigger.Props;
 type DrawerSwipeAreaProps = DrawerPrimitive.SwipeArea.Props;
 type DrawerTitleProps = DrawerPrimitive.Title.Props;
@@ -54,4 +58,4 @@ 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, };
+export type { DrawerProps, DrawerHandle, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerContentSlotProps, DrawerSnapToggleProps, DrawerSnapPoint, };

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

@@ -1,2 +1,2 @@
 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';
+export type { DrawerProps, DrawerHandle, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerContentSlotProps, DrawerSnapToggleProps, DrawerSnapPoint, } from './Drawer';

package/dist/components/Field/Field.d.ts

@@ -7,11 +7,21 @@ declare function FieldDescription({ className, ...props }: FieldPrimitive.Descri
 declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
 declare const FieldValidity: import('react').FC<import('@base-ui/react').FieldValidityProps>;
 type FieldProps = FieldPrimitive.Root.Props;
+type FieldState = FieldPrimitive.Root.State;
+type FieldActions = FieldPrimitive.Root.Actions;
 type FieldItemProps = FieldPrimitive.Item.Props;
+type FieldItemState = FieldPrimitive.Item.State;
 type FieldLabelProps = FieldPrimitive.Label.Props;
+type FieldLabelState = FieldPrimitive.Label.State;
 type FieldControlProps = FieldPrimitive.Control.Props;
+type FieldControlState = FieldPrimitive.Control.State;
+type FieldControlChangeEventReason = FieldPrimitive.Control.ChangeEventReason;
+type FieldControlChangeEventDetails = FieldPrimitive.Control.ChangeEventDetails;
 type FieldDescriptionProps = FieldPrimitive.Description.Props;
+type FieldDescriptionState = FieldPrimitive.Description.State;
 type FieldErrorProps = FieldPrimitive.Error.Props;
+type FieldErrorState = FieldPrimitive.Error.State;
 type FieldValidityProps = FieldPrimitive.Validity.Props;
+type FieldValidityState = FieldPrimitive.Validity.State;
 export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
-export type { FieldProps, FieldItemProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldValidityProps, };
+export type { FieldProps, FieldState, FieldActions, FieldItemProps, FieldItemState, FieldLabelProps, FieldLabelState, FieldControlProps, FieldControlState, FieldControlChangeEventReason, FieldControlChangeEventDetails, FieldDescriptionProps, FieldDescriptionState, FieldErrorProps, FieldErrorState, FieldValidityProps, FieldValidityState, };

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

@@ -1,2 +1,2 @@
 export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, } from './Field';
-export type { FieldProps, FieldItemProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldValidityProps, } from './Field';
+export type { FieldProps, FieldState, FieldActions, FieldItemProps, FieldItemState, FieldLabelProps, FieldLabelState, FieldControlProps, FieldControlState, FieldControlChangeEventReason, FieldControlChangeEventDetails, FieldDescriptionProps, FieldDescriptionState, FieldErrorProps, FieldErrorState, FieldValidityProps, FieldValidityState, } from './Field';

package/dist/components/Fieldset/Fieldset.d.ts

@@ -2,6 +2,8 @@ import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
 declare function Fieldset({ className, disabled, render, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
 declare function FieldsetLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
 type FieldsetProps = FieldsetPrimitive.Root.Props;
+type FieldsetState = FieldsetPrimitive.Root.State;
 type FieldsetLegendProps = FieldsetPrimitive.Legend.Props;
+type FieldsetLegendState = FieldsetPrimitive.Legend.State;
 export { Fieldset, FieldsetLegend };
-export type { FieldsetProps, FieldsetLegendProps };
+export type { FieldsetProps, FieldsetState, FieldsetLegendProps, FieldsetLegendState };

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

@@ -1,2 +1,2 @@
 export { Fieldset, FieldsetLegend } from './Fieldset';
-export type { FieldsetProps, FieldsetLegendProps } from './Fieldset';
+export type { FieldsetProps, FieldsetState, FieldsetLegendProps, FieldsetLegendState, } from './Fieldset';

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

@@ -5,6 +5,9 @@ type InputProps = Omit<InputPrimitive.Props, 'size'> & {
     size?: InputSize;
     htmlSize?: React.ComponentProps<'input'>['size'];
 };
+type InputState = InputPrimitive.State;
+type InputChangeEventReason = InputPrimitive.ChangeEventReason;
+type InputChangeEventDetails = InputPrimitive.ChangeEventDetails;
 declare function Input({ className, size, htmlSize, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };
-export type { InputProps, InputSize };
+export type { InputProps, InputState, InputChangeEventReason, InputChangeEventDetails, InputSize };

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

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

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

@@ -6,15 +6,18 @@ type MenuContentClassNames = {
     positioner?: MenuPrimitive.Positioner.Props['className'];
     viewport?: MenuPrimitive.Viewport.Props['className'];
 };
+type MenuContentSlotProps = {
+    portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
+    backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
+    positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
+};
 type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
     classNames?: MenuContentClassNames;
+    slotProps?: MenuContentSlotProps;
     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 & {
@@ -29,7 +32,7 @@ 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 MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): 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 MenuContent({ className, classNames, slotProps, children, container, withBackdrop, withViewport, 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;
@@ -58,4 +61,4 @@ type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
 type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
 type MenuItemShortcutProps = React.ComponentProps<'span'>;
 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, };
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, 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, 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';
+export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';

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

@@ -7,14 +7,17 @@ type MenubarContentClassNames = {
     positioner?: MenuPrimitive.Positioner.Props['className'];
     viewport?: MenuPrimitive.Viewport.Props['className'];
 };
+type MenubarContentSlotProps = {
+    portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
+    backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
+    positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
+    viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
+};
 type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
     classNames?: MenubarContentClassNames;
+    slotProps?: MenubarContentSlotProps;
     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 & {
@@ -29,7 +32,7 @@ declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
 declare function Menubar({ className, ...props }: MenubarPrimitive.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 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 MenubarContent({ className, classNames, slotProps, children, container, withBackdrop, 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;
@@ -70,4 +73,4 @@ type MenubarItemTextIconProps = React.ComponentProps<'span'>;
 type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
 type MenubarItemShortcutProps = React.ComponentProps<'span'>;
 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, };
+export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarContentSlotProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };

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

@@ -1,2 +1,2 @@
 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, } from './Menubar';
-export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, } from './Menubar';
+export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarContentSlotProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, } from './Menubar';