moduix 0.8.4 → 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 +12 -29
  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 +8 -8
  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,42 +1,9 @@
1
+ import { ComponentProps } from 'react';
1
2
  import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
2
- import * as React from 'react';
3
- declare function Accordion<Value = unknown>({ className, ...props }: AccordionProps<Value>): import("react/jsx-runtime").JSX.Element;
4
- declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
5
- declare function AccordionHeader({ className, ...props }: AccordionPrimitive.Header.Props): import("react/jsx-runtime").JSX.Element;
6
- declare function AccordionTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
7
- declare function AccordionTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
8
- declare function AccordionPanel({ className, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
9
- type AccordionProps<Value = unknown> = AccordionPrimitive.Root.Props<Value>;
10
- type AccordionValue<Value = unknown> = AccordionPrimitive.Root.Value<Value>;
11
- type AccordionItemProps = AccordionPrimitive.Item.Props;
12
- type AccordionHeaderProps = AccordionPrimitive.Header.Props;
13
- type AccordionTriggerIconProps = React.ComponentProps<'span'>;
14
- type AccordionPanelProps = AccordionPrimitive.Panel.Props;
15
- type AccordionTriggerClassNames = {
16
- header?: AccordionHeaderProps['className'];
17
- icon?: AccordionTriggerIconProps['className'];
18
- };
19
- type AccordionTriggerSlotProps = {
20
- header?: Omit<AccordionHeaderProps, 'children' | 'className'>;
21
- icon?: Omit<AccordionTriggerIconProps, 'children' | 'className'>;
22
- };
23
- type AccordionTriggerProps = AccordionPrimitive.Trigger.Props & {
24
- /**
25
- * Icon rendered at the end of the trigger. Pass `hideIcon` to remove it.
26
- */
27
- icon?: React.ReactNode;
28
- /**
29
- * Removes the default trigger icon.
30
- */
31
- hideIcon?: boolean;
32
- /**
33
- * Classes for internal slots rendered by the trigger.
34
- */
35
- classNames?: AccordionTriggerClassNames;
36
- /**
37
- * Props for internal slots rendered by the trigger.
38
- */
39
- slotProps?: AccordionTriggerSlotProps;
40
- };
3
+ declare const Accordion: import('react').ForwardRefExoticComponent<Omit<AccordionPrimitive.Root.Props<any>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
4
+ declare const AccordionItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ declare const AccordionHeader: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionHeaderProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
6
+ declare const AccordionTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
7
+ declare function AccordionTriggerIcon({ className, children, 'aria-hidden': ariaHidden, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
8
+ declare const AccordionPanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
41
9
  export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, };
42
- export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionTriggerClassNames, AccordionTriggerSlotProps, };
@@ -1,2 +1 @@
1
1
  export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, } from './Accordion';
2
- export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerClassNames, AccordionTriggerSlotProps, AccordionTriggerIconProps, AccordionPanelProps, } from './Accordion';
@@ -0,0 +1,10 @@
1
+ import { ComponentProps } from 'react';
2
+ type AlertVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';
3
+ declare function Alert({ className, role, variant, ...props }: ComponentProps<'div'> & {
4
+ variant?: AlertVariant;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ declare function AlertIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
7
+ declare function AlertContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
+ declare function AlertTitle({ className, ...props }: ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function AlertDescription({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
+ export { Alert, AlertIcon, AlertContent, AlertTitle, AlertDescription };
@@ -0,0 +1 @@
1
+ export * from './Alert';
@@ -1,46 +1,15 @@
1
+ import { ComponentProps } from 'react';
1
2
  import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
2
- import * as React from 'react';
3
- type AlertDialogContentClassNames = {
4
- portal?: AlertDialogPrimitive.Portal.Props['className'];
5
- backdrop?: AlertDialogPrimitive.Backdrop.Props['className'];
6
- viewport?: AlertDialogPrimitive.Viewport.Props['className'];
7
- };
8
- type AlertDialogContentSlotProps = {
9
- portal?: Omit<AlertDialogPrimitive.Portal.Props, 'className' | 'children'>;
10
- backdrop?: Omit<AlertDialogPrimitive.Backdrop.Props, 'className'>;
11
- viewport?: Omit<AlertDialogPrimitive.Viewport.Props, 'className'>;
12
- };
13
- type AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {
14
- className?: AlertDialogPrimitive.Popup.Props['className'];
15
- classNames?: AlertDialogContentClassNames;
16
- slotProps?: AlertDialogContentSlotProps;
17
- container?: AlertDialogPrimitive.Portal.Props['container'];
18
- withBackdrop?: boolean;
19
- };
20
3
  declare const AlertDialog: typeof AlertDialogPrimitive.Root;
21
4
  declare const createAlertDialogHandle: typeof AlertDialogPrimitive.createHandle;
22
5
  declare function AlertDialogTrigger({ className, render, ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
23
6
  declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
24
7
  declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
25
8
  declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
26
- declare function AlertDialogCloseIcon({ className, children, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
27
- declare function AlertDialogContent({ className, classNames, slotProps, container, withBackdrop, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
28
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
29
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
30
- declare function AlertDialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function AlertDialogContent({ className, children, ...props }: AlertDialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
10
+ declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
11
+ declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
12
+ declare function AlertDialogBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
31
13
  declare function AlertDialogAction({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
32
14
  declare function AlertDialogCancel({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
33
- type AlertDialogProps<Payload = unknown> = AlertDialogPrimitive.Root.Props<Payload>;
34
- type AlertDialogHandle<Payload = unknown> = AlertDialogPrimitive.Handle<Payload>;
35
- type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;
36
- type AlertDialogTitleProps = AlertDialogPrimitive.Title.Props;
37
- type AlertDialogDescriptionProps = AlertDialogPrimitive.Description.Props;
38
- type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;
39
- type AlertDialogCloseIconProps = AlertDialogPrimitive.Close.Props;
40
- type AlertDialogHeaderProps = React.ComponentProps<'div'>;
41
- type AlertDialogBodyProps = React.ComponentProps<'div'>;
42
- type AlertDialogFooterProps = React.ComponentProps<'div'>;
43
- type AlertDialogActionProps = AlertDialogPrimitive.Close.Props;
44
- type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props;
45
- export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };
46
- export type { AlertDialogProps, AlertDialogHandle, AlertDialogTriggerProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, AlertDialogCloseIconProps, AlertDialogContentProps, AlertDialogContentClassNames, AlertDialogContentSlotProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogActionProps, AlertDialogCancelProps, };
15
+ export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };
@@ -1,2 +1 @@
1
- export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
2
- export type { AlertDialogProps, AlertDialogHandle, AlertDialogTriggerProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCloseProps, AlertDialogCloseIconProps, AlertDialogContentProps, AlertDialogContentClassNames, AlertDialogContentSlotProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogActionProps, AlertDialogCancelProps, } from './AlertDialog';
1
+ export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
@@ -1,76 +1,38 @@
1
1
  import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
2
- import * as React from 'react';
3
- type AutocompleteContentClassNames = {
4
- portal?: AutocompletePrimitive.Portal.Props['className'];
5
- backdrop?: AutocompletePrimitive.Backdrop.Props['className'];
6
- positioner?: AutocompletePrimitive.Positioner.Props['className'];
7
- arrow?: AutocompletePrimitive.Arrow.Props['className'];
8
- };
9
- type AutocompleteContentProps = AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'anchor' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'positionMethod'> & {
10
- classNames?: AutocompleteContentClassNames;
11
- container?: AutocompletePrimitive.Portal.Props['container'];
12
- withBackdrop?: boolean;
13
- withArrow?: boolean;
14
- arrow?: boolean | React.ReactNode;
15
- portalProps?: Omit<AutocompletePrimitive.Portal.Props, 'className' | 'children'>;
16
- backdropProps?: Omit<AutocompletePrimitive.Backdrop.Props, 'className'>;
17
- positionerProps?: Omit<AutocompletePrimitive.Positioner.Props, 'className' | 'children'>;
18
- arrowProps?: Omit<AutocompletePrimitive.Arrow.Props, 'className' | 'children'>;
19
- };
20
2
  declare const Autocomplete: typeof AutocompletePrimitive.Root;
21
- declare function AutocompleteField({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
22
- declare function AutocompleteInlineInputContainer({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
23
- declare function AutocompleteFieldLabel({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
3
+ declare const AutocompleteField: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
4
+ declare const AutocompleteInlineInputContainer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ declare const AutocompleteFieldLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxLabelProps & Pick<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor">, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
24
6
  declare function AutocompleteValue(props: AutocompletePrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
25
- declare function AutocompleteInputGroup({ className, ...props }: AutocompletePrimitive.InputGroup.Props): import("react/jsx-runtime").JSX.Element;
26
- declare function AutocompleteInput({ className, ...props }: AutocompletePrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
27
- declare function AutocompleteControlActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
28
- declare function AutocompleteTrigger({ className, children, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
29
- declare function AutocompleteFieldTrigger({ className, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
30
- declare function AutocompleteIcon({ className, children, ...props }: AutocompletePrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
31
- declare function AutocompleteClear({ className, children, ...props }: AutocompletePrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
32
- declare function AutocompleteContent({ className, classNames, container, withBackdrop, withArrow, arrow, portalProps, backdropProps, positionerProps, arrowProps, side, sideOffset, align, alignOffset, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: AutocompleteContentProps): import("react/jsx-runtime").JSX.Element;
33
- declare function AutocompleteStatus({ className, ...props }: AutocompletePrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
34
- declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
35
- declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
36
- declare function AutocompleteRow({ className, ...props }: AutocompletePrimitive.Row.Props): import("react/jsx-runtime").JSX.Element;
37
- declare function AutocompleteItem({ className, ...props }: AutocompletePrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
38
- declare function AutocompleteItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
39
- declare function AutocompleteItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
40
- declare function AutocompleteItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
41
- declare function AutocompleteItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
42
- declare function AutocompleteSeparator({ className, ...props }: AutocompletePrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
43
- declare function AutocompleteGroup({ className, ...props }: AutocompletePrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
44
- declare function AutocompleteGroupLabel({ className, ...props }: AutocompletePrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
7
+ declare const AutocompleteInputGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
8
+ declare const AutocompleteInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
9
+ declare const AutocompleteControlActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
10
+ declare const AutocompleteTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
11
+ declare const AutocompleteFieldTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
12
+ declare const AutocompleteIcon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
13
+ declare const AutocompleteClear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
14
+ declare const AutocompletePortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
15
+ declare const AutocompleteBackdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
16
+ declare const AutocompletePositioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
17
+ declare const AutocompletePopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
18
+ declare const AutocompleteArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
19
+ type AutocompleteContentProps = AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'> & {
20
+ showArrow?: boolean;
21
+ };
22
+ declare const AutocompleteContent: import('react').ForwardRefExoticComponent<Omit<AutocompleteContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
23
+ declare const AutocompleteStatus: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteStatusProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
24
+ declare const AutocompleteEmpty: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
25
+ declare const AutocompleteList: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
26
+ declare const AutocompleteRow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
27
+ declare const AutocompleteItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
28
+ declare const AutocompleteItemText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
29
+ declare const AutocompleteItemTextContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
30
+ declare const AutocompleteItemTextIcon: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
31
+ declare const AutocompleteItemTextLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
32
+ declare const AutocompleteSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
33
+ declare const AutocompleteGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
34
+ declare const AutocompleteGroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
45
35
  declare function AutocompleteCollection(props: AutocompletePrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
46
- declare function useAutocompleteAnchor(): React.RefObject<HTMLDivElement | null>;
47
36
  declare const useAutocompleteFilter: typeof import('@base-ui/react/internals/filter').getFilter;
48
37
  declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilteredItems;
49
- type AutocompleteProps<Value = unknown> = AutocompletePrimitive.Root.Props<Value>;
50
- type AutocompleteValueType<Value = unknown> = AutocompleteProps<Value>['value'];
51
- type AutocompleteFieldProps = React.ComponentProps<'div'>;
52
- type AutocompleteInlineInputContainerProps = React.ComponentProps<'div'>;
53
- type AutocompleteFieldLabelProps = React.ComponentProps<'label'>;
54
- type AutocompleteValueProps = AutocompletePrimitive.Value.Props;
55
- type AutocompleteInputGroupProps = AutocompletePrimitive.InputGroup.Props;
56
- type AutocompleteInputProps = AutocompletePrimitive.Input.Props;
57
- type AutocompleteControlActionsProps = React.ComponentProps<'div'>;
58
- type AutocompleteTriggerProps = AutocompletePrimitive.Trigger.Props;
59
- type AutocompleteFieldTriggerProps = AutocompletePrimitive.Trigger.Props;
60
- type AutocompleteIconProps = AutocompletePrimitive.Icon.Props;
61
- type AutocompleteClearProps = AutocompletePrimitive.Clear.Props;
62
- type AutocompleteStatusProps = AutocompletePrimitive.Status.Props;
63
- type AutocompleteEmptyProps = AutocompletePrimitive.Empty.Props;
64
- type AutocompleteListProps = AutocompletePrimitive.List.Props;
65
- type AutocompleteRowProps = AutocompletePrimitive.Row.Props;
66
- type AutocompleteItemProps = AutocompletePrimitive.Item.Props;
67
- type AutocompleteItemTextProps = React.ComponentProps<'span'>;
68
- type AutocompleteItemTextContentProps = React.ComponentProps<'span'>;
69
- type AutocompleteItemTextIconProps = React.ComponentProps<'span'>;
70
- type AutocompleteItemTextLabelProps = React.ComponentProps<'span'>;
71
- type AutocompleteSeparatorProps = AutocompletePrimitive.Separator.Props;
72
- type AutocompleteGroupProps = AutocompletePrimitive.Group.Props;
73
- type AutocompleteGroupLabelProps = AutocompletePrimitive.GroupLabel.Props;
74
- type AutocompleteCollectionProps = AutocompletePrimitive.Collection.Props;
75
- export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, };
76
- export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, AutocompleteFieldProps, AutocompleteInlineInputContainerProps, AutocompleteFieldLabelProps, AutocompleteValueProps, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteControlActionsProps, AutocompleteTriggerProps, AutocompleteFieldTriggerProps, AutocompleteIconProps, AutocompleteClearProps, AutocompleteStatusProps, AutocompleteEmptyProps, AutocompleteListProps, AutocompleteRowProps, AutocompleteItemProps, AutocompleteItemTextProps, AutocompleteItemTextContentProps, AutocompleteItemTextIconProps, AutocompleteItemTextLabelProps, AutocompleteSeparatorProps, AutocompleteGroupProps, AutocompleteGroupLabelProps, AutocompleteCollectionProps, };
38
+ export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompletePortal, AutocompleteBackdrop, AutocompletePositioner, AutocompletePopup, AutocompleteArrow, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteFilter, useAutocompleteFilteredItems, };
@@ -1,2 +1 @@
1
- export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
2
- export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentClassNames, AutocompleteContentProps, AutocompleteFieldProps, AutocompleteInlineInputContainerProps, AutocompleteFieldLabelProps, AutocompleteValueProps, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteControlActionsProps, AutocompleteTriggerProps, AutocompleteFieldTriggerProps, AutocompleteIconProps, AutocompleteClearProps, AutocompleteStatusProps, AutocompleteEmptyProps, AutocompleteListProps, AutocompleteRowProps, AutocompleteItemProps, AutocompleteItemTextProps, AutocompleteItemTextContentProps, AutocompleteItemTextIconProps, AutocompleteItemTextLabelProps, AutocompleteSeparatorProps, AutocompleteGroupProps, AutocompleteGroupLabelProps, AutocompleteCollectionProps, } from './Autocomplete';
1
+ export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompletePortal, AutocompleteBackdrop, AutocompletePositioner, AutocompletePopup, AutocompleteArrow, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
@@ -1,12 +1,5 @@
1
1
  import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
2
- type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
- type AvatarProps = AvatarPrimitive.Root.Props & {
4
- size?: AvatarSize;
5
- };
6
- declare function Avatar({ className, size, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
2
+ declare function Avatar({ className, ...props }: AvatarPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
7
3
  declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
8
4
  declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
9
- type AvatarImageProps = AvatarPrimitive.Image.Props;
10
- type AvatarFallbackProps = AvatarPrimitive.Fallback.Props;
11
5
  export { Avatar, AvatarImage, AvatarFallback };
12
- export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarSize };
@@ -1,2 +1 @@
1
1
  export { Avatar, AvatarImage, AvatarFallback } from './Avatar';
2
- export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarSize } from './Avatar';
@@ -0,0 +1,6 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ declare function Badge({ className, variant, ...props }: ComponentPropsWithoutRef<'span'> & {
3
+ variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost';
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ declare function BadgeDot({ className, ...props }: ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
6
+ export { Badge, BadgeDot };
@@ -0,0 +1 @@
1
+ export * from './Badge';
@@ -1,14 +1,7 @@
1
- import * as React from 'react';
2
- type BleedInline = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
3
- type BleedBlock = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
- type BleedAs = React.ElementType;
5
- type BleedOwnProps<As extends BleedAs = 'div'> = {
6
- as?: As;
7
- inline?: BleedInline;
8
- block?: BleedBlock;
9
- };
10
- type BleedProps<As extends BleedAs = 'div'> = BleedOwnProps<As> & Omit<React.ComponentPropsWithRef<As>, keyof BleedOwnProps<As>>;
11
- type BleedComponent = <As extends BleedAs = 'div'>(props: BleedProps<As>) => React.ReactElement | null;
12
- declare const Bleed: BleedComponent;
1
+ import { ComponentPropsWithoutRef, ElementType } from 'react';
2
+ declare function Bleed({ as: Root, inline, block, className, ...props }: ComponentPropsWithoutRef<'div'> & {
3
+ as?: ElementType;
4
+ inline?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
5
+ block?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
+ }): import("react/jsx-runtime").JSX.Element;
13
7
  export { Bleed };
14
- export type { BleedProps, BleedAs, BleedInline, BleedBlock };
@@ -1,43 +1,10 @@
1
- import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
- import * as React from 'react';
3
- type BreadcrumbsItemRenderProps = Omit<React.ComponentProps<'a'>, 'children'> & {
4
- children: React.ReactNode;
5
- };
6
- type BreadcrumbsItem = {
7
- key?: React.Key;
8
- label: React.ReactNode;
9
- href?: string;
10
- target?: React.ComponentProps<'a'>['target'];
11
- rel?: React.ComponentProps<'a'>['rel'];
12
- onClick?: React.ComponentProps<'a'>['onClick'];
13
- render?: (props: BreadcrumbsItemRenderProps) => React.ReactElement;
14
- };
15
- type BreadcrumbsClassNames = {
16
- ellipsisTrigger?: MenuPrimitive.Trigger.Props['className'];
17
- popup?: MenuPrimitive.Popup.Props['className'];
18
- popupItem?: MenuPrimitive.Item.Props['className'];
19
- portal?: MenuPrimitive.Portal.Props['className'];
20
- positioner?: MenuPrimitive.Positioner.Props['className'];
21
- };
22
- type BreadcrumbsSlotProps = {
23
- ellipsisTrigger?: Omit<MenuPrimitive.Trigger.Props, 'children' | 'className'>;
24
- popup?: Omit<MenuPrimitive.Popup.Props, 'children' | 'className'>;
25
- popupItem?: Omit<MenuPrimitive.Item.Props, 'children' | 'className'>;
26
- popupLinkItem?: Omit<MenuPrimitive.LinkItem.Props, 'children' | 'className' | 'href' | 'render'>;
27
- portal?: Omit<MenuPrimitive.Portal.Props, 'children' | 'className'>;
28
- positioner?: Omit<MenuPrimitive.Positioner.Props, 'children' | 'className'>;
29
- };
30
- type BreadcrumbsProps = Omit<React.ComponentProps<'nav'>, 'children'> & {
31
- items: BreadcrumbsItem[];
32
- separator?: React.ReactNode;
33
- maxItems?: number;
34
- itemsBeforeCollapse?: number;
35
- itemsAfterCollapse?: number;
36
- ellipsisLabel?: React.ReactNode;
37
- hiddenItemsMenuLabel?: string;
38
- classNames?: BreadcrumbsClassNames;
39
- slotProps?: BreadcrumbsSlotProps;
40
- };
41
- declare function Breadcrumbs({ className, items, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, ellipsisLabel, hiddenItemsMenuLabel, classNames, slotProps, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
42
- export { Breadcrumbs };
43
- export type { BreadcrumbsProps, BreadcrumbsItem, BreadcrumbsItemRenderProps, BreadcrumbsClassNames, BreadcrumbsSlotProps, };
1
+ import { ComponentProps } from 'react';
2
+ import { useRender } from '@base-ui/react/use-render';
3
+ declare function Breadcrumbs({ className, 'aria-label': ariaLabel, ...props }: ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
4
+ declare function BreadcrumbsList({ className, ...props }: ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
5
+ declare function BreadcrumbsItem({ className, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
6
+ declare function BreadcrumbsLink({ className, render, ...props }: useRender.ComponentProps<'a'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
7
+ declare function BreadcrumbsPage({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
8
+ declare function BreadcrumbsSeparator({ className, children, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function BreadcrumbsEllipsis({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
10
+ export { Breadcrumbs, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsPage, BreadcrumbsSeparator, BreadcrumbsEllipsis, };
@@ -1,2 +1 @@
1
- export { Breadcrumbs } from './Breadcrumbs';
2
- export type { BreadcrumbsProps, BreadcrumbsItem, BreadcrumbsItemRenderProps, BreadcrumbsClassNames, BreadcrumbsSlotProps, } from './Breadcrumbs';
1
+ export { Breadcrumbs, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsPage, BreadcrumbsSeparator, BreadcrumbsEllipsis, } from './Breadcrumbs';
@@ -1,20 +1,5 @@
1
- import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
- import * as React from 'react';
3
- type ButtonVariant = 'default' | 'outline' | 'secondary' | 'destructive' | 'destructive-outline' | 'ghost' | 'link';
4
- type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon-sm' | 'icon-md' | 'icon-lg';
5
- type ButtonClassNames = {
6
- content?: string;
7
- loadingIndicator?: string;
8
- spinner?: string;
9
- };
10
- type ButtonProps = ButtonPrimitive.Props & {
11
- variant?: ButtonVariant;
12
- size?: ButtonSize;
13
- loading?: boolean;
14
- loadingText?: React.ReactNode;
15
- loadingIndicator?: React.ReactNode;
16
- classNames?: ButtonClassNames;
17
- };
18
- declare function Button({ className, classNames, children, variant, size, loading, loadingText, loadingIndicator, disabled, focusableWhenDisabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
1
+ declare const Button: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ButtonProps & {
2
+ variant?: "default" | "outline" | "secondary" | "destructive" | "destructive-outline" | "ghost" | "link";
3
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg";
4
+ }, "ref"> & import('react').RefAttributes<HTMLElement>>;
19
5
  export { Button };
20
- export type { ButtonProps, ButtonVariant, ButtonSize, ButtonClassNames };
@@ -1,2 +1 @@
1
1
  export { Button } from './Button';
2
- export type { ButtonProps, ButtonVariant, ButtonSize, ButtonClassNames } from './Button';
@@ -0,0 +1,13 @@
1
+ import { ComponentProps, ComponentPropsWithoutRef } from 'react';
2
+ declare function Card({ className, size, ...props }: ComponentProps<'div'> & {
3
+ size?: 'default' | 'sm';
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
6
+ declare function CardContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
7
+ declare function CardFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
+ declare function CardTitle({ as: Root, className, ...props }: ComponentPropsWithoutRef<'h3'> & {
9
+ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ declare function CardDescription({ className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
12
+ declare function CardAction({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
13
+ export { Card, CardHeader, CardContent, CardFooter, CardTitle, CardDescription, CardAction };
@@ -0,0 +1 @@
1
+ export { Card, CardHeader, CardContent, CardFooter, CardTitle, CardDescription, CardAction, } from './Card';
@@ -1,46 +1,11 @@
1
1
  import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
2
- import * as React from 'react';
2
+ import { ComponentProps } from 'react';
3
3
  type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
- type CheckboxClassNames = {
5
- indicator?: CheckboxIndicatorProps['className'];
6
- indicatorIcon?: string;
7
- checkedIcon?: string;
8
- indeterminateIcon?: string;
9
- };
10
- type CheckboxSlotProps = {
11
- indicator?: Omit<CheckboxIndicatorProps, 'children' | 'className'>;
12
- indicatorIcon?: Omit<CheckboxIndicatorIconProps, 'checkedIcon' | 'children' | 'className'>;
13
- };
14
- type CheckboxProps = CheckboxPrimitive.Root.Props & {
4
+ declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CheckboxRootProps & {
15
5
  size?: CheckboxSize;
16
- indicator?: React.ReactNode;
17
- checkedIcon?: React.ReactNode;
18
- indeterminateIcon?: React.ReactNode;
19
- classNames?: CheckboxClassNames;
20
- slotProps?: CheckboxSlotProps;
21
- };
22
- declare function Checkbox({ className, size, children, indicator, checkedIcon, indeterminateIcon, classNames, slotProps, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
23
- type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props & {
24
- checkedIcon?: React.ReactNode;
25
- checkedIconClassName?: string;
26
- indeterminateIcon?: React.ReactNode;
27
- indeterminateIconClassName?: string;
28
- };
29
- declare function CheckboxIndicator({ className, children, checkedIcon, checkedIconClassName, indeterminateIcon, indeterminateIconClassName, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
30
- type CheckboxIndicatorIconProps = Omit<React.ComponentProps<'span'>, 'children'> & {
31
- checkedIcon?: React.ReactNode;
32
- checkedIconClassName?: string;
33
- indeterminateIcon?: React.ReactNode;
34
- indeterminateIconClassName?: string;
35
- };
36
- declare function CheckboxIndicatorIcon({ className, checkedIcon, checkedIconClassName, indeterminateIcon, indeterminateIconClassName, ...props }: CheckboxIndicatorIconProps): import("react/jsx-runtime").JSX.Element;
37
- type CheckboxFieldProps = React.ComponentProps<'label'>;
38
- declare function CheckboxField({ className, ...props }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
39
- type CheckboxLabelProps = React.ComponentProps<'span'>;
40
- type CheckboxState = CheckboxPrimitive.Root.State;
41
- type CheckboxIndicatorState = CheckboxPrimitive.Indicator.State;
42
- type CheckboxChangeEventReason = CheckboxPrimitive.Root.ChangeEventReason;
43
- type CheckboxChangeEventDetails = CheckboxPrimitive.Root.ChangeEventDetails;
44
- declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
6
+ }, "ref"> & import('react').RefAttributes<HTMLElement>>;
7
+ declare function CheckboxIndicator({ className, children, ...props }: CheckboxPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
8
+ declare function CheckboxIndicatorIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
9
+ declare function CheckboxField({ className, ...props }: ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
10
+ declare function CheckboxLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
45
11
  export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel };
46
- export type { CheckboxSize, CheckboxClassNames, CheckboxSlotProps, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, CheckboxState, CheckboxIndicatorState, CheckboxChangeEventReason, CheckboxChangeEventDetails, };
@@ -1,2 +1 @@
1
1
  export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel, } from './Checkbox';
2
- export type { CheckboxSize, CheckboxClassNames, CheckboxSlotProps, CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps, CheckboxFieldProps, CheckboxLabelProps, CheckboxState, CheckboxIndicatorState, CheckboxChangeEventReason, CheckboxChangeEventDetails, } from './Checkbox';
@@ -1,20 +1,10 @@
1
+ import { ComponentProps } from 'react';
1
2
  import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
2
- import { CheckboxProps } from '../Checkbox';
3
- import * as React from 'react';
3
+ import { Checkbox, CheckboxField, CheckboxLabel } from '../Checkbox';
4
4
  declare function CheckboxGroup({ className, ...props }: CheckboxGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
5
- declare function CheckboxGroupLabel({ className, ...props }: CheckboxGroupLabelProps): import("react/jsx-runtime").JSX.Element;
6
- declare function CheckboxGroupList({ className, ...props }: CheckboxGroupListProps): import("react/jsx-runtime").JSX.Element;
7
- declare function CheckboxGroupItem({ className, ...props }: CheckboxGroupItemProps): import("react/jsx-runtime").JSX.Element;
8
- type CheckboxGroupItemControlProps = CheckboxProps;
9
- declare function CheckboxGroupItemControl(props: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
10
- declare function CheckboxGroupItemLabel({ className, ...props }: CheckboxGroupItemLabelProps): import("react/jsx-runtime").JSX.Element;
11
- type CheckboxGroupProps = CheckboxGroupPrimitive.Props;
12
- type CheckboxGroupState = CheckboxGroupPrimitive.State;
13
- type CheckboxGroupChangeEventReason = CheckboxGroupPrimitive.ChangeEventReason;
14
- type CheckboxGroupChangeEventDetails = CheckboxGroupPrimitive.ChangeEventDetails;
15
- type CheckboxGroupLabelProps = React.ComponentProps<'div'>;
16
- type CheckboxGroupListProps = React.ComponentProps<'div'>;
17
- type CheckboxGroupItemProps = React.ComponentProps<'label'>;
18
- type CheckboxGroupItemLabelProps = React.ComponentProps<'span'>;
5
+ declare function CheckboxGroupLabel({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
6
+ declare function CheckboxGroupList({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
7
+ declare function CheckboxGroupItem({ className, ...props }: ComponentProps<typeof CheckboxField>): import("react/jsx-runtime").JSX.Element;
8
+ declare function CheckboxGroupItemControl(props: ComponentProps<typeof Checkbox>): import("react/jsx-runtime").JSX.Element;
9
+ declare function CheckboxGroupItemLabel({ className, ...props }: ComponentProps<typeof CheckboxLabel>): import("react/jsx-runtime").JSX.Element;
19
10
  export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, };
20
- export type { CheckboxGroupProps, CheckboxGroupState, CheckboxGroupChangeEventReason, CheckboxGroupChangeEventDetails, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, };
@@ -1,2 +1 @@
1
1
  export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, } from './CheckboxGroup';
2
- export type { CheckboxGroupProps, CheckboxGroupState, CheckboxGroupChangeEventReason, CheckboxGroupChangeEventDetails, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, } from './CheckboxGroup';
@@ -1,4 +1,2 @@
1
- import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
- export type CloseButtonProps = ButtonPrimitive.Props;
3
- declare function CloseButton({ className, children, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
1
+ declare const CloseButton: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
4
2
  export { CloseButton };
@@ -1,35 +1,6 @@
1
- import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
2
- import * as React from 'react';
3
- declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
4
- declare function CollapsibleTrigger({ className, children, icon, hideIcon, classNames, slotProps, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
5
- declare function CollapsibleTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
6
- declare function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
7
- type CollapsibleProps = CollapsiblePrimitive.Root.Props;
8
- type CollapsibleTriggerIconProps = React.ComponentProps<'span'>;
9
- type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props;
10
- type CollapsibleTriggerClassNames = {
11
- icon?: CollapsibleTriggerIconProps['className'];
12
- };
13
- type CollapsibleTriggerSlotProps = {
14
- icon?: Omit<CollapsibleTriggerIconProps, 'children' | 'className'>;
15
- };
16
- type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props & {
17
- /**
18
- * Icon rendered at the start of the trigger. Pass `hideIcon` to remove it.
19
- */
20
- icon?: React.ReactNode;
21
- /**
22
- * Removes the default trigger icon.
23
- */
24
- hideIcon?: boolean;
25
- /**
26
- * Classes for internal slots rendered by the trigger.
27
- */
28
- classNames?: CollapsibleTriggerClassNames;
29
- /**
30
- * Props for internal slots rendered by the trigger.
31
- */
32
- slotProps?: CollapsibleTriggerSlotProps;
33
- };
1
+ import { ComponentProps } from 'react';
2
+ declare const Collapsible: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
3
+ declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
4
+ declare function CollapsibleTriggerIcon({ className, children, 'aria-hidden': ariaHidden, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
5
+ declare const CollapsiblePanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
34
6
  export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel };
35
- export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsibleTriggerClassNames, CollapsibleTriggerSlotProps, };
@@ -1,2 +1 @@
1
1
  export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, } from './Collapsible';
2
- export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsibleTriggerClassNames, CollapsibleTriggerSlotProps, } from './Collapsible';