@gryt/ui 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AlertDialog/AlertDialog.d.ts +14 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +20 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist/components/Checkbox/CheckboxGroup.d.ts +13 -0
- package/dist/components/Checkbox/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/Collapsible/Collapsible.d.ts +10 -0
- package/dist/components/Collapsible/Collapsible.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.d.ts +40 -0
- package/dist/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +17 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +41 -14
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Form/Form.d.ts +20 -0
- package/dist/components/Form/Form.d.ts.map +1 -0
- package/dist/components/Meter/Meter.d.ts +26 -0
- package/dist/components/Meter/Meter.d.ts.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +27 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts.map +1 -0
- package/dist/components/NumberField/NumberField.d.ts +16 -0
- package/dist/components/NumberField/NumberField.d.ts.map +1 -0
- package/dist/components/OtpField/OtpField.d.ts +16 -0
- package/dist/components/OtpField/OtpField.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +16 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/PreviewCard/PreviewCard.d.ts +13 -0
- package/dist/components/PreviewCard/PreviewCard.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +13 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/Toast/Toast.d.ts +23 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +17 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toolbar/Toolbar.d.ts +12 -0
- package/dist/components/Toolbar/Toolbar.d.ts.map +1 -0
- package/dist/components/utils/useMediaQuery.d.ts +14 -0
- package/dist/components/utils/useMediaQuery.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +35 -1
- package/dist/index.d.ts +35 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1547 -504
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme.css +101 -0
- package/package.json +2 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type AlertDialogPopupProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup>;
|
|
4
|
+
export declare const AlertDialog: {
|
|
5
|
+
Root: typeof BaseAlertDialog.Root;
|
|
6
|
+
Trigger: BaseAlertDialog.Trigger;
|
|
7
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Title: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
11
|
+
Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
12
|
+
Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAC1D,OAAO,eAAe,CAAC,KAAK,CAC7B,CAAC;AAkFF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';
|
|
2
|
+
export declare const Autocomplete: {
|
|
3
|
+
Root: typeof BaseAutocomplete.Root;
|
|
4
|
+
Input: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
5
|
+
InputGroup: BaseAutocomplete.InputGroup;
|
|
6
|
+
Trigger: BaseAutocomplete.Trigger;
|
|
7
|
+
Icon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
Clear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
Value: typeof BaseAutocomplete.Value;
|
|
10
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompletePositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompletePopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
List: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Item: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
+
GroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Empty: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Separator: import('react').ForwardRefExoticComponent<import('@base-ui/react').AutocompleteSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AA2F/E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAiBxB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type CheckboxGroupProps = ComponentPropsWithoutRef<typeof BaseCheckboxGroup>;
|
|
4
|
+
/**
|
|
5
|
+
* A set of checkboxes sharing one value array.
|
|
6
|
+
*
|
|
7
|
+
* Worth having over a hand-rolled array of Checkboxes for the parent case: give
|
|
8
|
+
* it `allValues` and a checkbox marked `parent` becomes a working
|
|
9
|
+
* indeterminate tri-state, which is fiddly to get right by hand and is exactly
|
|
10
|
+
* what a permissions list needs.
|
|
11
|
+
*/
|
|
12
|
+
export declare const CheckboxGroup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CheckboxGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CACvD,OAAO,iBAAiB,CACzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,kNAUzB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type CollapsibleTriggerProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger>;
|
|
4
|
+
export type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;
|
|
5
|
+
export declare const Collapsible: {
|
|
6
|
+
Root: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Trigger: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Panel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE5E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAC5D,OAAO,eAAe,CAAC,OAAO,CAC/B,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAC1D,OAAO,eAAe,CAAC,KAAK,CAC7B,CAAC;AA+CF,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Shared with Autocomplete, which is the same list wearing different
|
|
5
|
+
* semantics. Exported so the two cannot drift, the way ContextMenu shares
|
|
6
|
+
* Menu's item.
|
|
7
|
+
*/
|
|
8
|
+
export declare const listboxItemClass: string;
|
|
9
|
+
export declare const listboxInputClass: string;
|
|
10
|
+
export type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;
|
|
11
|
+
/**
|
|
12
|
+
* Pick from a list, narrowed by typing. Select with a filter, in effect.
|
|
13
|
+
*
|
|
14
|
+
* Supports multiple selection with chips, which is what a member picker or a
|
|
15
|
+
* role assignment wants. Use Autocomplete instead when the value is free text
|
|
16
|
+
* and the list is only a suggestion.
|
|
17
|
+
*/
|
|
18
|
+
export declare const Combobox: {
|
|
19
|
+
Root: typeof BaseCombobox.Root;
|
|
20
|
+
Input: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
21
|
+
InputGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxInputGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
Trigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
Icon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
24
|
+
Clear: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteClearProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
25
|
+
Value: typeof BaseCombobox.Value;
|
|
26
|
+
Chips: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
27
|
+
Chip: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
28
|
+
ChipRemove: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxChipRemoveProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
29
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompletePortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
30
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompletePositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
31
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompletePopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
32
|
+
List: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
33
|
+
Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ComboboxItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
34
|
+
ItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
35
|
+
Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
36
|
+
GroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Empty: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
38
|
+
Separator: import('react').ForwardRefExoticComponent<import('@base-ui/react').ComboboxSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAQlB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAInB,CAAC;AAEZ,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CACvD,OAAO,YAAY,CAAC,KAAK,CAC1B,CAAC;AA2EF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type ContextMenuPositionerProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Positioner>;
|
|
4
|
+
export declare const ContextMenu: {
|
|
5
|
+
Root: typeof BaseContextMenu.Root;
|
|
6
|
+
Trigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
GroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
SubmenuRoot: typeof BaseContextMenu.SubmenuRoot;
|
|
15
|
+
SubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=ContextMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,0BAA0B,GAAG,wBAAwB,CAC/D,OAAO,eAAe,CAAC,UAAU,CAClC,CAAC;AAyBF,eAAO,MAAM,WAAW;;;;;;;;;;;;CAYvB,CAAC"}
|
|
@@ -1,19 +1,46 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
|
|
2
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
3
|
export type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
4
|
-
export
|
|
4
|
+
export interface DrawerRootProps extends Omit<ComponentPropsWithoutRef<typeof BaseDrawer.Root>, "swipeDirection"> {
|
|
5
|
+
/** Edge the panel is pinned to. Ignored on small screens unless sheetOnMobile is false. */
|
|
5
6
|
side?: DrawerSide;
|
|
6
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Become a bottom sheet under 768px.
|
|
9
|
+
*
|
|
10
|
+
* A side panel is a desktop shape. On a phone it eats the width the content
|
|
11
|
+
* needs and puts the drag gesture on the axis the browser uses for back
|
|
12
|
+
* navigation. Set false to keep `side` at every width.
|
|
13
|
+
*/
|
|
14
|
+
sheetOnMobile?: boolean;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
declare function Root({ side, sheetOnMobile, children, ...props }: DrawerRootProps): import("react").JSX.Element;
|
|
18
|
+
export type DrawerViewportProps = ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>;
|
|
19
|
+
export type DrawerPopupProps = ComponentPropsWithoutRef<typeof BaseDrawer.Popup>;
|
|
20
|
+
export interface DrawerGrabberProps {
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* The bar people expect to drag on a sheet.
|
|
25
|
+
*
|
|
26
|
+
* Rendered only for the top and bottom edges: on a left or right panel it would
|
|
27
|
+
* be pointing the wrong way, and a horizontal drawer is a desktop shape where
|
|
28
|
+
* nobody reaches for a grab bar anyway. Decorative — the whole popup is
|
|
29
|
+
* draggable, so this is a hint, not the control.
|
|
30
|
+
*/
|
|
31
|
+
declare function Grabber({ className }: DrawerGrabberProps): import("react").JSX.Element | null;
|
|
7
32
|
export declare const Drawer: {
|
|
8
|
-
Root: typeof
|
|
9
|
-
Trigger:
|
|
10
|
-
Portal:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
33
|
+
Root: typeof Root;
|
|
34
|
+
Trigger: BaseDrawer.Trigger;
|
|
35
|
+
Portal: BaseDrawer.Portal;
|
|
36
|
+
Backdrop: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DrawerBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
37
|
+
Viewport: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DrawerViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
38
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DrawerPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
39
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
40
|
+
Grabber: typeof Grabber;
|
|
41
|
+
Close: BaseDrawer.Close;
|
|
42
|
+
Title: BaseDrawer.Title;
|
|
43
|
+
Description: BaseDrawer.Description;
|
|
18
44
|
};
|
|
45
|
+
export {};
|
|
19
46
|
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAwF7D,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAChD,gBAAgB,CACjB;IACD,2FAA2F;IAC3F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iBAAS,IAAI,CAAC,EACZ,IAAc,EACd,aAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAWjB;AAED,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CACxD,OAAO,UAAU,CAAC,QAAQ,CAC3B,CAAC;AAsBF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,UAAU,CAAC,KAAK,CACxB,CAAC;AAmDF,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,sCAcjD;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Form as BaseForm } from '@base-ui/react/form';
|
|
2
|
+
import { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
+
export type FormProps = ComponentPropsWithoutRef<typeof BaseForm>;
|
|
5
|
+
/**
|
|
6
|
+
* Wires server-side errors back to the fields that caused them.
|
|
7
|
+
*
|
|
8
|
+
* Pass `errors` keyed by field name and Base UI routes each message to the
|
|
9
|
+
* matching Field, so a rejected form points at the input rather than printing a
|
|
10
|
+
* paragraph at the top that the user has to map back themselves.
|
|
11
|
+
*/
|
|
12
|
+
export declare const Form: import('react').ForwardRefExoticComponent<Omit<BaseForm.Props<Record<string, any>> & {
|
|
13
|
+
ref?: React.Ref<HTMLFormElement> | undefined;
|
|
14
|
+
}, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
|
|
15
|
+
export type FieldsetProps = ComponentPropsWithoutRef<typeof BaseFieldset.Root>;
|
|
16
|
+
export declare const Fieldset: {
|
|
17
|
+
Root: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldsetRootProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLFieldSetElement>>;
|
|
18
|
+
Legend: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldsetLegendProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;2DAWf,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;AAiC/E,eAAO,MAAM,QAAQ;;;CAAiC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Meter as BaseMeter } from '@base-ui/react/meter';
|
|
2
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
|
+
export type MeterTone = "primary" | "success" | "warning" | "danger";
|
|
4
|
+
export interface MeterProps extends Omit<ComponentPropsWithoutRef<typeof BaseMeter.Root>, "className" | "value"> {
|
|
5
|
+
value: number;
|
|
6
|
+
label?: ReactNode;
|
|
7
|
+
/** Show the formatted value at the end of the label row. */
|
|
8
|
+
showValue?: boolean;
|
|
9
|
+
tone?: MeterTone;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* A measurement inside a known range — mic input level, disk used, how full a
|
|
14
|
+
* server is.
|
|
15
|
+
*
|
|
16
|
+
* Deliberately not Progress. Progress says "this task is 40% done and heading
|
|
17
|
+
* for 100%"; a meter says "this is the reading right now", and a reading at
|
|
18
|
+
* 100% is often the bad case rather than the finished one. They also announce
|
|
19
|
+
* differently to a screen reader, which is the part that actually matters.
|
|
20
|
+
*
|
|
21
|
+
* No transition on the indicator: the common caller is a mic level updating
|
|
22
|
+
* every animation frame, and easing a value that already changes 60 times a
|
|
23
|
+
* second only makes it lag behind the sound.
|
|
24
|
+
*/
|
|
25
|
+
export declare function Meter({ className, value, label, showValue, tone, ...props }: MeterProps): import("react").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=Meter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASrE,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAC/C,WAAW,GAAG,OAAO,CACtB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAiB,EACjB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,+BA+BZ"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Menubar as BaseMenubar } from '@base-ui/react/menubar';
|
|
2
|
+
import { NavigationMenu as BaseNavigationMenu } from '@base-ui/react/navigation-menu';
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* A bar of menus that behave as one — File, Edit, View.
|
|
6
|
+
*
|
|
7
|
+
* Once any menu is open, moving along the bar opens the next without a second
|
|
8
|
+
* click, which is the behaviour that separates a menubar from several
|
|
9
|
+
* independent Menus sitting next to each other.
|
|
10
|
+
*/
|
|
11
|
+
export type MenubarProps = ComponentPropsWithoutRef<typeof BaseMenubar>;
|
|
12
|
+
export declare const Menubar: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MenubarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const NavigationMenu: {
|
|
14
|
+
Root: <Value = any>(props: BaseNavigationMenu.Root.Props<Value>) => React.JSX.Element;
|
|
15
|
+
List: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuListProps, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
|
|
16
|
+
Item: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
17
|
+
Trigger: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
|
+
Viewport: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuPopupProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Link: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
24
|
+
Icon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
25
|
+
Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=NavigationMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEtF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,CAAC;AAExE,eAAO,MAAM,OAAO,4MAcnB,CAAC;AAmFF,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
|
|
2
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
|
+
export interface NumberFieldProps extends Omit<ComponentPropsWithoutRef<typeof BaseNumberField.Root>, "className"> {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Drag the label sideways to change the value.
|
|
8
|
+
*
|
|
9
|
+
* Base UI calls this a scrub area, and it is the reason to use this over a
|
|
10
|
+
* plain input for things like volume or bitrate — coarse adjustment by drag,
|
|
11
|
+
* exact entry by typing, without two controls.
|
|
12
|
+
*/
|
|
13
|
+
scrubbable?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const NumberField: import('react').ForwardRefExoticComponent<NumberFieldProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
+
//# sourceMappingURL=NumberField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,WAAW,CACZ;IACD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,WAAW,6GAmDvB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { OTPField as BaseOtpField } from '@base-ui/react/otp-field';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export interface OtpFieldProps extends Omit<ComponentPropsWithoutRef<typeof BaseOtpField.Root>, "className" | "length"> {
|
|
4
|
+
/** How many characters the code has. Required by Base UI; defaulted here. */
|
|
5
|
+
length?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A one-time code, one box per character.
|
|
10
|
+
*
|
|
11
|
+
* Base UI handles the parts that are tedious and easy to get wrong: paste a
|
|
12
|
+
* whole code into any box and it distributes across all of them, backspace
|
|
13
|
+
* steps back a box, and the arrow keys move between them.
|
|
14
|
+
*/
|
|
15
|
+
export declare const OtpField: import('react').ForwardRefExoticComponent<OtpFieldProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
+
//# sourceMappingURL=OtpField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OtpField.d.ts","sourceRoot":"","sources":["../../../src/components/OtpField/OtpField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAClD,WAAW,GAAG,QAAQ,CACvB;IACD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,0GA2BpB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Popover as BasePopover } from '@base-ui/react/popover';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;
|
|
4
|
+
export type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;
|
|
5
|
+
export declare const Popover: {
|
|
6
|
+
Root: typeof BasePopover.Root;
|
|
7
|
+
Trigger: BasePopover.Trigger;
|
|
8
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Title: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
12
|
+
Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
13
|
+
Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CACtD,OAAO,WAAW,CAAC,KAAK,CACzB,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAC3D,OAAO,WAAW,CAAC,UAAU,CAC9B,CAAC;AAkEF,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type PreviewCardPopupProps = ComponentPropsWithoutRef<typeof BasePreviewCard.Popup>;
|
|
4
|
+
export type PreviewCardPositionerProps = ComponentPropsWithoutRef<typeof BasePreviewCard.Positioner>;
|
|
5
|
+
export declare const PreviewCard: {
|
|
6
|
+
Root: <Payload>(props: BasePreviewCard.Root.Props<Payload>) => import("react").JSX.Element;
|
|
7
|
+
Trigger: BasePreviewCard.Trigger;
|
|
8
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Positioner: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PreviewCardPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PreviewCardPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=PreviewCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PreviewCard.d.ts","sourceRoot":"","sources":["../../../src/components/PreviewCard/PreviewCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAC1D,OAAO,eAAe,CAAC,KAAK,CAC7B,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG,wBAAwB,CAC/D,OAAO,eAAe,CAAC,UAAU,CAClC,CAAC;AAyCF,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Root>;
|
|
4
|
+
export type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Viewport>;
|
|
5
|
+
export type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Scrollbar>;
|
|
6
|
+
export declare const ScrollArea: {
|
|
7
|
+
Root: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Viewport: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Scrollbar: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Corner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CACxD,OAAO,cAAc,CAAC,IAAI,CAC3B,CAAC;AACF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAC5D,OAAO,cAAc,CAAC,QAAQ,CAC/B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAC7D,OAAO,cAAc,CAAC,SAAS,CAChC,CAAC;AAwDF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Toast as BaseToast } from '@base-ui/react/toast';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type ToastRootProps = ComponentPropsWithoutRef<typeof BaseToast.Root>;
|
|
4
|
+
export type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;
|
|
5
|
+
export declare const Toast: {
|
|
6
|
+
Provider: import('react').FC<import('@base-ui/react').ToastProviderProps>;
|
|
7
|
+
Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToastPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Viewport: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Root: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Title: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Close: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
Action: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToastActionProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Raise a toast without importing Base UI directly.
|
|
17
|
+
*
|
|
18
|
+
* Taken off the namespace rather than re-exported from "@base-ui/react/toast":
|
|
19
|
+
* at that path the hook is a type-only declaration, and re-exporting it as a
|
|
20
|
+
* value fails under isolatedModules. The value lives on the parts namespace.
|
|
21
|
+
*/
|
|
22
|
+
export declare const useToastManager: typeof BaseToast.useToastManager;
|
|
23
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAC7E,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CACvD,OAAO,SAAS,CAAC,QAAQ,CAC1B,CAAC;AA0HF,eAAO,MAAM,KAAK;;;;;;;;;CASjB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,kCAA4B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Toggle as BaseToggle } from '@base-ui/react/toggle';
|
|
2
|
+
import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
+
type ToggleTone = "primary" | "secondary" | "neutral" | "danger";
|
|
5
|
+
type ToggleSize = "xsmall" | "small" | "medium" | "large";
|
|
6
|
+
export interface ToggleProps extends Omit<ComponentPropsWithoutRef<typeof BaseToggle>, "className"> {
|
|
7
|
+
tone?: ToggleTone;
|
|
8
|
+
size?: ToggleSize;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export interface ToggleGroupProps extends Omit<ComponentPropsWithoutRef<typeof BaseToggleGroup>, "className"> {
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAmC1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,EAAE,WAAW,CAAC;IACtE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2GA0BlB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,EAAE,WAAW,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,WAAW,6GAcvB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Toolbar as BaseToolbar } from '@base-ui/react/toolbar';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
export type ToolbarRootProps = ComponentPropsWithoutRef<typeof BaseToolbar.Root>;
|
|
4
|
+
export declare const Toolbar: {
|
|
5
|
+
Root: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToolbarRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Button: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Link: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
9
|
+
Input: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
|
|
10
|
+
Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ToolbarSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,WAAW,CAAC,IAAI,CACxB,CAAC;AAuCF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Matches a media query, safely on the server.
|
|
3
|
+
*
|
|
4
|
+
* Written here rather than taken from Base UI's `unstable-use-media-query`,
|
|
5
|
+
* because a component library should not put an explicitly unstable export on
|
|
6
|
+
* its public path.
|
|
7
|
+
*
|
|
8
|
+
* useSyncExternalStore rather than useState in an effect: matchMedia is an
|
|
9
|
+
* external store, and reading it into state after mount means an extra render
|
|
10
|
+
* on every consumer plus a frame where the answer is wrong. The server snapshot
|
|
11
|
+
* is false so the first client paint agrees with the server's.
|
|
12
|
+
*/
|
|
13
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
14
|
+
//# sourceMappingURL=useMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/utils/useMediaQuery.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAiBpD"}
|