moduix 0.8.5 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +7 -40
- package/dist/components/Accordion/index.d.ts +0 -1
- package/dist/components/Alert/Alert.d.ts +10 -0
- package/dist/components/Alert/index.d.ts +1 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +6 -37
- package/dist/components/AlertDialog/index.d.ts +1 -2
- package/dist/components/Autocomplete/Autocomplete.d.ts +32 -70
- package/dist/components/Autocomplete/index.d.ts +1 -2
- package/dist/components/Avatar/Avatar.d.ts +1 -8
- package/dist/components/Avatar/index.d.ts +0 -1
- package/dist/components/Badge/Badge.d.ts +6 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Bleed/Bleed.d.ts +6 -13
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +10 -43
- package/dist/components/Breadcrumbs/index.d.ts +1 -2
- package/dist/components/Button/Button.d.ts +4 -19
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/index.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +7 -42
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +7 -17
- package/dist/components/CheckboxGroup/index.d.ts +0 -1
- package/dist/components/CloseButton/CloseButton.d.ts +1 -3
- package/dist/components/Collapsible/Collapsible.d.ts +5 -34
- package/dist/components/Collapsible/index.d.ts +0 -1
- package/dist/components/Combobox/Combobox.d.ts +36 -82
- package/dist/components/Combobox/index.d.ts +1 -2
- package/dist/components/CommandPalette/CommandPalette.d.ts +48 -0
- package/dist/components/CommandPalette/index.d.ts +1 -0
- package/dist/components/Container/Container.d.ts +8 -0
- package/dist/components/Container/index.d.ts +1 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +23 -50
- package/dist/components/ContextMenu/index.d.ts +1 -2
- package/dist/components/Dialog/Dialog.d.ts +12 -36
- package/dist/components/Dialog/index.d.ts +1 -2
- package/dist/components/Drawer/Drawer.d.ts +16 -51
- package/dist/components/Drawer/index.d.ts +1 -2
- package/dist/components/Field/Field.d.ts +0 -18
- package/dist/components/Field/index.d.ts +0 -1
- package/dist/components/Fieldset/Fieldset.d.ts +1 -6
- package/dist/components/Fieldset/index.d.ts +0 -1
- package/dist/components/Form/Form.d.ts +1 -10
- package/dist/components/Form/index.d.ts +0 -1
- package/dist/components/Heading/Heading.d.ts +16 -12
- package/dist/components/Input/Input.d.ts +6 -12
- package/dist/components/Input/index.d.ts +0 -1
- package/dist/components/InputGroup/InputGroup.d.ts +16 -0
- package/dist/components/InputGroup/index.d.ts +1 -0
- package/dist/components/Kbd/Kbd.d.ts +4 -0
- package/dist/components/Kbd/index.d.ts +1 -0
- package/dist/components/Lightbox/Lightbox.d.ts +23 -51
- package/dist/components/List/List.d.ts +13 -21
- package/dist/components/Menu/Menu.d.ts +25 -51
- package/dist/components/Menu/index.d.ts +1 -2
- package/dist/components/Menubar/Menubar.d.ts +24 -61
- package/dist/components/Menubar/index.d.ts +1 -2
- package/dist/components/Meter/Meter.d.ts +3 -15
- package/dist/components/Meter/index.d.ts +1 -2
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +16 -84
- package/dist/components/NavigationMenu/index.d.ts +1 -2
- package/dist/components/NumberField/NumberField.d.ts +8 -29
- package/dist/components/NumberField/index.d.ts +1 -2
- package/dist/components/OTPField/OTPField.d.ts +1 -26
- package/dist/components/OTPField/index.d.ts +0 -1
- package/dist/components/Pagination/Pagination.d.ts +23 -21
- package/dist/components/Pagination/index.d.ts +1 -2
- package/dist/components/Popover/Popover.d.ts +15 -38
- package/dist/components/Popover/index.d.ts +1 -2
- package/dist/components/PreviewCard/PreviewCard.d.ts +11 -28
- package/dist/components/PreviewCard/index.d.ts +1 -2
- package/dist/components/Progress/Progress.d.ts +7 -15
- package/dist/components/Progress/index.d.ts +1 -2
- package/dist/components/Radio/Radio.d.ts +10 -29
- package/dist/components/Radio/index.d.ts +1 -2
- package/dist/components/ScrollArea/ScrollArea.d.ts +15 -38
- package/dist/components/ScrollArea/index.d.ts +1 -2
- package/dist/components/Select/Select.d.ts +15 -50
- package/dist/components/Select/index.d.ts +1 -2
- package/dist/components/Separator/Separator.d.ts +2 -3
- package/dist/components/Separator/index.d.ts +0 -1
- package/dist/components/Skeleton/Skeleton.d.ts +9 -33
- package/dist/components/Slider/Slider.d.ts +6 -18
- package/dist/components/Slider/index.d.ts +1 -2
- package/dist/components/Spinner/Spinner.d.ts +7 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Stack/Stack.d.ts +15 -0
- package/dist/components/Stack/index.d.ts +1 -0
- package/dist/components/Switch/Switch.d.ts +7 -15
- package/dist/components/Switch/index.d.ts +1 -2
- package/dist/components/Tabs/Tabs.d.ts +8 -32
- package/dist/components/Tabs/index.d.ts +1 -2
- package/dist/components/Text/Text.d.ts +9 -17
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +4 -0
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Toast/Toast.d.ts +37 -66
- package/dist/components/Toast/index.d.ts +1 -2
- package/dist/components/Toggle/Toggle.d.ts +5 -11
- package/dist/components/Toggle/index.d.ts +0 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +7 -13
- package/dist/components/ToggleGroup/index.d.ts +0 -1
- package/dist/components/Toolbar/Toolbar.d.ts +7 -19
- package/dist/components/Toolbar/index.d.ts +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts +10 -28
- package/dist/components/Tooltip/index.d.ts +1 -2
- package/dist/icons/demo/Icons.d.ts +13 -0
- package/dist/icons/demo/index.d.ts +1 -0
- package/dist/icons/ui/Icons.d.ts +21 -0
- package/dist/icons/ui/index.d.ts +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +12 -1
- package/dist/index.js +3449 -3710
- package/package.json +3 -3
- package/dist/primitives/Icons/Icons.d.ts +0 -36
- package/dist/primitives/Icons/index.d.ts +0 -1
- package/dist/primitives/index.d.ts +0 -1
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { NumberField, NumberFieldScrubArea, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, } from './NumberField';
|
|
2
|
-
export type { NumberFieldClassNames, NumberFieldProps, NumberFieldScrubAreaClassNames, NumberFieldScrubAreaProps, NumberFieldGroupProps, NumberFieldDecrementProps, NumberFieldInputProps, NumberFieldIncrementProps, } from './NumberField';
|
|
1
|
+
export { NumberField, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, } from './NumberField';
|
|
@@ -1,30 +1,5 @@
|
|
|
1
1
|
import { OTPFieldPreview as OTPFieldPrimitive } from '@base-ui/react/otp-field';
|
|
2
|
-
|
|
3
|
-
declare function OTPField({ className, children, groupSize, inputProps, length, separator, ...props }: OTPFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function OTPField({ children, className, length, ...props }: OTPFieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
declare function OTPFieldInput({ className, ...props }: OTPFieldPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
declare function OTPFieldSeparator({ className, ...props }: OTPFieldPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
type OTPFieldAutoInputProps = OTPFieldPrimitive.Input.Props;
|
|
7
|
-
type OTPFieldAutoInputPropsFactory = (index: number, length: number) => OTPFieldAutoInputProps | undefined;
|
|
8
|
-
type OTPFieldSeparatorRenderDetails = {
|
|
9
|
-
index: number;
|
|
10
|
-
length: number;
|
|
11
|
-
};
|
|
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[];
|
|
18
|
-
/**
|
|
19
|
-
* Props applied to automatically rendered input slots when `children` are not provided.
|
|
20
|
-
*/
|
|
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);
|
|
26
|
-
};
|
|
27
|
-
type OTPFieldInputProps = OTPFieldPrimitive.Input.Props;
|
|
28
|
-
type OTPFieldSeparatorProps = OTPFieldPrimitive.Separator.Props;
|
|
29
5
|
export { OTPField, OTPFieldInput, OTPFieldSeparator };
|
|
30
|
-
export type { OTPFieldProps, OTPFieldInputProps, OTPFieldSeparatorProps };
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type PaginationSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
-
type PaginationProps = Omit<React.ComponentProps<'nav'>, 'onChange'> & {
|
|
1
|
+
import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
declare function usePagination({ count, page, siblingCount, boundaryCount, }: {
|
|
6
4
|
count: number;
|
|
7
|
-
page
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
toolbarSize?: PaginationToolbarSize;
|
|
18
|
-
previousLabel?: string;
|
|
19
|
-
nextLabel?: string;
|
|
5
|
+
page: number;
|
|
6
|
+
siblingCount?: number;
|
|
7
|
+
boundaryCount?: number;
|
|
8
|
+
}): {
|
|
9
|
+
items: (number | "ellipsis-start" | "ellipsis-end")[];
|
|
10
|
+
page: number;
|
|
11
|
+
canNextPage: boolean;
|
|
12
|
+
canPreviousPage: boolean;
|
|
13
|
+
nextPage: number;
|
|
14
|
+
previousPage: number;
|
|
20
15
|
};
|
|
21
|
-
declare function Pagination({ className,
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
declare function Pagination({ className, ...props }: ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function PaginationContent({ className, ...props }: ToolbarPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function PaginationItem({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function PaginationLink({ className, isActive, render, ...props }: ToolbarPrimitive.Link.Props & {
|
|
20
|
+
isActive?: boolean;
|
|
21
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function PaginationPrevious({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function PaginationNext({ children, className, render, 'aria-label': ariaLabel, ...props }: ToolbarPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, usePagination, };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { Pagination } from './Pagination';
|
|
2
|
-
export type { PaginationProps, PaginationSize, PaginationToolbarVariant, PaginationToolbarSize, } from './Pagination';
|
|
1
|
+
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, usePagination, } from './Pagination';
|
|
@@ -1,46 +1,23 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
1
2
|
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
|
-
|
|
3
|
-
type
|
|
4
|
-
|
|
5
|
-
backdrop?: PopoverPrimitive.Backdrop.Props['className'];
|
|
6
|
-
positioner?: PopoverPrimitive.Positioner.Props['className'];
|
|
7
|
-
viewport?: PopoverPrimitive.Viewport.Props['className'];
|
|
8
|
-
arrow?: PopoverPrimitive.Arrow.Props['className'];
|
|
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
|
-
};
|
|
17
|
-
type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
|
|
18
|
-
classNames?: PopoverContentClassNames;
|
|
19
|
-
slotProps?: PopoverContentSlotProps;
|
|
20
|
-
container?: PopoverPrimitive.Portal.Props['container'];
|
|
21
|
-
withArrow?: boolean;
|
|
22
|
-
arrow?: boolean | React.ReactNode;
|
|
23
|
-
withBackdrop?: boolean;
|
|
24
|
-
withViewport?: boolean;
|
|
3
|
+
type PopoverPositionerProps = Pick<PopoverPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
|
|
4
|
+
type PopoverContentProps = PopoverPrimitive.Popup.Props & PopoverPositionerProps & {
|
|
5
|
+
showArrow?: boolean;
|
|
25
6
|
};
|
|
26
7
|
declare const Popover: typeof PopoverPrimitive.Root;
|
|
27
8
|
declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
|
|
28
9
|
declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PopoverPortal({ className, ...props }: PopoverPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function PopoverBackdrop({ className, ...props }: PopoverPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
16
|
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
17
|
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
declare function PopoverHeader({ className, ...props }:
|
|
32
|
-
declare function PopoverBody({ className, ...props }:
|
|
33
|
-
declare function PopoverFooter({ className, ...props }:
|
|
18
|
+
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function PopoverBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function PopoverFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
34
21
|
declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
declare function PopoverContent({ className,
|
|
36
|
-
|
|
37
|
-
type PopoverHandle<Payload = unknown> = PopoverPrimitive.Handle<Payload>;
|
|
38
|
-
type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
|
|
39
|
-
type PopoverTitleProps = PopoverPrimitive.Title.Props;
|
|
40
|
-
type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
|
|
41
|
-
type PopoverHeaderProps = React.ComponentProps<'div'>;
|
|
42
|
-
type PopoverBodyProps = React.ComponentProps<'div'>;
|
|
43
|
-
type PopoverFooterProps = React.ComponentProps<'div'>;
|
|
44
|
-
type PopoverCloseProps = PopoverPrimitive.Close.Props;
|
|
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, };
|
|
22
|
+
declare function PopoverContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
|
|
@@ -1,2 +1 @@
|
|
|
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
|
+
export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
|
|
@@ -1,33 +1,16 @@
|
|
|
1
1
|
import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
|
|
2
|
-
|
|
3
|
-
type
|
|
4
|
-
|
|
5
|
-
backdrop?: PreviewCardPrimitive.Backdrop.Props['className'];
|
|
6
|
-
positioner?: PreviewCardPrimitive.Positioner.Props['className'];
|
|
7
|
-
arrow?: PreviewCardPrimitive.Arrow.Props['className'];
|
|
8
|
-
viewport?: PreviewCardPrimitive.Viewport.Props['className'];
|
|
9
|
-
};
|
|
10
|
-
type PreviewCardContentSlotProps = {
|
|
11
|
-
portal?: Omit<PreviewCardPrimitive.Portal.Props, 'className' | 'children'>;
|
|
12
|
-
backdrop?: Omit<PreviewCardPrimitive.Backdrop.Props, 'className'>;
|
|
13
|
-
positioner?: Omit<PreviewCardPrimitive.Positioner.Props, 'className' | 'children'>;
|
|
14
|
-
arrow?: Omit<PreviewCardPrimitive.Arrow.Props, 'className' | 'children'>;
|
|
15
|
-
viewport?: Omit<PreviewCardPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
16
|
-
};
|
|
17
|
-
type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, 'disableAnchorTracking' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
|
|
18
|
-
classNames?: PreviewCardContentClassNames;
|
|
19
|
-
slotProps?: PreviewCardContentSlotProps;
|
|
20
|
-
container?: PreviewCardPrimitive.Portal.Props['container'];
|
|
21
|
-
withArrow?: boolean;
|
|
22
|
-
arrow?: boolean | React.ReactNode;
|
|
23
|
-
withBackdrop?: boolean;
|
|
2
|
+
type PreviewCardPositionerProps = Pick<PreviewCardPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
|
|
3
|
+
type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props & PreviewCardPositionerProps & {
|
|
4
|
+
showArrow?: boolean;
|
|
24
5
|
};
|
|
25
6
|
declare const PreviewCard: <Payload>(props: PreviewCardPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
26
7
|
declare const createPreviewCardHandle: typeof PreviewCardPrimitive.createHandle;
|
|
27
8
|
declare function PreviewCardTrigger({ className, render, ...props }: PreviewCardPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
declare function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
9
|
+
declare function PreviewCardPortal(props: PreviewCardPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PreviewCardBackdrop({ className, ...props }: PreviewCardPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function PreviewCardPositioner({ className, ...props }: PreviewCardPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function PreviewCardPopup({ className, ...props }: PreviewCardPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function PreviewCardArrow({ className, children, ...props }: PreviewCardPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function PreviewCardViewport({ className, ...props }: PreviewCardPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function PreviewCardContent({ className, sideOffset, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, showArrow, children, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardPortal, PreviewCardBackdrop, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, PreviewCardViewport, PreviewCardContent, };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardContent, } from './PreviewCard';
|
|
2
|
-
export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardContentClassNames, PreviewCardContentProps, PreviewCardContentSlotProps, } from './PreviewCard';
|
|
1
|
+
export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardPortal, PreviewCardBackdrop, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, PreviewCardViewport, PreviewCardContent, } from './PreviewCard';
|
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
declare function Progress({ className, classNames, children, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
type ProgressLabelProps = ProgressPrimitive.Label.Props;
|
|
13
|
-
type ProgressValueProps = ProgressPrimitive.Value.Props;
|
|
14
|
-
export { Progress, ProgressLabel, ProgressValue };
|
|
15
|
-
export type { ProgressClassNames, ProgressProps, ProgressLabelProps, ProgressValueProps };
|
|
1
|
+
declare const Progress: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
|
+
declare const ProgressRoot: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const ProgressTrack: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const ProgressIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const ProgressLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const ProgressValue: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
export { Progress, ProgressRoot, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { Progress, ProgressLabel, ProgressValue } from './Progress';
|
|
2
|
-
export type { ProgressClassNames, ProgressProps, ProgressLabelProps, ProgressValueProps, } from './Progress';
|
|
1
|
+
export { Progress, ProgressRoot, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, } from './Progress';
|
|
@@ -1,34 +1,15 @@
|
|
|
1
1
|
import { Radio as RadioPrimitive } from '@base-ui/react/radio';
|
|
2
2
|
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
|
|
3
|
-
import
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
4
|
type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
-
|
|
6
|
-
indicator?: RadioIndicatorProps['className'];
|
|
7
|
-
indicatorIcon?: RadioIndicatorIconProps['className'];
|
|
8
|
-
};
|
|
9
|
-
type RadioProps = RadioPrimitive.Root.Props & {
|
|
5
|
+
declare const Radio: import('react').ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any> & {
|
|
10
6
|
size?: RadioSize;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
declare function
|
|
15
|
-
declare function
|
|
16
|
-
declare function RadioLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
}, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
declare function RadioIndicator({ className, children, ...props }: RadioPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function RadioIndicatorIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function RadioField({ className, ...props }: ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function RadioLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
17
12
|
declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
declare function RadioGroupLabel({ className, ...props }:
|
|
19
|
-
declare function RadioGroupList({ className, ...props }:
|
|
20
|
-
|
|
21
|
-
type RadioGroupItemControlProps = Omit<RadioProps, 'children'>;
|
|
22
|
-
declare function RadioGroupItemControl(props: RadioGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
declare function RadioGroupItemLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
type RadioFieldProps = React.ComponentProps<'label'>;
|
|
25
|
-
type RadioLabelProps = React.ComponentProps<'span'>;
|
|
26
|
-
type RadioIndicatorProps = RadioPrimitive.Indicator.Props;
|
|
27
|
-
type RadioIndicatorIconProps = React.ComponentProps<'span'>;
|
|
28
|
-
type RadioGroupProps = RadioGroupPrimitive.Props;
|
|
29
|
-
type RadioGroupLabelProps = React.ComponentProps<'div'>;
|
|
30
|
-
type RadioGroupListProps = React.ComponentProps<'div'>;
|
|
31
|
-
type RadioGroupItemProps = React.ComponentProps<'label'>;
|
|
32
|
-
type RadioGroupItemLabelProps = React.ComponentProps<'span'>;
|
|
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, };
|
|
13
|
+
declare function RadioGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function RadioGroupList({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Radio, RadioIndicator, RadioIndicatorIcon, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList, };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { Radio, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList,
|
|
2
|
-
export type { RadioSize, RadioClassNames, RadioProps, RadioFieldProps, RadioLabelProps, RadioGroupProps, RadioGroupLabelProps, RadioGroupListProps, RadioGroupItemProps, RadioGroupItemControlProps, RadioGroupItemLabelProps, } from './Radio';
|
|
1
|
+
export { Radio, RadioIndicator, RadioIndicatorIcon, RadioField, RadioLabel, RadioGroup, RadioGroupLabel, RadioGroupList, } from './Radio';
|
|
@@ -1,39 +1,16 @@
|
|
|
1
1
|
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
2
|
-
import
|
|
3
|
-
type
|
|
4
|
-
type
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
type ScrollAreaSlotProps = {
|
|
18
|
-
viewport?: Omit<ScrollAreaPrimitive.Viewport.Props, 'className' | 'children'>;
|
|
19
|
-
content?: Omit<ScrollAreaPrimitive.Content.Props, 'className' | 'children'>;
|
|
20
|
-
scrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
|
|
21
|
-
verticalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
|
|
22
|
-
horizontalScrollbar?: Omit<ScrollAreaPrimitive.Scrollbar.Props, 'className' | 'children' | 'orientation' | 'keepMounted'>;
|
|
23
|
-
thumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
|
|
24
|
-
verticalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
|
|
25
|
-
horizontalThumb?: Omit<ScrollAreaPrimitive.Thumb.Props, 'className'>;
|
|
26
|
-
corner?: Omit<ScrollAreaPrimitive.Corner.Props, 'className'>;
|
|
27
|
-
};
|
|
28
|
-
type ScrollAreaProps = Omit<ScrollAreaPrimitive.Root.Props, 'children'> & {
|
|
29
|
-
children?: React.ReactNode;
|
|
30
|
-
fade?: ScrollAreaFade;
|
|
31
|
-
scrollbars?: ScrollAreaScrollbars;
|
|
32
|
-
contentMinWidth?: ScrollAreaContentMinWidth;
|
|
33
|
-
scrollbarKeepMounted?: boolean;
|
|
34
|
-
classNames?: ScrollAreaClassNames;
|
|
35
|
-
slotProps?: ScrollAreaSlotProps;
|
|
36
|
-
};
|
|
37
|
-
declare function ScrollArea({ className, classNames, children, fade, scrollbars, contentMinWidth, scrollbarKeepMounted, slotProps, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
export { ScrollArea };
|
|
39
|
-
export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, ScrollAreaContentMinWidth, };
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
type FadeDirection = boolean | 'vertical' | 'horizontal' | 'both';
|
|
4
|
+
type Scrollbars = 'vertical' | 'horizontal' | 'both' | false;
|
|
5
|
+
declare const ScrollAreaRoot: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const ScrollAreaViewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const ScrollAreaContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const ScrollAreaScrollbar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const ScrollAreaThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaThumbProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const ScrollAreaCorner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare function ScrollArea({ className, children, fade, scrollbars, ...props }: ScrollAreaPrimitive.Root.Props & {
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
fade?: FadeDirection;
|
|
14
|
+
scrollbars?: Scrollbars;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { ScrollArea, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { ScrollArea } from './ScrollArea';
|
|
2
|
-
export type { ScrollAreaProps, ScrollAreaClassNames, ScrollAreaSlotProps, ScrollAreaFade, ScrollAreaScrollbars, ScrollAreaContentMinWidth, } from './ScrollArea';
|
|
1
|
+
export { ScrollArea, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './ScrollArea';
|
|
@@ -1,69 +1,34 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
1
2
|
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
type SelectAnimation = 'scale';
|
|
4
|
-
type SelectPopupProps = SelectPrimitive.Popup.Props & {
|
|
5
|
-
animation?: SelectAnimation;
|
|
6
|
-
};
|
|
7
|
-
type SelectContentClassNames = {
|
|
8
|
-
portal?: SelectPrimitive.Portal.Props['className'];
|
|
9
|
-
backdrop?: SelectPrimitive.Backdrop.Props['className'];
|
|
10
|
-
positioner?: SelectPrimitive.Positioner.Props['className'];
|
|
11
|
-
arrow?: SelectPrimitive.Arrow.Props['className'];
|
|
12
|
-
};
|
|
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'> & {
|
|
20
|
-
classNames?: SelectContentClassNames;
|
|
21
|
-
slotProps?: SelectContentSlotProps;
|
|
22
|
-
container?: SelectPrimitive.Portal.Props['container'];
|
|
23
|
-
withBackdrop?: boolean;
|
|
24
|
-
withArrow?: boolean;
|
|
25
|
-
arrow?: boolean | React.ReactNode;
|
|
26
|
-
};
|
|
27
3
|
type IndicatorPosition = 'start' | 'end';
|
|
4
|
+
type SelectContentProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignItemWithTrigger' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'side' | 'sideOffset'> & {
|
|
5
|
+
showArrow?: boolean;
|
|
6
|
+
};
|
|
28
7
|
type SelectItemProps = SelectPrimitive.Item.Props & {
|
|
29
8
|
indicator?: IndicatorPosition;
|
|
30
9
|
};
|
|
31
10
|
declare const Select: typeof SelectPrimitive.Root;
|
|
32
|
-
declare function SelectField({ className, ...props }:
|
|
11
|
+
declare function SelectField({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
33
12
|
declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
13
|
declare function SelectTrigger({ className, ...props }: SelectPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
14
|
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
36
15
|
declare function SelectIcon({ className, children, ...props }: SelectPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
declare function
|
|
16
|
+
declare function SelectPortal(props: SelectPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function SelectBackdrop({ className, ...props }: SelectPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function SelectPositioner({ className, ...props }: SelectPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function SelectPopup({ className, ...props }: SelectPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function SelectArrow({ className, children, ...props }: SelectPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function SelectContent({ className, children, showArrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
38
22
|
declare function SelectScrollUpArrow({ className, children, ...props }: SelectPrimitive.ScrollUpArrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
39
23
|
declare function SelectScrollDownArrow({ className, children, ...props }: SelectPrimitive.ScrollDownArrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
40
24
|
declare function SelectList({ className, ...props }: SelectPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
41
25
|
declare function SelectItem({ className, indicator, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
|
|
42
26
|
declare function SelectItemIndicator({ className, children, ...props }: SelectPrimitive.ItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
43
27
|
declare function SelectItemText({ className, ...props }: SelectPrimitive.ItemText.Props): import("react/jsx-runtime").JSX.Element;
|
|
44
|
-
declare function SelectItemTextContent({ className, ...props }:
|
|
45
|
-
declare function SelectItemTextIcon({ className, ...props }:
|
|
46
|
-
declare function SelectItemTextLabel({ className, ...props }:
|
|
28
|
+
declare function SelectItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function SelectItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function SelectItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
47
31
|
declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
48
32
|
declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
49
33
|
declare function SelectGroupLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
|
|
51
|
-
type SelectValueType<Value = unknown, Multiple extends boolean | undefined = false> = SelectProps<Value, Multiple>['value'];
|
|
52
|
-
type SelectFieldProps = React.ComponentProps<'div'>;
|
|
53
|
-
type SelectLabelProps = SelectPrimitive.Label.Props;
|
|
54
|
-
type SelectTriggerProps = SelectPrimitive.Trigger.Props;
|
|
55
|
-
type SelectValueProps = SelectPrimitive.Value.Props;
|
|
56
|
-
type SelectIconProps = SelectPrimitive.Icon.Props;
|
|
57
|
-
type SelectScrollUpArrowProps = SelectPrimitive.ScrollUpArrow.Props;
|
|
58
|
-
type SelectScrollDownArrowProps = SelectPrimitive.ScrollDownArrow.Props;
|
|
59
|
-
type SelectListProps = SelectPrimitive.List.Props;
|
|
60
|
-
type SelectItemIndicatorProps = SelectPrimitive.ItemIndicator.Props;
|
|
61
|
-
type SelectItemTextProps = SelectPrimitive.ItemText.Props;
|
|
62
|
-
type SelectItemTextContentProps = React.ComponentProps<'span'>;
|
|
63
|
-
type SelectItemTextIconProps = React.ComponentProps<'span'>;
|
|
64
|
-
type SelectItemTextLabelProps = React.ComponentProps<'span'>;
|
|
65
|
-
type SelectSeparatorProps = SelectPrimitive.Separator.Props;
|
|
66
|
-
type SelectGroupProps = SelectPrimitive.Group.Props;
|
|
67
|
-
type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props;
|
|
68
|
-
export { Select, SelectField, SelectLabel, SelectTrigger, SelectValue, SelectIcon, SelectContent, SelectScrollUpArrow, SelectScrollDownArrow, SelectList, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectSeparator, SelectGroup, SelectGroupLabel, };
|
|
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, };
|
|
34
|
+
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,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, SelectAnimation, SelectValueType, SelectContentClassNames, SelectContentSlotProps, SelectContentProps, } from './Select';
|
|
1
|
+
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, } from './Select';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
1
2
|
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
2
|
-
declare function Separator({ className, ...props }: SeparatorPrimitive
|
|
3
|
-
type SeparatorProps = SeparatorPrimitive.Props;
|
|
3
|
+
declare function Separator({ className, ...props }: ComponentProps<typeof SeparatorPrimitive>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Separator };
|
|
5
|
-
export type { SeparatorProps };
|
|
@@ -1,34 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
type SkeletonProps = React.ComponentProps<'div'> & {
|
|
4
|
-
width?: SkeletonDimension;
|
|
5
|
-
height?: SkeletonDimension;
|
|
6
|
-
radius?: SkeletonDimension;
|
|
7
|
-
grow?: number | boolean;
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
declare function Skeleton({ className, animated, style, width, height, radius, size, shape, ...props }: ComponentProps<'div'> & {
|
|
8
3
|
animated?: boolean;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
declare function SkeletonRow({ className, style, gap, pt, pb, mobileStack, ...props }: SkeletonRowProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
type SkeletonColumnProps = React.ComponentProps<'div'> & {
|
|
19
|
-
gap?: SkeletonDimension;
|
|
20
|
-
pt?: SkeletonDimension;
|
|
21
|
-
pb?: SkeletonDimension;
|
|
22
|
-
grow?: number | boolean;
|
|
23
|
-
};
|
|
24
|
-
declare function SkeletonColumn({ className, style, gap, pt, pb, grow, ...props }: SkeletonColumnProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
type SkeletonCircleProps = Omit<SkeletonProps, 'width' | 'height' | 'radius'> & {
|
|
26
|
-
size?: SkeletonDimension;
|
|
27
|
-
};
|
|
28
|
-
declare function SkeletonCircle({ size, ...props }: SkeletonCircleProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
type SkeletonRectProps = Omit<SkeletonProps, 'radius'> & {
|
|
30
|
-
radius?: SkeletonDimension;
|
|
31
|
-
};
|
|
32
|
-
declare function SkeletonRect({ height, ...props }: SkeletonRectProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export { Skeleton, SkeletonRow, SkeletonColumn, SkeletonCircle, SkeletonRect };
|
|
34
|
-
export type { SkeletonDimension, SkeletonProps, SkeletonRowProps, SkeletonColumnProps, SkeletonCircleProps, SkeletonRectProps, };
|
|
4
|
+
width?: number | string;
|
|
5
|
+
height?: number | string;
|
|
6
|
+
radius?: number | string;
|
|
7
|
+
size?: number | string;
|
|
8
|
+
shape?: 'rect' | 'circle';
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Skeleton };
|
|
@@ -1,22 +1,10 @@
|
|
|
1
1
|
import { Slider as SliderPrimitive } from '@base-ui/react/slider';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
control?: SliderPrimitive.Control.Props['className'];
|
|
5
|
-
track?: SliderPrimitive.Track.Props['className'];
|
|
6
|
-
indicator?: SliderPrimitive.Indicator.Props['className'];
|
|
7
|
-
};
|
|
8
|
-
declare function Slider<Value extends SliderValueType>({ className, classNames, children, ...props }: SliderProps<Value>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function Slider<Value extends number | readonly number[]>({ children, ...props }: SliderPrimitive.Root.Props<Value>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function SliderRoot<Value extends number | readonly number[]>({ className, ...props }: SliderPrimitive.Root.Props<Value>): import("react/jsx-runtime").JSX.Element;
|
|
9
4
|
declare function SliderLabel({ className, ...props }: SliderPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
10
5
|
declare function SliderValue({ className, ...props }: SliderPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SliderControl({ className, ...props }: SliderPrimitive.Control.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function SliderTrack({ className, ...props }: SliderPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function SliderIndicator({ className, ...props }: SliderPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
9
|
declare function SliderThumb({ className, ...props }: SliderPrimitive.Thumb.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
|
|
13
|
-
var displayName: string;
|
|
14
|
-
}
|
|
15
|
-
type SliderProps<Value extends SliderValueType = SliderValueType> = SliderPrimitive.Root.Props<Value> & {
|
|
16
|
-
classNames?: SliderClassNames;
|
|
17
|
-
};
|
|
18
|
-
type SliderLabelProps = SliderPrimitive.Label.Props;
|
|
19
|
-
type SliderValueProps = SliderPrimitive.Value.Props;
|
|
20
|
-
type SliderThumbProps = SliderPrimitive.Thumb.Props;
|
|
21
|
-
export { Slider, SliderLabel, SliderValue, SliderThumb };
|
|
22
|
-
export type { SliderProps, SliderClassNames, SliderLabelProps, SliderValueProps, SliderThumbProps };
|
|
10
|
+
export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, };
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { Slider, SliderLabel, SliderValue, SliderThumb } from './Slider';
|
|
2
|
-
export type { SliderProps, SliderClassNames, SliderLabelProps, SliderValueProps, SliderThumbProps, } from './Slider';
|
|
1
|
+
export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, } from './Slider';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
declare function Spinner({ className, size, decorative, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: ComponentProps<'span'> & {
|
|
4
|
+
size?: SpinnerSize;
|
|
5
|
+
decorative?: boolean;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Spinner };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Spinner } from './Spinner';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, CSSProperties, ElementType } from 'react';
|
|
2
|
+
type StackDirection = 'row' | 'column';
|
|
3
|
+
declare function Stack({ as: Root, className, style, direction, gap, align, justify, wrap, fill, ...props }: ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
as?: ElementType;
|
|
5
|
+
direction?: StackDirection | {
|
|
6
|
+
mobile?: StackDirection;
|
|
7
|
+
desktop?: StackDirection;
|
|
8
|
+
};
|
|
9
|
+
gap?: number | string;
|
|
10
|
+
align?: CSSProperties['alignItems'];
|
|
11
|
+
justify?: CSSProperties['justifyContent'];
|
|
12
|
+
wrap?: CSSProperties['flexWrap'];
|
|
13
|
+
fill?: boolean;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Stack };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Stack';
|