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.
Files changed (118) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +7 -40
  2. package/dist/components/Accordion/index.d.ts +0 -1
  3. package/dist/components/Alert/Alert.d.ts +10 -0
  4. package/dist/components/Alert/index.d.ts +1 -0
  5. package/dist/components/AlertDialog/AlertDialog.d.ts +6 -37
  6. package/dist/components/AlertDialog/index.d.ts +1 -2
  7. package/dist/components/Autocomplete/Autocomplete.d.ts +32 -70
  8. package/dist/components/Autocomplete/index.d.ts +1 -2
  9. package/dist/components/Avatar/Avatar.d.ts +1 -8
  10. package/dist/components/Avatar/index.d.ts +0 -1
  11. package/dist/components/Badge/Badge.d.ts +6 -0
  12. package/dist/components/Badge/index.d.ts +1 -0
  13. package/dist/components/Bleed/Bleed.d.ts +6 -13
  14. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +10 -43
  15. package/dist/components/Breadcrumbs/index.d.ts +1 -2
  16. package/dist/components/Button/Button.d.ts +4 -19
  17. package/dist/components/Button/index.d.ts +0 -1
  18. package/dist/components/Card/Card.d.ts +13 -0
  19. package/dist/components/Card/index.d.ts +1 -0
  20. package/dist/components/Checkbox/Checkbox.d.ts +7 -42
  21. package/dist/components/Checkbox/index.d.ts +0 -1
  22. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +7 -17
  23. package/dist/components/CheckboxGroup/index.d.ts +0 -1
  24. package/dist/components/CloseButton/CloseButton.d.ts +1 -3
  25. package/dist/components/Collapsible/Collapsible.d.ts +5 -34
  26. package/dist/components/Collapsible/index.d.ts +0 -1
  27. package/dist/components/Combobox/Combobox.d.ts +36 -82
  28. package/dist/components/Combobox/index.d.ts +1 -2
  29. package/dist/components/CommandPalette/CommandPalette.d.ts +48 -0
  30. package/dist/components/CommandPalette/index.d.ts +1 -0
  31. package/dist/components/Container/Container.d.ts +8 -0
  32. package/dist/components/Container/index.d.ts +1 -0
  33. package/dist/components/ContextMenu/ContextMenu.d.ts +23 -50
  34. package/dist/components/ContextMenu/index.d.ts +1 -2
  35. package/dist/components/Dialog/Dialog.d.ts +12 -36
  36. package/dist/components/Dialog/index.d.ts +1 -2
  37. package/dist/components/Drawer/Drawer.d.ts +16 -51
  38. package/dist/components/Drawer/index.d.ts +1 -2
  39. package/dist/components/Field/Field.d.ts +0 -18
  40. package/dist/components/Field/index.d.ts +0 -1
  41. package/dist/components/Fieldset/Fieldset.d.ts +1 -6
  42. package/dist/components/Fieldset/index.d.ts +0 -1
  43. package/dist/components/Form/Form.d.ts +1 -10
  44. package/dist/components/Form/index.d.ts +0 -1
  45. package/dist/components/Heading/Heading.d.ts +16 -12
  46. package/dist/components/Input/Input.d.ts +6 -12
  47. package/dist/components/Input/index.d.ts +0 -1
  48. package/dist/components/InputGroup/InputGroup.d.ts +16 -0
  49. package/dist/components/InputGroup/index.d.ts +1 -0
  50. package/dist/components/Kbd/Kbd.d.ts +4 -0
  51. package/dist/components/Kbd/index.d.ts +1 -0
  52. package/dist/components/Lightbox/Lightbox.d.ts +23 -51
  53. package/dist/components/List/List.d.ts +13 -21
  54. package/dist/components/Menu/Menu.d.ts +25 -51
  55. package/dist/components/Menu/index.d.ts +1 -2
  56. package/dist/components/Menubar/Menubar.d.ts +24 -61
  57. package/dist/components/Menubar/index.d.ts +1 -2
  58. package/dist/components/Meter/Meter.d.ts +3 -15
  59. package/dist/components/Meter/index.d.ts +1 -2
  60. package/dist/components/NavigationMenu/NavigationMenu.d.ts +16 -84
  61. package/dist/components/NavigationMenu/index.d.ts +1 -2
  62. package/dist/components/NumberField/NumberField.d.ts +8 -29
  63. package/dist/components/NumberField/index.d.ts +1 -2
  64. package/dist/components/OTPField/OTPField.d.ts +1 -26
  65. package/dist/components/OTPField/index.d.ts +0 -1
  66. package/dist/components/Pagination/Pagination.d.ts +23 -21
  67. package/dist/components/Pagination/index.d.ts +1 -2
  68. package/dist/components/Popover/Popover.d.ts +15 -38
  69. package/dist/components/Popover/index.d.ts +1 -2
  70. package/dist/components/PreviewCard/PreviewCard.d.ts +11 -28
  71. package/dist/components/PreviewCard/index.d.ts +1 -2
  72. package/dist/components/Progress/Progress.d.ts +7 -15
  73. package/dist/components/Progress/index.d.ts +1 -2
  74. package/dist/components/Radio/Radio.d.ts +10 -29
  75. package/dist/components/Radio/index.d.ts +1 -2
  76. package/dist/components/ScrollArea/ScrollArea.d.ts +15 -38
  77. package/dist/components/ScrollArea/index.d.ts +1 -2
  78. package/dist/components/Select/Select.d.ts +15 -50
  79. package/dist/components/Select/index.d.ts +1 -2
  80. package/dist/components/Separator/Separator.d.ts +2 -3
  81. package/dist/components/Separator/index.d.ts +0 -1
  82. package/dist/components/Skeleton/Skeleton.d.ts +9 -33
  83. package/dist/components/Slider/Slider.d.ts +6 -18
  84. package/dist/components/Slider/index.d.ts +1 -2
  85. package/dist/components/Spinner/Spinner.d.ts +7 -0
  86. package/dist/components/Spinner/index.d.ts +1 -0
  87. package/dist/components/Stack/Stack.d.ts +15 -0
  88. package/dist/components/Stack/index.d.ts +1 -0
  89. package/dist/components/Switch/Switch.d.ts +7 -15
  90. package/dist/components/Switch/index.d.ts +1 -2
  91. package/dist/components/Tabs/Tabs.d.ts +8 -32
  92. package/dist/components/Tabs/index.d.ts +1 -2
  93. package/dist/components/Text/Text.d.ts +9 -17
  94. package/dist/components/Text/index.d.ts +1 -1
  95. package/dist/components/Textarea/Textarea.d.ts +4 -0
  96. package/dist/components/Textarea/index.d.ts +1 -0
  97. package/dist/components/Toast/Toast.d.ts +37 -66
  98. package/dist/components/Toast/index.d.ts +1 -2
  99. package/dist/components/Toggle/Toggle.d.ts +5 -11
  100. package/dist/components/Toggle/index.d.ts +0 -1
  101. package/dist/components/ToggleGroup/ToggleGroup.d.ts +7 -13
  102. package/dist/components/ToggleGroup/index.d.ts +0 -1
  103. package/dist/components/Toolbar/Toolbar.d.ts +7 -19
  104. package/dist/components/Toolbar/index.d.ts +0 -1
  105. package/dist/components/Tooltip/Tooltip.d.ts +10 -28
  106. package/dist/components/Tooltip/index.d.ts +1 -2
  107. package/dist/icons/demo/Icons.d.ts +13 -0
  108. package/dist/icons/demo/index.d.ts +1 -0
  109. package/dist/icons/ui/Icons.d.ts +21 -0
  110. package/dist/icons/ui/index.d.ts +1 -0
  111. package/dist/index.cjs +1 -1
  112. package/dist/index.css +1 -1
  113. package/dist/index.d.ts +12 -1
  114. package/dist/index.js +3449 -3710
  115. package/package.json +3 -3
  116. package/dist/primitives/Icons/Icons.d.ts +0 -36
  117. package/dist/primitives/Icons/index.d.ts +0 -1
  118. 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
- import * as React from 'react';
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,2 +1 @@
1
1
  export { OTPField, OTPFieldInput, OTPFieldSeparator } from './OTPField';
2
- export type { OTPFieldProps, OTPFieldInputProps, OTPFieldSeparatorProps } from './OTPField';
@@ -1,23 +1,25 @@
1
- import * as React from 'react';
2
- type PaginationToolbarVariant = 'default' | 'outline' | 'ghost';
3
- type PaginationToolbarSize = 'sm' | 'md' | 'lg';
4
- type PaginationSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type PaginationProps = Omit<React.ComponentProps<'nav'>, 'onChange'> & {
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?: number;
8
- defaultPage?: number;
9
- onPageChange?: (page: number) => void;
10
- visiblePages?: number;
11
- showPages?: boolean;
12
- showArrows?: boolean;
13
- disabled?: boolean;
14
- getPageHref?: (page: number) => string;
15
- size?: PaginationSize;
16
- toolbarVariant?: PaginationToolbarVariant;
17
- toolbarSize?: PaginationToolbarSize;
18
- previousLabel?: string;
19
- nextLabel?: string;
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, count, page, defaultPage, onPageChange, visiblePages, showPages, showArrows, disabled, getPageHref, size, toolbarVariant, toolbarSize, previousLabel, nextLabel, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
22
- export { Pagination };
23
- export type { PaginationProps, PaginationToolbarVariant, PaginationToolbarSize, PaginationSize };
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
- import * as React from 'react';
3
- type PopoverContentClassNames = {
4
- portal?: PopoverPrimitive.Portal.Props['className'];
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 }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
32
- declare function PopoverBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
33
- declare function PopoverFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
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, classNames, slotProps, container, withArrow, arrow, withBackdrop, withViewport, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
36
- type PopoverProps<Payload = unknown> = PopoverPrimitive.Root.Props<Payload>;
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
- import * as React from 'react';
3
- type PreviewCardContentClassNames = {
4
- portal?: PreviewCardPrimitive.Portal.Props['className'];
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 PreviewCardContent({ className, classNames, slotProps, container, withArrow, arrow, withBackdrop, disableAnchorTracking, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, children, ...props }: PreviewCardContentProps): import("react/jsx-runtime").JSX.Element;
29
- type PreviewCardProps<Payload = unknown> = PreviewCardPrimitive.Root.Props<Payload>;
30
- type PreviewCardHandle<Payload = unknown> = PreviewCardPrimitive.Handle<Payload>;
31
- type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;
32
- export { PreviewCard, createPreviewCardHandle, PreviewCardTrigger, PreviewCardContent };
33
- export type { PreviewCardProps, PreviewCardHandle, PreviewCardTriggerProps, PreviewCardContentProps, PreviewCardContentClassNames, PreviewCardContentSlotProps, };
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
- import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
2
- type ProgressClassNames = {
3
- track?: ProgressPrimitive.Track.Props['className'];
4
- indicator?: ProgressPrimitive.Indicator.Props['className'];
5
- };
6
- type ProgressProps = ProgressPrimitive.Root.Props & {
7
- classNames?: ProgressClassNames;
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 * as React from 'react';
3
+ import { ComponentProps } from 'react';
4
4
  type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type RadioClassNames = {
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
- indicator?: React.ReactNode;
12
- classNames?: RadioClassNames;
13
- };
14
- declare function Radio({ className, size, children, indicator, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
15
- declare function RadioField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
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 }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
19
- declare function RadioGroupList({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
20
- declare function RadioGroupItem({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
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, RadioGroupItem, RadioGroupItemControl, RadioGroupItemLabel, } from './Radio';
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 * as React from 'react';
3
- type ScrollAreaFade = boolean | 'vertical' | 'horizontal' | 'both';
4
- type ScrollAreaScrollbars = 'vertical' | 'horizontal' | 'both' | false;
5
- type ScrollAreaContentMinWidth = 'full' | 'fit-content';
6
- type ScrollAreaClassNames = {
7
- viewport?: ScrollAreaPrimitive.Viewport.Props['className'];
8
- content?: ScrollAreaPrimitive.Content.Props['className'];
9
- scrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
10
- verticalScrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
11
- horizontalScrollbar?: ScrollAreaPrimitive.Scrollbar.Props['className'];
12
- thumb?: ScrollAreaPrimitive.Thumb.Props['className'];
13
- verticalThumb?: ScrollAreaPrimitive.Thumb.Props['className'];
14
- horizontalThumb?: ScrollAreaPrimitive.Thumb.Props['className'];
15
- corner?: ScrollAreaPrimitive.Corner.Props['className'];
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 }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
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 SelectContent({ className, classNames, slotProps, container, withBackdrop, withArrow, arrow, alignItemWithTrigger, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, disableAnchorTracking, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
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 }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
45
- declare function SelectItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
46
- declare function SelectItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
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
- type SelectProps<Value = unknown, Multiple extends boolean | undefined = false> = SelectPrimitive.Root.Props<Value, Multiple>;
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.Props): import("react/jsx-runtime").JSX.Element;
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,2 +1 @@
1
1
  export { Separator } from './Separator';
2
- export type { SeparatorProps } from './Separator';
@@ -1,34 +1,10 @@
1
- import * as React from 'react';
2
- type SkeletonDimension = number | string;
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
- declare function Skeleton({ className, style, width, height, radius, grow, animated, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
11
- type SkeletonRowProps = React.ComponentProps<'div'> & {
12
- gap?: SkeletonDimension;
13
- pt?: SkeletonDimension;
14
- pb?: SkeletonDimension;
15
- mobileStack?: boolean;
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
- type SliderValueType = number | readonly number[];
3
- type SliderClassNames = {
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
- declare namespace SliderThumb {
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';