moduix 0.9.1 → 0.11.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 +1 -1
- package/dist/components/Alert/Alert.d.ts +10 -6
- package/dist/components/AlertDialog/AlertDialog.d.ts +15 -11
- package/dist/components/AlertDialog/index.d.ts +1 -1
- package/dist/components/AspectRatio/AspectRatio.d.ts +7 -0
- package/dist/components/AspectRatio/index.d.ts +2 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +2 -2
- package/dist/components/Avatar/Avatar.d.ts +6 -3
- package/dist/components/Badge/Badge.d.ts +8 -4
- package/dist/components/Bleed/Bleed.d.ts +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/components/Button/Button.d.ts +9 -4
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Card/Card.d.ts +16 -11
- package/dist/components/Card/index.d.ts +2 -1
- package/dist/components/Checkbox/Checkbox.d.ts +4 -4
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +6 -6
- package/dist/components/Collapsible/Collapsible.d.ts +1 -1
- package/dist/components/Combobox/Combobox.d.ts +12 -10
- package/dist/components/Combobox/index.d.ts +1 -1
- package/dist/components/CommandPalette/CommandPalette.d.ts +26 -29
- package/dist/components/Container/Container.d.ts +3 -4
- package/dist/components/ContextMenu/ContextMenu.d.ts +34 -32
- package/dist/components/ContextMenu/index.d.ts +1 -0
- package/dist/components/CopyButton/CopyButton.d.ts +15 -0
- package/dist/components/CopyButton/index.d.ts +2 -0
- package/dist/components/Dialog/Dialog.d.ts +14 -14
- package/dist/components/Drawer/Drawer.d.ts +20 -19
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Empty/Empty.d.ts +11 -0
- package/dist/components/Empty/index.d.ts +1 -0
- package/dist/components/Field/Field.d.ts +6 -6
- package/dist/components/Fieldset/Fieldset.d.ts +2 -2
- package/dist/components/Form/Form.d.ts +1 -1
- package/dist/components/Heading/Heading.d.ts +6 -3
- package/dist/components/Input/Input.d.ts +8 -5
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/InputGroup/InputGroup.d.ts +2 -8
- package/dist/components/Kbd/Kbd.d.ts +2 -2
- package/dist/components/Lightbox/Lightbox.d.ts +14 -14
- package/dist/components/List/List.d.ts +15 -7
- package/dist/components/Menu/Menu.d.ts +37 -35
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menubar/Menubar.d.ts +37 -35
- package/dist/components/Menubar/index.d.ts +1 -0
- package/dist/components/Meter/Meter.d.ts +6 -7
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +17 -16
- package/dist/components/NavigationMenu/index.d.ts +1 -0
- package/dist/components/NumberField/NumberField.d.ts +11 -9
- package/dist/components/NumberField/index.d.ts +1 -0
- package/dist/components/OTPField/OTPField.d.ts +3 -3
- package/dist/components/Pagination/Pagination.d.ts +7 -7
- package/dist/components/PasswordInput/PasswordInput.d.ts +14 -0
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/Popover/Popover.d.ts +14 -14
- package/dist/components/PreviewCard/PreviewCard.d.ts +9 -9
- package/dist/components/Radio/Radio.d.ts +7 -7
- package/dist/components/Rating/Rating.d.ts +12 -0
- package/dist/components/Rating/index.d.ts +2 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +2 -3
- package/dist/components/Select/Select.d.ts +25 -26
- package/dist/components/Separator/Separator.d.ts +1 -3
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Slider/Slider.d.ts +11 -8
- package/dist/components/SnapCarousel/SnapCarousel.d.ts +18 -0
- package/dist/components/SnapCarousel/index.d.ts +2 -0
- package/dist/components/Spinner/Spinner.d.ts +4 -2
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/SplitButton/SplitButton.d.ts +27 -0
- package/dist/components/SplitButton/index.d.ts +2 -0
- package/dist/components/Stack/Stack.d.ts +1 -1
- package/dist/components/Stepper/Stepper.d.ts +20 -0
- package/dist/components/Stepper/index.d.ts +2 -0
- package/dist/components/Switch/Switch.d.ts +3 -3
- package/dist/components/Table/Table.d.ts +20 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/Text/Text.d.ts +14 -7
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +5 -2
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Toast/Toast.d.ts +16 -16
- package/dist/components/Toast/index.d.ts +1 -0
- package/dist/components/Toggle/Toggle.d.ts +6 -5
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +9 -6
- package/dist/components/Toolbar/Toolbar.d.ts +6 -7
- package/dist/components/Tooltip/Tooltip.d.ts +12 -10
- package/dist/icons/demo/Icons.d.ts +10 -10
- package/dist/icons/ui/Icons.d.ts +17 -13
- package/dist/icons/ui/index.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +9 -0
- package/dist/index.js +2793 -2058
- package/package.json +4 -4
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';
|
|
2
|
-
|
|
3
|
-
declare function NumberField({ className, children, decrementLabel, incrementLabel, ...props }: NumberFieldPrimitive.Root.Props & {
|
|
2
|
+
type NumberFieldProps = NumberFieldPrimitive.Root.Props & {
|
|
4
3
|
decrementLabel?: string;
|
|
5
4
|
incrementLabel?: string;
|
|
6
|
-
}
|
|
7
|
-
declare function
|
|
8
|
-
declare function
|
|
9
|
-
declare function
|
|
10
|
-
declare function
|
|
11
|
-
declare function
|
|
12
|
-
declare function
|
|
5
|
+
};
|
|
6
|
+
declare function NumberFieldRoot({ className, ...props }: NumberFieldPrimitive.Root.Props): import("react").JSX.Element;
|
|
7
|
+
declare function NumberField({ className, children, decrementLabel, incrementLabel, ...props }: NumberFieldProps): import("react").JSX.Element;
|
|
8
|
+
declare function NumberFieldScrubArea({ className, ...props }: NumberFieldPrimitive.ScrubArea.Props): import("react").JSX.Element;
|
|
9
|
+
declare function NumberFieldScrubAreaCursor({ className, children, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props): import("react").JSX.Element;
|
|
10
|
+
declare function NumberFieldGroup({ className, ...props }: NumberFieldPrimitive.Group.Props): import("react").JSX.Element;
|
|
11
|
+
declare function NumberFieldDecrement({ className, children, 'aria-label': ariaLabel, ...props }: NumberFieldPrimitive.Decrement.Props): import("react").JSX.Element;
|
|
12
|
+
declare function NumberFieldInput({ className, ...props }: NumberFieldPrimitive.Input.Props): import("react").JSX.Element;
|
|
13
|
+
declare function NumberFieldIncrement({ className, children, 'aria-label': ariaLabel, ...props }: NumberFieldPrimitive.Increment.Props): import("react").JSX.Element;
|
|
13
14
|
export { NumberField, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, };
|
|
15
|
+
export type { NumberFieldProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { OTPFieldPreview as OTPFieldPrimitive } from '@base-ui/react/otp-field';
|
|
2
|
-
declare function OTPField({ children, className, length, ...props }: OTPFieldPrimitive.Root.Props): import("react
|
|
3
|
-
declare function OTPFieldInput({ className, ...props }: OTPFieldPrimitive.Input.Props): import("react
|
|
4
|
-
declare function OTPFieldSeparator({ className, ...props }: OTPFieldPrimitive.Separator.Props): import("react
|
|
2
|
+
declare function OTPField({ children, className, length, ...props }: OTPFieldPrimitive.Root.Props): import("react").JSX.Element;
|
|
3
|
+
declare function OTPFieldInput({ className, ...props }: OTPFieldPrimitive.Input.Props): import("react").JSX.Element;
|
|
4
|
+
declare function OTPFieldSeparator({ className, ...props }: OTPFieldPrimitive.Separator.Props): import("react").JSX.Element;
|
|
5
5
|
export { OTPField, OTPFieldInput, OTPFieldSeparator };
|
|
@@ -13,13 +13,13 @@ declare function usePagination({ count, page, siblingCount, boundaryCount, }: {
|
|
|
13
13
|
nextPage: number;
|
|
14
14
|
previousPage: number;
|
|
15
15
|
};
|
|
16
|
-
declare function Pagination({ className, ...props }: ComponentProps<'nav'>): import("react
|
|
17
|
-
declare function PaginationContent({ className, ...props }: ToolbarPrimitive.Root.Props): import("react
|
|
18
|
-
declare function PaginationItem({ className, ...props }: ComponentProps<'div'>): import("react
|
|
16
|
+
declare function Pagination({ 'aria-label': ariaLabel, className, ...props }: ComponentProps<'nav'>): import("react").JSX.Element;
|
|
17
|
+
declare function PaginationContent({ className, ...props }: ToolbarPrimitive.Root.Props): import("react").JSX.Element;
|
|
18
|
+
declare function PaginationItem({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
19
19
|
declare function PaginationLink({ className, isActive, render, ...props }: ToolbarPrimitive.Link.Props & {
|
|
20
20
|
isActive?: boolean;
|
|
21
|
-
}): import("react
|
|
22
|
-
declare function PaginationPrevious({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react
|
|
23
|
-
declare function PaginationNext({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react
|
|
24
|
-
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react
|
|
21
|
+
}): import("react").JSX.Element;
|
|
22
|
+
declare function PaginationPrevious({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react").JSX.Element;
|
|
23
|
+
declare function PaginationNext({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react").JSX.Element;
|
|
24
|
+
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
25
25
|
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, usePagination, };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { InputProps } from '../Input';
|
|
3
|
+
type PasswordInputProps = Omit<InputProps, 'className' | 'type'> & {
|
|
4
|
+
className?: ComponentProps<'div'>['className'];
|
|
5
|
+
defaultVisible?: boolean;
|
|
6
|
+
onVisibleChange?: (visible: boolean) => void;
|
|
7
|
+
visibilityToggleLabels?: {
|
|
8
|
+
show: string;
|
|
9
|
+
hide: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
declare const PasswordInput: import('react').ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
13
|
+
export { PasswordInput };
|
|
14
|
+
export type { PasswordInputProps };
|
|
@@ -6,18 +6,18 @@ type PopoverContentProps = PopoverPrimitive.Popup.Props & PopoverPositionerProps
|
|
|
6
6
|
};
|
|
7
7
|
declare const Popover: typeof PopoverPrimitive.Root;
|
|
8
8
|
declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
|
|
9
|
-
declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react
|
|
10
|
-
declare function PopoverPortal({ className, ...props }: PopoverPrimitive.Portal.Props): import("react
|
|
11
|
-
declare function PopoverBackdrop({ className, ...props }: PopoverPrimitive.Backdrop.Props): import("react
|
|
12
|
-
declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react
|
|
13
|
-
declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react
|
|
14
|
-
declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react
|
|
15
|
-
declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react
|
|
16
|
-
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react
|
|
17
|
-
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react
|
|
18
|
-
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react
|
|
19
|
-
declare function PopoverBody({ className, ...props }: ComponentProps<'div'>): import("react
|
|
20
|
-
declare function PopoverFooter({ className, ...props }: ComponentProps<'div'>): import("react
|
|
21
|
-
declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react
|
|
22
|
-
declare function PopoverContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: PopoverContentProps): import("react
|
|
9
|
+
declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react").JSX.Element;
|
|
10
|
+
declare function PopoverPortal({ className, ...props }: PopoverPrimitive.Portal.Props): import("react").JSX.Element;
|
|
11
|
+
declare function PopoverBackdrop({ className, ...props }: PopoverPrimitive.Backdrop.Props): import("react").JSX.Element;
|
|
12
|
+
declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react").JSX.Element;
|
|
13
|
+
declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react").JSX.Element;
|
|
14
|
+
declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react").JSX.Element;
|
|
15
|
+
declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react").JSX.Element;
|
|
16
|
+
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react").JSX.Element;
|
|
17
|
+
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react").JSX.Element;
|
|
18
|
+
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
19
|
+
declare function PopoverBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
20
|
+
declare function PopoverFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
21
|
+
declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react").JSX.Element;
|
|
22
|
+
declare function PopoverContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: PopoverContentProps): import("react").JSX.Element;
|
|
23
23
|
export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
|
|
@@ -3,14 +3,14 @@ type PreviewCardPositionerProps = Pick<PreviewCardPrimitive.Positioner.Props, 's
|
|
|
3
3
|
type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & PreviewCardPositionerProps & {
|
|
4
4
|
showArrow?: boolean;
|
|
5
5
|
};
|
|
6
|
-
declare const PreviewCard: <Payload>(props: PreviewCardPrimitive.Root.Props<Payload>) => import("react
|
|
6
|
+
declare const PreviewCard: <Payload>(props: PreviewCardPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
|
|
7
7
|
declare const createPreviewCardHandle: typeof PreviewCardPrimitive.createHandle;
|
|
8
|
-
declare function PreviewCardTrigger({ className, render, ...props }: PreviewCardPrimitive.Trigger.Props): import("react
|
|
9
|
-
declare function PreviewCardPortal(props: PreviewCardPrimitive.Portal.Props): import("react
|
|
10
|
-
declare function PreviewCardBackdrop({ className, ...props }: PreviewCardPrimitive.Backdrop.Props): import("react
|
|
11
|
-
declare function PreviewCardPositioner({ className, ...props }: PreviewCardPrimitive.Positioner.Props): import("react
|
|
12
|
-
declare function PreviewCardPopup({ className, ...props }: PreviewCardPrimitive.Popup.Props): import("react
|
|
13
|
-
declare function PreviewCardArrow({ className, children, ...props }: PreviewCardPrimitive.Arrow.Props): import("react
|
|
14
|
-
declare function PreviewCardViewport({ className, ...props }: PreviewCardPrimitive.Viewport.Props): import("react
|
|
15
|
-
declare function PreviewCardContent({ className, sideOffset, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, showArrow, children, ...props }: PreviewCardContentProps): import("react
|
|
8
|
+
declare function PreviewCardTrigger<Payload = unknown>({ className, render, ...props }: PreviewCardPrimitive.Trigger.Props<Payload>): import("react").JSX.Element;
|
|
9
|
+
declare function PreviewCardPortal(props: PreviewCardPrimitive.Portal.Props): import("react").JSX.Element;
|
|
10
|
+
declare function PreviewCardBackdrop({ className, ...props }: PreviewCardPrimitive.Backdrop.Props): import("react").JSX.Element;
|
|
11
|
+
declare function PreviewCardPositioner({ className, ...props }: PreviewCardPrimitive.Positioner.Props): import("react").JSX.Element;
|
|
12
|
+
declare function PreviewCardPopup({ className, ...props }: PreviewCardPrimitive.Popup.Props): import("react").JSX.Element;
|
|
13
|
+
declare function PreviewCardArrow({ className, children, ...props }: PreviewCardPrimitive.Arrow.Props): import("react").JSX.Element;
|
|
14
|
+
declare function PreviewCardViewport({ className, ...props }: PreviewCardPrimitive.Viewport.Props): import("react").JSX.Element;
|
|
15
|
+
declare function PreviewCardContent({ className, sideOffset, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, showArrow, children, ...props }: PreviewCardContentProps): import("react").JSX.Element;
|
|
16
16
|
export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardPortal, PreviewCardBackdrop, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, PreviewCardViewport, PreviewCardContent, };
|
|
@@ -5,11 +5,11 @@ type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
5
5
|
declare const Radio: import('react').ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any> & {
|
|
6
6
|
size?: RadioSize;
|
|
7
7
|
}, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
8
|
-
declare function RadioIndicator({ className, children, ...props }: RadioPrimitive.Indicator.Props): import("react
|
|
9
|
-
declare function RadioIndicatorIcon({ className, ...props }: ComponentProps<'span'>): import("react
|
|
10
|
-
declare function RadioField({ className, ...props }: ComponentProps<'label'>): import("react
|
|
11
|
-
declare function RadioLabel({ className, ...props }: ComponentProps<'span'>): import("react
|
|
12
|
-
declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react
|
|
13
|
-
declare function RadioGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react
|
|
14
|
-
declare function RadioGroupList({ className, ...props }: ComponentProps<'div'>): import("react
|
|
8
|
+
declare function RadioIndicator({ className, children, ...props }: RadioPrimitive.Indicator.Props): import("react").JSX.Element;
|
|
9
|
+
declare function RadioIndicatorIcon({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
10
|
+
declare function RadioField({ className, ...props }: ComponentProps<'label'>): import("react").JSX.Element;
|
|
11
|
+
declare function RadioLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
12
|
+
declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react").JSX.Element;
|
|
13
|
+
declare function RadioGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
14
|
+
declare function RadioGroupList({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
15
15
|
export { Radio, RadioIndicator, RadioIndicatorIcon, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList, };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
2
|
+
type RatingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
type RatingProps = Omit<RadioGroupPrimitive.Props, 'children' | 'defaultValue' | 'orientation' | 'onValueChange' | 'value'> & {
|
|
4
|
+
defaultValue?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
onValueChange?: (value: number) => void;
|
|
7
|
+
size?: RatingSize;
|
|
8
|
+
value?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const Rating: import('react').ForwardRefExoticComponent<Omit<RatingProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { Rating };
|
|
12
|
+
export type { RatingProps, RatingSize };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
3
2
|
type FadeDirection = boolean | 'vertical' | 'horizontal' | 'both';
|
|
4
3
|
type Scrollbars = 'vertical' | 'horizontal' | 'both' | false;
|
|
@@ -8,9 +7,9 @@ declare const ScrollAreaContent: import('react').ForwardRefExoticComponent<Omit<
|
|
|
8
7
|
declare const ScrollAreaScrollbar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
8
|
declare const ScrollAreaThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaThumbProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
9
|
declare const ScrollAreaCorner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
-
declare
|
|
10
|
+
declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps & {
|
|
12
11
|
children?: ReactNode;
|
|
13
12
|
fade?: FadeDirection;
|
|
14
13
|
scrollbars?: Scrollbars;
|
|
15
|
-
}
|
|
14
|
+
}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
15
|
export { ScrollArea, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, };
|
|
@@ -4,31 +4,30 @@ type IndicatorPosition = 'start' | 'end';
|
|
|
4
4
|
type SelectContentProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignItemWithTrigger' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'side' | 'sideOffset'> & {
|
|
5
5
|
showArrow?: boolean;
|
|
6
6
|
};
|
|
7
|
-
type SelectItemProps = SelectPrimitive.Item.Props & {
|
|
8
|
-
indicator?: IndicatorPosition;
|
|
9
|
-
};
|
|
10
7
|
declare const Select: typeof SelectPrimitive.Root;
|
|
11
|
-
declare function SelectField({ className, ...props }: ComponentProps<'div'>): import("react
|
|
12
|
-
declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): import("react
|
|
13
|
-
declare function SelectTrigger({ className, ...props }: SelectPrimitive.Trigger.Props): import("react
|
|
14
|
-
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react
|
|
15
|
-
declare function SelectIcon({ className, children, ...props }: SelectPrimitive.Icon.Props): import("react
|
|
16
|
-
declare function SelectPortal(props: SelectPrimitive.Portal.Props): import("react
|
|
17
|
-
declare function SelectBackdrop({ className, ...props }: SelectPrimitive.Backdrop.Props): import("react
|
|
18
|
-
declare function SelectPositioner({ className, ...props }: SelectPrimitive.Positioner.Props): import("react
|
|
19
|
-
declare function SelectPopup({ className, ...props }: SelectPrimitive.Popup.Props): import("react
|
|
20
|
-
declare function SelectArrow({ className, children, ...props }: SelectPrimitive.Arrow.Props): import("react
|
|
21
|
-
declare function SelectContent({ className, children, showArrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: SelectContentProps): import("react
|
|
22
|
-
declare function SelectScrollUpArrow({ className, children, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react
|
|
23
|
-
declare function SelectScrollDownArrow({ className, children, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react
|
|
24
|
-
declare function SelectList({ className, ...props }: SelectPrimitive.List.Props): import("react
|
|
25
|
-
declare function SelectItem({ className, indicator, ...props }:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
declare function
|
|
29
|
-
declare function
|
|
30
|
-
declare function
|
|
31
|
-
declare function
|
|
32
|
-
declare function
|
|
33
|
-
declare function
|
|
8
|
+
declare function SelectField({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
9
|
+
declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): import("react").JSX.Element;
|
|
10
|
+
declare function SelectTrigger({ className, ...props }: SelectPrimitive.Trigger.Props): import("react").JSX.Element;
|
|
11
|
+
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react").JSX.Element;
|
|
12
|
+
declare function SelectIcon({ className, children, ...props }: SelectPrimitive.Icon.Props): import("react").JSX.Element;
|
|
13
|
+
declare function SelectPortal(props: SelectPrimitive.Portal.Props): import("react").JSX.Element;
|
|
14
|
+
declare function SelectBackdrop({ className, ...props }: SelectPrimitive.Backdrop.Props): import("react").JSX.Element;
|
|
15
|
+
declare function SelectPositioner({ className, ...props }: SelectPrimitive.Positioner.Props): import("react").JSX.Element;
|
|
16
|
+
declare function SelectPopup({ className, ...props }: SelectPrimitive.Popup.Props): import("react").JSX.Element;
|
|
17
|
+
declare function SelectArrow({ className, children, ...props }: SelectPrimitive.Arrow.Props): import("react").JSX.Element;
|
|
18
|
+
declare function SelectContent({ className, children, showArrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: SelectContentProps): import("react").JSX.Element;
|
|
19
|
+
declare function SelectScrollUpArrow({ className, children, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react").JSX.Element;
|
|
20
|
+
declare function SelectScrollDownArrow({ className, children, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react").JSX.Element;
|
|
21
|
+
declare function SelectList({ className, ...props }: SelectPrimitive.List.Props): import("react").JSX.Element;
|
|
22
|
+
declare function SelectItem({ className, indicator, ...props }: SelectPrimitive.Item.Props & {
|
|
23
|
+
indicator?: IndicatorPosition;
|
|
24
|
+
}): import("react").JSX.Element;
|
|
25
|
+
declare function SelectItemIndicator({ className, children, ...props }: SelectPrimitive.ItemIndicator.Props): import("react").JSX.Element;
|
|
26
|
+
declare function SelectItemText({ className, ...props }: SelectPrimitive.ItemText.Props): import("react").JSX.Element;
|
|
27
|
+
declare function SelectItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
28
|
+
declare function SelectItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
29
|
+
declare function SelectItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
30
|
+
declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react").JSX.Element;
|
|
31
|
+
declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react").JSX.Element;
|
|
32
|
+
declare function SelectGroupLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react").JSX.Element;
|
|
34
33
|
export { Select, SelectField, SelectLabel, SelectTrigger, SelectValue, SelectIcon, SelectPortal, SelectBackdrop, SelectPositioner, SelectPopup, SelectArrow, SelectContent, SelectScrollUpArrow, SelectScrollDownArrow, SelectList, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectSeparator, SelectGroup, SelectGroupLabel, };
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
3
|
-
declare function Separator({ className, ...props }: ComponentProps<typeof SeparatorPrimitive>): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
declare const Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
4
2
|
export { Separator };
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { Slider as SliderPrimitive } from '@base-ui/react/slider';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
declare
|
|
6
|
-
declare
|
|
7
|
-
declare
|
|
8
|
-
declare
|
|
9
|
-
declare
|
|
2
|
+
import { ComponentRef, ReactElement, RefAttributes } from 'react';
|
|
3
|
+
type SliderValue = number | readonly number[];
|
|
4
|
+
type SliderRootComponent = <Value extends SliderValue = SliderValue>(props: SliderPrimitive.Root.Props<Value> & RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>) => ReactElement;
|
|
5
|
+
declare const Slider: SliderRootComponent;
|
|
6
|
+
declare const SliderRoot: SliderRootComponent;
|
|
7
|
+
declare const SliderLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const SliderValue: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderValueProps, "ref"> & RefAttributes<HTMLOutputElement>>;
|
|
9
|
+
declare const SliderControl: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderControlProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const SliderTrack: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderTrackProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const SliderIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderIndicatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const SliderThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderThumbProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
10
13
|
export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
type SnapCarouselOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
type SnapCarouselAlign = 'start' | 'center' | 'end';
|
|
4
|
+
type SnapCarouselProps = ComponentProps<'div'> & {
|
|
5
|
+
align?: SnapCarouselAlign;
|
|
6
|
+
orientation?: SnapCarouselOrientation;
|
|
7
|
+
};
|
|
8
|
+
type SnapCarouselContentProps = ComponentProps<'div'> & {
|
|
9
|
+
itemClassName?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function SnapCarousel({ align, className, orientation, ...props }: SnapCarouselProps): import("react").JSX.Element;
|
|
12
|
+
declare function SnapCarouselViewport({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, role, tabIndex, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
13
|
+
declare function SnapCarouselContent({ 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className, itemClassName, onKeyDown, tabIndex, ...props }: SnapCarouselContentProps): import("react").JSX.Element;
|
|
14
|
+
declare function SnapCarouselItem({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
15
|
+
declare function SnapCarouselPrevious(props: ComponentProps<'button'>): import("react").JSX.Element;
|
|
16
|
+
declare function SnapCarouselNext(props: ComponentProps<'button'>): import("react").JSX.Element;
|
|
17
|
+
export { SnapCarousel, SnapCarouselViewport, SnapCarouselContent, SnapCarouselItem, SnapCarouselPrevious, SnapCarouselNext, };
|
|
18
|
+
export type { SnapCarouselAlign, SnapCarouselContentProps, SnapCarouselOrientation, SnapCarouselProps, };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { SnapCarousel, SnapCarouselViewport, SnapCarouselContent, SnapCarouselItem, SnapCarouselPrevious, SnapCarouselNext, } from './SnapCarousel';
|
|
2
|
+
export type { SnapCarouselAlign, SnapCarouselContentProps, SnapCarouselOrientation, SnapCarouselProps, } from './SnapCarousel';
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
|
|
3
|
+
type SpinnerProps = ComponentProps<'span'> & {
|
|
4
4
|
size?: SpinnerSize;
|
|
5
5
|
decorative?: boolean;
|
|
6
|
-
}
|
|
6
|
+
};
|
|
7
|
+
declare function Spinner({ className, size, decorative, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: SpinnerProps): import("react").JSX.Element;
|
|
7
8
|
export { Spinner };
|
|
9
|
+
export type { SpinnerProps, SpinnerSize };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Menu as MenuPrimitive } from '@base-ui/react/menu';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ButtonProps, ButtonSize, ButtonVariant } from '../Button';
|
|
4
|
+
import { MenuContentProps } from '../Menu';
|
|
5
|
+
type SplitButtonVariant = Exclude<ButtonVariant, 'link'>;
|
|
6
|
+
type SplitButtonSize = Exclude<ButtonSize, 'icon-sm' | 'icon-md' | 'icon-lg'>;
|
|
7
|
+
type SplitButtonProps = Omit<MenuPrimitive.Root.Props, 'children'> & {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
size?: SplitButtonSize;
|
|
11
|
+
variant?: SplitButtonVariant;
|
|
12
|
+
};
|
|
13
|
+
type SplitButtonActionProps = Omit<ButtonProps, 'size' | 'variant'> & {
|
|
14
|
+
size?: SplitButtonSize;
|
|
15
|
+
variant?: SplitButtonVariant;
|
|
16
|
+
};
|
|
17
|
+
type SplitButtonTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'render'> & {
|
|
18
|
+
size?: SplitButtonSize;
|
|
19
|
+
variant?: SplitButtonVariant;
|
|
20
|
+
};
|
|
21
|
+
type SplitButtonContentProps = MenuContentProps;
|
|
22
|
+
declare function SplitButton({ children, className, size, variant, ...props }: SplitButtonProps): import("react").JSX.Element;
|
|
23
|
+
declare const SplitButtonAction: import('react').ForwardRefExoticComponent<Omit<SplitButtonActionProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
24
|
+
declare function SplitButtonTrigger({ children, className, size, variant, 'aria-label': ariaLabel, ...props }: SplitButtonTriggerProps): import("react").JSX.Element;
|
|
25
|
+
declare function SplitButtonContent({ align, sideOffset, ...props }: SplitButtonContentProps): import("react").JSX.Element;
|
|
26
|
+
export { SplitButton, SplitButtonAction, SplitButtonTrigger, SplitButtonContent };
|
|
27
|
+
export type { SplitButtonActionProps, SplitButtonContentProps, SplitButtonProps, SplitButtonSize, SplitButtonTriggerProps, SplitButtonVariant, };
|
|
@@ -11,5 +11,5 @@ declare function Stack({ as: Root, className, style, direction, gap, align, just
|
|
|
11
11
|
justify?: CSSProperties['justifyContent'];
|
|
12
12
|
wrap?: CSSProperties['flexWrap'];
|
|
13
13
|
fill?: boolean;
|
|
14
|
-
}): import("react
|
|
14
|
+
}): import("react").JSX.Element;
|
|
15
15
|
export { Stack };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
type StepperOrientation = 'horizontal' | 'vertical';
|
|
4
|
+
type StepperStatus = 'inactive' | 'current' | 'completed';
|
|
5
|
+
declare function Stepper({ className, currentStep, orientation, 'aria-label': ariaLabel, ...props }: ComponentProps<'nav'> & {
|
|
6
|
+
currentStep?: number;
|
|
7
|
+
orientation?: StepperOrientation;
|
|
8
|
+
}): import("react").JSX.Element;
|
|
9
|
+
declare function StepperList({ className, ...props }: ComponentProps<'ol'>): import("react").JSX.Element;
|
|
10
|
+
declare function StepperItem({ className, status, step, 'aria-current': ariaCurrent, ...props }: ComponentProps<'li'> & {
|
|
11
|
+
status?: StepperStatus;
|
|
12
|
+
step: number;
|
|
13
|
+
}): import("react").JSX.Element;
|
|
14
|
+
declare function StepperTrigger({ className, disabled, render, tabIndex, type, 'aria-current': ariaCurrent, 'aria-disabled': ariaDisabled, ...props }: useRender.ComponentProps<'button'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
15
|
+
declare function StepperIndicator({ children, className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
16
|
+
declare function StepperContent({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
|
|
17
|
+
declare function StepperTitle({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
18
|
+
declare function StepperDescription({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
19
|
+
export { Stepper, StepperList, StepperItem, StepperTrigger, StepperIndicator, StepperContent, StepperTitle, StepperDescription, };
|
|
20
|
+
export type { StepperOrientation, StepperStatus };
|
|
@@ -4,7 +4,7 @@ type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
4
4
|
declare const Switch: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SwitchRootProps & {
|
|
5
5
|
size?: SwitchSize;
|
|
6
6
|
}, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
7
|
-
declare function SwitchThumb({ className, ...props }: SwitchPrimitive.Thumb.Props): import("react
|
|
8
|
-
declare function SwitchField({ className, ...props }: ComponentProps<'label'>): import("react
|
|
9
|
-
declare function SwitchLabel({ className, ...props }: ComponentProps<'span'>): import("react
|
|
7
|
+
declare function SwitchThumb({ className, ...props }: SwitchPrimitive.Thumb.Props): import("react").JSX.Element;
|
|
8
|
+
declare function SwitchField({ className, ...props }: ComponentProps<'label'>): import("react").JSX.Element;
|
|
9
|
+
declare function SwitchLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
|
|
10
10
|
export { Switch, SwitchThumb, SwitchField, SwitchLabel };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
declare function TableContainer({ className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
|
|
3
|
+
declare function Table({ className, ...props }: ComponentPropsWithoutRef<'table'>): import("react").JSX.Element;
|
|
4
|
+
declare function TableHeader({ className, ...props }: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
|
|
5
|
+
declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
|
|
6
|
+
declare function TableFooter({ className, ...props }: ComponentPropsWithoutRef<'tfoot'>): import("react").JSX.Element;
|
|
7
|
+
declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
|
|
8
|
+
declare function TableHead({ className, numeric, ...props }: ComponentPropsWithoutRef<'th'> & {
|
|
9
|
+
numeric?: boolean;
|
|
10
|
+
}): import("react").JSX.Element;
|
|
11
|
+
declare function TableCell({ className, numeric, ...props }: ComponentPropsWithoutRef<'td'> & {
|
|
12
|
+
numeric?: boolean;
|
|
13
|
+
}): import("react").JSX.Element;
|
|
14
|
+
declare function TableEmpty({ children, className, colSpan, ...props }: ComponentPropsWithoutRef<'td'> & {
|
|
15
|
+
colSpan: number;
|
|
16
|
+
}): import("react").JSX.Element;
|
|
17
|
+
declare function TableCaption({ className, side, ...props }: ComponentPropsWithoutRef<'caption'> & {
|
|
18
|
+
side?: 'top' | 'bottom';
|
|
19
|
+
}): import("react").JSX.Element;
|
|
20
|
+
export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Table';
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
type TextElement = 'p' | 'span' | 'small' | 'strong' | 'em' | 'div';
|
|
3
|
+
type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
5
|
+
type TextTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
|
|
6
|
+
type TextAlign = 'left' | 'center' | 'right';
|
|
7
|
+
type TextProps = useRender.ComponentProps<'p'> & {
|
|
8
|
+
as?: TextElement;
|
|
9
|
+
size?: TextSize;
|
|
10
|
+
weight?: TextWeight;
|
|
11
|
+
tone?: TextTone;
|
|
12
|
+
align?: TextAlign;
|
|
13
|
+
};
|
|
14
|
+
declare function Text({ as, render, size, weight, tone, align, className, ...props }: TextProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
9
15
|
export { Text };
|
|
16
|
+
export type { TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './Text';
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
type TextareaProps = ComponentProps<'textarea'> & {
|
|
2
3
|
autoResize?: boolean;
|
|
3
|
-
}
|
|
4
|
+
};
|
|
5
|
+
declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
4
6
|
export { Textarea };
|
|
7
|
+
export type { TextareaProps };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ToastManager as BaseToastManager, ToastObject, Toast as ToastPrimitive } from '@base-ui/react/toast';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
type ToastPlacement = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
4
|
-
type ToastStackBehavior = 'stacked' | 'expanded';
|
|
3
|
+
export type ToastPlacement = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
4
|
+
export type ToastStackBehavior = 'stacked' | 'expanded';
|
|
5
5
|
type ToastItem = ToastObject<any>;
|
|
6
|
-
type AnchoredToastOptions = Omit<Parameters<BaseToastManager['add']>[0], 'id' | 'positionerProps'> & {
|
|
6
|
+
export type AnchoredToastOptions = Omit<Parameters<BaseToastManager['add']>[0], 'id' | 'positionerProps'> & {
|
|
7
7
|
anchor: Element;
|
|
8
8
|
id?: string;
|
|
9
9
|
positionerProps?: NonNullable<Parameters<BaseToastManager['add']>[0]['positionerProps']>;
|
|
@@ -12,32 +12,32 @@ declare const createToastManager: typeof ToastPrimitive.createToastManager;
|
|
|
12
12
|
declare const useToastManager: typeof ToastPrimitive.useToastManager;
|
|
13
13
|
declare function ToastProvider({ children, toastManager, anchoredToastManager, ...props }: ToastPrimitive.Provider.Props & {
|
|
14
14
|
anchoredToastManager?: BaseToastManager;
|
|
15
|
-
}): import("react
|
|
16
|
-
declare function ToastPortal({ className, ...props }: ToastPrimitive.Portal.Props): import("react
|
|
15
|
+
}): import("react").JSX.Element;
|
|
16
|
+
declare function ToastPortal({ className, ...props }: ToastPrimitive.Portal.Props): import("react").JSX.Element;
|
|
17
17
|
declare function ToastViewport({ className, placement, stackBehavior, ...props }: ToastPrimitive.Viewport.Props & {
|
|
18
18
|
placement?: ToastPlacement;
|
|
19
19
|
stackBehavior?: ToastStackBehavior;
|
|
20
|
-
}): import("react
|
|
20
|
+
}): import("react").JSX.Element;
|
|
21
21
|
declare function ToastRoot(props: ToastPrimitive.Root.Props & {
|
|
22
22
|
placement?: ToastPlacement;
|
|
23
|
-
}): import("react
|
|
24
|
-
declare function ToastContent(props: ToastPrimitive.Content.Props): import("react
|
|
25
|
-
declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props): import("react
|
|
26
|
-
declare function ToastDescription(props: ToastPrimitive.Description.Props): import("react
|
|
27
|
-
declare function ToastAction({ className, ...props }: ToastPrimitive.Action.Props): import("react
|
|
28
|
-
declare function ToastClose({ className, children, ...props }: ToastPrimitive.Close.Props): import("react
|
|
29
|
-
declare function ToastPositioner({ className, ...props }: ToastPrimitive.Positioner.Props): import("react
|
|
30
|
-
declare function ToastArrow(props: ToastPrimitive.Arrow.Props): import("react
|
|
23
|
+
}): import("react").JSX.Element;
|
|
24
|
+
declare function ToastContent(props: ToastPrimitive.Content.Props): import("react").JSX.Element;
|
|
25
|
+
declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props): import("react").JSX.Element;
|
|
26
|
+
declare function ToastDescription(props: ToastPrimitive.Description.Props): import("react").JSX.Element;
|
|
27
|
+
declare function ToastAction({ className, ...props }: ToastPrimitive.Action.Props): import("react").JSX.Element;
|
|
28
|
+
declare function ToastClose({ className, children, ...props }: ToastPrimitive.Close.Props): import("react").JSX.Element;
|
|
29
|
+
declare function ToastPositioner({ className, ...props }: ToastPrimitive.Positioner.Props): import("react").JSX.Element;
|
|
30
|
+
declare function ToastArrow(props: ToastPrimitive.Arrow.Props): import("react").JSX.Element;
|
|
31
31
|
declare function ToastRegion({ className, container, renderToast, placement, stackBehavior, ...props }: Omit<ToastPrimitive.Viewport.Props, 'children'> & {
|
|
32
32
|
placement?: ToastPlacement;
|
|
33
33
|
stackBehavior?: ToastStackBehavior;
|
|
34
34
|
container?: ToastPrimitive.Portal.Props['container'];
|
|
35
35
|
renderToast?: (toast: ToastItem, index: number) => ReactNode;
|
|
36
|
-
}): import("react
|
|
36
|
+
}): import("react").JSX.Element;
|
|
37
37
|
declare function ToastAnchoredRegion({ className, container, renderToast, ...props }: Omit<ToastPrimitive.Viewport.Props, 'children'> & {
|
|
38
38
|
container?: ToastPrimitive.Portal.Props['container'];
|
|
39
39
|
renderToast?: (toast: ToastItem, index: number) => ReactNode;
|
|
40
|
-
}): import("react
|
|
40
|
+
}): import("react").JSX.Element;
|
|
41
41
|
declare function useAnchoredToastManager(): {
|
|
42
42
|
manager: BaseToastManager;
|
|
43
43
|
show: (options: AnchoredToastOptions) => string;
|
|
@@ -1 +1,2 @@
|
|
|
1
1
|
export { ToastProvider, ToastPortal, ToastViewport, ToastRoot, ToastContent, ToastTitle, ToastDescription, ToastAction, ToastClose, ToastPositioner, ToastArrow, ToastRegion, ToastAnchoredRegion, createToastManager, useToastManager, useAnchoredToastManager, } from './Toast';
|
|
2
|
+
export type { AnchoredToastOptions, ToastPlacement, ToastStackBehavior } from './Toast';
|