moduix 0.8.5 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +7 -40
- package/dist/components/Accordion/index.d.ts +0 -1
- package/dist/components/Alert/Alert.d.ts +10 -0
- package/dist/components/Alert/index.d.ts +1 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +6 -37
- package/dist/components/AlertDialog/index.d.ts +1 -2
- package/dist/components/Autocomplete/Autocomplete.d.ts +32 -70
- package/dist/components/Autocomplete/index.d.ts +1 -2
- package/dist/components/Avatar/Avatar.d.ts +1 -8
- package/dist/components/Avatar/index.d.ts +0 -1
- package/dist/components/Badge/Badge.d.ts +6 -0
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Bleed/Bleed.d.ts +6 -13
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +10 -43
- package/dist/components/Breadcrumbs/index.d.ts +1 -2
- package/dist/components/Button/Button.d.ts +4 -19
- package/dist/components/Button/index.d.ts +0 -1
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/index.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +7 -42
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +7 -17
- package/dist/components/CheckboxGroup/index.d.ts +0 -1
- package/dist/components/CloseButton/CloseButton.d.ts +1 -3
- package/dist/components/Collapsible/Collapsible.d.ts +5 -34
- package/dist/components/Collapsible/index.d.ts +0 -1
- package/dist/components/Combobox/Combobox.d.ts +36 -82
- package/dist/components/Combobox/index.d.ts +1 -2
- package/dist/components/CommandPalette/CommandPalette.d.ts +48 -0
- package/dist/components/CommandPalette/index.d.ts +1 -0
- package/dist/components/Container/Container.d.ts +8 -0
- package/dist/components/Container/index.d.ts +1 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +23 -50
- package/dist/components/ContextMenu/index.d.ts +1 -2
- package/dist/components/Dialog/Dialog.d.ts +12 -36
- package/dist/components/Dialog/index.d.ts +1 -2
- package/dist/components/Drawer/Drawer.d.ts +17 -51
- package/dist/components/Drawer/index.d.ts +1 -2
- package/dist/components/Field/Field.d.ts +0 -18
- package/dist/components/Field/index.d.ts +0 -1
- package/dist/components/Fieldset/Fieldset.d.ts +1 -6
- package/dist/components/Fieldset/index.d.ts +0 -1
- package/dist/components/Form/Form.d.ts +1 -10
- package/dist/components/Form/index.d.ts +0 -1
- package/dist/components/Heading/Heading.d.ts +16 -12
- package/dist/components/Input/Input.d.ts +6 -12
- package/dist/components/Input/index.d.ts +0 -1
- package/dist/components/InputGroup/InputGroup.d.ts +16 -0
- package/dist/components/InputGroup/index.d.ts +1 -0
- package/dist/components/Kbd/Kbd.d.ts +4 -0
- package/dist/components/Kbd/index.d.ts +1 -0
- package/dist/components/Lightbox/Lightbox.d.ts +23 -51
- package/dist/components/List/List.d.ts +13 -21
- package/dist/components/Menu/Menu.d.ts +25 -51
- package/dist/components/Menu/index.d.ts +1 -2
- package/dist/components/Menubar/Menubar.d.ts +24 -61
- package/dist/components/Menubar/index.d.ts +1 -2
- package/dist/components/Meter/Meter.d.ts +3 -15
- package/dist/components/Meter/index.d.ts +1 -2
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +16 -84
- package/dist/components/NavigationMenu/index.d.ts +1 -2
- package/dist/components/NumberField/NumberField.d.ts +8 -29
- package/dist/components/NumberField/index.d.ts +1 -2
- package/dist/components/OTPField/OTPField.d.ts +1 -26
- package/dist/components/OTPField/index.d.ts +0 -1
- package/dist/components/Pagination/Pagination.d.ts +23 -21
- package/dist/components/Pagination/index.d.ts +1 -2
- package/dist/components/Popover/Popover.d.ts +15 -38
- package/dist/components/Popover/index.d.ts +1 -2
- package/dist/components/PreviewCard/PreviewCard.d.ts +11 -28
- package/dist/components/PreviewCard/index.d.ts +1 -2
- package/dist/components/Progress/Progress.d.ts +7 -15
- package/dist/components/Progress/index.d.ts +1 -2
- package/dist/components/Radio/Radio.d.ts +10 -29
- package/dist/components/Radio/index.d.ts +1 -2
- package/dist/components/ScrollArea/ScrollArea.d.ts +15 -38
- package/dist/components/ScrollArea/index.d.ts +1 -2
- package/dist/components/Select/Select.d.ts +15 -50
- package/dist/components/Select/index.d.ts +1 -2
- package/dist/components/Separator/Separator.d.ts +2 -3
- package/dist/components/Separator/index.d.ts +0 -1
- package/dist/components/Skeleton/Skeleton.d.ts +9 -33
- package/dist/components/Slider/Slider.d.ts +6 -18
- package/dist/components/Slider/index.d.ts +1 -2
- package/dist/components/Spinner/Spinner.d.ts +7 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Stack/Stack.d.ts +15 -0
- package/dist/components/Stack/index.d.ts +1 -0
- package/dist/components/Switch/Switch.d.ts +7 -15
- package/dist/components/Switch/index.d.ts +1 -2
- package/dist/components/Tabs/Tabs.d.ts +8 -32
- package/dist/components/Tabs/index.d.ts +1 -2
- package/dist/components/Text/Text.d.ts +9 -17
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +4 -0
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Toast/Toast.d.ts +37 -66
- package/dist/components/Toast/index.d.ts +1 -2
- package/dist/components/Toggle/Toggle.d.ts +5 -11
- package/dist/components/Toggle/index.d.ts +0 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +7 -13
- package/dist/components/ToggleGroup/index.d.ts +0 -1
- package/dist/components/Toolbar/Toolbar.d.ts +7 -19
- package/dist/components/Toolbar/index.d.ts +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts +10 -28
- package/dist/components/Tooltip/index.d.ts +1 -2
- package/dist/icons/demo/Icons.d.ts +13 -0
- package/dist/icons/demo/index.d.ts +1 -0
- package/dist/icons/ui/Icons.d.ts +21 -0
- package/dist/icons/ui/index.d.ts +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +12 -1
- package/dist/index.js +3455 -3714
- package/package.json +3 -3
- package/dist/primitives/Icons/Icons.d.ts +0 -36
- package/dist/primitives/Icons/index.d.ts +0 -1
- package/dist/primitives/index.d.ts +0 -1
|
@@ -1,42 +1,9 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
1
2
|
import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
declare
|
|
6
|
-
declare function
|
|
7
|
-
declare
|
|
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
|
|
27
|
-
declare function
|
|
28
|
-
declare function
|
|
29
|
-
declare function
|
|
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
|
-
|
|
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,
|
|
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
|
|
22
|
-
declare
|
|
23
|
-
declare
|
|
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
|
|
26
|
-
declare
|
|
27
|
-
declare
|
|
28
|
-
declare
|
|
29
|
-
declare
|
|
30
|
-
declare
|
|
31
|
-
declare
|
|
32
|
-
declare
|
|
33
|
-
declare
|
|
34
|
-
declare
|
|
35
|
-
declare
|
|
36
|
-
declare
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
declare
|
|
41
|
-
declare
|
|
42
|
-
declare
|
|
43
|
-
declare
|
|
44
|
-
declare
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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 };
|
|
@@ -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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 };
|
|
@@ -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
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
3
|
type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
|
|
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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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 {
|
|
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 }:
|
|
6
|
-
declare function CheckboxGroupList({ className, ...props }:
|
|
7
|
-
declare function CheckboxGroupItem({ className, ...props }:
|
|
8
|
-
|
|
9
|
-
declare function
|
|
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
|
-
|
|
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 {
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
declare function
|
|
5
|
-
declare
|
|
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';
|