moduix 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +75 -0
- package/dist/components/Accordion/Accordion.d.ts +19 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +31 -0
- package/dist/components/AlertDialog/index.d.ts +2 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +43 -0
- package/dist/components/Autocomplete/index.d.ts +2 -0
- package/dist/components/Avatar/Avatar.d.ts +12 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Bleed/Bleed.d.ts +12 -0
- package/dist/components/Bleed/index.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +17 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Checkbox/Checkbox.d.ts +20 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +20 -0
- package/dist/components/CheckboxGroup/index.d.ts +2 -0
- package/dist/components/Collapsible/Collapsible.d.ts +16 -0
- package/dist/components/Collapsible/index.d.ts +2 -0
- package/dist/components/Combobox/Combobox.d.ts +53 -0
- package/dist/components/Combobox/index.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +66 -0
- package/dist/components/ContextMenu/index.d.ts +2 -0
- package/dist/components/Dialog/Dialog.d.ts +29 -0
- package/dist/components/Dialog/index.d.ts +2 -0
- package/dist/components/Drawer/Drawer.d.ts +47 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/Field/Field.d.ts +17 -0
- package/dist/components/Field/index.d.ts +2 -0
- package/dist/components/Fieldset/Fieldset.d.ts +7 -0
- package/dist/components/Fieldset/index.d.ts +2 -0
- package/dist/components/Form/Form.d.ts +11 -0
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Heading/Heading.d.ts +13 -0
- package/dist/components/Heading/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +9 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/List/List.d.ts +18 -0
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/Menu/Menu.d.ts +55 -0
- package/dist/components/Menu/index.d.ts +2 -0
- package/dist/components/Menubar/Menubar.d.ts +73 -0
- package/dist/components/Menubar/index.d.ts +2 -0
- package/dist/components/Meter/Meter.d.ts +13 -0
- package/dist/components/Meter/index.d.ts +2 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +54 -0
- package/dist/components/NavigationMenu/index.d.ts +2 -0
- package/dist/components/NumberField/NumberField.d.ts +17 -0
- package/dist/components/NumberField/index.d.ts +2 -0
- package/dist/components/OTPField/OTPField.d.ts +9 -0
- package/dist/components/OTPField/index.d.ts +2 -0
- package/dist/components/Popover/Popover.d.ts +48 -0
- package/dist/components/Popover/index.d.ts +2 -0
- package/dist/components/PreviewCard/PreviewCard.d.ts +36 -0
- package/dist/components/PreviewCard/index.d.ts +2 -0
- package/dist/components/Progress/Progress.d.ts +13 -0
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Radio/Radio.d.ts +33 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +15 -0
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +63 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Separator/Separator.d.ts +5 -0
- package/dist/components/Separator/index.d.ts +2 -0
- package/dist/components/Skeleton/Skeleton.d.ts +34 -0
- package/dist/components/Skeleton/index.d.ts +1 -0
- package/dist/components/Slider/Slider.d.ts +18 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Switch/Switch.d.ts +13 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Tabs/Tabs.d.ts +25 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Text/Text.d.ts +15 -0
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/Toast/Toast.d.ts +65 -0
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/Toggle/Toggle.d.ts +13 -0
- package/dist/components/Toggle/index.d.ts +2 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +17 -0
- package/dist/components/ToggleGroup/index.d.ts +2 -0
- package/dist/components/Toolbar/Toolbar.d.ts +20 -0
- package/dist/components/Toolbar/index.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +33 -0
- package/dist/components/Tooltip/index.d.ts +2 -0
- package/dist/index.cjs +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +43 -0
- package/dist/index.js +4439 -0
- package/dist/primitives/CloseButton/CloseButton.d.ts +12 -0
- package/dist/primitives/CloseButton/index.d.ts +1 -0
- package/dist/primitives/Icons/Icons.d.ts +35 -0
- package/dist/primitives/Icons/index.d.ts +1 -0
- package/dist/primitives/index.d.ts +2 -0
- package/dist/reset.css +334 -0
- package/dist/utils/mergeClassName.d.ts +4 -0
- package/package.json +68 -0
package/README.md
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# moduix
|
|
2
|
+
|
|
3
|
+
Ready-made React components for product interfaces. The library is built on top of Base UI primitives and follows a composition-first API strongly inspired by shadcn/ui: you assemble small named parts, keep behavior accessible, and customize styles through props, `className`, and CSS variables.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install moduix @base-ui/react react react-dom
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
`react`, `react-dom`, and `@base-ui/react` are peer dependencies. They stay in your application bundle, so the library does not ship duplicate React or Base UI runtimes.
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
Import the library styles once in your application entry point:
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import 'moduix/style.css';
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Then import the components you need:
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
import { Button, Dialog, DialogContent, DialogTitle, DialogTrigger } from 'moduix';
|
|
25
|
+
|
|
26
|
+
export function Example() {
|
|
27
|
+
return (
|
|
28
|
+
<Dialog>
|
|
29
|
+
<DialogTrigger render={<Button />}>Open dialog</DialogTrigger>
|
|
30
|
+
<DialogContent>
|
|
31
|
+
<DialogTitle>Project settings</DialogTitle>
|
|
32
|
+
</DialogContent>
|
|
33
|
+
</Dialog>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
The CSS file includes component styles and design tokens. It does not include global reset or application-level base styles, so those stay under the consuming project's control. If your bundler supports CSS imports from JavaScript, styles are also referenced by the library entry, but explicit `moduix/style.css` import is the most predictable setup for apps, SSR, and tests.
|
|
39
|
+
|
|
40
|
+
## Styling
|
|
41
|
+
|
|
42
|
+
Components expose stable `data-slot` attributes and accept `className` where customization is expected. Theme values are regular CSS custom properties:
|
|
43
|
+
|
|
44
|
+
```css
|
|
45
|
+
:root {
|
|
46
|
+
--color-primary: oklch(0.205 0 0);
|
|
47
|
+
--button-radius: 0.5rem;
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
The distributed stylesheet uses CSS cascade layers:
|
|
52
|
+
|
|
53
|
+
```css
|
|
54
|
+
@layer ui.tokens, ui.components;
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
This keeps library styles predictable while still letting application styles override tokens or component classes.
|
|
58
|
+
|
|
59
|
+
## What is included
|
|
60
|
+
|
|
61
|
+
The package exports composed components for common UI needs: Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, Dialog, Drawer, Field, Form, Input, Menu, NavigationMenu, Popover, Select, Tabs, Toast, Tooltip, and more. It also exports small shared primitives such as icons and close buttons.
|
|
62
|
+
|
|
63
|
+
## Publishing Checklist
|
|
64
|
+
|
|
65
|
+
Before publishing a new version:
|
|
66
|
+
|
|
67
|
+
```bash
|
|
68
|
+
npm run fmt
|
|
69
|
+
npm run lint
|
|
70
|
+
npm run tsc:check
|
|
71
|
+
npm run build -w packages/ui
|
|
72
|
+
npm pack --dry-run -w packages/ui
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Check that the tarball contains `dist/index.js`, `dist/index.cjs`, `dist/index.d.ts`, `dist/index.css`, `package.json`, and this README.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
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, ...props }: AccordionPrimitive.Trigger.Props): 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
|
+
declare function AccordionPanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
type AccordionProps<Value = unknown> = AccordionPrimitive.Root.Props<Value>;
|
|
11
|
+
type AccordionValue<Value = unknown> = AccordionPrimitive.Root.Value<Value>;
|
|
12
|
+
type AccordionItemProps = AccordionPrimitive.Item.Props;
|
|
13
|
+
type AccordionHeaderProps = AccordionPrimitive.Header.Props;
|
|
14
|
+
type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
|
|
15
|
+
type AccordionTriggerIconProps = React.ComponentProps<'span'>;
|
|
16
|
+
type AccordionPanelProps = AccordionPrimitive.Panel.Props;
|
|
17
|
+
type AccordionPanelContentProps = React.ComponentProps<'div'>;
|
|
18
|
+
export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, };
|
|
19
|
+
export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionTriggerIcon, AccordionPanel, AccordionPanelContent, } from './Accordion';
|
|
2
|
+
export type { AccordionValue, AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionTriggerIconProps, AccordionPanelProps, AccordionPanelContentProps, } from './Accordion';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type AlertDialogContentProps = AlertDialogPrimitive.Popup.Props & {
|
|
4
|
+
portalClassName?: AlertDialogPrimitive.Portal.Props['className'];
|
|
5
|
+
backdropClassName?: AlertDialogPrimitive.Backdrop.Props['className'];
|
|
6
|
+
viewportClassName?: AlertDialogPrimitive.Viewport.Props['className'];
|
|
7
|
+
portalProps?: Omit<AlertDialogPrimitive.Portal.Props, 'className' | 'children'>;
|
|
8
|
+
backdropProps?: Omit<AlertDialogPrimitive.Backdrop.Props, 'className'>;
|
|
9
|
+
viewportProps?: Omit<AlertDialogPrimitive.Viewport.Props, 'className'>;
|
|
10
|
+
};
|
|
11
|
+
declare const AlertDialog: typeof AlertDialogPrimitive.Root;
|
|
12
|
+
declare const createAlertDialogHandle: typeof AlertDialogPrimitive.createHandle;
|
|
13
|
+
declare function AlertDialogTrigger({ className, render, ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function AlertDialogPortal({ className, ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function AlertDialogPopup({ className, ...props }: AlertDialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function AlertDialogCloseIcon({ className, children, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function AlertDialogContent({ className, portalClassName, backdropClassName, viewportClassName, portalProps, backdropProps, viewportProps, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function AlertDialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function AlertDialogAction({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function AlertDialogCancel({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
type AlertDialogProps<Payload = unknown> = AlertDialogPrimitive.Root.Props<Payload>;
|
|
29
|
+
type AlertDialogHandle<Payload = unknown> = AlertDialogPrimitive.Handle<Payload>;
|
|
30
|
+
export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };
|
|
31
|
+
export type { AlertDialogProps, AlertDialogHandle, AlertDialogContentProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { AlertDialog, createAlertDialogHandle, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogCloseIcon, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
|
|
2
|
+
export type { AlertDialogProps, AlertDialogHandle, AlertDialogContentProps } from './AlertDialog';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type AutocompleteContentProps = AutocompletePrimitive.Popup.Props & Pick<AutocompletePrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
|
|
4
|
+
positionerClassName?: AutocompletePrimitive.Positioner.Props['className'];
|
|
5
|
+
};
|
|
6
|
+
declare const Autocomplete: typeof AutocompletePrimitive.Root;
|
|
7
|
+
declare function AutocompleteField({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AutocompleteInlineInputContainer({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AutocompleteFieldLabel({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function AutocompleteValue(props: AutocompletePrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function AutocompleteInputGroup({ className, ...props }: AutocompletePrimitive.InputGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function AutocompleteInput({ className, ...props }: AutocompletePrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function AutocompleteControlActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function AutocompleteTrigger({ className, children, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function AutocompleteFieldTrigger({ className, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function AutocompleteIcon({ className, children, ...props }: AutocompletePrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function AutocompleteClear({ className, children, ...props }: AutocompletePrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function AutocompletePortal(props: AutocompletePrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function AutocompleteBackdrop({ className, ...props }: AutocompletePrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function AutocompletePositioner({ className, ...props }: AutocompletePrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function AutocompletePopup({ className, ...props }: AutocompletePrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function AutocompleteArrow({ className, ...props }: AutocompletePrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function AutocompleteContent({ className, positionerClassName, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: AutocompleteContentProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function AutocompleteStatus({ className, ...props }: AutocompletePrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function AutocompleteRow({ className, ...props }: AutocompletePrimitive.Row.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function AutocompleteItem({ className, ...props }: AutocompletePrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function AutocompleteItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function AutocompleteItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function AutocompleteItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function AutocompleteItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function AutocompleteSeparator({ className, ...props }: AutocompletePrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function AutocompleteGroup({ className, ...props }: AutocompletePrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function AutocompleteGroupLabel({ className, ...props }: AutocompletePrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function AutocompleteCollection(props: AutocompletePrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function useAutocompleteAnchor(): React.RefObject<HTMLDivElement | null>;
|
|
38
|
+
declare const useAutocompleteFilter: typeof import('@base-ui/react/internals/filter').getFilter;
|
|
39
|
+
declare const useAutocompleteFilteredItems: typeof AutocompletePrimitive.useFilteredItems;
|
|
40
|
+
type AutocompleteProps<Value = unknown> = AutocompletePrimitive.Root.Props<Value>;
|
|
41
|
+
type AutocompleteValueType<Value = unknown> = AutocompleteProps<Value>['value'];
|
|
42
|
+
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, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, };
|
|
43
|
+
export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
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, useAutocompleteAnchor, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
|
|
2
|
+
export type { AutocompleteProps, AutocompleteValueType, AutocompleteContentProps, } from './Autocomplete';
|
|
@@ -0,0 +1,12 @@
|
|
|
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;
|
|
7
|
+
declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
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
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
12
|
+
export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarSize };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type BleedAs = 'div' | 'section' | 'figure' | 'aside';
|
|
3
|
+
type BleedInline = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
4
|
+
type BleedBlock = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
type BleedProps = React.HTMLAttributes<HTMLElement> & {
|
|
6
|
+
as?: BleedAs;
|
|
7
|
+
inline?: BleedInline;
|
|
8
|
+
block?: BleedBlock;
|
|
9
|
+
};
|
|
10
|
+
declare function Bleed({ as, inline, block, className, ...props }: BleedProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Bleed };
|
|
12
|
+
export type { BleedProps, BleedAs, BleedInline, BleedBlock };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Bleed';
|
|
@@ -0,0 +1,17 @@
|
|
|
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 ButtonProps = ButtonPrimitive.Props & {
|
|
6
|
+
variant?: ButtonVariant;
|
|
7
|
+
size?: ButtonSize;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
loadingText?: React.ReactNode;
|
|
10
|
+
loadingIndicator?: React.ReactNode;
|
|
11
|
+
contentClassName?: string;
|
|
12
|
+
loadingIndicatorClassName?: string;
|
|
13
|
+
};
|
|
14
|
+
declare function Button({ className, contentClassName, children, variant, size, loading, loadingText, loadingIndicator, loadingIndicatorClassName, disabled, focusableWhenDisabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function ButtonSpinner({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { Button, ButtonSpinner };
|
|
17
|
+
export type { ButtonProps, ButtonVariant, ButtonSize };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
type CheckboxProps = CheckboxPrimitive.Root.Props & {
|
|
5
|
+
size?: CheckboxSize;
|
|
6
|
+
};
|
|
7
|
+
declare function Checkbox({ className, size, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function CheckboxIndicator({ className, children, ...props }: CheckboxPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
type CheckboxIndicatorIconProps = Omit<React.ComponentProps<'span'>, 'children'> & {
|
|
10
|
+
checkedIcon?: React.ReactNode;
|
|
11
|
+
checkedIconClassName?: string;
|
|
12
|
+
indeterminateIcon?: React.ReactNode;
|
|
13
|
+
indeterminateIconClassName?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function CheckboxIndicatorIcon({ className, checkedIcon, checkedIconClassName, indeterminateIcon, indeterminateIconClassName, ...props }: CheckboxIndicatorIconProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function CheckboxField({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function CheckboxLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props;
|
|
19
|
+
export { Checkbox, CheckboxIndicator, CheckboxIndicatorIcon, CheckboxField, CheckboxLabel };
|
|
20
|
+
export type { CheckboxProps, CheckboxIndicatorProps, CheckboxIndicatorIconProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
|
|
2
|
+
import { CheckboxIndicatorProps, CheckboxProps } from '../Checkbox';
|
|
3
|
+
import * as React from 'react';
|
|
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 = Omit<CheckboxProps, 'children'> & {
|
|
9
|
+
indicatorProps?: CheckboxIndicatorProps;
|
|
10
|
+
indicator?: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
declare function CheckboxGroupItemControl({ indicatorProps, indicator, ...props }: CheckboxGroupItemControlProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function CheckboxGroupItemLabel({ className, ...props }: CheckboxGroupItemLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
type CheckboxGroupProps = CheckboxGroupPrimitive.Props;
|
|
15
|
+
type CheckboxGroupLabelProps = React.ComponentProps<'div'>;
|
|
16
|
+
type CheckboxGroupListProps = React.ComponentProps<'div'>;
|
|
17
|
+
type CheckboxGroupItemProps = React.ComponentProps<'label'>;
|
|
18
|
+
type CheckboxGroupItemLabelProps = React.ComponentProps<'span'>;
|
|
19
|
+
export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, };
|
|
20
|
+
export type { CheckboxGroupProps, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CheckboxGroup, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupItem, CheckboxGroupItemControl, CheckboxGroupItemLabel, } from './CheckboxGroup';
|
|
2
|
+
export type { CheckboxGroupProps, CheckboxGroupLabelProps, CheckboxGroupListProps, CheckboxGroupItemProps, CheckboxGroupItemControlProps, CheckboxGroupItemLabelProps, } from './CheckboxGroup';
|
|
@@ -0,0 +1,16 @@
|
|
|
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, ...props }: CollapsiblePrimitive.Trigger.Props): 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
|
+
declare function CollapsiblePanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
type CollapsibleProps = CollapsiblePrimitive.Root.Props;
|
|
9
|
+
type CollapsibleOpenChangeEventReason = CollapsiblePrimitive.Root.ChangeEventReason;
|
|
10
|
+
type CollapsibleOpenChangeEventDetails = CollapsiblePrimitive.Root.ChangeEventDetails;
|
|
11
|
+
type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;
|
|
12
|
+
type CollapsibleTriggerIconProps = React.ComponentProps<'span'>;
|
|
13
|
+
type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props;
|
|
14
|
+
type CollapsiblePanelContentProps = React.ComponentProps<'div'>;
|
|
15
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, };
|
|
16
|
+
export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, CollapsiblePanelContent, } from './Collapsible';
|
|
2
|
+
export type { CollapsibleProps, CollapsibleOpenChangeEventReason, CollapsibleOpenChangeEventDetails, CollapsibleTriggerProps, CollapsibleTriggerIconProps, CollapsiblePanelProps, CollapsiblePanelContentProps, } from './Collapsible';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ComboboxContentProps = ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
|
|
4
|
+
positionerClassName?: ComboboxPrimitive.Positioner.Props['className'];
|
|
5
|
+
};
|
|
6
|
+
type IndicatorPosition = 'start' | 'end';
|
|
7
|
+
type ComboboxItemProps = ComboboxPrimitive.Item.Props & {
|
|
8
|
+
indicator?: IndicatorPosition;
|
|
9
|
+
};
|
|
10
|
+
type ComboboxFieldLabelProps = ComboboxPrimitive.Label.Props & Pick<React.ComponentProps<'label'>, 'htmlFor'>;
|
|
11
|
+
declare const Combobox: typeof ComboboxPrimitive.Root;
|
|
12
|
+
declare function ComboboxField({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function ComboboxFieldLabel({ className, ...props }: ComboboxFieldLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function ComboboxValue(props: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function ComboboxInputGroup({ className, ...props }: ComboboxPrimitive.InputGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function ComboboxInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function ComboboxControlActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function ComboboxIcon({ className, children, ...props }: ComboboxPrimitive.Icon.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function ComboboxInlineInputContainer({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function ComboboxPortal(props: ComboboxPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function ComboboxBackdrop({ className, ...props }: ComboboxPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function ComboboxPositioner({ className, ...props }: ComboboxPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function ComboboxPopup({ className, ...props }: ComboboxPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function ComboboxArrow({ className, ...props }: ComboboxPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function ComboboxContent({ className, positionerClassName, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function ComboboxItem({ className, indicator, ...props }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function ComboboxItemIndicator({ className, children, ...props }: ComboboxPrimitive.ItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function ComboboxItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function ComboboxItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function ComboboxItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function ComboboxItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare function ComboboxChips({ className, ...props }: ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
declare function ComboboxChip({ className, ...props }: ComboboxPrimitive.Chip.Props): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
declare function ComboboxChipRemove({ className, children, ...props }: ComboboxPrimitive.ChipRemove.Props): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
declare function ComboboxChipText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
|
|
48
|
+
declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
|
|
49
|
+
declare const useComboboxFilteredItems: typeof ComboboxPrimitive.useFilteredItems;
|
|
50
|
+
type ComboboxProps<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxPrimitive.Root.Props<Value, Multiple>;
|
|
51
|
+
type ComboboxValueType<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxProps<Value, Multiple>['value'];
|
|
52
|
+
export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxArrow, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, };
|
|
53
|
+
export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Combobox, ComboboxField, ComboboxFieldLabel, ComboboxValue, ComboboxInputGroup, ComboboxInput, ComboboxControlActions, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxArrow, ComboboxContent, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxItemTextContent, ComboboxItemTextIcon, ComboboxItemTextLabel, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxCollection, ComboboxInlineInputContainer, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxChipText, ComboboxChipsInput, useComboboxAnchor, useComboboxFilter, useComboboxFilteredItems, } from './Combobox';
|
|
2
|
+
export type { ComboboxProps, ComboboxValueType, ComboboxContentProps, ComboboxFieldLabelProps, } from './Combobox';
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'anchor' | 'collisionAvoidance' | 'collisionPadding' | 'sticky'> & {
|
|
4
|
+
portalClassName?: ContextMenuPrimitive.Portal.Props['className'];
|
|
5
|
+
positionerClassName?: ContextMenuPrimitive.Positioner.Props['className'];
|
|
6
|
+
portalProps?: Omit<ContextMenuPrimitive.Portal.Props, 'className' | 'children'>;
|
|
7
|
+
};
|
|
8
|
+
type IndicatorPosition = 'start' | 'end';
|
|
9
|
+
type ContextMenuRadioItemProps = ContextMenuPrimitive.RadioItem.Props & {
|
|
10
|
+
indicator?: IndicatorPosition;
|
|
11
|
+
};
|
|
12
|
+
type ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props & {
|
|
13
|
+
indicator?: IndicatorPosition;
|
|
14
|
+
};
|
|
15
|
+
declare const ContextMenu: typeof ContextMenuPrimitive.Root;
|
|
16
|
+
declare const ContextMenuSubmenu: typeof ContextMenuPrimitive.SubmenuRoot;
|
|
17
|
+
declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function ContextMenuPortal({ className, ...props }: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function ContextMenuBackdrop({ className, ...props }: ContextMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function ContextMenuPositioner({ className, ...props }: ContextMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function ContextMenuPopup({ className, ...props }: ContextMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function ContextMenuArrow({ className, children, ...props }: ContextMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function ContextMenuContent({ className, portalClassName, positionerClassName, portalProps, side, sideOffset, align, alignOffset, anchor, collisionAvoidance, collisionPadding, sticky, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function ContextMenuSubmenuContent({ sideOffset, alignOffset, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function ContextMenuItem({ className, ...props }: ContextMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function ContextMenuLinkItem({ className, ...props }: ContextMenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function ContextMenuGroup({ className, ...props }: ContextMenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function ContextMenuGroupLabel({ className, ...props }: ContextMenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function ContextMenuSubmenuTrigger({ className, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function ContextMenuSubmenuTriggerIcon({ className, children, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function ContextMenuRadioGroup({ className, ...props }: ContextMenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function ContextMenuRadioItem({ className, indicator, ...props }: ContextMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function ContextMenuRadioItemIndicator({ className, children, ...props }: ContextMenuPrimitive.RadioItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function ContextMenuCheckboxItem({ className, indicator, ...props }: ContextMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function ContextMenuCheckboxItemIndicator({ className, children, ...props }: ContextMenuPrimitive.CheckboxItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function ContextMenuItemText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare function ContextMenuItemTextContent({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare function ContextMenuItemTextIcon({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function ContextMenuItemTextLabel({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare function ContextMenuItemShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
type ContextMenuProps = ContextMenuPrimitive.Root.Props;
|
|
43
|
+
type ContextMenuSubmenuProps = ContextMenuPrimitive.SubmenuRoot.Props;
|
|
44
|
+
type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props;
|
|
45
|
+
type ContextMenuPortalProps = ContextMenuPrimitive.Portal.Props;
|
|
46
|
+
type ContextMenuBackdropProps = ContextMenuPrimitive.Backdrop.Props;
|
|
47
|
+
type ContextMenuPositionerProps = ContextMenuPrimitive.Positioner.Props;
|
|
48
|
+
type ContextMenuPopupProps = ContextMenuPrimitive.Popup.Props;
|
|
49
|
+
type ContextMenuArrowProps = ContextMenuPrimitive.Arrow.Props;
|
|
50
|
+
type ContextMenuItemProps = ContextMenuPrimitive.Item.Props;
|
|
51
|
+
type ContextMenuLinkItemProps = ContextMenuPrimitive.LinkItem.Props;
|
|
52
|
+
type ContextMenuSeparatorProps = ContextMenuPrimitive.Separator.Props;
|
|
53
|
+
type ContextMenuGroupProps = ContextMenuPrimitive.Group.Props;
|
|
54
|
+
type ContextMenuGroupLabelProps = ContextMenuPrimitive.GroupLabel.Props;
|
|
55
|
+
type ContextMenuSubmenuTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props;
|
|
56
|
+
type ContextMenuSubmenuTriggerIconProps = React.ComponentProps<'span'>;
|
|
57
|
+
type ContextMenuRadioGroupProps = ContextMenuPrimitive.RadioGroup.Props;
|
|
58
|
+
type ContextMenuRadioItemIndicatorProps = ContextMenuPrimitive.RadioItemIndicator.Props;
|
|
59
|
+
type ContextMenuCheckboxItemIndicatorProps = ContextMenuPrimitive.CheckboxItemIndicator.Props;
|
|
60
|
+
type ContextMenuItemTextProps = React.ComponentProps<'span'>;
|
|
61
|
+
type ContextMenuItemTextContentProps = React.ComponentProps<'span'>;
|
|
62
|
+
type ContextMenuItemTextIconProps = React.ComponentProps<'span'>;
|
|
63
|
+
type ContextMenuItemTextLabelProps = React.ComponentProps<'span'>;
|
|
64
|
+
type ContextMenuItemShortcutProps = React.ComponentProps<'span'>;
|
|
65
|
+
export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, };
|
|
66
|
+
export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuPortalProps, ContextMenuBackdropProps, ContextMenuPositionerProps, ContextMenuPopupProps, ContextMenuArrowProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, } from './ContextMenu';
|
|
2
|
+
export type { ContextMenuProps, ContextMenuSubmenuProps, ContextMenuTriggerProps, ContextMenuPortalProps, ContextMenuBackdropProps, ContextMenuPositionerProps, ContextMenuPopupProps, ContextMenuArrowProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerIconProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioItemIndicatorProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxItemIndicatorProps, ContextMenuItemTextProps, ContextMenuItemTextContentProps, ContextMenuItemTextIconProps, ContextMenuItemTextLabelProps, ContextMenuItemShortcutProps, } from './ContextMenu';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type DialogContentProps = DialogPrimitive.Popup.Props & {
|
|
4
|
+
portalClassName?: DialogPrimitive.Portal.Props['className'];
|
|
5
|
+
backdropClassName?: DialogPrimitive.Backdrop.Props['className'];
|
|
6
|
+
viewportClassName?: DialogPrimitive.Viewport.Props['className'];
|
|
7
|
+
portalProps?: Omit<DialogPrimitive.Portal.Props, 'className' | 'children'>;
|
|
8
|
+
backdropProps?: Omit<DialogPrimitive.Backdrop.Props, 'className'>;
|
|
9
|
+
viewportProps?: Omit<DialogPrimitive.Viewport.Props, 'className'>;
|
|
10
|
+
};
|
|
11
|
+
declare const Dialog: typeof DialogPrimitive.Root;
|
|
12
|
+
declare const createDialogHandle: typeof DialogPrimitive.createHandle;
|
|
13
|
+
declare function DialogTrigger({ className, render, ...props }: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function DialogPortal({ className, ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function DialogPopup({ className, ...props }: DialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function DialogCloseIcon({ className, children, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function DialogContent({ className, portalClassName, backdropClassName, viewportClassName, portalProps, backdropProps, viewportProps, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function DialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
type DialogProps<Payload = unknown> = DialogPrimitive.Root.Props<Payload>;
|
|
27
|
+
type DialogHandle<Payload = unknown> = DialogPrimitive.Handle<Payload>;
|
|
28
|
+
export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, };
|
|
29
|
+
export type { DialogProps, DialogHandle, DialogContentProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Dialog, createDialogHandle, DialogTrigger, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogCloseIcon, DialogContent, DialogHeader, DialogBody, DialogFooter, } from './Dialog';
|
|
2
|
+
export type { DialogProps, DialogHandle, DialogContentProps } from './Dialog';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type DrawerContentProps = DrawerPrimitive.Popup.Props & {
|
|
4
|
+
withBackdrop?: boolean;
|
|
5
|
+
withHandle?: boolean;
|
|
6
|
+
snap?: boolean;
|
|
7
|
+
variant?: 'bleed' | 'island';
|
|
8
|
+
disableInitialAnimation?: boolean;
|
|
9
|
+
portalClassName?: DrawerPrimitive.Portal.Props['className'];
|
|
10
|
+
backdropClassName?: DrawerPrimitive.Backdrop.Props['className'];
|
|
11
|
+
viewportClassName?: DrawerPrimitive.Viewport.Props['className'];
|
|
12
|
+
contentClassName?: DrawerPrimitive.Content.Props['className'];
|
|
13
|
+
handleClassName?: React.ComponentProps<'div'>['className'];
|
|
14
|
+
portalProps?: Omit<DrawerPrimitive.Portal.Props, 'className' | 'children'>;
|
|
15
|
+
backdropProps?: Omit<DrawerPrimitive.Backdrop.Props, 'className'>;
|
|
16
|
+
viewportProps?: Omit<DrawerPrimitive.Viewport.Props, 'className'>;
|
|
17
|
+
contentProps?: Omit<DrawerPrimitive.Content.Props, 'className' | 'children'>;
|
|
18
|
+
handleProps?: Omit<React.ComponentProps<'div'>, 'className'>;
|
|
19
|
+
};
|
|
20
|
+
declare const Drawer: typeof DrawerPrimitive.Root;
|
|
21
|
+
declare const DrawerProvider: typeof DrawerPrimitive.Provider;
|
|
22
|
+
declare const createDrawerHandle: typeof DrawerPrimitive.createHandle;
|
|
23
|
+
declare function DrawerIndent({ className, ...props }: DrawerPrimitive.Indent.Props): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function DrawerIndentBackground({ className, ...props }: DrawerPrimitive.IndentBackground.Props): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function DrawerTrigger({ className, render, ...props }: DrawerPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function DrawerSwipeArea({ className, ...props }: DrawerPrimitive.SwipeArea.Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function DrawerPortal({ className, ...props }: DrawerPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function DrawerBackdrop({ className, ...props }: DrawerPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function DrawerViewport({ className, ...props }: DrawerPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function DrawerPopup({ className, ...props }: DrawerPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function DrawerContentSlot({ className, ...props }: DrawerPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function DrawerDescription({ className, ...props }: DrawerPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function DrawerClose({ className, ...props }: DrawerPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
type DrawerSnapToggleProps = React.ComponentProps<'button'> & {
|
|
36
|
+
expanded: boolean;
|
|
37
|
+
};
|
|
38
|
+
declare function DrawerSnapToggle({ expanded, className, children, type, ...props }: DrawerSnapToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare function DrawerHandle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare function DrawerBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
declare function DrawerContent({ withBackdrop, withHandle, snap, variant, disableInitialAnimation, className, portalClassName, backdropClassName, viewportClassName, contentClassName, handleClassName, portalProps, backdropProps, viewportProps, contentProps, handleProps, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
type DrawerProps<Payload = unknown> = DrawerPrimitive.Root.Props<Payload>;
|
|
45
|
+
type DrawerHandleType<Payload = unknown> = DrawerPrimitive.Handle<Payload>;
|
|
46
|
+
export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, };
|
|
47
|
+
export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Drawer, DrawerProvider, createDrawerHandle, DrawerIndent, DrawerIndentBackground, DrawerTrigger, DrawerSwipeArea, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContentSlot, DrawerTitle, DrawerDescription, DrawerClose, DrawerSnapToggle, DrawerHandle, DrawerHeader, DrawerBody, DrawerFooter, DrawerContent, } from './Drawer';
|
|
2
|
+
export type { DrawerProps, DrawerHandleType, DrawerContentProps, DrawerSnapToggleProps, } from './Drawer';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Field as FieldPrimitive } from '@base-ui/react/field';
|
|
2
|
+
declare function Field({ className, ...props }: FieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function FieldControl({ className, ...props }: FieldPrimitive.Control.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const FieldValidity: import('react').FC<import('@base-ui/react').FieldValidityProps>;
|
|
9
|
+
type FieldProps = FieldPrimitive.Root.Props;
|
|
10
|
+
type FieldItemProps = FieldPrimitive.Item.Props;
|
|
11
|
+
type FieldLabelProps = FieldPrimitive.Label.Props;
|
|
12
|
+
type FieldControlProps = FieldPrimitive.Control.Props;
|
|
13
|
+
type FieldDescriptionProps = FieldPrimitive.Description.Props;
|
|
14
|
+
type FieldErrorProps = FieldPrimitive.Error.Props;
|
|
15
|
+
type FieldValidityProps = FieldPrimitive.Validity.Props;
|
|
16
|
+
export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
|
|
17
|
+
export type { FieldProps, FieldItemProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldValidityProps, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
|
|
2
|
+
declare function Fieldset({ className, disabled, render, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function FieldsetLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
type FieldsetProps = FieldsetPrimitive.Root.Props;
|
|
5
|
+
type FieldsetLegendProps = FieldsetPrimitive.Legend.Props;
|
|
6
|
+
export { Fieldset, FieldsetLegend };
|
|
7
|
+
export type { FieldsetProps, FieldsetLegendProps };
|