moduix 0.5.18 → 0.6.4

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 (63) hide show
  1. package/README.md +5 -2
  2. package/dist/components/Accordion/Accordion.d.ts +2 -4
  3. package/dist/components/Accordion/index.d.ts +2 -2
  4. package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
  5. package/dist/components/Autocomplete/index.d.ts +1 -1
  6. package/dist/components/Bleed/Bleed.d.ts +5 -4
  7. package/dist/components/Button/Button.d.ts +1 -0
  8. package/dist/components/Checkbox/Checkbox.d.ts +12 -9
  9. package/dist/components/Checkbox/index.d.ts +1 -1
  10. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +3 -6
  11. package/dist/components/CloseButton/CloseButton.d.ts +2 -2
  12. package/dist/components/Collapsible/Collapsible.d.ts +2 -6
  13. package/dist/components/Collapsible/index.d.ts +2 -2
  14. package/dist/components/Combobox/Combobox.d.ts +1 -1
  15. package/dist/components/Combobox/index.d.ts +1 -1
  16. package/dist/components/ContextMenu/ContextMenu.d.ts +15 -15
  17. package/dist/components/ContextMenu/index.d.ts +2 -2
  18. package/dist/components/Dialog/Dialog.d.ts +21 -11
  19. package/dist/components/Dialog/index.d.ts +2 -2
  20. package/dist/components/Drawer/Drawer.d.ts +23 -15
  21. package/dist/components/Drawer/index.d.ts +2 -2
  22. package/dist/components/Form/Form.d.ts +2 -1
  23. package/dist/components/Form/index.d.ts +1 -1
  24. package/dist/components/Heading/Heading.d.ts +1 -1
  25. package/dist/components/Input/Input.d.ts +2 -1
  26. package/dist/components/Input/index.d.ts +1 -1
  27. package/dist/components/List/List.d.ts +1 -1
  28. package/dist/components/Menu/Menu.d.ts +17 -11
  29. package/dist/components/Menu/index.d.ts +2 -2
  30. package/dist/components/Menubar/Menubar.d.ts +17 -17
  31. package/dist/components/Menubar/index.d.ts +2 -2
  32. package/dist/components/Meter/Meter.d.ts +10 -3
  33. package/dist/components/Meter/index.d.ts +1 -1
  34. package/dist/components/NavigationMenu/NavigationMenu.d.ts +32 -28
  35. package/dist/components/NavigationMenu/index.d.ts +2 -2
  36. package/dist/components/NumberField/NumberField.d.ts +11 -3
  37. package/dist/components/NumberField/index.d.ts +1 -1
  38. package/dist/components/OTPField/OTPField.d.ts +9 -2
  39. package/dist/components/Popover/Popover.d.ts +16 -17
  40. package/dist/components/Popover/index.d.ts +2 -2
  41. package/dist/components/PreviewCard/PreviewCard.d.ts +20 -23
  42. package/dist/components/PreviewCard/index.d.ts +2 -2
  43. package/dist/components/Progress/Progress.d.ts +10 -8
  44. package/dist/components/Progress/index.d.ts +2 -2
  45. package/dist/components/Radio/Radio.d.ts +8 -6
  46. package/dist/components/ScrollArea/ScrollArea.d.ts +33 -14
  47. package/dist/components/ScrollArea/index.d.ts +2 -2
  48. package/dist/components/Slider/Slider.d.ts +14 -10
  49. package/dist/components/Slider/index.d.ts +2 -2
  50. package/dist/components/Switch/Switch.d.ts +3 -1
  51. package/dist/components/Switch/index.d.ts +1 -1
  52. package/dist/components/Tabs/Tabs.d.ts +10 -6
  53. package/dist/components/Tabs/index.d.ts +2 -2
  54. package/dist/components/Toast/Toast.d.ts +38 -24
  55. package/dist/components/Toast/index.d.ts +2 -2
  56. package/dist/components/Toggle/Toggle.d.ts +2 -2
  57. package/dist/components/ToggleGroup/ToggleGroup.d.ts +2 -2
  58. package/dist/components/Tooltip/Tooltip.d.ts +12 -16
  59. package/dist/components/Tooltip/index.d.ts +2 -2
  60. package/dist/index.cjs +1 -1
  61. package/dist/index.css +1 -1
  62. package/dist/index.js +1840 -1662
  63. package/package.json +15 -12
@@ -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,20 @@
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?: MeterPrimitive.Track.Props['className'];
4
+ indicator?: MeterPrimitive.Indicator.Props['className'];
5
+ };
6
+ type MeterProps = MeterPrimitive.Root.Props & {
7
+ classNames?: MeterClassNames;
8
+ withTrack?: boolean;
9
+ };
10
+ declare function Meter({ className, classNames, children, withTrack, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
3
11
  declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
4
12
  declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
5
13
  declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
6
14
  declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
7
- type MeterProps = MeterPrimitive.Root.Props;
8
15
  type MeterLabelProps = MeterPrimitive.Label.Props;
9
16
  type MeterValueProps = MeterPrimitive.Value.Props;
10
17
  type MeterTrackProps = MeterPrimitive.Track.Props;
11
18
  type MeterIndicatorProps = MeterPrimitive.Indicator.Props;
12
19
  export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
13
- export type { MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps };
20
+ export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, };
@@ -1,2 +1,2 @@
1
1
  export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from './Meter';
2
- export type { MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, } from './Meter';
2
+ export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, } 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 };
@@ -1,25 +1,29 @@
1
1
  import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
2
2
  import * as React from 'react';
3
+ type PopoverContentClassNames = {
4
+ portal?: PopoverPrimitive.Portal.Props['className'];
5
+ backdrop?: PopoverPrimitive.Backdrop.Props['className'];
6
+ positioner?: PopoverPrimitive.Positioner.Props['className'];
7
+ viewport?: PopoverPrimitive.Viewport.Props['className'];
8
+ arrow?: PopoverPrimitive.Arrow.Props['className'];
9
+ };
3
10
  type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
11
+ classNames?: PopoverContentClassNames;
12
+ container?: PopoverPrimitive.Portal.Props['container'];
4
13
  positionerProps?: Omit<PopoverPrimitive.Positioner.Props, 'className' | 'children'>;
5
- portalClassName?: PopoverPrimitive.Portal.Props['className'];
6
- backdropClassName?: PopoverPrimitive.Backdrop.Props['className'];
7
- positionerClassName?: PopoverPrimitive.Positioner.Props['className'];
8
- arrowClassName?: PopoverPrimitive.Arrow.Props['className'];
9
14
  arrowProps?: Omit<PopoverPrimitive.Arrow.Props, 'className' | 'children'>;
10
15
  arrow?: React.ReactNode;
11
16
  showArrow?: boolean;
12
17
  portalProps?: Omit<PopoverPrimitive.Portal.Props, 'className' | 'children'>;
13
18
  backdropProps?: Omit<PopoverPrimitive.Backdrop.Props, 'className'>;
19
+ viewportProps?: Omit<PopoverPrimitive.Viewport.Props, 'className' | 'children'>;
14
20
  withBackdrop?: boolean;
21
+ withViewport?: boolean;
15
22
  };
16
23
  declare const Popover: typeof PopoverPrimitive.Root;
17
24
  declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
18
25
  declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
19
- declare function PopoverPortal({ className, ...props }: PopoverPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
20
- declare function PopoverBackdrop({ className, ...props }: PopoverPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
21
- declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
22
- declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
26
+ declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
23
27
  declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
24
28
  declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
25
29
  declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
@@ -27,15 +31,11 @@ declare function PopoverHeader({ className, ...props }: React.ComponentProps<'di
27
31
  declare function PopoverBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
28
32
  declare function PopoverFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
29
33
  declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
30
- declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
31
- declare function PopoverContent({ className, portalClassName, backdropClassName, positionerClassName, arrowClassName, arrowProps, arrow, showArrow, portalProps, backdropProps, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
34
+ declare function PopoverContent({ className, classNames, container, arrowProps, arrow, showArrow, portalProps, backdropProps, viewportProps, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
32
35
  type PopoverProps<Payload = unknown> = PopoverPrimitive.Root.Props<Payload>;
33
36
  type PopoverHandle<Payload = unknown> = PopoverPrimitive.Handle<Payload>;
34
37
  type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
35
- type PopoverPortalProps = PopoverPrimitive.Portal.Props;
36
- type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;
37
- type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;
38
- type PopoverPopupProps = PopoverPrimitive.Popup.Props;
38
+ type PopoverViewportProps = PopoverPrimitive.Viewport.Props;
39
39
  type PopoverArrowProps = PopoverPrimitive.Arrow.Props;
40
40
  type PopoverTitleProps = PopoverPrimitive.Title.Props;
41
41
  type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
@@ -43,6 +43,5 @@ type PopoverHeaderProps = React.ComponentProps<'div'>;
43
43
  type PopoverBodyProps = React.ComponentProps<'div'>;
44
44
  type PopoverFooterProps = React.ComponentProps<'div'>;
45
45
  type PopoverCloseProps = PopoverPrimitive.Close.Props;
46
- type PopoverViewportProps = PopoverPrimitive.Viewport.Props;
47
- export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverViewport, PopoverContent, };
48
- export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverPortalProps, PopoverBackdropProps, PopoverPositionerProps, PopoverPopupProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverViewportProps, PopoverContentProps, };
46
+ export { Popover, createPopoverHandle, PopoverTrigger, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
47
+ export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverViewportProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, };
@@ -1,2 +1,2 @@
1
- export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverViewport, PopoverContent, } from './Popover';
2
- export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverPortalProps, PopoverBackdropProps, PopoverPositionerProps, PopoverPopupProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverViewportProps, PopoverContentProps, } from './Popover';
1
+ export { Popover, createPopoverHandle, PopoverTrigger, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
2
+ export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverViewportProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentProps, } from './Popover';
@@ -1,36 +1,33 @@
1
1
  import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
2
2
  import * as React from 'react';
3
+ type PreviewCardContentClassNames = {
4
+ portal?: PreviewCardPrimitive.Portal.Props['className'];
5
+ backdrop?: PreviewCardPrimitive.Backdrop.Props['className'];
6
+ positioner?: PreviewCardPrimitive.Positioner.Props['className'];
7
+ arrow?: PreviewCardPrimitive.Arrow.Props['className'];
8
+ viewport?: PreviewCardPrimitive.Viewport.Props['className'];
9
+ };
10
+ type PreviewCardContentSlotProps = {
11
+ portal?: Omit<PreviewCardPrimitive.Portal.Props, 'className' | 'children'>;
12
+ backdrop?: Omit<PreviewCardPrimitive.Backdrop.Props, 'className'>;
13
+ positioner?: Omit<PreviewCardPrimitive.Positioner.Props, 'className' | 'children'>;
14
+ arrow?: Omit<PreviewCardPrimitive.Arrow.Props, 'className' | 'children'>;
15
+ viewport?: Omit<PreviewCardPrimitive.Viewport.Props, 'className' | 'children'>;
16
+ };
3
17
  type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
4
- positionerProps?: Omit<PreviewCardPrimitive.Positioner.Props, 'className' | 'children'>;
5
- portalClassName?: PreviewCardPrimitive.Portal.Props['className'];
6
- backdropClassName?: PreviewCardPrimitive.Backdrop.Props['className'];
7
- positionerClassName?: PreviewCardPrimitive.Positioner.Props['className'];
8
- arrowClassName?: PreviewCardPrimitive.Arrow.Props['className'];
9
- arrowProps?: Omit<PreviewCardPrimitive.Arrow.Props, 'className' | 'children'>;
18
+ classNames?: PreviewCardContentClassNames;
19
+ slotProps?: PreviewCardContentSlotProps;
20
+ container?: PreviewCardPrimitive.Portal.Props['container'];
10
21
  arrow?: React.ReactNode;
11
22
  showArrow?: boolean;
12
- portalProps?: Omit<PreviewCardPrimitive.Portal.Props, 'className' | 'children'>;
13
- backdropProps?: Omit<PreviewCardPrimitive.Backdrop.Props, 'className'>;
14
23
  withBackdrop?: boolean;
15
24
  };
16
25
  declare const PreviewCard: typeof PreviewCardPrimitive.Root;
17
26
  declare const createPreviewCardHandle: typeof PreviewCardPrimitive.createHandle;
18
27
  declare function PreviewCardTrigger({ className, render, ...props }: PreviewCardPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
19
- declare function PreviewCardPortal({ className, ...props }: PreviewCardPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
20
- declare function PreviewCardBackdrop({ className, ...props }: PreviewCardPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
21
- declare function PreviewCardPositioner({ className, ...props }: PreviewCardPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
22
- declare function PreviewCardPopup({ className, ...props }: PreviewCardPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
23
- declare function PreviewCardArrow({ className, children, ...props }: PreviewCardPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
24
- declare function PreviewCardViewport({ className, ...props }: PreviewCardPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
25
- declare function PreviewCardContent({ className, portalClassName, backdropClassName, positionerClassName, arrowClassName, arrowProps, arrow, showArrow, portalProps, backdropProps, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, positionerProps, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
28
+ declare function PreviewCardContent({ className, classNames, slotProps, container, arrow, showArrow, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
26
29
  type PreviewCardProps<Payload = unknown> = PreviewCardPrimitive.Root.Props<Payload>;
27
30
  type PreviewCardHandle<Payload = unknown> = PreviewCardPrimitive.Handle<Payload>;
28
31
  type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;
29
- type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;
30
- type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;
31
- type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;
32
- type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;
33
- type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;
34
- type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;
35
- export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardPortal, PreviewCardBackdrop, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, PreviewCardViewport, PreviewCardContent, };
36
- export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardPortalProps, PreviewCardBackdropProps, PreviewCardPositionerProps, PreviewCardPopupProps, PreviewCardArrowProps, PreviewCardViewportProps, PreviewCardContentProps, };
32
+ export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardContent };
33
+ export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardContentProps, PreviewCardContentClassNames, PreviewCardContentSlotProps, };
@@ -1,2 +1,2 @@
1
- export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardPortal, PreviewCardBackdrop, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, PreviewCardViewport, PreviewCardContent, } from './PreviewCard';
2
- export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardPortalProps, PreviewCardBackdropProps, PreviewCardPositionerProps, PreviewCardPopupProps, PreviewCardArrowProps, PreviewCardViewportProps, PreviewCardContentProps, } from './PreviewCard';
1
+ export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardContent, } from './PreviewCard';
2
+ export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardContentProps, PreviewCardContentClassNames, PreviewCardContentSlotProps, } from './PreviewCard';
@@ -1,13 +1,15 @@
1
1
  import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
2
- declare function Progress({ className, ...props }: ProgressPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
2
+ type ProgressClassNames = {
3
+ track?: string;
4
+ indicator?: string;
5
+ };
6
+ type ProgressProps = ProgressPrimitive.Root.Props & {
7
+ classNames?: ProgressClassNames;
8
+ };
9
+ declare function Progress({ className, classNames, children, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
3
10
  declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
4
11
  declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
5
- declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
6
- declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
7
- type ProgressProps = ProgressPrimitive.Root.Props;
8
12
  type ProgressLabelProps = ProgressPrimitive.Label.Props;
9
13
  type ProgressValueProps = ProgressPrimitive.Value.Props;
10
- type ProgressTrackProps = ProgressPrimitive.Track.Props;
11
- type ProgressIndicatorProps = ProgressPrimitive.Indicator.Props;
12
- export { Progress, ProgressLabel, ProgressValue, ProgressTrack, ProgressIndicator };
13
- export type { ProgressProps, ProgressLabelProps, ProgressValueProps, ProgressTrackProps, ProgressIndicatorProps, };
14
+ export { Progress, ProgressLabel, ProgressValue };
15
+ export type { ProgressClassNames, ProgressProps, ProgressLabelProps, ProgressValueProps };
@@ -1,2 +1,2 @@
1
- export { Progress, ProgressLabel, ProgressValue, ProgressTrack, ProgressIndicator, } from './Progress';
2
- export type { ProgressProps, ProgressLabelProps, ProgressValueProps, ProgressTrackProps, ProgressIndicatorProps, } from './Progress';
1
+ export { Progress, ProgressLabel, ProgressValue } from './Progress';
2
+ export type { ProgressClassNames, ProgressProps, ProgressLabelProps, ProgressValueProps, } from './Progress';
@@ -4,8 +4,13 @@ import * as React from 'react';
4
4
  type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
5
  type RadioProps = RadioPrimitive.Root.Props & {
6
6
  size?: RadioSize;
7
+ indicator?: React.ReactNode;
8
+ classNames?: {
9
+ indicator?: string;
10
+ indicatorIcon?: string;
11
+ };
7
12
  };
8
- declare function Radio({ className, size, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
13
+ declare function Radio({ className, size, children, indicator, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
9
14
  declare function RadioIndicator({ className, children, ...props }: RadioPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
10
15
  declare function RadioIndicatorIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
11
16
  declare function RadioField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
@@ -14,11 +19,8 @@ declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props):
14
19
  declare function RadioGroupLabel({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
15
20
  declare function RadioGroupList({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
16
21
  declare function RadioGroupItem({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
17
- type RadioGroupItemControlProps = Omit<RadioProps, 'children'> & {
18
- indicatorProps?: RadioIndicatorProps;
19
- indicator?: React.ReactNode;
20
- };
21
- declare function RadioGroupItemControl({ indicatorProps, indicator, ...props }: RadioGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
22
+ type RadioGroupItemControlProps = Omit<RadioProps, 'children'>;
23
+ declare function RadioGroupItemControl(props: RadioGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
22
24
  declare function RadioGroupItemLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
23
25
  type RadioIndicatorProps = RadioPrimitive.Indicator.Props;
24
26
  type RadioIndicatorIconProps = React.ComponentProps<'span'>;
@@ -1,18 +1,37 @@
1
1
  import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
2
+ import * as React from 'react';
2
3
  type ScrollAreaFade = boolean | 'vertical' | 'horizontal';
3
- type ScrollAreaProps = ScrollAreaPrimitive.Root.Props & {
4
+ type ScrollAreaScrollbars = 'vertical' | 'horizontal' | 'both' | false;
5
+ type ScrollAreaClassNames = {
6
+ viewport?: ScrollAreaPrimitive.Viewport.Props['className'];
7
+ content?: ScrollAreaPrimitive.Content.Props['className'];
8
+ scrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
9
+ verticalScrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
10
+ horizontalScrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
11
+ thumb?: ScrollAreaPrimitive.Thumb.Props['className'];
12
+ verticalThumb?: ScrollAreaPrimitive.Thumb.Props['className'];
13
+ horizontalThumb?: ScrollAreaPrimitive.Thumb.Props['className'];
14
+ corner?: ScrollAreaPrimitive.Corner.Props['className'];
15
+ };
16
+ type ScrollAreaSlotProps = {
17
+ viewport?: Omit<ScrollAreaPrimitive.Viewport.Props, 'className' | 'children'>;
18
+ content?: Omit<ScrollAreaPrimitive.Content.Props, 'className' | 'children'>;
19
+ scrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
20
+ verticalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
21
+ horizontalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
22
+ thumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
23
+ verticalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
24
+ horizontalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
25
+ corner?: Omit<ScrollAreaPrimitive.Corner.Props, 'className'>;
26
+ };
27
+ type ScrollAreaProps = Omit<ScrollAreaPrimitive.Root.Props, 'children'> & {
28
+ children?: React.ReactNode;
4
29
  fade?: ScrollAreaFade;
30
+ scrollbars?: ScrollAreaScrollbars;
31
+ scrollbarKeepMounted?: boolean;
32
+ classNames?: ScrollAreaClassNames;
33
+ slotProps?: ScrollAreaSlotProps;
5
34
  };
6
- declare function ScrollArea({ className, fade, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
7
- declare function ScrollAreaViewport({ className, ...props }: ScrollAreaPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
8
- declare function ScrollAreaContent({ className, ...props }: ScrollAreaPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
9
- declare function ScrollAreaScrollbar({ className, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react/jsx-runtime").JSX.Element;
10
- declare function ScrollAreaThumb({ className, ...props }: ScrollAreaPrimitive.Thumb.Props): import("react/jsx-runtime").JSX.Element;
11
- declare function ScrollAreaCorner({ className, ...props }: ScrollAreaPrimitive.Corner.Props): import("react/jsx-runtime").JSX.Element;
12
- type ScrollAreaViewportProps = ScrollAreaPrimitive.Viewport.Props;
13
- type ScrollAreaContentProps = ScrollAreaPrimitive.Content.Props;
14
- type ScrollAreaScrollbarProps = ScrollAreaPrimitive.Scrollbar.Props;
15
- type ScrollAreaThumbProps = ScrollAreaPrimitive.Thumb.Props;
16
- type ScrollAreaCornerProps = ScrollAreaPrimitive.Corner.Props;
17
- export { ScrollArea, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, };
18
- export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, ScrollAreaFade, };
35
+ declare function ScrollArea({ className, classNames, children, fade, scrollbars, scrollbarKeepMounted, slotProps, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
36
+ export { ScrollArea };
37
+ export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, };
@@ -1,2 +1,2 @@
1
- export { ScrollArea, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './ScrollArea';
2
- export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, ScrollAreaFade, } from './ScrollArea';
1
+ export { ScrollArea } from './ScrollArea';
2
+ export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, } from './ScrollArea';
@@ -1,18 +1,22 @@
1
1
  import { Slider as SliderPrimitive } from '@base-ui/react/slider';
2
2
  type SliderValueType = number | readonly number[];
3
- declare function Slider<Value extends SliderValueType>({ className, ...props }: SliderPrimitive.Root.Props<Value>): import("react/jsx-runtime").JSX.Element;
3
+ type SliderClassNames = {
4
+ control?: SliderPrimitive.Control.Props['className'];
5
+ track?: SliderPrimitive.Track.Props['className'];
6
+ indicator?: SliderPrimitive.Indicator.Props['className'];
7
+ };
8
+ declare function Slider<Value extends SliderValueType>({ className, classNames, children, ...props }: SliderProps<Value>): import("react/jsx-runtime").JSX.Element;
4
9
  declare function SliderLabel({ className, ...props }: SliderPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
5
10
  declare function SliderValue({ className, ...props }: SliderPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
6
- declare function SliderControl({ className, ...props }: SliderPrimitive.Control.Props): import("react/jsx-runtime").JSX.Element;
7
- declare function SliderTrack({ className, ...props }: SliderPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
8
- declare function SliderIndicator({ className, ...props }: SliderPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
9
11
  declare function SliderThumb({ className, ...props }: SliderPrimitive.Thumb.Props): import("react/jsx-runtime").JSX.Element;
10
- type SliderProps<Value extends SliderValueType = SliderValueType> = SliderPrimitive.Root.Props<Value>;
12
+ declare namespace SliderThumb {
13
+ var displayName: string;
14
+ }
15
+ type SliderProps<Value extends SliderValueType = SliderValueType> = SliderPrimitive.Root.Props<Value> & {
16
+ classNames?: SliderClassNames;
17
+ };
11
18
  type SliderLabelProps = SliderPrimitive.Label.Props;
12
19
  type SliderValueProps = SliderPrimitive.Value.Props;
13
- type SliderControlProps = SliderPrimitive.Control.Props;
14
- type SliderTrackProps = SliderPrimitive.Track.Props;
15
- type SliderIndicatorProps = SliderPrimitive.Indicator.Props;
16
20
  type SliderThumbProps = SliderPrimitive.Thumb.Props;
17
- export { Slider, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, };
18
- export type { SliderProps, SliderLabelProps, SliderValueProps, SliderControlProps, SliderTrackProps, SliderIndicatorProps, SliderThumbProps, };
21
+ export { Slider, SliderLabel, SliderValue, SliderThumb };
22
+ export type { SliderProps, SliderClassNames, SliderLabelProps, SliderValueProps, SliderThumbProps };
@@ -1,2 +1,2 @@
1
- export { Slider, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, } from './Slider';
2
- export type { SliderProps, SliderLabelProps, SliderValueProps, SliderControlProps, SliderTrackProps, SliderIndicatorProps, SliderThumbProps, } from './Slider';
1
+ export { Slider, SliderLabel, SliderValue, SliderThumb } from './Slider';
2
+ export type { SliderProps, SliderClassNames, SliderLabelProps, SliderValueProps, SliderThumbProps, } from './Slider';
@@ -9,5 +9,7 @@ declare function SwitchThumb({ className, ...props }: SwitchPrimitive.Thumb.Prop
9
9
  declare function SwitchField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
10
10
  declare function SwitchLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
11
11
  type SwitchThumbProps = SwitchPrimitive.Thumb.Props;
12
+ type SwitchFieldProps = React.ComponentProps<'label'>;
13
+ type SwitchLabelProps = React.ComponentProps<'span'>;
12
14
  export { Switch, SwitchThumb, SwitchField, SwitchLabel };
13
- export type { SwitchProps, SwitchThumbProps };
15
+ export type { SwitchSize, SwitchProps, SwitchThumbProps, SwitchFieldProps, SwitchLabelProps };
@@ -1,2 +1,2 @@
1
1
  export { Switch, SwitchThumb, SwitchField, SwitchLabel } from './Switch';
2
- export type { SwitchProps, SwitchThumbProps } from './Switch';
2
+ export type { SwitchSize, SwitchProps, SwitchThumbProps, SwitchFieldProps, SwitchLabelProps, } from './Switch';
@@ -5,21 +5,25 @@ type TabsProps = TabsPrimitive.Root.Props & {
5
5
  variant?: TabsVariant;
6
6
  unstyled?: boolean;
7
7
  };
8
+ type TabsListClassNames = {
9
+ indicator?: TabsPrimitive.Indicator.Props['className'];
10
+ };
11
+ type TabsListProps = TabsPrimitive.List.Props & {
12
+ classNames?: TabsListClassNames;
13
+ withIndicator?: boolean;
14
+ };
8
15
  declare function Tabs({ className, variant, unstyled, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
9
- declare function TabsList({ className, ...props }: TabsPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
16
+ declare function TabsList({ className, classNames, children, withIndicator, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
10
17
  declare function TabsTab({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
11
- declare function TabsIndicator({ className, ...props }: TabsPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
12
18
  declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
13
19
  declare function TabsTabContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
14
20
  declare function TabsTabIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
15
21
  declare function TabsTabLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
16
22
  type TabsValue = TabsPrimitive.Tab.Value;
17
- type TabsListProps = TabsPrimitive.List.Props;
18
23
  type TabsTabProps = TabsPrimitive.Tab.Props;
19
- type TabsIndicatorProps = TabsPrimitive.Indicator.Props;
20
24
  type TabsPanelProps = TabsPrimitive.Panel.Props;
21
25
  type TabsTabContentProps = React.ComponentProps<'span'>;
22
26
  type TabsTabIconProps = React.ComponentProps<'span'>;
23
27
  type TabsTabLabelProps = React.ComponentProps<'span'>;
24
- export { Tabs, TabsList, TabsTab, TabsIndicator, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel, };
25
- export type { TabsValue, TabsProps, TabsVariant, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, };
28
+ export { Tabs, TabsList, TabsTab, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel };
29
+ export type { TabsValue, TabsProps, TabsVariant, TabsListClassNames, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, };
@@ -1,2 +1,2 @@
1
- export { Tabs, TabsList, TabsTab, TabsIndicator, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel, } from './Tabs';
2
- export type { TabsValue, TabsProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, } from './Tabs';
1
+ export { Tabs, TabsList, TabsTab, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel, } from './Tabs';
2
+ export type { TabsValue, TabsProps, TabsListClassNames, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, } from './Tabs';