moduix 0.6.5 → 0.7.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/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/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/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/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.js +1583 -1505
- package/package.json +4 -5
|
@@ -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;
|
|
@@ -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;
|
|
@@ -2,17 +2,16 @@ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
|
|
|
2
2
|
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
type RadioClassNames = {
|
|
6
|
+
indicator?: RadioIndicatorProps['className'];
|
|
7
|
+
indicatorIcon?: RadioIndicatorIconProps['className'];
|
|
8
|
+
};
|
|
5
9
|
type RadioProps = RadioPrimitive.Root.Props & {
|
|
6
10
|
size?: RadioSize;
|
|
7
11
|
indicator?: React.ReactNode;
|
|
8
|
-
classNames?:
|
|
9
|
-
indicator?: string;
|
|
10
|
-
indicatorIcon?: string;
|
|
11
|
-
};
|
|
12
|
+
classNames?: RadioClassNames;
|
|
12
13
|
};
|
|
13
14
|
declare function Radio({ className, size, children, indicator, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
declare function RadioIndicator({ className, children, ...props }: RadioPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare function RadioIndicatorIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
16
15
|
declare function RadioField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
|
|
17
16
|
declare function RadioLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -22,14 +21,14 @@ declare function RadioGroupItem({ className, ...props }: React.ComponentProps<'l
|
|
|
22
21
|
type RadioGroupItemControlProps = Omit<RadioProps, 'children'>;
|
|
23
22
|
declare function RadioGroupItemControl(props: RadioGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
|
|
24
23
|
declare function RadioGroupItemLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
type RadioIndicatorProps = RadioPrimitive.Indicator.Props;
|
|
26
|
-
type RadioIndicatorIconProps = React.ComponentProps<'span'>;
|
|
27
24
|
type RadioFieldProps = React.ComponentProps<'label'>;
|
|
28
25
|
type RadioLabelProps = React.ComponentProps<'span'>;
|
|
26
|
+
type RadioIndicatorProps = RadioPrimitive.Indicator.Props;
|
|
27
|
+
type RadioIndicatorIconProps = React.ComponentProps<'span'>;
|
|
29
28
|
type RadioGroupProps = RadioGroupPrimitive.Props;
|
|
30
29
|
type RadioGroupLabelProps = React.ComponentProps<'div'>;
|
|
31
30
|
type RadioGroupListProps = React.ComponentProps<'div'>;
|
|
32
31
|
type RadioGroupItemProps = React.ComponentProps<'label'>;
|
|
33
32
|
type RadioGroupItemLabelProps = React.ComponentProps<'span'>;
|
|
34
|
-
export { Radio,
|
|
35
|
-
export type {
|
|
33
|
+
export { Radio, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList, RadioGroupItem, RadioGroupItemControl, RadioGroupItemLabel, };
|
|
34
|
+
export type { RadioSize, RadioClassNames, RadioProps, RadioFieldProps, RadioLabelProps, RadioGroupProps, RadioGroupLabelProps, RadioGroupListProps, RadioGroupItemProps, RadioGroupItemControlProps, RadioGroupItemLabelProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Radio,
|
|
2
|
-
export type {
|
|
1
|
+
export { Radio, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList, RadioGroupItem, RadioGroupItemControl, RadioGroupItemLabel, } from './Radio';
|
|
2
|
+
export type { RadioSize, RadioClassNames, RadioProps, RadioFieldProps, RadioLabelProps, RadioGroupProps, RadioGroupLabelProps, RadioGroupListProps, RadioGroupItemProps, RadioGroupItemControlProps, RadioGroupItemLabelProps, } from './Radio';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
type ScrollAreaFade = boolean | 'vertical' | 'horizontal';
|
|
3
|
+
type ScrollAreaFade = boolean | 'vertical' | 'horizontal' | 'both';
|
|
4
4
|
type ScrollAreaScrollbars = 'vertical' | 'horizontal' | 'both' | false;
|
|
5
5
|
type ScrollAreaClassNames = {
|
|
6
6
|
viewport?: ScrollAreaPrimitive.Viewport.Props['className'];
|
|
@@ -10,16 +10,19 @@ type SelectContentClassNames = {
|
|
|
10
10
|
positioner?: SelectPrimitive.Positioner.Props['className'];
|
|
11
11
|
arrow?: SelectPrimitive.Arrow.Props['className'];
|
|
12
12
|
};
|
|
13
|
-
type
|
|
13
|
+
type SelectContentSlotProps = {
|
|
14
|
+
portal?: Omit<SelectPrimitive.Portal.Props, 'className' | 'children'>;
|
|
15
|
+
backdrop?: Omit<SelectPrimitive.Backdrop.Props, 'className'>;
|
|
16
|
+
positioner?: Omit<SelectPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
17
|
+
arrow?: Omit<SelectPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
18
|
+
};
|
|
19
|
+
type SelectContentProps = SelectPopupProps & Pick<SelectPrimitive.Positioner.Props, 'alignItemWithTrigger' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod' | 'disableAnchorTracking'> & {
|
|
14
20
|
classNames?: SelectContentClassNames;
|
|
21
|
+
slotProps?: SelectContentSlotProps;
|
|
15
22
|
container?: SelectPrimitive.Portal.Props['container'];
|
|
16
23
|
withBackdrop?: boolean;
|
|
17
24
|
showArrow?: boolean;
|
|
18
25
|
arrow?: React.ReactNode;
|
|
19
|
-
portalProps?: Omit<SelectPrimitive.Portal.Props, 'className' | 'children'>;
|
|
20
|
-
backdropProps?: Omit<SelectPrimitive.Backdrop.Props, 'className'>;
|
|
21
|
-
positionerProps?: Omit<SelectPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
22
|
-
arrowProps?: Omit<SelectPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
23
26
|
};
|
|
24
27
|
type IndicatorPosition = 'start' | 'end';
|
|
25
28
|
type SelectItemProps = SelectPrimitive.Item.Props & {
|
|
@@ -31,7 +34,7 @@ declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Prop
|
|
|
31
34
|
declare function SelectTrigger({ className, ...props }: SelectPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
32
35
|
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
33
36
|
declare function SelectIcon({ className, children, ...props }: SelectPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
declare function SelectContent({ className, classNames, container, withBackdrop, showArrow, arrow,
|
|
37
|
+
declare function SelectContent({ className, classNames, slotProps, container, withBackdrop, showArrow, arrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
35
38
|
declare function SelectScrollUpArrow({ className, children, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
36
39
|
declare function SelectScrollDownArrow({ className, children, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
37
40
|
declare function SelectList({ className, ...props }: SelectPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -63,4 +66,4 @@ type SelectSeparatorProps = SelectPrimitive.Separator.Props;
|
|
|
63
66
|
type SelectGroupProps = SelectPrimitive.Group.Props;
|
|
64
67
|
type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props;
|
|
65
68
|
export { Select, SelectField, SelectLabel, SelectTrigger, SelectValue, SelectIcon, SelectContent, SelectScrollUpArrow, SelectScrollDownArrow, SelectList, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectSeparator, SelectGroup, SelectGroupLabel, };
|
|
66
|
-
export type { SelectProps, SelectAnimation, SelectValueType, SelectFieldProps, SelectLabelProps, SelectTriggerProps, SelectValueProps, SelectIconProps, SelectContentProps, SelectScrollUpArrowProps, SelectScrollDownArrowProps, SelectListProps, SelectItemProps, SelectItemIndicatorProps, SelectItemTextProps, SelectItemTextContentProps, SelectItemTextIconProps, SelectItemTextLabelProps, SelectSeparatorProps, SelectGroupProps, SelectGroupLabelProps, };
|
|
69
|
+
export type { SelectProps, SelectAnimation, SelectValueType, SelectContentClassNames, SelectContentSlotProps, SelectFieldProps, SelectLabelProps, SelectTriggerProps, SelectValueProps, SelectIconProps, SelectContentProps, SelectScrollUpArrowProps, SelectScrollDownArrowProps, SelectListProps, SelectItemProps, SelectItemIndicatorProps, SelectItemTextProps, SelectItemTextContentProps, SelectItemTextIconProps, SelectItemTextLabelProps, SelectSeparatorProps, SelectGroupProps, SelectGroupLabelProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Select, SelectField, SelectLabel, SelectTrigger, SelectValue, SelectIcon, SelectContent, SelectScrollUpArrow, SelectScrollDownArrow, SelectList, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectSeparator, SelectGroup, SelectGroupLabel, } from './Select';
|
|
2
|
-
export type { SelectProps, SelectValueType, SelectContentProps } from './Select';
|
|
2
|
+
export type { SelectProps, SelectAnimation, SelectValueType, SelectContentClassNames, SelectContentSlotProps, SelectContentProps, } from './Select';
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
type
|
|
4
|
+
type SwitchClassNames = {
|
|
5
|
+
thumb?: SwitchPrimitive.Thumb.Props['className'];
|
|
6
|
+
};
|
|
7
|
+
type SwitchProps = Omit<SwitchPrimitive.Root.Props, 'children'> & {
|
|
5
8
|
size?: SwitchSize;
|
|
9
|
+
thumb?: React.ReactNode;
|
|
10
|
+
classNames?: SwitchClassNames;
|
|
6
11
|
};
|
|
7
|
-
declare function Switch({ className, size,
|
|
8
|
-
declare function SwitchThumb({ className, ...props }: SwitchPrimitive.Thumb.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function Switch({ className, size, thumb, classNames, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
declare function SwitchField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
|
|
10
14
|
declare function SwitchLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
type SwitchThumbProps = SwitchPrimitive.Thumb.Props;
|
|
12
15
|
type SwitchFieldProps = React.ComponentProps<'label'>;
|
|
13
16
|
type SwitchLabelProps = React.ComponentProps<'span'>;
|
|
14
|
-
export { Switch,
|
|
15
|
-
export type { SwitchSize,
|
|
17
|
+
export { Switch, SwitchField, SwitchLabel };
|
|
18
|
+
export type { SwitchSize, SwitchClassNames, SwitchProps, SwitchFieldProps, SwitchLabelProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Switch,
|
|
2
|
-
export type { SwitchSize,
|
|
1
|
+
export { Switch, SwitchField, SwitchLabel } from './Switch';
|
|
2
|
+
export type { SwitchSize, SwitchClassNames, SwitchProps, SwitchFieldProps, SwitchLabelProps, } from './Switch';
|
|
@@ -8,12 +8,16 @@ type TabsProps = TabsPrimitive.Root.Props & {
|
|
|
8
8
|
type TabsListClassNames = {
|
|
9
9
|
indicator?: TabsPrimitive.Indicator.Props['className'];
|
|
10
10
|
};
|
|
11
|
+
type TabsListSlotProps = {
|
|
12
|
+
indicator?: Omit<TabsPrimitive.Indicator.Props, 'className' | 'children'>;
|
|
13
|
+
};
|
|
11
14
|
type TabsListProps = TabsPrimitive.List.Props & {
|
|
12
15
|
classNames?: TabsListClassNames;
|
|
16
|
+
slotProps?: TabsListSlotProps;
|
|
13
17
|
withIndicator?: boolean;
|
|
14
18
|
};
|
|
15
19
|
declare function Tabs({ className, variant, unstyled, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
declare function TabsList({ className, classNames, children, withIndicator, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function TabsList({ className, classNames, children, slotProps, withIndicator, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
17
21
|
declare function TabsTab({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
22
|
declare function TabsPanel({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
23
|
declare function TabsTabContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -26,4 +30,4 @@ type TabsTabContentProps = React.ComponentProps<'span'>;
|
|
|
26
30
|
type TabsTabIconProps = React.ComponentProps<'span'>;
|
|
27
31
|
type TabsTabLabelProps = React.ComponentProps<'span'>;
|
|
28
32
|
export { Tabs, TabsList, TabsTab, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel };
|
|
29
|
-
export type { TabsValue, TabsProps, TabsVariant, TabsListClassNames, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, };
|
|
33
|
+
export type { TabsValue, TabsProps, TabsVariant, TabsListClassNames, TabsListSlotProps, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Tabs, TabsList, TabsTab, TabsPanel, TabsTabContent, TabsTabIcon, TabsTabLabel, } from './Tabs';
|
|
2
|
-
export type { TabsValue, TabsProps, TabsListClassNames, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, } from './Tabs';
|
|
2
|
+
export type { TabsValue, TabsProps, TabsVariant, TabsListClassNames, TabsListSlotProps, TabsListProps, TabsTabProps, TabsPanelProps, TabsTabContentProps, TabsTabIconProps, TabsTabLabelProps, } from './Tabs';
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
type
|
|
2
|
+
type TextDefaultElement = 'p' | 'span' | 'small' | 'strong' | 'em' | 'div';
|
|
3
|
+
type TextAs = React.ElementType;
|
|
3
4
|
type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
5
|
type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
5
6
|
type TextTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
|
|
6
7
|
type TextAlign = 'left' | 'center' | 'right';
|
|
7
|
-
type
|
|
8
|
-
as?:
|
|
8
|
+
type TextOwnProps<TElement extends TextAs = 'p'> = {
|
|
9
|
+
as?: TElement;
|
|
9
10
|
size?: TextSize;
|
|
10
11
|
weight?: TextWeight;
|
|
11
12
|
tone?: TextTone;
|
|
12
13
|
align?: TextAlign;
|
|
13
14
|
};
|
|
14
|
-
|
|
15
|
-
export
|
|
15
|
+
type TextProps<TElement extends TextAs = 'p'> = TextOwnProps<TElement> & Omit<React.ComponentPropsWithoutRef<TElement>, keyof TextOwnProps<TElement>>;
|
|
16
|
+
export declare function Text<TElement extends TextAs = 'p'>({ as, size, weight, tone, align, className, children, ...props }: TextProps<TElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
17
|
+
export { type TextProps, type TextAs, type TextDefaultElement, type TextSize, type TextWeight, type TextTone, type TextAlign, };
|
|
@@ -21,9 +21,6 @@ type ToastRegionProps = Omit<ToastViewportProps, 'children'> & {
|
|
|
21
21
|
className?: ToastPrimitive.Root.Props['className'];
|
|
22
22
|
classNames?: ToastRegionClassNames;
|
|
23
23
|
container?: ToastPrimitive.Portal.Props['container'];
|
|
24
|
-
toastRootProps?: Omit<ToastRootProps, 'toast' | 'className'> & {
|
|
25
|
-
className?: ToastPrimitive.Root.Props['className'];
|
|
26
|
-
};
|
|
27
24
|
renderToast?: (toast: ToastPrimitive.Root.ToastObject, index: number) => React.ReactNode;
|
|
28
25
|
};
|
|
29
26
|
type ToastAnchoredRegionClassNames = {
|
|
@@ -71,7 +68,7 @@ declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props)
|
|
|
71
68
|
declare function ToastDescription({ className, ...props }: ToastPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
72
69
|
declare function ToastAction({ className, ...props }: ToastPrimitive.Action.Props): import("react/jsx-runtime").JSX.Element;
|
|
73
70
|
declare function ToastClose({ className, children, ...props }: ToastPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
74
|
-
declare function ToastRegion({ className, classNames, container,
|
|
71
|
+
declare function ToastRegion({ className, classNames, container, renderToast, placement, ...props }: ToastRegionProps): import("react/jsx-runtime").JSX.Element;
|
|
75
72
|
declare function ToastAnchoredRegion({ className, classNames, container, renderToast, ...props }: ToastAnchoredRegionProps): import("react/jsx-runtime").JSX.Element;
|
|
76
73
|
declare function createAnchoredToastController(manager?: ToastManager): AnchoredToastController;
|
|
77
74
|
declare function useAnchoredToastManager(): AnchoredToastController;
|
|
@@ -6,24 +6,27 @@ type TooltipContentClassNames = {
|
|
|
6
6
|
arrow?: TooltipPrimitive.Arrow.Props['className'];
|
|
7
7
|
viewport?: TooltipPrimitive.Viewport.Props['className'];
|
|
8
8
|
};
|
|
9
|
+
type TooltipContentSlotProps = {
|
|
10
|
+
portal?: Omit<TooltipPrimitive.Portal.Props, 'className' | 'children'>;
|
|
11
|
+
positioner?: Omit<TooltipPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
12
|
+
arrow?: Omit<TooltipPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
13
|
+
viewport?: Omit<TooltipPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
14
|
+
};
|
|
9
15
|
type TooltipContentProps = TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
|
|
10
16
|
classNames?: TooltipContentClassNames;
|
|
17
|
+
slotProps?: TooltipContentSlotProps;
|
|
11
18
|
container?: TooltipPrimitive.Portal.Props['container'];
|
|
12
|
-
positionerProps?: Omit<TooltipPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
13
|
-
arrowProps?: Omit<TooltipPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
14
19
|
arrow?: React.ReactNode;
|
|
15
20
|
showArrow?: boolean;
|
|
16
|
-
portalProps?: Omit<TooltipPrimitive.Portal.Props, 'className' | 'children'>;
|
|
17
|
-
viewportProps?: Omit<TooltipPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
18
21
|
};
|
|
19
22
|
declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
20
23
|
declare const TooltipProvider: React.FC<import('@base-ui/react').TooltipProviderProps>;
|
|
21
24
|
declare const createTooltipHandle: typeof TooltipPrimitive.createHandle;
|
|
22
25
|
declare function TooltipTrigger<Payload = unknown>({ className, render, ...props }: TooltipPrimitive.Trigger.Props<Payload>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
declare function TooltipContent({ className, classNames,
|
|
26
|
+
declare function TooltipContent({ className, classNames, slotProps, container, arrow, showArrow, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
|
|
24
27
|
type TooltipProps<Payload = unknown> = TooltipPrimitive.Root.Props<Payload>;
|
|
25
28
|
type TooltipProviderProps = TooltipPrimitive.Provider.Props;
|
|
26
29
|
type TooltipHandle<Payload = unknown> = TooltipPrimitive.Handle<Payload>;
|
|
27
30
|
type TooltipTriggerProps<Payload = unknown> = TooltipPrimitive.Trigger.Props<Payload>;
|
|
28
31
|
export { Tooltip, TooltipProvider, createTooltipHandle, TooltipTrigger, TooltipContent };
|
|
29
|
-
export type { TooltipProps, TooltipProviderProps, TooltipHandle, TooltipTriggerProps, TooltipContentClassNames, TooltipContentProps, };
|
|
32
|
+
export type { TooltipProps, TooltipProviderProps, TooltipHandle, TooltipTriggerProps, TooltipContentClassNames, TooltipContentSlotProps, TooltipContentProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Tooltip, TooltipProvider, createTooltipHandle, TooltipTrigger, TooltipContent, } from './Tooltip';
|
|
2
|
-
export type { TooltipProps, TooltipProviderProps, TooltipHandle, TooltipTriggerProps, TooltipContentClassNames, TooltipContentProps, } from './Tooltip';
|
|
2
|
+
export type { TooltipProps, TooltipProviderProps, TooltipHandle, TooltipTriggerProps, TooltipContentClassNames, TooltipContentSlotProps, TooltipContentProps, } from './Tooltip';
|