moduix 0.5.18 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +2 -4
  2. package/dist/components/Accordion/index.d.ts +2 -2
  3. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +3 -6
  4. package/dist/components/CloseButton/CloseButton.d.ts +2 -2
  5. package/dist/components/Collapsible/Collapsible.d.ts +2 -6
  6. package/dist/components/Collapsible/index.d.ts +2 -2
  7. package/dist/components/ContextMenu/ContextMenu.d.ts +14 -14
  8. package/dist/components/ContextMenu/index.d.ts +2 -2
  9. package/dist/components/Dialog/Dialog.d.ts +13 -11
  10. package/dist/components/Dialog/index.d.ts +2 -2
  11. package/dist/components/Drawer/Drawer.d.ts +14 -15
  12. package/dist/components/Drawer/index.d.ts +2 -2
  13. package/dist/components/Menu/Menu.d.ts +13 -10
  14. package/dist/components/Menu/index.d.ts +1 -1
  15. package/dist/components/Menubar/Menubar.d.ts +16 -16
  16. package/dist/components/Menubar/index.d.ts +2 -2
  17. package/dist/components/Meter/Meter.d.ts +10 -8
  18. package/dist/components/Meter/index.d.ts +2 -2
  19. package/dist/components/NavigationMenu/NavigationMenu.d.ts +32 -28
  20. package/dist/components/NavigationMenu/index.d.ts +2 -2
  21. package/dist/components/NumberField/NumberField.d.ts +11 -3
  22. package/dist/components/NumberField/index.d.ts +1 -1
  23. package/dist/components/OTPField/OTPField.d.ts +9 -2
  24. package/dist/components/Popover/Popover.d.ts +11 -17
  25. package/dist/components/Popover/index.d.ts +2 -2
  26. package/dist/components/PreviewCard/PreviewCard.d.ts +20 -23
  27. package/dist/components/PreviewCard/index.d.ts +2 -2
  28. package/dist/components/Progress/Progress.d.ts +10 -8
  29. package/dist/components/Progress/index.d.ts +2 -2
  30. package/dist/components/Radio/Radio.d.ts +8 -6
  31. package/dist/components/ScrollArea/ScrollArea.d.ts +21 -14
  32. package/dist/components/ScrollArea/index.d.ts +2 -2
  33. package/dist/components/Slider/Slider.d.ts +14 -10
  34. package/dist/components/Slider/index.d.ts +2 -2
  35. package/dist/components/Switch/Switch.d.ts +3 -1
  36. package/dist/components/Switch/index.d.ts +1 -1
  37. package/dist/components/Tabs/Tabs.d.ts +10 -6
  38. package/dist/components/Tabs/index.d.ts +2 -2
  39. package/dist/components/Toast/Toast.d.ts +38 -24
  40. package/dist/components/Toast/index.d.ts +2 -2
  41. package/dist/components/Tooltip/Tooltip.d.ts +11 -16
  42. package/dist/components/Tooltip/index.d.ts +2 -2
  43. package/dist/index.cjs +1 -1
  44. package/dist/index.css +1 -1
  45. package/dist/index.js +1793 -1671
  46. package/package.json +1 -1
@@ -6,7 +6,6 @@ declare function AccordionHeader({ className, ...props }: AccordionPrimitive.Hea
6
6
  declare function AccordionTrigger({ className, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
7
7
  declare function AccordionTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
8
8
  declare function AccordionPanel({ className, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
9
- declare function AccordionPanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
9
  type AccordionProps<Value = unknown> = AccordionPrimitive.Root.Props<Value>;
11
10
  type AccordionValue<Value = unknown> = AccordionPrimitive.Root.Value<Value>;
12
11
  type AccordionItemProps = AccordionPrimitive.Item.Props;
@@ -14,6 +13,5 @@ type AccordionHeaderProps = AccordionPrimitive.Header.Props;
14
13
  type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
15
14
  type AccordionTriggerIconProps = React.ComponentProps<'span'>;
16
15
  type AccordionPanelProps = AccordionPrimitive.Panel.Props;
17
- type AccordionPanelContentProps = React.ComponentProps<'div'>;
18
- export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, };
19
- export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, };
16
+ export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, };
17
+ export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, };
@@ -1,2 +1,2 @@
1
- export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, } from './Accordion';
2
- export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, } from './Accordion';
1
+ export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, } from './Accordion';
2
+ export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, } from './Accordion';
@@ -1,15 +1,12 @@
1
1
  import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
2
- import { CheckboxIndicatorProps, CheckboxProps } from '../Checkbox';
2
+ import { CheckboxProps } from '../Checkbox';
3
3
  import * as React from 'react';
4
4
  declare function CheckboxGroup({ className, ...props }: CheckboxGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
5
5
  declare function CheckboxGroupLabel({ className, ...props }: CheckboxGroupLabelProps): import("react/jsx-runtime").JSX.Element;
6
6
  declare function CheckboxGroupList({ className, ...props }: CheckboxGroupListProps): import("react/jsx-runtime").JSX.Element;
7
7
  declare function CheckboxGroupItem({ className, ...props }: CheckboxGroupItemProps): import("react/jsx-runtime").JSX.Element;
8
- type CheckboxGroupItemControlProps = Omit<CheckboxProps, 'children'> & {
9
- indicatorProps?: CheckboxIndicatorProps;
10
- indicator?: React.ReactNode;
11
- };
12
- declare function CheckboxGroupItemControl({ indicatorProps, indicator, ...props }: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
8
+ type CheckboxGroupItemControlProps = CheckboxProps;
9
+ declare function CheckboxGroupItemControl(props: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
13
10
  declare function CheckboxGroupItemLabel({ className, ...props }: CheckboxGroupItemLabelProps): import("react/jsx-runtime").JSX.Element;
14
11
  type CheckboxGroupProps = CheckboxGroupPrimitive.Props;
15
12
  type CheckboxGroupLabelProps = React.ComponentProps<'div'>;
@@ -1,4 +1,4 @@
1
- import { ComponentProps } from 'react';
2
- export type CloseButtonProps = ComponentProps<'button'>;
1
+ import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
+ export type CloseButtonProps = ButtonPrimitive.Props;
3
3
  declare function CloseButton({ className, children, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
4
4
  export { CloseButton };
@@ -4,13 +4,9 @@ declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.
4
4
  declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
5
5
  declare function CollapsibleTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
6
6
  declare function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
7
- declare function CollapsiblePanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
7
  type CollapsibleProps = CollapsiblePrimitive.Root.Props;
9
- type CollapsibleOpenChangeEventReason = CollapsiblePrimitive.Root.ChangeEventReason;
10
- type CollapsibleOpenChangeEventDetails = CollapsiblePrimitive.Root.ChangeEventDetails;
11
8
  type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;
12
9
  type CollapsibleTriggerIconProps = React.ComponentProps<'span'>;
13
10
  type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props;
14
- type CollapsiblePanelContentProps = React.ComponentProps<'div'>;
15
- export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, };
16
- export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, };
11
+ export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel };
12
+ export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, };
@@ -1,2 +1,2 @@
1
- export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, } from './Collapsible';
2
- export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, } from './Collapsible';
1
+ export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, } from './Collapsible';
2
+ export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, } from './Collapsible';
@@ -1,9 +1,17 @@
1
1
  import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
2
2
  import * as React from 'react';
3
- type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
4
- portalClassName?: ContextMenuPrimitive.Portal.Props['className'];
5
- positionerClassName?: ContextMenuPrimitive.Positioner.Props['className'];
3
+ type ContextMenuContentClassNames = {
4
+ portal?: ContextMenuPrimitive.Portal.Props['className'];
5
+ backdrop?: ContextMenuPrimitive.Backdrop.Props['className'];
6
+ positioner?: ContextMenuPrimitive.Positioner.Props['className'];
7
+ };
8
+ type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
9
+ classNames?: ContextMenuContentClassNames;
10
+ container?: ContextMenuPrimitive.Portal.Props['container'];
11
+ withBackdrop?: boolean;
6
12
  portalProps?: Omit<ContextMenuPrimitive.Portal.Props, 'className' | 'children'>;
13
+ backdropProps?: Omit<ContextMenuPrimitive.Backdrop.Props, 'className'>;
14
+ positionerProps?: Omit<ContextMenuPrimitive.Positioner.Props, 'className' | 'children'>;
7
15
  };
8
16
  type IndicatorPosition = 'start' | 'end';
9
17
  type ContextMenuRadioItemProps = ContextMenuPrimitive.RadioItem.Props & {
@@ -15,12 +23,8 @@ type ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props & {
15
23
  declare const ContextMenu: typeof ContextMenuPrimitive.Root;
16
24
  declare const ContextMenuSubmenu: typeof ContextMenuPrimitive.SubmenuRoot;
17
25
  declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
18
- declare function ContextMenuPortal({ className, ...props }: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
19
- declare function ContextMenuBackdrop({ className, ...props }: ContextMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
20
- declare function ContextMenuPositioner({ className, ...props }: ContextMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
21
- declare function ContextMenuPopup({ className, ...props }: ContextMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
22
26
  declare function ContextMenuArrow({ className, children, ...props }: ContextMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
23
- declare function ContextMenuContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
27
+ 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;
24
28
  declare function ContextMenuSubmenuContent({ sideOffset, alignOffset, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
25
29
  declare function ContextMenuItem({ className, ...props }: ContextMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
26
30
  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
42
46
  type ContextMenuProps = ContextMenuPrimitive.Root.Props;
43
47
  type ContextMenuSubmenuProps = ContextMenuPrimitive.SubmenuRoot.Props;
44
48
  type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props;
45
- type ContextMenuPortalProps = ContextMenuPrimitive.Portal.Props;
46
- type ContextMenuBackdropProps = ContextMenuPrimitive.Backdrop.Props;
47
- type ContextMenuPositionerProps = ContextMenuPrimitive.Positioner.Props;
48
- type ContextMenuPopupProps = ContextMenuPrimitive.Popup.Props;
49
49
  type ContextMenuArrowProps = ContextMenuPrimitive.Arrow.Props;
50
50
  type ContextMenuItemProps = ContextMenuPrimitive.Item.Props;
51
51
  type ContextMenuLinkItemProps = ContextMenuPrimitive.LinkItem.Props;
@@ -62,5 +62,5 @@ type ContextMenuItemTextContentProps = React.ComponentProps<'span'>;
62
62
  type ContextMenuItemTextIconProps = React.ComponentProps<'span'>;
63
63
  type ContextMenuItemTextLabelProps = React.ComponentProps<'span'>;
64
64
  type ContextMenuItemShortcutProps = React.ComponentProps<'span'>;
65
- 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, };
66
- 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, };
65
+ export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, };
66
+ 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, };
@@ -1,2 +1,2 @@
1
- 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';
2
- 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';
1
+ 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';
2
+ 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';
@@ -1,9 +1,15 @@
1
1
  import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
2
  import * as React from 'react';
3
- type DialogContentProps = DialogPrimitive.Popup.Props & {
4
- portalClassName?: DialogPrimitive.Portal.Props['className'];
5
- backdropClassName?: DialogPrimitive.Backdrop.Props['className'];
6
- viewportClassName?: DialogPrimitive.Viewport.Props['className'];
3
+ type DialogContentClassNames = {
4
+ portal?: DialogPrimitive.Portal.Props['className'];
5
+ backdrop?: DialogPrimitive.Backdrop.Props['className'];
6
+ viewport?: DialogPrimitive.Viewport.Props['className'];
7
+ };
8
+ type DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {
9
+ className?: DialogPrimitive.Popup.Props['className'];
10
+ classNames?: DialogContentClassNames;
11
+ container?: DialogPrimitive.Portal.Props['container'];
12
+ withBackdrop?: boolean;
7
13
  portalProps?: Omit<DialogPrimitive.Portal.Props, 'className' | 'children'>;
8
14
  backdropProps?: Omit<DialogPrimitive.Backdrop.Props, 'className'>;
9
15
  viewportProps?: Omit<DialogPrimitive.Viewport.Props, 'className'>;
@@ -11,19 +17,15 @@ type DialogContentProps = DialogPrimitive.Popup.Props & {
11
17
  declare const Dialog: typeof DialogPrimitive.Root;
12
18
  declare const createDialogHandle: typeof DialogPrimitive.createHandle;
13
19
  declare function DialogTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
14
- declare function DialogPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
15
- declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
16
- declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
17
- declare function DialogPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
18
20
  declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
19
21
  declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
20
22
  declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
21
23
  declare function DialogCloseIcon({ className, children, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
22
- declare function DialogContent({ className, portalClassName, backdropClassName, viewportClassName, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
24
+ declare function DialogContent({ className, classNames, container, withBackdrop, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
23
25
  declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
24
26
  declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
25
27
  declare function DialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
26
28
  type DialogProps<Payload = unknown> = DialogPrimitive.Root.Props<Payload>;
27
29
  type DialogHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;
28
- export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
29
- export type { DialogProps, DialogHandle, DialogContentProps };
30
+ export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
31
+ export type { DialogProps, DialogHandle, DialogContentProps, DialogContentClassNames };
@@ -1,2 +1,2 @@
1
- export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
2
- export type { DialogProps, DialogHandle, DialogContentProps } from './Dialog';
1
+ export { Dialog, createDialogHandle, DialogTrigger, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
2
+ export type { DialogProps, DialogHandle, DialogContentProps, DialogContentClassNames, } from './Dialog';
@@ -1,16 +1,21 @@
1
1
  import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
2
2
  import * as React from 'react';
3
- type DrawerContentProps = DrawerPrimitive.Popup.Props & {
3
+ type DrawerContentClassNames = {
4
+ portal?: DrawerPrimitive.Portal.Props['className'];
5
+ backdrop?: DrawerPrimitive.Backdrop.Props['className'];
6
+ viewport?: DrawerPrimitive.Viewport.Props['className'];
7
+ content?: DrawerPrimitive.Content.Props['className'];
8
+ handle?: React.ComponentProps<'div'>['className'];
9
+ };
10
+ type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
11
+ className?: DrawerPrimitive.Popup.Props['className'];
12
+ classNames?: DrawerContentClassNames;
13
+ container?: DrawerPrimitive.Portal.Props['container'];
4
14
  withBackdrop?: boolean;
5
15
  withHandle?: boolean;
6
16
  snapLayout?: boolean;
7
17
  variant?: 'bleed' | 'island';
8
18
  disableInitialAnimation?: boolean;
9
- portalClassName?: DrawerPrimitive.Portal.Props['className'];
10
- backdropClassName?: DrawerPrimitive.Backdrop.Props['className'];
11
- viewportClassName?: DrawerPrimitive.Viewport.Props['className'];
12
- contentClassName?: DrawerPrimitive.Content.Props['className'];
13
- handleClassName?: React.ComponentProps<'div'>['className'];
14
19
  portalProps?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
15
20
  backdropProps?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
16
21
  viewportProps?: Omit<DrawerPrimitive.Viewport.Props, 'className'>;
@@ -27,11 +32,6 @@ declare function DrawerIndent({ className, ...props }: DrawerPrimitive.Indent.Pr
27
32
  declare function DrawerIndentBackground({ className, ...props }: DrawerPrimitive.IndentBackground.Props): import("react/jsx-runtime").JSX.Element;
28
33
  declare function DrawerTrigger({ className, render, ...props }: DrawerPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
29
34
  declare function DrawerSwipeArea({ className, ...props }: DrawerPrimitive.SwipeArea.Props): import("react/jsx-runtime").JSX.Element;
30
- declare function DrawerPortal({ className, ...props }: DrawerPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
31
- declare function DrawerBackdrop({ className, ...props }: DrawerPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
32
- declare function DrawerViewport({ className, ...props }: DrawerPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
33
- declare function DrawerPopup({ className, style, ...props }: DrawerPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
34
- declare function DrawerContentSlot({ className, ...props }: DrawerPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
35
35
  declare function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
36
36
  declare function DrawerDescription({ className, ...props }: DrawerPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
37
37
  declare function DrawerClose({ className, ...props }: DrawerPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
@@ -39,11 +39,10 @@ type DrawerSnapToggleProps = React.ComponentProps<'button'> & {
39
39
  expanded: boolean;
40
40
  };
41
41
  declare function DrawerSnapToggle({ expanded, className, children, type, ...props }: DrawerSnapToggleProps): import("react/jsx-runtime").JSX.Element;
42
- declare function DrawerHandle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
43
42
  declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
44
43
  declare function DrawerBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
45
44
  declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
46
- 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;
45
+ 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;
47
46
  type DrawerHandleType<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
48
- export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
49
- export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps };
47
+ export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
48
+ export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, };
@@ -1,2 +1,2 @@
1
- export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
2
- export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps, } from './Drawer';
1
+ export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
2
+ export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerContentClassNames, DrawerSnapToggleProps, } from './Drawer';
@@ -1,9 +1,17 @@
1
1
  import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
2
  import * as React from 'react';
3
- type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
4
- portalClassName?: MenuPrimitive.Portal.Props['className'];
5
- positionerClassName?: MenuPrimitive.Positioner.Props['className'];
3
+ type MenuContentClassNames = {
4
+ portal?: MenuPrimitive.Portal.Props['className'];
5
+ backdrop?: MenuPrimitive.Backdrop.Props['className'];
6
+ positioner?: MenuPrimitive.Positioner.Props['className'];
7
+ };
8
+ type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
9
+ classNames?: MenuContentClassNames;
10
+ container?: MenuPrimitive.Portal.Props['container'];
11
+ withBackdrop?: boolean;
6
12
  portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
13
+ backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
14
+ positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
7
15
  };
8
16
  type IndicatorPosition = 'start' | 'end';
9
17
  type MenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
@@ -17,13 +25,8 @@ declare const MenuSubmenu: typeof MenuPrimitive.SubmenuRoot;
17
25
  declare const createMenuHandle: typeof MenuPrimitive.createHandle;
18
26
  declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
19
27
  declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
20
- declare function MenuPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
21
- declare function MenuBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
22
- declare function MenuPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
23
- declare function MenuPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
24
28
  declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
25
- declare function MenuViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
26
- declare function MenuContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
29
+ declare function MenuContent({ className, classNames, children, container, withBackdrop, portalProps, backdropProps, positionerProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
27
30
  declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
28
31
  declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
29
32
  declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
@@ -51,5 +54,5 @@ type MenuRadioItemPropsPublic = MenuRadioItemProps;
51
54
  type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
52
55
  type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
53
56
  type MenuItemShortcutProps = React.ComponentProps<'span'>;
54
- 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, };
57
+ 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, };
55
58
  export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
@@ -1,2 +1,2 @@
1
- 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';
1
+ 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';
2
2
  export type { MenuProps, MenuHandle, MenuContentProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
@@ -1,10 +1,20 @@
1
1
  import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
2
  import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
3
3
  import * as React from 'react';
4
- type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
5
- portalClassName?: MenuPrimitive.Portal.Props['className'];
6
- positionerClassName?: MenuPrimitive.Positioner.Props['className'];
4
+ type MenubarContentClassNames = {
5
+ portal?: MenuPrimitive.Portal.Props['className'];
6
+ backdrop?: MenuPrimitive.Backdrop.Props['className'];
7
+ positioner?: MenuPrimitive.Positioner.Props['className'];
8
+ viewport?: MenuPrimitive.Viewport.Props['className'];
9
+ };
10
+ type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
11
+ classNames?: MenubarContentClassNames;
12
+ container?: MenuPrimitive.Portal.Props['container'];
13
+ withBackdrop?: boolean;
7
14
  portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
15
+ backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
16
+ positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
17
+ viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
8
18
  };
9
19
  type IndicatorPosition = 'start' | 'end';
10
20
  type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props & {
@@ -18,13 +28,8 @@ declare const MenubarSubmenu: typeof MenuPrimitive.SubmenuRoot;
18
28
  declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
19
29
  declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
20
30
  declare function MenubarTrigger({ className, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
21
- declare function MenubarPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
22
- declare function MenubarBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
23
- declare function MenubarPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
24
- declare function MenubarPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
25
31
  declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
26
- declare function MenubarViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
27
- declare function MenubarContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
32
+ 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;
28
33
  declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
29
34
  declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
30
35
  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>;
48
53
  type MenubarMenuHandle<Payload = unknown> = MenuPrimitive.Handle<Payload>;
49
54
  type MenubarSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
50
55
  type MenubarTriggerProps = MenuPrimitive.Trigger.Props;
51
- type MenubarPortalProps = MenuPrimitive.Portal.Props;
52
- type MenubarBackdropProps = MenuPrimitive.Backdrop.Props;
53
- type MenubarPositionerProps = MenuPrimitive.Positioner.Props;
54
- type MenubarPopupProps = MenuPrimitive.Popup.Props;
55
56
  type MenubarArrowProps = MenuPrimitive.Arrow.Props;
56
- type MenubarViewportProps = MenuPrimitive.Viewport.Props;
57
57
  type MenubarItemProps = MenuPrimitive.Item.Props;
58
58
  type MenubarLinkItemProps = MenuPrimitive.LinkItem.Props;
59
59
  type MenubarSeparatorProps = MenuPrimitive.Separator.Props;
@@ -69,5 +69,5 @@ type MenubarItemTextContentProps = React.ComponentProps<'span'>;
69
69
  type MenubarItemTextIconProps = React.ComponentProps<'span'>;
70
70
  type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
71
71
  type MenubarItemShortcutProps = React.ComponentProps<'span'>;
72
- 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, };
73
- 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, };
72
+ 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, };
73
+ 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, };
@@ -1,2 +1,2 @@
1
- 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, } from './Menubar';
2
- 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, } from './Menubar';
1
+ 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';
2
+ 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';
@@ -1,13 +1,15 @@
1
1
  import { Meter as MeterPrimitive } from '@base-ui/react/meter';
2
- declare function Meter({ className, ...props }: MeterPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
2
+ type MeterClassNames = {
3
+ track?: string;
4
+ indicator?: string;
5
+ };
6
+ type MeterProps = MeterPrimitive.Root.Props & {
7
+ classNames?: MeterClassNames;
8
+ };
9
+ declare function Meter({ className, classNames, children, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
3
10
  declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
4
11
  declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
5
- declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
6
- declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
7
- type MeterProps = MeterPrimitive.Root.Props;
8
12
  type MeterLabelProps = MeterPrimitive.Label.Props;
9
13
  type MeterValueProps = MeterPrimitive.Value.Props;
10
- type MeterTrackProps = MeterPrimitive.Track.Props;
11
- type MeterIndicatorProps = MeterPrimitive.Indicator.Props;
12
- export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
13
- export type { MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps };
14
+ export { Meter, MeterLabel, MeterValue };
15
+ export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps };
@@ -1,2 +1,2 @@
1
- export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from './Meter';
2
- export type { MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, } from './Meter';
1
+ export { Meter, MeterLabel, MeterValue } from './Meter';
2
+ export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps } from './Meter';
@@ -1,6 +1,20 @@
1
1
  import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
2
2
  import * as React from 'react';
3
- type NavigationMenuPopupContentProps = NavigationMenuPrimitive.Popup.Props & {
3
+ type NavigationMenuPopupClassNames = {
4
+ portal?: NavigationMenuPrimitive.Portal.Props['className'];
5
+ backdrop?: NavigationMenuPrimitive.Backdrop.Props['className'];
6
+ positioner?: NavigationMenuPrimitive.Positioner.Props['className'];
7
+ arrow?: NavigationMenuPrimitive.Arrow.Props['className'];
8
+ viewport?: NavigationMenuPrimitive.Viewport.Props['className'];
9
+ };
10
+ type NavigationMenuPopupSlotProps = {
11
+ portal?: Omit<NavigationMenuPrimitive.Portal.Props, 'className' | 'children'>;
12
+ backdrop?: Omit<NavigationMenuPrimitive.Backdrop.Props, 'className'>;
13
+ positioner?: Omit<NavigationMenuPrimitive.Positioner.Props, 'className' | 'children'>;
14
+ arrow?: Omit<NavigationMenuPrimitive.Arrow.Props, 'className' | 'children'>;
15
+ viewport?: Omit<NavigationMenuPrimitive.Viewport.Props, 'className'>;
16
+ };
17
+ type NavigationMenuPopupOptions = NavigationMenuPrimitive.Popup.Props & {
4
18
  side?: NavigationMenuPrimitive.Positioner.Props['side'];
5
19
  sideOffset?: NavigationMenuPrimitive.Positioner.Props['sideOffset'];
6
20
  align?: NavigationMenuPrimitive.Positioner.Props['align'];
@@ -8,35 +22,31 @@ type NavigationMenuPopupContentProps = NavigationMenuPrimitive.Popup.Props & {
8
22
  collisionAvoidance?: NavigationMenuPrimitive.Positioner.Props['collisionAvoidance'];
9
23
  collisionPadding?: NavigationMenuPrimitive.Positioner.Props['collisionPadding'];
10
24
  sticky?: NavigationMenuPrimitive.Positioner.Props['sticky'];
11
- positionerProps?: Omit<NavigationMenuPrimitive.Positioner.Props, 'className' | 'children'>;
12
- portalClassName?: NavigationMenuPrimitive.Portal.Props['className'];
13
- backdropClassName?: NavigationMenuPrimitive.Backdrop.Props['className'];
14
- positionerClassName?: NavigationMenuPrimitive.Positioner.Props['className'];
15
- arrowClassName?: NavigationMenuPrimitive.Arrow.Props['className'];
16
- viewportClassName?: NavigationMenuPrimitive.Viewport.Props['className'];
17
- arrowProps?: Omit<NavigationMenuPrimitive.Arrow.Props, 'className' | 'children'>;
18
- viewportProps?: Omit<NavigationMenuPrimitive.Viewport.Props, 'className'>;
19
- portalProps?: Omit<NavigationMenuPrimitive.Portal.Props, 'className' | 'children'>;
20
- backdropProps?: Omit<NavigationMenuPrimitive.Backdrop.Props, 'className'>;
25
+ classNames?: NavigationMenuPopupClassNames;
26
+ slotProps?: NavigationMenuPopupSlotProps;
21
27
  arrow?: React.ReactNode;
22
28
  showArrow?: boolean;
23
29
  withBackdrop?: boolean;
24
30
  };
25
- declare function NavigationMenu<Value = unknown>({ className, ...props }: NavigationMenuProps<Value>): import("react/jsx-runtime").JSX.Element;
31
+ type NavigationMenuClassNames = {
32
+ viewport?: NavigationMenuPrimitive.Viewport.Props['className'];
33
+ };
34
+ type NavigationMenuSlotProps = {
35
+ viewport?: Omit<NavigationMenuPrimitive.Viewport.Props, 'className'>;
36
+ };
37
+ declare function NavigationMenu<Value = unknown>({ className, children, classNames, slotProps, popupContent, viewport, ...props }: NavigationMenuProps<Value>): import("react/jsx-runtime").JSX.Element;
26
38
  declare function NavigationMenuList({ className, ...props }: NavigationMenuPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
27
39
  declare function NavigationMenuItem(props: NavigationMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
28
40
  declare function NavigationMenuTrigger({ className, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
29
41
  declare function NavigationMenuIcon({ className, children, ...props }: NavigationMenuPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
30
42
  declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
31
43
  declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
32
- declare function NavigationMenuPortal({ className, ...props }: NavigationMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
33
- declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
34
- declare function NavigationMenuPositioner({ className, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
35
- declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
36
- declare function NavigationMenuArrow({ className, children, ...props }: NavigationMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
37
- declare function NavigationMenuViewport({ className, ...props }: NavigationMenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
38
- declare function NavigationMenuPopupContent({ className, portalClassName, backdropClassName, positionerClassName, arrowClassName, viewportClassName, arrowProps, viewportProps, portalProps, backdropProps, arrow, showArrow, withBackdrop, side, sideOffset, align, alignOffset, collisionAvoidance, collisionPadding, sticky, positionerProps, children, ...props }: NavigationMenuPopupContentProps): import("react/jsx-runtime").JSX.Element;
39
- type NavigationMenuProps<Value = unknown> = NavigationMenuPrimitive.Root.Props<Value>;
44
+ type NavigationMenuProps<Value = unknown> = NavigationMenuPrimitive.Root.Props<Value> & {
45
+ classNames?: NavigationMenuClassNames;
46
+ slotProps?: NavigationMenuSlotProps;
47
+ popupContent?: false | NavigationMenuPopupOptions;
48
+ viewport?: boolean;
49
+ };
40
50
  type NavigationMenuValue<Value = unknown> = NavigationMenuPrimitive.Root.Value<Value>;
41
51
  type NavigationMenuListProps = NavigationMenuPrimitive.List.Props;
42
52
  type NavigationMenuItemProps = NavigationMenuPrimitive.Item.Props;
@@ -44,11 +54,5 @@ type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props;
44
54
  type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props;
45
55
  type NavigationMenuIconProps = NavigationMenuPrimitive.Icon.Props;
46
56
  type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props;
47
- type NavigationMenuPortalProps = NavigationMenuPrimitive.Portal.Props;
48
- type NavigationMenuBackdropProps = NavigationMenuPrimitive.Backdrop.Props;
49
- type NavigationMenuPositionerProps = NavigationMenuPrimitive.Positioner.Props;
50
- type NavigationMenuPopupProps = NavigationMenuPrimitive.Popup.Props;
51
- type NavigationMenuArrowProps = NavigationMenuPrimitive.Arrow.Props;
52
- type NavigationMenuViewportProps = NavigationMenuPrimitive.Viewport.Props;
53
- export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, NavigationMenuPortal, NavigationMenuBackdrop, NavigationMenuPositioner, NavigationMenuPopup, NavigationMenuArrow, NavigationMenuViewport, NavigationMenuPopupContent, };
54
- export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuPortalProps, NavigationMenuBackdropProps, NavigationMenuPositionerProps, NavigationMenuPopupProps, NavigationMenuArrowProps, NavigationMenuViewportProps, NavigationMenuPopupContentProps, };
57
+ export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, };
58
+ export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuPopupOptions, };
@@ -1,2 +1,2 @@
1
- export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, NavigationMenuPortal, NavigationMenuBackdrop, NavigationMenuPositioner, NavigationMenuPopup, NavigationMenuArrow, NavigationMenuViewport, NavigationMenuPopupContent, } from './NavigationMenu';
2
- export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuPortalProps, NavigationMenuBackdropProps, NavigationMenuPositionerProps, NavigationMenuPopupProps, NavigationMenuArrowProps, NavigationMenuViewportProps, NavigationMenuPopupContentProps, } from './NavigationMenu';
1
+ export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, } from './NavigationMenu';
2
+ export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuPopupOptions, } from './NavigationMenu';
@@ -1,17 +1,25 @@
1
1
  import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';
2
+ import * as React from 'react';
3
+ type NumberFieldScrubAreaClassNames = {
4
+ cursor?: NumberFieldPrimitive.ScrubAreaCursor.Props['className'];
5
+ };
6
+ type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props & {
7
+ cursor?: React.ReactNode;
8
+ withCursor?: boolean;
9
+ classNames?: NumberFieldScrubAreaClassNames;
10
+ };
2
11
  declare function NumberField({ className, ...props }: NumberFieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
- declare function NumberFieldScrubArea({ className, ...props }: NumberFieldPrimitive.ScrubArea.Props): import("react/jsx-runtime").JSX.Element;
12
+ declare function NumberFieldScrubArea({ className, children, cursor, withCursor, classNames, ...props }: NumberFieldScrubAreaProps): import("react/jsx-runtime").JSX.Element;
4
13
  declare function NumberFieldScrubAreaCursor({ className, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props): import("react/jsx-runtime").JSX.Element;
5
14
  declare function NumberFieldGroup({ className, ...props }: NumberFieldPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
6
15
  declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldPrimitive.Decrement.Props): import("react/jsx-runtime").JSX.Element;
7
16
  declare function NumberFieldInput({ className, ...props }: NumberFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
8
17
  declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldPrimitive.Increment.Props): import("react/jsx-runtime").JSX.Element;
9
18
  type NumberFieldProps = NumberFieldPrimitive.Root.Props;
10
- type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props;
11
19
  type NumberFieldScrubAreaCursorProps = NumberFieldPrimitive.ScrubAreaCursor.Props;
12
20
  type NumberFieldGroupProps = NumberFieldPrimitive.Group.Props;
13
21
  type NumberFieldDecrementProps = NumberFieldPrimitive.Decrement.Props;
14
22
  type NumberFieldInputProps = NumberFieldPrimitive.Input.Props;
15
23
  type NumberFieldIncrementProps = NumberFieldPrimitive.Increment.Props;
16
24
  export { NumberField, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, };
17
- export type { NumberFieldProps, NumberFieldScrubAreaProps, NumberFieldScrubAreaCursorProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, };
25
+ export type { NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldScrubAreaCursorProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, };
@@ -1,2 +1,2 @@
1
1
  export { NumberField, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, } from './NumberField';
2
- export type { NumberFieldProps, NumberFieldScrubAreaProps, NumberFieldScrubAreaCursorProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, } from './NumberField';
2
+ export type { NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldScrubAreaCursorProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, } from './NumberField';
@@ -1,8 +1,15 @@
1
1
  import { OTPFieldPreview as OTPFieldPrimitive } from '@base-ui/react/otp-field';
2
- declare function OTPField({ className, ...props }: OTPFieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
2
+ declare function OTPField({ className, children, inputProps, length, ...props }: OTPFieldProps): import("react/jsx-runtime").JSX.Element;
3
3
  declare function OTPFieldInput({ className, ...props }: OTPFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
4
4
  declare function OTPFieldSeparator({ className, ...props }: OTPFieldPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
5
- type OTPFieldProps = OTPFieldPrimitive.Root.Props;
5
+ type OTPFieldAutoInputProps = OTPFieldPrimitive.Input.Props;
6
+ type OTPFieldAutoInputPropsFactory = (index: number, length: number) => OTPFieldAutoInputProps | undefined;
7
+ type OTPFieldProps = OTPFieldPrimitive.Root.Props & {
8
+ /**
9
+ * Props applied to automatically rendered input slots when `children` are not provided.
10
+ */
11
+ inputProps?: OTPFieldAutoInputProps | OTPFieldAutoInputPropsFactory;
12
+ };
6
13
  type OTPFieldInputProps = OTPFieldPrimitive.Input.Props;
7
14
  type OTPFieldSeparatorProps = OTPFieldPrimitive.Separator.Props;
8
15
  export { OTPField, OTPFieldInput, OTPFieldSeparator };