moduix 0.8.4 → 0.9.0

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 (118) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +7 -40
  2. package/dist/components/Accordion/index.d.ts +0 -1
  3. package/dist/components/Alert/Alert.d.ts +10 -0
  4. package/dist/components/Alert/index.d.ts +1 -0
  5. package/dist/components/AlertDialog/AlertDialog.d.ts +6 -37
  6. package/dist/components/AlertDialog/index.d.ts +1 -2
  7. package/dist/components/Autocomplete/Autocomplete.d.ts +32 -70
  8. package/dist/components/Autocomplete/index.d.ts +1 -2
  9. package/dist/components/Avatar/Avatar.d.ts +1 -8
  10. package/dist/components/Avatar/index.d.ts +0 -1
  11. package/dist/components/Badge/Badge.d.ts +6 -0
  12. package/dist/components/Badge/index.d.ts +1 -0
  13. package/dist/components/Bleed/Bleed.d.ts +6 -13
  14. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +10 -43
  15. package/dist/components/Breadcrumbs/index.d.ts +1 -2
  16. package/dist/components/Button/Button.d.ts +4 -19
  17. package/dist/components/Button/index.d.ts +0 -1
  18. package/dist/components/Card/Card.d.ts +13 -0
  19. package/dist/components/Card/index.d.ts +1 -0
  20. package/dist/components/Checkbox/Checkbox.d.ts +7 -42
  21. package/dist/components/Checkbox/index.d.ts +0 -1
  22. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +7 -17
  23. package/dist/components/CheckboxGroup/index.d.ts +0 -1
  24. package/dist/components/CloseButton/CloseButton.d.ts +1 -3
  25. package/dist/components/Collapsible/Collapsible.d.ts +5 -34
  26. package/dist/components/Collapsible/index.d.ts +0 -1
  27. package/dist/components/Combobox/Combobox.d.ts +36 -82
  28. package/dist/components/Combobox/index.d.ts +1 -2
  29. package/dist/components/CommandPalette/CommandPalette.d.ts +48 -0
  30. package/dist/components/CommandPalette/index.d.ts +1 -0
  31. package/dist/components/Container/Container.d.ts +8 -0
  32. package/dist/components/Container/index.d.ts +1 -0
  33. package/dist/components/ContextMenu/ContextMenu.d.ts +23 -50
  34. package/dist/components/ContextMenu/index.d.ts +1 -2
  35. package/dist/components/Dialog/Dialog.d.ts +12 -36
  36. package/dist/components/Dialog/index.d.ts +1 -2
  37. package/dist/components/Drawer/Drawer.d.ts +16 -51
  38. package/dist/components/Drawer/index.d.ts +1 -2
  39. package/dist/components/Field/Field.d.ts +0 -18
  40. package/dist/components/Field/index.d.ts +0 -1
  41. package/dist/components/Fieldset/Fieldset.d.ts +1 -6
  42. package/dist/components/Fieldset/index.d.ts +0 -1
  43. package/dist/components/Form/Form.d.ts +1 -10
  44. package/dist/components/Form/index.d.ts +0 -1
  45. package/dist/components/Heading/Heading.d.ts +16 -12
  46. package/dist/components/Input/Input.d.ts +6 -12
  47. package/dist/components/Input/index.d.ts +0 -1
  48. package/dist/components/InputGroup/InputGroup.d.ts +16 -0
  49. package/dist/components/InputGroup/index.d.ts +1 -0
  50. package/dist/components/Kbd/Kbd.d.ts +4 -0
  51. package/dist/components/Kbd/index.d.ts +1 -0
  52. package/dist/components/Lightbox/Lightbox.d.ts +23 -51
  53. package/dist/components/List/List.d.ts +13 -21
  54. package/dist/components/Menu/Menu.d.ts +25 -51
  55. package/dist/components/Menu/index.d.ts +1 -2
  56. package/dist/components/Menubar/Menubar.d.ts +24 -61
  57. package/dist/components/Menubar/index.d.ts +1 -2
  58. package/dist/components/Meter/Meter.d.ts +3 -15
  59. package/dist/components/Meter/index.d.ts +1 -2
  60. package/dist/components/NavigationMenu/NavigationMenu.d.ts +16 -84
  61. package/dist/components/NavigationMenu/index.d.ts +1 -2
  62. package/dist/components/NumberField/NumberField.d.ts +8 -29
  63. package/dist/components/NumberField/index.d.ts +1 -2
  64. package/dist/components/OTPField/OTPField.d.ts +1 -26
  65. package/dist/components/OTPField/index.d.ts +0 -1
  66. package/dist/components/Pagination/Pagination.d.ts +23 -21
  67. package/dist/components/Pagination/index.d.ts +1 -2
  68. package/dist/components/Popover/Popover.d.ts +15 -38
  69. package/dist/components/Popover/index.d.ts +1 -2
  70. package/dist/components/PreviewCard/PreviewCard.d.ts +12 -29
  71. package/dist/components/PreviewCard/index.d.ts +1 -2
  72. package/dist/components/Progress/Progress.d.ts +7 -15
  73. package/dist/components/Progress/index.d.ts +1 -2
  74. package/dist/components/Radio/Radio.d.ts +10 -29
  75. package/dist/components/Radio/index.d.ts +1 -2
  76. package/dist/components/ScrollArea/ScrollArea.d.ts +15 -38
  77. package/dist/components/ScrollArea/index.d.ts +1 -2
  78. package/dist/components/Select/Select.d.ts +15 -50
  79. package/dist/components/Select/index.d.ts +1 -2
  80. package/dist/components/Separator/Separator.d.ts +2 -3
  81. package/dist/components/Separator/index.d.ts +0 -1
  82. package/dist/components/Skeleton/Skeleton.d.ts +9 -33
  83. package/dist/components/Slider/Slider.d.ts +6 -18
  84. package/dist/components/Slider/index.d.ts +1 -2
  85. package/dist/components/Spinner/Spinner.d.ts +7 -0
  86. package/dist/components/Spinner/index.d.ts +1 -0
  87. package/dist/components/Stack/Stack.d.ts +15 -0
  88. package/dist/components/Stack/index.d.ts +1 -0
  89. package/dist/components/Switch/Switch.d.ts +7 -15
  90. package/dist/components/Switch/index.d.ts +1 -2
  91. package/dist/components/Tabs/Tabs.d.ts +8 -32
  92. package/dist/components/Tabs/index.d.ts +1 -2
  93. package/dist/components/Text/Text.d.ts +9 -17
  94. package/dist/components/Text/index.d.ts +1 -1
  95. package/dist/components/Textarea/Textarea.d.ts +4 -0
  96. package/dist/components/Textarea/index.d.ts +1 -0
  97. package/dist/components/Toast/Toast.d.ts +37 -66
  98. package/dist/components/Toast/index.d.ts +1 -2
  99. package/dist/components/Toggle/Toggle.d.ts +5 -11
  100. package/dist/components/Toggle/index.d.ts +0 -1
  101. package/dist/components/ToggleGroup/ToggleGroup.d.ts +7 -13
  102. package/dist/components/ToggleGroup/index.d.ts +0 -1
  103. package/dist/components/Toolbar/Toolbar.d.ts +7 -19
  104. package/dist/components/Toolbar/index.d.ts +0 -1
  105. package/dist/components/Tooltip/Tooltip.d.ts +10 -28
  106. package/dist/components/Tooltip/index.d.ts +1 -2
  107. package/dist/icons/demo/Icons.d.ts +13 -0
  108. package/dist/icons/demo/index.d.ts +1 -0
  109. package/dist/icons/ui/Icons.d.ts +21 -0
  110. package/dist/icons/ui/index.d.ts +1 -0
  111. package/dist/index.cjs +1 -1
  112. package/dist/index.css +1 -1
  113. package/dist/index.d.ts +12 -1
  114. package/dist/index.js +3449 -3710
  115. package/package.json +8 -8
  116. package/dist/primitives/Icons/Icons.d.ts +0 -36
  117. package/dist/primitives/Icons/index.d.ts +0 -1
  118. package/dist/primitives/index.d.ts +0 -1
@@ -1,13 +1,7 @@
1
- import { Input as InputPrimitive } from '@base-ui/react/input';
2
- import type * as React from 'react';
3
- type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
- type InputProps = Omit<InputPrimitive.Props, 'size'> & {
5
- size?: InputSize;
6
- htmlSize?: React.ComponentProps<'input'>['size'];
7
- };
8
- type InputState = InputPrimitive.State;
9
- type InputChangeEventReason = InputPrimitive.ChangeEventReason;
10
- type InputChangeEventDetails = InputPrimitive.ChangeEventDetails;
11
- declare function Input({ className, size, htmlSize, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
1
+ import { ComponentProps } from 'react';
2
+ type InputVisualSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ declare const Input: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').InputProps, "size"> & {
4
+ size?: InputVisualSize;
5
+ htmlSize?: ComponentProps<"input">["size"];
6
+ }, "ref"> & import('react').RefAttributes<HTMLElement>>;
12
7
  export { Input };
13
- export type { InputProps, InputState, InputChangeEventReason, InputChangeEventDetails, InputSize };
@@ -1,2 +1 @@
1
1
  export { Input } from './Input';
2
- export type { InputProps, InputState, InputChangeEventReason, InputChangeEventDetails, InputSize, } from './Input';
@@ -0,0 +1,16 @@
1
+ import { ComponentProps } from 'react';
2
+ import { Input } from '../Input';
3
+ declare const InputGroup: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
4
+ size?: ComponentProps<typeof Input>["size"];
5
+ }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
6
+ declare const InputGroupInput: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').InputProps, "size"> & {
7
+ size?: "xs" | "sm" | "md" | "lg" | "xl";
8
+ htmlSize?: ComponentProps<"input">["size"];
9
+ }, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
10
+ declare const InputGroupAddon: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
11
+ declare const InputGroupText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
12
+ declare const InputGroupButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & {
13
+ variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
14
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
15
+ }, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
16
+ export { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText, InputGroupButton };
@@ -0,0 +1 @@
1
+ export { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText, InputGroupButton, } from './InputGroup';
@@ -0,0 +1,4 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ declare function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>): import("react/jsx-runtime").JSX.Element;
3
+ declare function KbdGroup({ className, ...props }: ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
4
+ export { Kbd, KbdGroup };
@@ -0,0 +1 @@
1
+ export * from './Kbd';
@@ -1,59 +1,31 @@
1
1
  import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
- import * as React from 'react';
3
- type LightboxContentClassNames = {
4
- portal?: DialogPrimitive.Portal.Props['className'];
5
- backdrop?: DialogPrimitive.Backdrop.Props['className'];
6
- viewport?: DialogPrimitive.Viewport.Props['className'];
7
- frame?: string;
8
- };
9
- type LightboxContentSlotProps = {
10
- portal?: Omit<DialogPrimitive.Portal.Props, 'className' | 'children'>;
11
- backdrop?: Omit<DialogPrimitive.Backdrop.Props, 'className'>;
12
- viewport?: Omit<DialogPrimitive.Viewport.Props, 'className' | 'children'>;
13
- };
14
- type LightboxContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {
15
- className?: DialogPrimitive.Popup.Props['className'];
16
- classNames?: LightboxContentClassNames;
17
- slotProps?: LightboxContentSlotProps;
18
- container?: DialogPrimitive.Portal.Props['container'];
19
- withBackdrop?: boolean;
20
- closeLabel?: string;
21
- closeButton?: DialogPrimitive.Close.Props['render'];
22
- withCloseButton?: boolean;
23
- closeOnContentClick?: boolean;
24
- };
25
- type LightboxImageProps = Omit<React.ComponentProps<'img'>, 'src'> & {
26
- src: string;
27
- /**
28
- * Controls image source used in popup. Defaults to `src`.
29
- */
30
- previewSrc?: string;
31
- };
32
- type LightboxGalleryProps = {
33
- selector?: string;
34
- rootRef?: React.RefObject<HTMLElement | null>;
35
- rootSelector?: string;
36
- withBackdrop?: boolean;
37
- closeLabel?: string;
38
- className?: DialogPrimitive.Popup.Props['className'];
39
- classNames?: LightboxContentClassNames;
40
- slotProps?: LightboxContentSlotProps;
41
- container?: DialogPrimitive.Portal.Props['container'];
42
- };
43
- declare const Lightbox: typeof DialogPrimitive.Root;
2
+ import { ComponentProps, RefObject } from 'react';
44
3
  declare const createLightboxHandle: typeof DialogPrimitive.createHandle;
4
+ declare function Lightbox<Payload = unknown>(props: DialogPrimitive.Root.Props<Payload>): import("react/jsx-runtime").JSX.Element;
45
5
  declare function LightboxTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
46
6
  declare function LightboxPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
47
7
  declare function LightboxBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
48
8
  declare function LightboxViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
49
9
  declare function LightboxPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
50
10
  declare function LightboxClose({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
51
- declare function LightboxImage({ src, previewSrc, alt, className, ...props }: LightboxImageProps): import("react/jsx-runtime").JSX.Element;
52
- declare function LightboxContent({ className, classNames, slotProps, container, withBackdrop, withCloseButton, closeOnContentClick, closeLabel, closeButton, children, ...props }: LightboxContentProps): import("react/jsx-runtime").JSX.Element;
53
- declare function LightboxGallery({ selector, rootRef, rootSelector, withBackdrop, closeLabel, className, classNames, slotProps, container, }: LightboxGalleryProps): import("react/jsx-runtime").JSX.Element;
54
- type LightboxProps<Payload = unknown> = DialogPrimitive.Root.Props<Payload>;
55
- type LightboxHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;
56
- type LightboxTriggerProps = DialogPrimitive.Trigger.Props;
57
- type LightboxCloseProps = DialogPrimitive.Close.Props;
58
- export { Lightbox, createLightboxHandle, LightboxTrigger, LightboxPortal, LightboxBackdrop, LightboxViewport, LightboxPopup, LightboxContent, LightboxClose, LightboxImage, LightboxGallery, };
59
- export type { LightboxProps, LightboxHandle, LightboxTriggerProps, LightboxContentProps, LightboxCloseProps, LightboxImageProps, LightboxGalleryProps, LightboxContentClassNames, LightboxContentSlotProps, };
11
+ declare function LightboxCloseButton({ className, children, 'aria-label': ariaLabel, render, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
12
+ declare function LightboxFrame({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
13
+ declare function LightboxImage({ src, previewSrc, alt, className, ...props }: Omit<ComponentProps<'img'>, 'src'> & {
14
+ src: string;
15
+ previewSrc?: string;
16
+ }): import("react/jsx-runtime").JSX.Element;
17
+ declare function LightboxContent({ className, showCloseButton, closeOnContentClick, closeLabel, children, ...props }: DialogPrimitive.Popup.Props & {
18
+ showCloseButton?: boolean;
19
+ closeLabel?: string;
20
+ closeOnContentClick?: boolean;
21
+ }): import("react/jsx-runtime").JSX.Element;
22
+ declare function LightboxGallery({ selector, rootRef, rootSelector, className, closeLabel, showCloseButton, closeOnContentClick, }: {
23
+ selector?: string;
24
+ rootRef?: RefObject<HTMLElement | null>;
25
+ rootSelector?: string;
26
+ className?: DialogPrimitive.Popup.Props['className'];
27
+ closeLabel?: string;
28
+ showCloseButton?: boolean;
29
+ closeOnContentClick?: boolean;
30
+ }): import("react/jsx-runtime").JSX.Element;
31
+ export { Lightbox, createLightboxHandle, LightboxTrigger, LightboxPortal, LightboxBackdrop, LightboxViewport, LightboxPopup, LightboxContent, LightboxClose, LightboxCloseButton, LightboxFrame, LightboxImage, LightboxGallery, };
@@ -1,25 +1,17 @@
1
- import * as React from 'react';
2
- type ListAs = 'ul' | 'ol';
3
- type ListMarker = 'none' | 'disc' | 'decimal' | 'bullet';
4
- type ListGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
5
- type ListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
- type ListTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
7
- type ListProps = React.ComponentPropsWithoutRef<ListAs> & {
8
- as?: ListAs;
9
- marker?: ListMarker;
10
- gap?: ListGap;
11
- size?: ListSize;
12
- tone?: ListTone;
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ type ListOwnProps = {
3
+ as?: 'ul' | 'ol';
4
+ marker?: 'none' | 'disc' | 'decimal';
5
+ gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
6
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
7
+ tone?: 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
13
8
  };
14
- type ListItemClassNames = {
15
- marker?: string;
16
- content?: string;
9
+ type UnorderedListProps = ListOwnProps & ComponentPropsWithoutRef<'ul'> & {
10
+ as?: 'ul';
17
11
  };
18
- type ListItemProps = React.ComponentProps<'li'> & {
19
- marker?: React.ReactNode;
20
- classNames?: ListItemClassNames;
12
+ type OrderedListProps = ListOwnProps & ComponentPropsWithoutRef<'ol'> & {
13
+ as: 'ol';
21
14
  };
22
- declare function List({ as, marker, gap, size, tone, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
23
- declare function ListItem({ className, classNames, marker, children, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
15
+ declare function List({ as, marker, gap, size, tone, className, ...props }: UnorderedListProps | OrderedListProps): import("react/jsx-runtime").JSX.Element;
16
+ declare function ListItem({ className, ...props }: ComponentPropsWithoutRef<'li'>): import("react/jsx-runtime").JSX.Element;
24
17
  export { List, ListItem };
25
- export type { ListProps, ListItemProps, ListItemClassNames, ListAs, ListMarker, ListGap, ListSize, ListTone, };
@@ -1,68 +1,42 @@
1
+ import { ComponentProps } from 'react';
1
2
  import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
- import * as React from 'react';
3
- type MenuContentClassNames = {
4
- portal?: MenuPrimitive.Portal.Props['className'];
5
- backdrop?: MenuPrimitive.Backdrop.Props['className'];
6
- positioner?: MenuPrimitive.Positioner.Props['className'];
7
- arrow?: MenuPrimitive.Arrow.Props['className'];
8
- viewport?: MenuPrimitive.Viewport.Props['className'];
9
- };
10
- type MenuContentSlotProps = {
11
- portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
12
- backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
13
- positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
14
- arrow?: Omit<MenuPrimitive.Arrow.Props, 'className' | 'children'>;
15
- viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
16
- };
17
- type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
18
- classNames?: MenuContentClassNames;
19
- slotProps?: MenuContentSlotProps;
20
- container?: MenuPrimitive.Portal.Props['container'];
21
- withArrow?: boolean;
22
- arrow?: boolean | React.ReactNode;
23
- withBackdrop?: boolean;
24
- withViewport?: boolean;
25
- };
3
+ type MenuPositionerProps = Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
26
4
  type IndicatorPosition = 'start' | 'end';
27
- type MenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
28
- indicator?: IndicatorPosition;
29
- };
30
- type MenuCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
31
- indicator?: IndicatorPosition;
5
+ type MenuContentProps = MenuPrimitive.Popup.Props & MenuPositionerProps & {
6
+ showArrow?: boolean;
32
7
  };
33
8
  declare const Menu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
34
9
  declare const MenuSubmenu: typeof MenuPrimitive.SubmenuRoot;
35
10
  declare const createMenuHandle: typeof MenuPrimitive.createHandle;
36
11
  declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
37
- declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
12
+ declare function MenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
13
+ declare function MenuPortal(props: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
14
+ declare function MenuBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
15
+ declare function MenuPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
16
+ declare function MenuPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
38
17
  declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
39
- declare function MenuContent({ className, classNames, slotProps, children, container, withArrow, arrow, withBackdrop, withViewport, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
40
- declare function MenuSubmenuContent({ withArrow, arrow, sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
18
+ declare function MenuViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
19
+ declare function MenuContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
20
+ declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
41
21
  declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
42
22
  declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
43
23
  declare function MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
44
24
  declare function MenuGroup({ className, ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
45
25
  declare function MenuGroupLabel({ className, ...props }: MenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
46
26
  declare function MenuSubmenuTrigger({ className, ...props }: MenuPrimitive.SubmenuTrigger.Props): import("react/jsx-runtime").JSX.Element;
47
- declare function MenuSubmenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
27
+ declare function MenuSubmenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
48
28
  declare function MenuRadioGroup({ className, ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
49
- declare function MenuRadioItem({ className, indicator, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
29
+ declare function MenuRadioItem({ className, indicator, ...props }: MenuPrimitive.RadioItem.Props & {
30
+ indicator?: IndicatorPosition;
31
+ }): import("react/jsx-runtime").JSX.Element;
50
32
  declare function MenuRadioItemIndicator({ className, children, ...props }: MenuPrimitive.RadioItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
51
- declare function MenuCheckboxItem({ className, indicator, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
33
+ declare function MenuCheckboxItem({ className, indicator, ...props }: MenuPrimitive.CheckboxItem.Props & {
34
+ indicator?: IndicatorPosition;
35
+ }): import("react/jsx-runtime").JSX.Element;
52
36
  declare function MenuCheckboxItemIndicator({ className, children, ...props }: MenuPrimitive.CheckboxItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
53
- declare function MenuItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
54
- declare function MenuItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
55
- declare function MenuItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
56
- declare function MenuItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
57
- declare function MenuItemShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
58
- type MenuProps<Payload = unknown> = MenuPrimitive.Root.Props<Payload>;
59
- type MenuHandle<Payload = unknown> = MenuPrimitive.Handle<Payload>;
60
- type MenuTriggerProps = MenuPrimitive.Trigger.Props;
61
- type MenuItemProps = MenuPrimitive.Item.Props;
62
- type MenuLinkItemProps = MenuPrimitive.LinkItem.Props;
63
- type MenuRadioItemPropsPublic = MenuRadioItemProps;
64
- type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
65
- type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
66
- type MenuItemShortcutProps = React.ComponentProps<'span'>;
67
- 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, };
68
- export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
37
+ declare function MenuItemText({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
38
+ declare function MenuItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
39
+ declare function MenuItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
40
+ declare function MenuItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
41
+ declare function MenuItemShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
42
+ 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, };
@@ -1,2 +1 @@
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
- export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
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,80 +1,43 @@
1
+ import { ComponentProps } from 'react';
1
2
  import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
3
  import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
3
- import * as React from 'react';
4
- type MenubarContentClassNames = {
5
- portal?: MenuPrimitive.Portal.Props['className'];
6
- backdrop?: MenuPrimitive.Backdrop.Props['className'];
7
- positioner?: MenuPrimitive.Positioner.Props['className'];
8
- arrow?: MenuPrimitive.Arrow.Props['className'];
9
- viewport?: MenuPrimitive.Viewport.Props['className'];
10
- };
11
- type MenubarContentSlotProps = {
12
- portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
13
- backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
14
- positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
15
- arrow?: Omit<MenuPrimitive.Arrow.Props, 'className' | 'children'>;
16
- viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
17
- };
18
- type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
19
- classNames?: MenubarContentClassNames;
20
- slotProps?: MenubarContentSlotProps;
21
- container?: MenuPrimitive.Portal.Props['container'];
22
- withArrow?: boolean;
23
- arrow?: boolean | React.ReactNode;
24
- withBackdrop?: boolean;
25
- };
4
+ type MenubarPositionerProps = Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
26
5
  type IndicatorPosition = 'start' | 'end';
27
- type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props & {
28
- indicator?: IndicatorPosition;
29
- };
30
- type MenubarCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
31
- indicator?: IndicatorPosition;
6
+ type MenubarContentProps = MenuPrimitive.Popup.Props & MenubarPositionerProps & {
7
+ showArrow?: boolean;
32
8
  };
33
9
  declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
34
10
  declare const MenubarSubmenu: typeof MenuPrimitive.SubmenuRoot;
35
11
  declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
36
12
  declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
37
13
  declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
14
+ declare function MenubarPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
15
+ declare function MenubarBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
16
+ declare function MenubarPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
17
+ declare function MenubarPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
38
18
  declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
39
- declare function MenubarContent({ className, classNames, slotProps, children, container, withArrow, arrow, withBackdrop, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
40
- declare function MenubarSubmenuContent({ withArrow, arrow, sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
19
+ declare function MenubarViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
20
+ declare function MenubarContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
21
+ declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
41
22
  declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
42
23
  declare function MenubarLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
43
24
  declare function MenubarSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
44
25
  declare function MenubarGroup({ className, ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
45
26
  declare function MenubarGroupLabel({ className, ...props }: MenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
46
27
  declare function MenubarSubmenuTrigger({ className, ...props }: MenuPrimitive.SubmenuTrigger.Props): import("react/jsx-runtime").JSX.Element;
47
- declare function MenubarSubmenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
28
+ declare function MenubarSubmenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
48
29
  declare function MenubarRadioGroup({ className, ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
49
- declare function MenubarRadioItem({ className, indicator, ...props }: MenubarRadioItemProps): import("react/jsx-runtime").JSX.Element;
30
+ declare function MenubarRadioItem({ className, indicator, ...props }: MenuPrimitive.RadioItem.Props & {
31
+ indicator?: IndicatorPosition;
32
+ }): import("react/jsx-runtime").JSX.Element;
50
33
  declare function MenubarRadioItemIndicator({ className, children, ...props }: MenuPrimitive.RadioItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
51
- declare function MenubarCheckboxItem({ className, indicator, ...props }: MenubarCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
34
+ declare function MenubarCheckboxItem({ className, indicator, ...props }: MenuPrimitive.CheckboxItem.Props & {
35
+ indicator?: IndicatorPosition;
36
+ }): import("react/jsx-runtime").JSX.Element;
52
37
  declare function MenubarCheckboxItemIndicator({ className, children, ...props }: MenuPrimitive.CheckboxItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
53
- declare function MenubarItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
54
- declare function MenubarItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
55
- declare function MenubarItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
56
- declare function MenubarItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
57
- declare function MenubarItemShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
58
- type MenubarProps = MenubarPrimitive.Props;
59
- type MenubarMenuProps<Payload = unknown> = MenuPrimitive.Root.Props<Payload>;
60
- type MenubarMenuHandle<Payload = unknown> = MenuPrimitive.Handle<Payload>;
61
- type MenubarSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
62
- type MenubarTriggerProps = MenuPrimitive.Trigger.Props;
63
- type MenubarArrowProps = MenuPrimitive.Arrow.Props;
64
- type MenubarItemProps = MenuPrimitive.Item.Props;
65
- type MenubarLinkItemProps = MenuPrimitive.LinkItem.Props;
66
- type MenubarSeparatorProps = MenuPrimitive.Separator.Props;
67
- type MenubarGroupProps = MenuPrimitive.Group.Props;
68
- type MenubarGroupLabelProps = MenuPrimitive.GroupLabel.Props;
69
- type MenubarSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
70
- type MenubarSubmenuTriggerIconProps = React.ComponentProps<'span'>;
71
- type MenubarRadioGroupProps = MenuPrimitive.RadioGroup.Props;
72
- type MenubarRadioItemIndicatorProps = MenuPrimitive.RadioItemIndicator.Props;
73
- type MenubarCheckboxItemIndicatorProps = MenuPrimitive.CheckboxItemIndicator.Props;
74
- type MenubarItemTextProps = React.ComponentProps<'span'>;
75
- type MenubarItemTextContentProps = React.ComponentProps<'span'>;
76
- type MenubarItemTextIconProps = React.ComponentProps<'span'>;
77
- type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
78
- type MenubarItemShortcutProps = React.ComponentProps<'span'>;
79
- 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, };
80
- export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarContentSlotProps, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };
38
+ declare function MenubarItemText({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
39
+ declare function MenubarItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
40
+ declare function MenubarItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
41
+ declare function MenubarItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
42
+ declare function MenubarItemShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
43
+ 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, };
@@ -1,2 +1 @@
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, MenubarContentClassNames, MenubarContentSlotProps, 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, 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';
@@ -1,20 +1,8 @@
1
1
  import { Meter as MeterPrimitive } from '@base-ui/react/meter';
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;
2
+ declare function Meter({ children, ...props }: MeterPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare function MeterRoot({ className, ...props }: MeterPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
11
4
  declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
12
5
  declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
13
6
  declare function MeterTrack({ className, ...props }: MeterPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
14
7
  declare function MeterIndicator({ className, ...props }: MeterPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
15
- type MeterLabelProps = MeterPrimitive.Label.Props;
16
- type MeterValueProps = MeterPrimitive.Value.Props;
17
- type MeterTrackProps = MeterPrimitive.Track.Props;
18
- type MeterIndicatorProps = MeterPrimitive.Indicator.Props;
19
- export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
20
- export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, };
8
+ export { Meter, MeterRoot, MeterLabel, MeterValue, MeterTrack, MeterIndicator };
@@ -1,2 +1 @@
1
- export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from './Meter';
2
- export type { MeterClassNames, MeterProps, MeterLabelProps, MeterValueProps, MeterTrackProps, MeterIndicatorProps, } from './Meter';
1
+ export { Meter, MeterRoot, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from './Meter';
@@ -1,91 +1,23 @@
1
+ import { ReactNode } from 'react';
1
2
  import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
2
- import * as React from 'react';
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'];
3
+ type NavigationMenuPositionerProps = Pick<NavigationMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'>;
4
+ type NavigationMenuProps = NavigationMenuPrimitive.Root.Props & NavigationMenuPositionerProps & {
5
+ showArrow?: boolean;
6
+ showPopup?: boolean;
9
7
  };
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 & {
18
- side?: NavigationMenuPrimitive.Positioner.Props['side'];
19
- sideOffset?: NavigationMenuPrimitive.Positioner.Props['sideOffset'];
20
- align?: NavigationMenuPrimitive.Positioner.Props['align'];
21
- alignOffset?: NavigationMenuPrimitive.Positioner.Props['alignOffset'];
22
- arrowPadding?: NavigationMenuPrimitive.Positioner.Props['arrowPadding'];
23
- anchor?: NavigationMenuPrimitive.Positioner.Props['anchor'];
24
- collisionAvoidance?: NavigationMenuPrimitive.Positioner.Props['collisionAvoidance'];
25
- collisionBoundary?: NavigationMenuPrimitive.Positioner.Props['collisionBoundary'];
26
- collisionPadding?: NavigationMenuPrimitive.Positioner.Props['collisionPadding'];
27
- sticky?: NavigationMenuPrimitive.Positioner.Props['sticky'];
28
- positionMethod?: NavigationMenuPrimitive.Positioner.Props['positionMethod'];
29
- disableAnchorTracking?: NavigationMenuPrimitive.Positioner.Props['disableAnchorTracking'];
30
- classNames?: NavigationMenuPopupClassNames;
31
- slotProps?: NavigationMenuPopupSlotProps;
32
- container?: NavigationMenuPrimitive.Portal.Props['container'];
33
- withArrow?: boolean;
34
- arrow?: boolean | React.ReactNode;
35
- withBackdrop?: boolean;
36
- /**
37
- * Stretches the popup to viewport width while preserving trigger-driven vertical positioning.
38
- */
39
- fullWidth?: boolean;
40
- };
41
- type NavigationMenuClassNames = {
42
- viewport?: NavigationMenuPrimitive.Viewport.Props['className'];
43
- };
44
- type NavigationMenuSlotProps = {
45
- viewport?: Omit<NavigationMenuPrimitive.Viewport.Props, 'className'>;
46
- };
47
- type NavigationMenuTriggerClassNames = {
48
- icon?: NavigationMenuIconProps['className'];
49
- };
50
- type NavigationMenuTriggerSlotProps = {
51
- icon?: Omit<NavigationMenuIconProps, 'children' | 'className'>;
52
- };
53
- declare function NavigationMenu<Value = unknown>({ className, children, classNames, slotProps, popupContent, withViewport, ...props }: NavigationMenuProps<Value>): import("react/jsx-runtime").JSX.Element;
8
+ declare function NavigationMenu({ className, children, showArrow, showPopup, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
54
9
  declare function NavigationMenuList({ className, ...props }: NavigationMenuPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
55
10
  declare function NavigationMenuItem(props: NavigationMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
56
- declare function NavigationMenuTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
11
+ declare function NavigationMenuTrigger({ className, children, icon, ...props }: NavigationMenuPrimitive.Trigger.Props & {
12
+ icon?: ReactNode;
13
+ }): import("react/jsx-runtime").JSX.Element;
57
14
  declare function NavigationMenuIcon({ className, children, ...props }: NavigationMenuPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
58
15
  declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
59
16
  declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
60
- type NavigationMenuProps<Value = unknown> = NavigationMenuPrimitive.Root.Props<Value> & {
61
- classNames?: NavigationMenuClassNames;
62
- slotProps?: NavigationMenuSlotProps;
63
- popupContent?: false | NavigationMenuPopupOptions;
64
- withViewport?: boolean;
65
- };
66
- type NavigationMenuValue<Value = unknown> = NavigationMenuPrimitive.Root.Value<Value>;
67
- type NavigationMenuListProps = NavigationMenuPrimitive.List.Props;
68
- type NavigationMenuItemProps = NavigationMenuPrimitive.Item.Props;
69
- type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props;
70
- type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props & {
71
- /**
72
- * Icon rendered at the end of the trigger. Pass `hideIcon` to remove it.
73
- */
74
- icon?: React.ReactNode;
75
- /**
76
- * Removes the default trigger icon.
77
- */
78
- hideIcon?: boolean;
79
- /**
80
- * Classes for internal slots rendered by the trigger.
81
- */
82
- classNames?: NavigationMenuTriggerClassNames;
83
- /**
84
- * Props for internal slots rendered by the trigger.
85
- */
86
- slotProps?: NavigationMenuTriggerSlotProps;
87
- };
88
- type NavigationMenuIconProps = NavigationMenuPrimitive.Icon.Props;
89
- type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props;
90
- export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, };
91
- export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuClassNames, NavigationMenuSlotProps, NavigationMenuTriggerClassNames, NavigationMenuTriggerSlotProps, NavigationMenuPopupClassNames, NavigationMenuPopupSlotProps, NavigationMenuPopupOptions, };
17
+ declare function NavigationMenuPortal({ className, ...props }: NavigationMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
18
+ declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
19
+ declare function NavigationMenuPositioner({ className, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
20
+ declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
21
+ declare function NavigationMenuArrow({ className, children, ...props }: NavigationMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
22
+ declare function NavigationMenuViewport({ className, ...props }: NavigationMenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
23
+ export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, NavigationMenuPortal, NavigationMenuBackdrop, NavigationMenuPositioner, NavigationMenuPopup, NavigationMenuArrow, NavigationMenuViewport, };
@@ -1,2 +1 @@
1
- export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, } from './NavigationMenu';
2
- export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuClassNames, NavigationMenuSlotProps, NavigationMenuTriggerClassNames, NavigationMenuTriggerSlotProps, NavigationMenuPopupClassNames, NavigationMenuPopupSlotProps, NavigationMenuPopupOptions, } from './NavigationMenu';
1
+ export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, NavigationMenuPortal, NavigationMenuBackdrop, NavigationMenuPositioner, NavigationMenuPopup, NavigationMenuArrow, NavigationMenuViewport, } from './NavigationMenu';
@@ -1,34 +1,13 @@
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 NumberFieldClassNames = {
7
- group?: NumberFieldPrimitive.Group.Props['className'];
8
- decrement?: NumberFieldPrimitive.Decrement.Props['className'];
9
- input?: NumberFieldPrimitive.Input.Props['className'];
10
- increment?: NumberFieldPrimitive.Increment.Props['className'];
11
- };
12
- type NumberFieldProps = NumberFieldPrimitive.Root.Props & {
13
- classNames?: NumberFieldClassNames;
2
+ declare function NumberFieldRoot({ className, ...props }: NumberFieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare function NumberField({ className, children, decrementLabel, incrementLabel, ...props }: NumberFieldPrimitive.Root.Props & {
14
4
  decrementLabel?: string;
15
5
  incrementLabel?: string;
16
- withGroup?: boolean;
17
- };
18
- type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props & {
19
- cursor?: React.ReactNode;
20
- withCursor?: boolean;
21
- classNames?: NumberFieldScrubAreaClassNames;
22
- };
23
- declare function NumberField({ className, classNames, children, decrementLabel, incrementLabel, withGroup, ...props }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
24
- declare function NumberFieldScrubArea({ className, children, cursor, withCursor, classNames, ...props }: NumberFieldScrubAreaProps): import("react/jsx-runtime").JSX.Element;
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ declare function NumberFieldScrubArea({ className, ...props }: NumberFieldPrimitive.ScrubArea.Props): import("react/jsx-runtime").JSX.Element;
8
+ declare function NumberFieldScrubAreaCursor({ className, children, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props): import("react/jsx-runtime").JSX.Element;
25
9
  declare function NumberFieldGroup({ className, ...props }: NumberFieldPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
26
- declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldPrimitive.Decrement.Props): import("react/jsx-runtime").JSX.Element;
10
+ declare function NumberFieldDecrement({ className, children, 'aria-label': ariaLabel, ...props }: NumberFieldPrimitive.Decrement.Props): import("react/jsx-runtime").JSX.Element;
27
11
  declare function NumberFieldInput({ className, ...props }: NumberFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
28
- declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldPrimitive.Increment.Props): import("react/jsx-runtime").JSX.Element;
29
- type NumberFieldGroupProps = NumberFieldPrimitive.Group.Props;
30
- type NumberFieldDecrementProps = NumberFieldPrimitive.Decrement.Props;
31
- type NumberFieldInputProps = NumberFieldPrimitive.Input.Props;
32
- type NumberFieldIncrementProps = NumberFieldPrimitive.Increment.Props;
33
- export { NumberField, NumberFieldScrubArea, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, };
34
- export type { NumberFieldClassNames, NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, };
12
+ declare function NumberFieldIncrement({ className, children, 'aria-label': ariaLabel, ...props }: NumberFieldPrimitive.Increment.Props): import("react/jsx-runtime").JSX.Element;
13
+ export { NumberField, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, };