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
|
@@ -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';
|