moduix 0.6.5 → 0.8.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.
- package/README.md +99 -22
- package/dist/components/Accordion/Accordion.d.ts +28 -3
- package/dist/components/Accordion/index.d.ts +1 -1
- package/dist/components/AlertDialog/AlertDialog.d.ts +18 -5
- package/dist/components/AlertDialog/index.d.ts +1 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +25 -1
- package/dist/components/Autocomplete/index.d.ts +1 -1
- package/dist/components/Bleed/Bleed.d.ts +3 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +43 -0
- package/dist/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Checkbox/Checkbox.d.ts +12 -3
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +4 -1
- package/dist/components/CheckboxGroup/index.d.ts +1 -1
- package/dist/components/Collapsible/Collapsible.d.ts +26 -3
- package/dist/components/Collapsible/index.d.ts +1 -1
- package/dist/components/Combobox/Combobox.d.ts +28 -1
- package/dist/components/Combobox/index.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +8 -5
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts +12 -8
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Field/Field.d.ts +11 -1
- package/dist/components/Field/index.d.ts +1 -1
- package/dist/components/Fieldset/Fieldset.d.ts +3 -1
- package/dist/components/Fieldset/index.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +4 -1
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Lightbox/Lightbox.d.ts +59 -0
- package/dist/components/Lightbox/index.d.ts +1 -0
- package/dist/components/List/List.d.ts +10 -3
- package/dist/components/Menu/Menu.d.ts +9 -6
- package/dist/components/Menu/index.d.ts +1 -1
- package/dist/components/Menubar/Menubar.d.ts +9 -6
- package/dist/components/Menubar/index.d.ts +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +34 -5
- package/dist/components/NavigationMenu/index.d.ts +1 -1
- package/dist/components/NumberField/NumberField.d.ts +15 -6
- package/dist/components/NumberField/index.d.ts +2 -2
- package/dist/components/OTPField/OTPField.d.ts +15 -1
- package/dist/components/Pagination/Pagination.d.ts +23 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Popover/Popover.d.ts +11 -12
- package/dist/components/Popover/index.d.ts +2 -2
- package/dist/components/PreviewCard/index.d.ts +1 -1
- package/dist/components/Progress/Progress.d.ts +2 -2
- package/dist/components/Radio/Radio.d.ts +9 -10
- package/dist/components/Radio/index.d.ts +2 -2
- package/dist/components/ScrollArea/ScrollArea.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +10 -7
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +9 -6
- package/dist/components/Switch/index.d.ts +2 -2
- package/dist/components/Tabs/Tabs.d.ts +6 -2
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Text/Text.d.ts +7 -5
- package/dist/components/Toast/Toast.d.ts +1 -4
- package/dist/components/Tooltip/Tooltip.d.ts +9 -6
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +2005 -1462
- package/package.json +4 -5
|
@@ -7,20 +7,23 @@ type DrawerContentClassNames = {
|
|
|
7
7
|
content?: DrawerPrimitive.Content.Props['className'];
|
|
8
8
|
handle?: React.ComponentProps<'div'>['className'];
|
|
9
9
|
};
|
|
10
|
+
type DrawerContentSlotProps = {
|
|
11
|
+
portal?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
|
|
12
|
+
backdrop?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
|
|
13
|
+
viewport?: Omit<DrawerPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
14
|
+
content?: Omit<DrawerPrimitive.Content.Props, 'className' | 'children'>;
|
|
15
|
+
handle?: Omit<React.ComponentProps<'div'>, 'className'>;
|
|
16
|
+
};
|
|
10
17
|
type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
|
|
11
18
|
className?: DrawerPrimitive.Popup.Props['className'];
|
|
12
19
|
classNames?: DrawerContentClassNames;
|
|
20
|
+
slotProps?: DrawerContentSlotProps;
|
|
13
21
|
container?: DrawerPrimitive.Portal.Props['container'];
|
|
14
22
|
withBackdrop?: boolean;
|
|
15
23
|
withHandle?: boolean;
|
|
16
24
|
snapLayout?: boolean;
|
|
17
25
|
variant?: 'bleed' | 'island';
|
|
18
26
|
disableInitialAnimation?: boolean;
|
|
19
|
-
portalProps?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
|
|
20
|
-
backdropProps?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
|
|
21
|
-
viewportProps?: Omit<DrawerPrimitive.Viewport.Props, 'className'>;
|
|
22
|
-
contentProps?: Omit<DrawerPrimitive.Content.Props, 'className' | 'children'>;
|
|
23
|
-
handleProps?: Omit<React.ComponentProps<'div'>, 'className'>;
|
|
24
27
|
};
|
|
25
28
|
type DrawerProps<Payload = unknown> = DrawerPrimitive.Root.Props<Payload> & {
|
|
26
29
|
persistent?: boolean;
|
|
@@ -39,11 +42,12 @@ type DrawerSnapToggleProps = React.ComponentProps<'button'> & {
|
|
|
39
42
|
expanded: boolean;
|
|
40
43
|
};
|
|
41
44
|
declare function DrawerSnapToggle({ expanded, className, children, type, ...props }: DrawerSnapToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
declare function DrawerHandle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
42
46
|
declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
43
47
|
declare function DrawerBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
44
48
|
declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, classNames,
|
|
46
|
-
type
|
|
49
|
+
declare function DrawerContent({ withBackdrop, withHandle, snapLayout, variant, disableInitialAnimation, className, classNames, slotProps, container, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
type DrawerHandle<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
|
|
47
51
|
type DrawerTriggerProps = DrawerPrimitive.Trigger.Props;
|
|
48
52
|
type DrawerSwipeAreaProps = DrawerPrimitive.SwipeArea.Props;
|
|
49
53
|
type DrawerTitleProps = DrawerPrimitive.Title.Props;
|
|
@@ -54,4 +58,4 @@ type DrawerBodyProps = React.ComponentProps<'div'>;
|
|
|
54
58
|
type DrawerFooterProps = React.ComponentProps<'div'>;
|
|
55
59
|
type DrawerSnapPoint = NonNullable<DrawerProps['snapPoints']>[number];
|
|
56
60
|
export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
|
|
57
|
-
export type { DrawerProps,
|
|
61
|
+
export type { DrawerProps, DrawerHandle, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerContentSlotProps, DrawerSnapToggleProps, DrawerSnapPoint, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
|
|
2
|
-
export type { DrawerProps,
|
|
2
|
+
export type { DrawerProps, DrawerHandle, DrawerTriggerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerContentProps, DrawerContentClassNames, DrawerContentSlotProps, DrawerSnapToggleProps, DrawerSnapPoint, } from './Drawer';
|
|
@@ -7,11 +7,21 @@ declare function FieldDescription({ className, ...props }: FieldPrimitive.Descri
|
|
|
7
7
|
declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
declare const FieldValidity: import('react').FC<import('@base-ui/react').FieldValidityProps>;
|
|
9
9
|
type FieldProps = FieldPrimitive.Root.Props;
|
|
10
|
+
type FieldState = FieldPrimitive.Root.State;
|
|
11
|
+
type FieldActions = FieldPrimitive.Root.Actions;
|
|
10
12
|
type FieldItemProps = FieldPrimitive.Item.Props;
|
|
13
|
+
type FieldItemState = FieldPrimitive.Item.State;
|
|
11
14
|
type FieldLabelProps = FieldPrimitive.Label.Props;
|
|
15
|
+
type FieldLabelState = FieldPrimitive.Label.State;
|
|
12
16
|
type FieldControlProps = FieldPrimitive.Control.Props;
|
|
17
|
+
type FieldControlState = FieldPrimitive.Control.State;
|
|
18
|
+
type FieldControlChangeEventReason = FieldPrimitive.Control.ChangeEventReason;
|
|
19
|
+
type FieldControlChangeEventDetails = FieldPrimitive.Control.ChangeEventDetails;
|
|
13
20
|
type FieldDescriptionProps = FieldPrimitive.Description.Props;
|
|
21
|
+
type FieldDescriptionState = FieldPrimitive.Description.State;
|
|
14
22
|
type FieldErrorProps = FieldPrimitive.Error.Props;
|
|
23
|
+
type FieldErrorState = FieldPrimitive.Error.State;
|
|
15
24
|
type FieldValidityProps = FieldPrimitive.Validity.Props;
|
|
25
|
+
type FieldValidityState = FieldPrimitive.Validity.State;
|
|
16
26
|
export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
|
|
17
|
-
export type { FieldProps, FieldItemProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldValidityProps, };
|
|
27
|
+
export type { FieldProps, FieldState, FieldActions, FieldItemProps, FieldItemState, FieldLabelProps, FieldLabelState, FieldControlProps, FieldControlState, FieldControlChangeEventReason, FieldControlChangeEventDetails, FieldDescriptionProps, FieldDescriptionState, FieldErrorProps, FieldErrorState, FieldValidityProps, FieldValidityState, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, } from './Field';
|
|
2
|
-
export type { FieldProps, FieldItemProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldValidityProps, } from './Field';
|
|
2
|
+
export type { FieldProps, FieldState, FieldActions, FieldItemProps, FieldItemState, FieldLabelProps, FieldLabelState, FieldControlProps, FieldControlState, FieldControlChangeEventReason, FieldControlChangeEventDetails, FieldDescriptionProps, FieldDescriptionState, FieldErrorProps, FieldErrorState, FieldValidityProps, FieldValidityState, } from './Field';
|
|
@@ -2,6 +2,8 @@ import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
|
|
|
2
2
|
declare function Fieldset({ className, disabled, render, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
declare function FieldsetLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
type FieldsetProps = FieldsetPrimitive.Root.Props;
|
|
5
|
+
type FieldsetState = FieldsetPrimitive.Root.State;
|
|
5
6
|
type FieldsetLegendProps = FieldsetPrimitive.Legend.Props;
|
|
7
|
+
type FieldsetLegendState = FieldsetPrimitive.Legend.State;
|
|
6
8
|
export { Fieldset, FieldsetLegend };
|
|
7
|
-
export type { FieldsetProps, FieldsetLegendProps };
|
|
9
|
+
export type { FieldsetProps, FieldsetState, FieldsetLegendProps, FieldsetLegendState };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Fieldset, FieldsetLegend } from './Fieldset';
|
|
2
|
-
export type { FieldsetProps, FieldsetLegendProps } from './Fieldset';
|
|
2
|
+
export type { FieldsetProps, FieldsetState, FieldsetLegendProps, FieldsetLegendState, } from './Fieldset';
|
|
@@ -5,6 +5,9 @@ type InputProps = Omit<InputPrimitive.Props, 'size'> & {
|
|
|
5
5
|
size?: InputSize;
|
|
6
6
|
htmlSize?: React.ComponentProps<'input'>['size'];
|
|
7
7
|
};
|
|
8
|
+
type InputState = InputPrimitive.State;
|
|
9
|
+
type InputChangeEventReason = InputPrimitive.ChangeEventReason;
|
|
10
|
+
type InputChangeEventDetails = InputPrimitive.ChangeEventDetails;
|
|
8
11
|
declare function Input({ className, size, htmlSize, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
9
12
|
export { Input };
|
|
10
|
-
export type { InputProps, InputSize };
|
|
13
|
+
export type { InputProps, InputState, InputChangeEventReason, InputChangeEventDetails, InputSize };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Input } from './Input';
|
|
2
|
-
export type { InputProps, InputSize } from './Input';
|
|
2
|
+
export type { InputProps, InputState, InputChangeEventReason, InputChangeEventDetails, InputSize, } from './Input';
|
|
@@ -0,0 +1,59 @@
|
|
|
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;
|
|
44
|
+
declare const createLightboxHandle: typeof DialogPrimitive.createHandle;
|
|
45
|
+
declare function LightboxTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
declare function LightboxPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
declare function LightboxBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
declare function LightboxViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
declare function LightboxPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
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, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Lightbox';
|
|
@@ -11,8 +11,15 @@ type ListProps = React.ComponentPropsWithoutRef<ListAs> & {
|
|
|
11
11
|
size?: ListSize;
|
|
12
12
|
tone?: ListTone;
|
|
13
13
|
};
|
|
14
|
-
type
|
|
14
|
+
type ListItemClassNames = {
|
|
15
|
+
marker?: string;
|
|
16
|
+
content?: string;
|
|
17
|
+
};
|
|
18
|
+
type ListItemProps = React.ComponentProps<'li'> & {
|
|
19
|
+
marker?: React.ReactNode;
|
|
20
|
+
classNames?: ListItemClassNames;
|
|
21
|
+
};
|
|
15
22
|
declare function List({ as, marker, gap, size, tone, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
declare function ListItem({ className, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function ListItem({ className, classNames, marker, children, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
17
24
|
export { List, ListItem };
|
|
18
|
-
export type { ListProps, ListItemProps, ListAs, ListMarker, ListGap, ListSize, ListTone };
|
|
25
|
+
export type { ListProps, ListItemProps, ListItemClassNames, ListAs, ListMarker, ListGap, ListSize, ListTone, };
|
|
@@ -6,15 +6,18 @@ type MenuContentClassNames = {
|
|
|
6
6
|
positioner?: MenuPrimitive.Positioner.Props['className'];
|
|
7
7
|
viewport?: MenuPrimitive.Viewport.Props['className'];
|
|
8
8
|
};
|
|
9
|
+
type MenuContentSlotProps = {
|
|
10
|
+
portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
|
|
11
|
+
backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
|
|
12
|
+
positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
13
|
+
viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
14
|
+
};
|
|
9
15
|
type MenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
|
|
10
16
|
classNames?: MenuContentClassNames;
|
|
17
|
+
slotProps?: MenuContentSlotProps;
|
|
11
18
|
container?: MenuPrimitive.Portal.Props['container'];
|
|
12
19
|
withBackdrop?: boolean;
|
|
13
20
|
withViewport?: boolean;
|
|
14
|
-
portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
|
|
15
|
-
backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
|
|
16
|
-
positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
17
|
-
viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
18
21
|
};
|
|
19
22
|
type IndicatorPosition = 'start' | 'end';
|
|
20
23
|
type MenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
|
|
@@ -29,7 +32,7 @@ declare const createMenuHandle: typeof MenuPrimitive.createHandle;
|
|
|
29
32
|
declare function MenuTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
33
|
declare function MenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
31
34
|
declare function MenuArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
declare function MenuContent({ className, classNames, children, container, withBackdrop, withViewport,
|
|
35
|
+
declare function MenuContent({ className, classNames, slotProps, children, container, withBackdrop, withViewport, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
33
36
|
declare function MenuSubmenuContent({ sideOffset, alignOffset, ...props }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
34
37
|
declare function MenuItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
38
|
declare function MenuLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -58,4 +61,4 @@ type MenuCheckboxItemPropsPublic = MenuCheckboxItemProps;
|
|
|
58
61
|
type MenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props;
|
|
59
62
|
type MenuItemShortcutProps = React.ComponentProps<'span'>;
|
|
60
63
|
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, };
|
|
61
|
-
export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
|
|
64
|
+
export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemPropsPublic as MenuRadioItemProps, MenuCheckboxItemPropsPublic as MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, };
|
|
@@ -1,2 +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, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
|
|
2
|
+
export type { MenuProps, MenuHandle, MenuContentProps, MenuContentClassNames, MenuContentSlotProps, MenuTriggerProps, MenuItemProps, MenuLinkItemProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubmenuTriggerProps, MenuItemShortcutProps, } from './Menu';
|
|
@@ -7,14 +7,17 @@ type MenubarContentClassNames = {
|
|
|
7
7
|
positioner?: MenuPrimitive.Positioner.Props['className'];
|
|
8
8
|
viewport?: MenuPrimitive.Viewport.Props['className'];
|
|
9
9
|
};
|
|
10
|
+
type MenubarContentSlotProps = {
|
|
11
|
+
portal?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
|
|
12
|
+
backdrop?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
|
|
13
|
+
positioner?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
14
|
+
viewport?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
15
|
+
};
|
|
10
16
|
type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
|
|
11
17
|
classNames?: MenubarContentClassNames;
|
|
18
|
+
slotProps?: MenubarContentSlotProps;
|
|
12
19
|
container?: MenuPrimitive.Portal.Props['container'];
|
|
13
20
|
withBackdrop?: boolean;
|
|
14
|
-
portalProps?: Omit<MenuPrimitive.Portal.Props, 'className' | 'children'>;
|
|
15
|
-
backdropProps?: Omit<MenuPrimitive.Backdrop.Props, 'className'>;
|
|
16
|
-
positionerProps?: Omit<MenuPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
17
|
-
viewportProps?: Omit<MenuPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
18
21
|
};
|
|
19
22
|
type IndicatorPosition = 'start' | 'end';
|
|
20
23
|
type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props & {
|
|
@@ -29,7 +32,7 @@ declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
|
|
|
29
32
|
declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
33
|
declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
34
|
declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
declare function MenubarContent({ className, classNames, children, container, withBackdrop,
|
|
35
|
+
declare function MenubarContent({ className, classNames, slotProps, children, container, withBackdrop, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
|
|
33
36
|
declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
|
|
34
37
|
declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
38
|
declare function MenubarLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -70,4 +73,4 @@ type MenubarItemTextIconProps = React.ComponentProps<'span'>;
|
|
|
70
73
|
type MenubarItemTextLabelProps = React.ComponentProps<'span'>;
|
|
71
74
|
type MenubarItemShortcutProps = React.ComponentProps<'span'>;
|
|
72
75
|
export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarArrow, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, };
|
|
73
|
-
export type { MenubarProps, MenubarMenuProps, MenubarMenuHandle, MenubarSubmenuProps, MenubarTriggerProps, MenubarArrowProps, MenubarContentProps, MenubarContentClassNames, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, };
|
|
76
|
+
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, };
|
|
@@ -1,2 +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, MenubarItemProps, MenubarLinkItemProps, MenubarSeparatorProps, MenubarGroupProps, MenubarGroupLabelProps, MenubarSubmenuTriggerProps, MenubarSubmenuTriggerIconProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarRadioItemIndicatorProps, MenubarCheckboxItemProps, MenubarCheckboxItemIndicatorProps, MenubarItemTextProps, MenubarItemTextContentProps, MenubarItemTextIconProps, MenubarItemTextLabelProps, MenubarItemShortcutProps, } 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';
|
|
@@ -19,11 +19,17 @@ type NavigationMenuPopupOptions = NavigationMenuPrimitive.Popup.Props & {
|
|
|
19
19
|
sideOffset?: NavigationMenuPrimitive.Positioner.Props['sideOffset'];
|
|
20
20
|
align?: NavigationMenuPrimitive.Positioner.Props['align'];
|
|
21
21
|
alignOffset?: NavigationMenuPrimitive.Positioner.Props['alignOffset'];
|
|
22
|
+
arrowPadding?: NavigationMenuPrimitive.Positioner.Props['arrowPadding'];
|
|
23
|
+
anchor?: NavigationMenuPrimitive.Positioner.Props['anchor'];
|
|
22
24
|
collisionAvoidance?: NavigationMenuPrimitive.Positioner.Props['collisionAvoidance'];
|
|
25
|
+
collisionBoundary?: NavigationMenuPrimitive.Positioner.Props['collisionBoundary'];
|
|
23
26
|
collisionPadding?: NavigationMenuPrimitive.Positioner.Props['collisionPadding'];
|
|
24
27
|
sticky?: NavigationMenuPrimitive.Positioner.Props['sticky'];
|
|
28
|
+
positionMethod?: NavigationMenuPrimitive.Positioner.Props['positionMethod'];
|
|
29
|
+
disableAnchorTracking?: NavigationMenuPrimitive.Positioner.Props['disableAnchorTracking'];
|
|
25
30
|
classNames?: NavigationMenuPopupClassNames;
|
|
26
31
|
slotProps?: NavigationMenuPopupSlotProps;
|
|
32
|
+
container?: NavigationMenuPrimitive.Portal.Props['container'];
|
|
27
33
|
arrow?: React.ReactNode;
|
|
28
34
|
showArrow?: boolean;
|
|
29
35
|
withBackdrop?: boolean;
|
|
@@ -34,10 +40,16 @@ type NavigationMenuClassNames = {
|
|
|
34
40
|
type NavigationMenuSlotProps = {
|
|
35
41
|
viewport?: Omit<NavigationMenuPrimitive.Viewport.Props, 'className'>;
|
|
36
42
|
};
|
|
37
|
-
|
|
43
|
+
type NavigationMenuTriggerClassNames = {
|
|
44
|
+
icon?: NavigationMenuIconProps['className'];
|
|
45
|
+
};
|
|
46
|
+
type NavigationMenuTriggerSlotProps = {
|
|
47
|
+
icon?: Omit<NavigationMenuIconProps, 'children' | 'className'>;
|
|
48
|
+
};
|
|
49
|
+
declare function NavigationMenu<Value = unknown>({ className, children, classNames, slotProps, popupContent, withViewport, ...props }: NavigationMenuProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
38
50
|
declare function NavigationMenuList({ className, ...props }: NavigationMenuPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
39
51
|
declare function NavigationMenuItem(props: NavigationMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
declare function NavigationMenuTrigger({ className, ...props }:
|
|
52
|
+
declare function NavigationMenuTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
41
53
|
declare function NavigationMenuIcon({ className, children, ...props }: NavigationMenuPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
|
|
42
54
|
declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
|
|
43
55
|
declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -45,14 +57,31 @@ type NavigationMenuProps<Value = unknown> = NavigationMenuPrimitive.Root.Props<V
|
|
|
45
57
|
classNames?: NavigationMenuClassNames;
|
|
46
58
|
slotProps?: NavigationMenuSlotProps;
|
|
47
59
|
popupContent?: false | NavigationMenuPopupOptions;
|
|
48
|
-
|
|
60
|
+
withViewport?: boolean;
|
|
49
61
|
};
|
|
50
62
|
type NavigationMenuValue<Value = unknown> = NavigationMenuPrimitive.Root.Value<Value>;
|
|
51
63
|
type NavigationMenuListProps = NavigationMenuPrimitive.List.Props;
|
|
52
64
|
type NavigationMenuItemProps = NavigationMenuPrimitive.Item.Props;
|
|
53
65
|
type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props;
|
|
54
|
-
type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props
|
|
66
|
+
type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props & {
|
|
67
|
+
/**
|
|
68
|
+
* Icon rendered at the end of the trigger. Pass `hideIcon` to remove it.
|
|
69
|
+
*/
|
|
70
|
+
icon?: React.ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* Removes the default trigger icon.
|
|
73
|
+
*/
|
|
74
|
+
hideIcon?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Classes for internal slots rendered by the trigger.
|
|
77
|
+
*/
|
|
78
|
+
classNames?: NavigationMenuTriggerClassNames;
|
|
79
|
+
/**
|
|
80
|
+
* Props for internal slots rendered by the trigger.
|
|
81
|
+
*/
|
|
82
|
+
slotProps?: NavigationMenuTriggerSlotProps;
|
|
83
|
+
};
|
|
55
84
|
type NavigationMenuIconProps = NavigationMenuPrimitive.Icon.Props;
|
|
56
85
|
type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props;
|
|
57
86
|
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuIcon, NavigationMenuContent, NavigationMenuLink, };
|
|
58
|
-
export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuPopupOptions, };
|
|
87
|
+
export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuClassNames, NavigationMenuSlotProps, NavigationMenuTriggerClassNames, NavigationMenuTriggerSlotProps, NavigationMenuPopupClassNames, NavigationMenuPopupSlotProps, NavigationMenuPopupOptions, };
|
|
@@ -1,2 +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, NavigationMenuPopupOptions, } from './NavigationMenu';
|
|
2
|
+
export type { NavigationMenuValue, NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuClassNames, NavigationMenuSlotProps, NavigationMenuTriggerClassNames, NavigationMenuTriggerSlotProps, NavigationMenuPopupClassNames, NavigationMenuPopupSlotProps, NavigationMenuPopupOptions, } from './NavigationMenu';
|
|
@@ -3,23 +3,32 @@ import * as React from 'react';
|
|
|
3
3
|
type NumberFieldScrubAreaClassNames = {
|
|
4
4
|
cursor?: NumberFieldPrimitive.ScrubAreaCursor.Props['className'];
|
|
5
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;
|
|
14
|
+
decrementLabel?: string;
|
|
15
|
+
incrementLabel?: string;
|
|
16
|
+
withGroup?: boolean;
|
|
17
|
+
};
|
|
6
18
|
type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props & {
|
|
7
19
|
cursor?: React.ReactNode;
|
|
8
20
|
withCursor?: boolean;
|
|
9
21
|
classNames?: NumberFieldScrubAreaClassNames;
|
|
10
22
|
};
|
|
11
|
-
declare function NumberField({ className, ...props }:
|
|
23
|
+
declare function NumberField({ className, classNames, children, decrementLabel, incrementLabel, withGroup, ...props }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
12
24
|
declare function NumberFieldScrubArea({ className, children, cursor, withCursor, classNames, ...props }: NumberFieldScrubAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
declare function NumberFieldScrubAreaCursor({ className, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props): import("react/jsx-runtime").JSX.Element;
|
|
14
25
|
declare function NumberFieldGroup({ className, ...props }: NumberFieldPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
26
|
declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldPrimitive.Decrement.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
27
|
declare function NumberFieldInput({ className, ...props }: NumberFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
28
|
declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldPrimitive.Increment.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
type NumberFieldProps = NumberFieldPrimitive.Root.Props;
|
|
19
|
-
type NumberFieldScrubAreaCursorProps = NumberFieldPrimitive.ScrubAreaCursor.Props;
|
|
20
29
|
type NumberFieldGroupProps = NumberFieldPrimitive.Group.Props;
|
|
21
30
|
type NumberFieldDecrementProps = NumberFieldPrimitive.Decrement.Props;
|
|
22
31
|
type NumberFieldInputProps = NumberFieldPrimitive.Input.Props;
|
|
23
32
|
type NumberFieldIncrementProps = NumberFieldPrimitive.Increment.Props;
|
|
24
|
-
export { NumberField, NumberFieldScrubArea,
|
|
25
|
-
export type { NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps,
|
|
33
|
+
export { NumberField, NumberFieldScrubArea, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, };
|
|
34
|
+
export type { NumberFieldClassNames, NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { NumberField, NumberFieldScrubArea,
|
|
2
|
-
export type { NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps,
|
|
1
|
+
export { NumberField, NumberFieldScrubArea, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, } from './NumberField';
|
|
2
|
+
export type { NumberFieldClassNames, NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, } from './NumberField';
|
|
@@ -1,14 +1,28 @@
|
|
|
1
1
|
import { OTPFieldPreview as OTPFieldPrimitive } from '@base-ui/react/otp-field';
|
|
2
|
-
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function OTPField({ className, children, groupSize, inputProps, length, separator, ...props }: OTPFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
declare function OTPFieldInput({ className, ...props }: OTPFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
declare function OTPFieldSeparator({ className, ...props }: OTPFieldPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
type OTPFieldAutoInputProps = OTPFieldPrimitive.Input.Props;
|
|
6
7
|
type OTPFieldAutoInputPropsFactory = (index: number, length: number) => OTPFieldAutoInputProps | undefined;
|
|
8
|
+
type OTPFieldSeparatorRenderDetails = {
|
|
9
|
+
index: number;
|
|
10
|
+
length: number;
|
|
11
|
+
};
|
|
7
12
|
type OTPFieldProps = OTPFieldPrimitive.Root.Props & {
|
|
13
|
+
/**
|
|
14
|
+
* Inserts separators after input groups. A positive integer repeats the same group size; an array
|
|
15
|
+
* inserts separators after the listed positive integer group lengths.
|
|
16
|
+
*/
|
|
17
|
+
groupSize?: number | number[];
|
|
8
18
|
/**
|
|
9
19
|
* Props applied to automatically rendered input slots when `children` are not provided.
|
|
10
20
|
*/
|
|
11
21
|
inputProps?: OTPFieldAutoInputProps | OTPFieldAutoInputPropsFactory;
|
|
22
|
+
/**
|
|
23
|
+
* Separator content used with `groupSize`. Pass a node or a function for per-separator content.
|
|
24
|
+
*/
|
|
25
|
+
separator?: React.ReactNode | ((details: OTPFieldSeparatorRenderDetails) => React.ReactNode);
|
|
12
26
|
};
|
|
13
27
|
type OTPFieldInputProps = OTPFieldPrimitive.Input.Props;
|
|
14
28
|
type OTPFieldSeparatorProps = OTPFieldPrimitive.Separator.Props;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type PaginationToolbarVariant = 'default' | 'outline' | 'ghost';
|
|
3
|
+
type PaginationToolbarSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
type PaginationSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
type PaginationProps = Omit<React.ComponentProps<'nav'>, 'onChange'> & {
|
|
6
|
+
count: number;
|
|
7
|
+
page?: number;
|
|
8
|
+
defaultPage?: number;
|
|
9
|
+
onPageChange?: (page: number) => void;
|
|
10
|
+
visiblePages?: number;
|
|
11
|
+
showPages?: boolean;
|
|
12
|
+
showArrows?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
getPageHref?: (page: number) => string;
|
|
15
|
+
size?: PaginationSize;
|
|
16
|
+
toolbarVariant?: PaginationToolbarVariant;
|
|
17
|
+
toolbarSize?: PaginationToolbarSize;
|
|
18
|
+
previousLabel?: string;
|
|
19
|
+
nextLabel?: string;
|
|
20
|
+
};
|
|
21
|
+
declare function Pagination({ className, count, page, defaultPage, onPageChange, visiblePages, showPages, showArrows, disabled, getPageHref, size, toolbarVariant, toolbarSize, previousLabel, nextLabel, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export { Pagination };
|
|
23
|
+
export type { PaginationProps, PaginationToolbarVariant, PaginationToolbarSize, PaginationSize };
|
|
@@ -7,41 +7,40 @@ type PopoverContentClassNames = {
|
|
|
7
7
|
viewport?: PopoverPrimitive.Viewport.Props['className'];
|
|
8
8
|
arrow?: PopoverPrimitive.Arrow.Props['className'];
|
|
9
9
|
};
|
|
10
|
+
type PopoverContentSlotProps = {
|
|
11
|
+
portal?: Omit<PopoverPrimitive.Portal.Props, 'className' | 'children'>;
|
|
12
|
+
backdrop?: Omit<PopoverPrimitive.Backdrop.Props, 'className'>;
|
|
13
|
+
positioner?: Omit<PopoverPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
14
|
+
arrow?: Omit<PopoverPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
15
|
+
viewport?: Omit<PopoverPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
16
|
+
};
|
|
10
17
|
type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
|
|
11
18
|
classNames?: PopoverContentClassNames;
|
|
19
|
+
slotProps?: PopoverContentSlotProps;
|
|
12
20
|
container?: PopoverPrimitive.Portal.Props['container'];
|
|
13
|
-
positionerProps?: Omit<PopoverPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
14
|
-
arrowProps?: Omit<PopoverPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
15
21
|
arrow?: React.ReactNode;
|
|
16
22
|
showArrow?: boolean;
|
|
17
|
-
portalProps?: Omit<PopoverPrimitive.Portal.Props, 'className' | 'children'>;
|
|
18
|
-
backdropProps?: Omit<PopoverPrimitive.Backdrop.Props, 'className'>;
|
|
19
|
-
viewportProps?: Omit<PopoverPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
20
23
|
withBackdrop?: boolean;
|
|
21
24
|
withViewport?: boolean;
|
|
22
25
|
};
|
|
23
26
|
declare const Popover: typeof PopoverPrimitive.Root;
|
|
24
27
|
declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
|
|
25
28
|
declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
30
|
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
31
|
declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
31
32
|
declare function PopoverBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
32
33
|
declare function PopoverFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
33
34
|
declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
declare function PopoverContent({ className, classNames,
|
|
35
|
+
declare function PopoverContent({ className, classNames, slotProps, container, arrow, showArrow, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
35
36
|
type PopoverProps<Payload = unknown> = PopoverPrimitive.Root.Props<Payload>;
|
|
36
37
|
type PopoverHandle<Payload = unknown> = PopoverPrimitive.Handle<Payload>;
|
|
37
38
|
type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
|
|
38
|
-
type PopoverViewportProps = PopoverPrimitive.Viewport.Props;
|
|
39
|
-
type PopoverArrowProps = PopoverPrimitive.Arrow.Props;
|
|
40
39
|
type PopoverTitleProps = PopoverPrimitive.Title.Props;
|
|
41
40
|
type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
|
|
42
41
|
type PopoverHeaderProps = React.ComponentProps<'div'>;
|
|
43
42
|
type PopoverBodyProps = React.ComponentProps<'div'>;
|
|
44
43
|
type PopoverFooterProps = React.ComponentProps<'div'>;
|
|
45
44
|
type PopoverCloseProps = PopoverPrimitive.Close.Props;
|
|
46
|
-
export { Popover, createPopoverHandle, PopoverTrigger,
|
|
47
|
-
export type { PopoverProps, PopoverHandle, PopoverTriggerProps,
|
|
45
|
+
export { Popover, createPopoverHandle, PopoverTrigger, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
|
|
46
|
+
export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentSlotProps, PopoverContentProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Popover, createPopoverHandle, PopoverTrigger,
|
|
2
|
-
export type { PopoverProps, PopoverHandle, PopoverTriggerProps,
|
|
1
|
+
export { Popover, createPopoverHandle, PopoverTrigger, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
|
|
2
|
+
export type { PopoverProps, PopoverHandle, PopoverTriggerProps, PopoverTitleProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverBodyProps, PopoverFooterProps, PopoverCloseProps, PopoverContentClassNames, PopoverContentSlotProps, PopoverContentProps, } from './Popover';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardContent, } from './PreviewCard';
|
|
2
|
-
export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps,
|
|
2
|
+
export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardContentClassNames, PreviewCardContentProps, PreviewCardContentSlotProps, } from './PreviewCard';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
2
2
|
type ProgressClassNames = {
|
|
3
|
-
track?:
|
|
4
|
-
indicator?:
|
|
3
|
+
track?: ProgressPrimitive.Track.Props['className'];
|
|
4
|
+
indicator?: ProgressPrimitive.Indicator.Props['className'];
|
|
5
5
|
};
|
|
6
6
|
type ProgressProps = ProgressPrimitive.Root.Props & {
|
|
7
7
|
classNames?: ProgressClassNames;
|