@acronis-platform/ui-react 0.35.1 → 0.38.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/ui/card/card.js +92 -0
- package/dist/components/ui/card/card.js.map +1 -0
- package/dist/components/ui/chip/chip.js +70 -0
- package/dist/components/ui/chip/chip.js.map +1 -0
- package/dist/components/ui/dialog/dialog.js +140 -0
- package/dist/components/ui/dialog/dialog.js.map +1 -0
- package/dist/components/ui/input/input.js +2 -2
- package/dist/components/ui/input/input.js.map +1 -1
- package/dist/components/ui/input-search/input-search.js +4 -4
- package/dist/components/ui/input-search/input-search.js.map +1 -1
- package/dist/components/ui/input-text/input-text.js +1 -1
- package/dist/components/ui/input-text/input-text.js.map +1 -1
- package/dist/components/ui/search/search.js +2 -2
- package/dist/components/ui/search/search.js.map +1 -1
- package/dist/components/ui/table/table.js +118 -0
- package/dist/components/ui/table/table.js.map +1 -0
- package/dist/index.js +137 -105
- package/dist/index.js.map +1 -1
- package/dist/react.js +137 -105
- package/dist/react.js.map +1 -1
- package/dist/src/components/ui/card/card.d.ts +17 -0
- package/dist/src/components/ui/card/index.d.ts +1 -0
- package/dist/src/components/ui/chip/chip.d.ts +20 -0
- package/dist/src/components/ui/chip/index.d.ts +1 -0
- package/dist/src/components/ui/dialog/dialog.d.ts +39 -0
- package/dist/src/components/ui/dialog/dialog.docs.d.ts +24 -0
- package/dist/src/components/ui/dialog/index.d.ts +1 -0
- package/dist/src/components/ui/input/index.d.ts +1 -1
- package/dist/src/components/ui/input/input.d.ts +3 -3
- package/dist/src/components/ui/input-search/input-search.d.ts +2 -2
- package/dist/src/components/ui/search/index.d.ts +1 -1
- package/dist/src/components/ui/search/search.d.ts +3 -3
- package/dist/src/components/ui/sidebar-primary/sidebar-primary.d.ts +1 -1
- package/dist/src/components/ui/sidebar-secondary/sidebar-secondary.d.ts +1 -1
- package/dist/src/components/ui/table/index.d.ts +1 -0
- package/dist/src/components/ui/table/table.d.ts +23 -0
- package/dist/src/index.d.ts +7 -2
- package/dist/ui-react.css +1 -1
- package/package.json +4 -3
package/dist/react.js
CHANGED
|
@@ -1,116 +1,148 @@
|
|
|
1
1
|
import { cn as t } from "./lib/utils.js";
|
|
2
|
-
import { Avatar as o, AvatarFallback as n, AvatarGroup as
|
|
3
|
-
import { Breadcrumb as p, BreadcrumbEllipsis as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { ButtonIcon as
|
|
6
|
-
import { ButtonMenu as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
2
|
+
import { Avatar as o, AvatarFallback as n, AvatarGroup as i, AvatarImage as l, avatarVariants as S } from "./components/ui/avatar/avatar.js";
|
|
3
|
+
import { Breadcrumb as p, BreadcrumbEllipsis as d, BreadcrumbItem as u, BreadcrumbLink as b, BreadcrumbList as m, BreadcrumbPage as I, BreadcrumbSeparator as s } from "./components/ui/breadcrumb/breadcrumb.js";
|
|
4
|
+
import { Button as g, buttonVariants as y } from "./components/ui/button/button.js";
|
|
5
|
+
import { ButtonIcon as f, buttonIconVariants as C } from "./components/ui/button-icon/button-icon.js";
|
|
6
|
+
import { ButtonMenu as P, buttonMenuVariants as B } from "./components/ui/button-menu/button-menu.js";
|
|
7
|
+
import { Card as V, CardContent as h, CardDescription as F, CardFooter as L, CardHeader as v, CardTitle as G } from "./components/ui/card/card.js";
|
|
8
|
+
import { CardFilter as A, cardFilterVariants as R } from "./components/ui/card-filter/card-filter.js";
|
|
9
|
+
import { Checkbox as E } from "./components/ui/checkbox/checkbox.js";
|
|
10
|
+
import { Chip as w, chipVariants as O } from "./components/ui/chip/chip.js";
|
|
11
|
+
import { Dialog as q, DialogBody as J, DialogClose as K, DialogCloseButton as N, DialogContent as Q, DialogDescription as U, DialogFooter as W, DialogHeader as X, DialogOverlay as Y, DialogPortal as Z, DialogTitle as _, DialogTrigger as $, dialogContentVariants as ee } from "./components/ui/dialog/dialog.js";
|
|
12
|
+
import { InputText as te, InputText as ae } from "./components/ui/input-text/input-text.js";
|
|
13
|
+
import { InputDatePicker as ne } from "./components/ui/input-date-picker/input-date-picker.js";
|
|
14
|
+
import { InputSearch as le, InputSearch as Se } from "./components/ui/input-search/input-search.js";
|
|
15
|
+
import { InputSelect as pe, InputSelectContent as de, InputSelectDescription as ue, InputSelectError as be, InputSelectField as me, InputSelectGroup as Ie, InputSelectItem as se, InputSelectLabel as xe, InputSelectSearch as ge, InputSelectSection as ye, InputSelectSectionLabel as Te, InputSelectStatus as fe, InputSelectTrigger as Ce, InputSelectValue as De, InputSelect as Pe, InputSelectContent as Be, InputSelectSection as Me, InputSelectSectionLabel as Ve, InputSelectItem as he, InputSelectTrigger as Fe, InputSelectValue as Le } from "./components/ui/input-select/input-select.js";
|
|
16
|
+
import { InputTextArea as Ge, InputTextArea as He } from "./components/ui/input-text-area/input-text-area.js";
|
|
17
|
+
import { Link as Re } from "./components/ui/link/link.js";
|
|
18
|
+
import { Radio as Ee, RadioGroup as ze } from "./components/ui/radio/radio.js";
|
|
19
|
+
import { ResizableHandle as Oe, ResizablePanel as je, ResizablePanelGroup as qe } from "./components/ui/resizable/resizable.js";
|
|
20
|
+
import { SearchGlobal as Ke } from "./components/ui/search-global/search-global.js";
|
|
21
|
+
import { SidebarPrimary as Qe, SidebarPrimaryCollapseTrigger as Ue, SidebarPrimaryContent as We, SidebarPrimaryFooter as Xe, SidebarPrimaryHeader as Ye, SidebarPrimaryMenu as Ze, SidebarPrimaryMenuItem as _e, SidebarPrimaryMenuItemExtras as $e, SidebarPrimarySection as er, sidebarPrimaryMenuItemVariants as rr } from "./components/ui/sidebar-primary/sidebar-primary.js";
|
|
22
|
+
import { SidebarSecondary as ar, SidebarSecondaryCollapseTrigger as or, SidebarSecondaryCollapsedBreadcrumb as nr, SidebarSecondaryContent as ir, SidebarSecondaryFooter as lr, SidebarSecondaryHeader as Sr, SidebarSecondaryMenu as cr, SidebarSecondaryMenuItem as pr, SidebarSecondaryMenuItemExtras as dr, SidebarSecondaryMenuSub as ur, SidebarSecondaryMenuSubContent as br, SidebarSecondaryMenuSubItem as mr, SidebarSecondaryMenuSubTrigger as Ir, SidebarSecondarySection as sr, SidebarSecondarySectionLabel as xr, sidebarSecondaryMenuItemVariants as gr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
|
|
23
|
+
import { Switch as Tr } from "./components/ui/switch/switch.js";
|
|
24
|
+
import { Table as Cr, TableBody as Dr, TableCaption as Pr, TableCell as Br, TableFooter as Mr, TableHead as Vr, TableHeader as hr, TableRow as Fr } from "./components/ui/table/table.js";
|
|
25
|
+
import { Tag as vr, tagVariants as Gr } from "./components/ui/tag/tag.js";
|
|
26
|
+
import { Tooltip as Ar, TooltipContent as Rr, TooltipProvider as kr, TooltipTrigger as Er } from "./components/ui/tooltip/tooltip.js";
|
|
25
27
|
export {
|
|
26
28
|
o as Avatar,
|
|
27
29
|
n as AvatarFallback,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
i as AvatarGroup,
|
|
31
|
+
l as AvatarImage,
|
|
30
32
|
p as Breadcrumb,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
d as BreadcrumbEllipsis,
|
|
34
|
+
u as BreadcrumbItem,
|
|
35
|
+
b as BreadcrumbLink,
|
|
36
|
+
m as BreadcrumbList,
|
|
35
37
|
I as BreadcrumbPage,
|
|
36
38
|
s as BreadcrumbSeparator,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
Q as
|
|
54
|
-
U as
|
|
55
|
-
W as
|
|
56
|
-
X as
|
|
57
|
-
Y as
|
|
58
|
-
Z as
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
Ze as
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
39
|
+
g as Button,
|
|
40
|
+
f as ButtonIcon,
|
|
41
|
+
P as ButtonMenu,
|
|
42
|
+
V as Card,
|
|
43
|
+
h as CardContent,
|
|
44
|
+
F as CardDescription,
|
|
45
|
+
A as CardFilter,
|
|
46
|
+
L as CardFooter,
|
|
47
|
+
v as CardHeader,
|
|
48
|
+
G as CardTitle,
|
|
49
|
+
E as Checkbox,
|
|
50
|
+
w as Chip,
|
|
51
|
+
q as Dialog,
|
|
52
|
+
J as DialogBody,
|
|
53
|
+
K as DialogClose,
|
|
54
|
+
N as DialogCloseButton,
|
|
55
|
+
Q as DialogContent,
|
|
56
|
+
U as DialogDescription,
|
|
57
|
+
W as DialogFooter,
|
|
58
|
+
X as DialogHeader,
|
|
59
|
+
Y as DialogOverlay,
|
|
60
|
+
Z as DialogPortal,
|
|
61
|
+
_ as DialogTitle,
|
|
62
|
+
$ as DialogTrigger,
|
|
63
|
+
te as Input,
|
|
64
|
+
ne as InputDatePicker,
|
|
65
|
+
le as InputSearch,
|
|
66
|
+
pe as InputSelect,
|
|
67
|
+
de as InputSelectContent,
|
|
68
|
+
ue as InputSelectDescription,
|
|
69
|
+
be as InputSelectError,
|
|
70
|
+
me as InputSelectField,
|
|
71
|
+
Ie as InputSelectGroup,
|
|
72
|
+
se as InputSelectItem,
|
|
73
|
+
xe as InputSelectLabel,
|
|
74
|
+
ge as InputSelectSearch,
|
|
75
|
+
ye as InputSelectSection,
|
|
76
|
+
Te as InputSelectSectionLabel,
|
|
77
|
+
fe as InputSelectStatus,
|
|
78
|
+
Ce as InputSelectTrigger,
|
|
79
|
+
De as InputSelectValue,
|
|
80
|
+
ae as InputText,
|
|
81
|
+
Ge as InputTextArea,
|
|
82
|
+
Re as Link,
|
|
83
|
+
Ee as Radio,
|
|
84
|
+
ze as RadioGroup,
|
|
85
|
+
Oe as ResizableHandle,
|
|
86
|
+
je as ResizablePanel,
|
|
87
|
+
qe as ResizablePanelGroup,
|
|
88
|
+
Se as Search,
|
|
89
|
+
Ke as SearchGlobal,
|
|
90
|
+
Pe as Select,
|
|
91
|
+
Be as SelectContent,
|
|
92
|
+
Me as SelectGroup,
|
|
93
|
+
Ve as SelectGroupLabel,
|
|
94
|
+
he as SelectItem,
|
|
95
|
+
Fe as SelectTrigger,
|
|
96
|
+
Le as SelectValue,
|
|
97
|
+
Qe as SidebarPrimary,
|
|
98
|
+
Ue as SidebarPrimaryCollapseTrigger,
|
|
99
|
+
We as SidebarPrimaryContent,
|
|
100
|
+
Xe as SidebarPrimaryFooter,
|
|
101
|
+
Ye as SidebarPrimaryHeader,
|
|
102
|
+
Ze as SidebarPrimaryMenu,
|
|
103
|
+
_e as SidebarPrimaryMenuItem,
|
|
104
|
+
$e as SidebarPrimaryMenuItemExtras,
|
|
105
|
+
er as SidebarPrimarySection,
|
|
106
|
+
ar as SidebarSecondary,
|
|
107
|
+
or as SidebarSecondaryCollapseTrigger,
|
|
108
|
+
nr as SidebarSecondaryCollapsedBreadcrumb,
|
|
109
|
+
ir as SidebarSecondaryContent,
|
|
110
|
+
lr as SidebarSecondaryFooter,
|
|
111
|
+
Sr as SidebarSecondaryHeader,
|
|
112
|
+
cr as SidebarSecondaryMenu,
|
|
113
|
+
pr as SidebarSecondaryMenuItem,
|
|
114
|
+
dr as SidebarSecondaryMenuItemExtras,
|
|
115
|
+
ur as SidebarSecondaryMenuSub,
|
|
116
|
+
br as SidebarSecondaryMenuSubContent,
|
|
117
|
+
mr as SidebarSecondaryMenuSubItem,
|
|
118
|
+
Ir as SidebarSecondaryMenuSubTrigger,
|
|
119
|
+
sr as SidebarSecondarySection,
|
|
120
|
+
xr as SidebarSecondarySectionLabel,
|
|
121
|
+
Tr as Switch,
|
|
122
|
+
Cr as Table,
|
|
123
|
+
Dr as TableBody,
|
|
124
|
+
Pr as TableCaption,
|
|
125
|
+
Br as TableCell,
|
|
126
|
+
Mr as TableFooter,
|
|
127
|
+
Vr as TableHead,
|
|
128
|
+
hr as TableHeader,
|
|
129
|
+
Fr as TableRow,
|
|
130
|
+
vr as Tag,
|
|
131
|
+
He as Textarea,
|
|
132
|
+
Ar as Tooltip,
|
|
133
|
+
Rr as TooltipContent,
|
|
134
|
+
kr as TooltipProvider,
|
|
135
|
+
Er as TooltipTrigger,
|
|
136
|
+
S as avatarVariants,
|
|
137
|
+
C as buttonIconVariants,
|
|
108
138
|
B as buttonMenuVariants,
|
|
109
|
-
|
|
110
|
-
|
|
139
|
+
y as buttonVariants,
|
|
140
|
+
R as cardFilterVariants,
|
|
141
|
+
O as chipVariants,
|
|
111
142
|
t as cn,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
143
|
+
ee as dialogContentVariants,
|
|
144
|
+
rr as sidebarPrimaryMenuItemVariants,
|
|
145
|
+
gr as sidebarSecondaryMenuItemVariants,
|
|
146
|
+
Gr as tagVariants
|
|
115
147
|
};
|
|
116
148
|
//# sourceMappingURL=react.js.map
|
package/dist/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface CardPartProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Replace the rendered `<div>` with another element or component (Base UI
|
|
6
|
+
* composition) — e.g. render `CardTitle` as a heading. The component's props
|
|
7
|
+
* and class names are merged onto it.
|
|
8
|
+
*/
|
|
9
|
+
render?: useRender.RenderProp;
|
|
10
|
+
}
|
|
11
|
+
declare const Card: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const CardHeader: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const CardTitle: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const CardDescription: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const CardContent: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const CardFooter: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, type CardPartProps, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, type CardPartProps, } from './card';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const chipVariants: (props?: ({
|
|
4
|
+
variant?: "removable" | "selectable" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
|
|
7
|
+
/** Optional leading icon, rendered at 16px before the label. */
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* `selectable` only — applies the selected (active) styling and exposes the
|
|
11
|
+
* chip as a pressed toggle (`role="button"` + `aria-pressed`).
|
|
12
|
+
*/
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
/** `removable` only — called when the trailing remove (×) button is pressed. */
|
|
15
|
+
onRemove?: () => void;
|
|
16
|
+
/** Accessible label for the remove button (`removable`). */
|
|
17
|
+
removeLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export { Chip, chipVariants };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Chip, chipVariants, type ChipProps } from './chip';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare const dialogContentVariants: (props?: ({
|
|
5
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
declare const Dialog: typeof DialogPrimitive.Root;
|
|
8
|
+
declare const DialogTrigger: DialogPrimitive.Trigger;
|
|
9
|
+
declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const DialogClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup>, VariantProps<typeof dialogContentVariants> {
|
|
13
|
+
/**
|
|
14
|
+
* Popup max-width. `sm` 512 · `xs` 464 · `md` 672 · `lg` 832 · `xl` 992 ·
|
|
15
|
+
* `2xl` 1136 (px). Defaults to `sm`.
|
|
16
|
+
*/
|
|
17
|
+
size?: VariantProps<typeof dialogContentVariants>['size'];
|
|
18
|
+
/**
|
|
19
|
+
* Render the content inside a portal (default `true`). Base UI requires the
|
|
20
|
+
* Popup to sit in a Portal for correct stacking; set `false` for inline usage
|
|
21
|
+
* (e.g. when the caller supplies its own `DialogPortal`, or in tests).
|
|
22
|
+
*/
|
|
23
|
+
portal?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Portal container. Pass a shadow-root mount for isolated-style previews
|
|
26
|
+
* (the docs demos do this via `useShadowMount`).
|
|
27
|
+
*/
|
|
28
|
+
portalContainer?: DialogPrimitive.Portal.Props['container'];
|
|
29
|
+
/** Keep the content mounted while closed (Base UI `Portal` prop). */
|
|
30
|
+
keepMounted?: DialogPrimitive.Portal.Props['keepMounted'];
|
|
31
|
+
}
|
|
32
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
declare const DialogHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
declare const DialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
37
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
38
|
+
declare const DialogCloseButton: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogBody, DialogDescription, dialogContentVariants, };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
/** Props for `DialogContent` — the portaled, centered dialog popup. */
|
|
3
|
+
export interface DialogContentProps {
|
|
4
|
+
/**
|
|
5
|
+
* Popup max-width. One of `xs` (464px) · `sm` (512px, default) · `md` (672px)
|
|
6
|
+
* · `lg` (832px) · `xl` (992px) · `2xl` (1136px).
|
|
7
|
+
*/
|
|
8
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
9
|
+
/**
|
|
10
|
+
* Render the content inside a portal (default `true`). Disable only when you
|
|
11
|
+
* supply your own `DialogPortal` ancestor (e.g. inline usage).
|
|
12
|
+
*/
|
|
13
|
+
portal?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Portal container. Pass a shadow-root mount for isolated-style previews
|
|
16
|
+
* (the docs demos do this via `useShadowMount`).
|
|
17
|
+
*/
|
|
18
|
+
portalContainer?: HTMLElement | null;
|
|
19
|
+
/** Keep the content mounted while closed. */
|
|
20
|
+
keepMounted?: boolean;
|
|
21
|
+
/** Extra classes merged onto the popup. */
|
|
22
|
+
className?: string;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogBody, DialogDescription, dialogContentVariants, type DialogContentProps, } from './dialog';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { InputBox, type InputBoxProps } from './input';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export type
|
|
3
|
-
declare const
|
|
4
|
-
export {
|
|
2
|
+
export type InputBoxProps = React.ComponentPropsWithoutRef<'input'>;
|
|
3
|
+
declare const InputBox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export { InputBox };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SearchBoxProps } from '../search';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
export interface InputSearchProps extends
|
|
3
|
+
export interface InputSearchProps extends SearchBoxProps {
|
|
4
4
|
/** Field label, rendered above the search box. */
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
/** Marks the field required — appends a `*` after the label. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SearchBox, type SearchBoxProps } from './search';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface SearchBoxProps extends React.ComponentPropsWithoutRef<'input'> {
|
|
3
3
|
/** Called when the clear (×) button is pressed, after the value is cleared. */
|
|
4
4
|
onClear?: () => void;
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export {
|
|
6
|
+
declare const SearchBox: React.ForwardRefExoticComponent<SearchBoxProps & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
export { SearchBox };
|
|
@@ -21,7 +21,7 @@ declare const SidebarPrimaryFooter: React.ForwardRefExoticComponent<Omit<React.D
|
|
|
21
21
|
declare const SidebarPrimarySection: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
22
|
declare const SidebarPrimaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
23
23
|
declare const sidebarPrimaryMenuItemVariants: (props?: ({
|
|
24
|
-
variant?: "
|
|
24
|
+
variant?: "selected" | "unselected" | null | undefined;
|
|
25
25
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
26
26
|
export interface SidebarPrimaryMenuItemProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarPrimaryMenuItemVariants>, 'variant'> {
|
|
27
27
|
/** Marks the current route: sets the `selected` variant + `aria-current="page"`. */
|
|
@@ -58,7 +58,7 @@ export interface SidebarSecondarySectionLabelProps extends React.ComponentPropsW
|
|
|
58
58
|
declare const SidebarSecondarySectionLabel: React.ForwardRefExoticComponent<SidebarSecondarySectionLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
59
59
|
declare const SidebarSecondaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
60
60
|
declare const sidebarSecondaryMenuItemVariants: (props?: ({
|
|
61
|
-
variant?: "
|
|
61
|
+
variant?: "selected" | "unselected" | null | undefined;
|
|
62
62
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
63
63
|
export interface SidebarSecondaryMenuItemProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarSecondaryMenuItemVariants>, 'variant'> {
|
|
64
64
|
/** Marks the current route: sets the `selected` variant + `aria-current="page"`. */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableRowProps, type TableHeadProps, } from './table';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
3
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
4
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
7
|
+
/** Mark the row as selected — applies the active row token + `data-state`. */
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
11
|
+
type SortDirection = 'asc' | 'desc' | false;
|
|
12
|
+
export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
13
|
+
/** Render the column as sortable — adds a sort affordance and `aria-sort`. */
|
|
14
|
+
sortable?: boolean;
|
|
15
|
+
/** Current sort direction for this column (`false` = sortable but unsorted). */
|
|
16
|
+
sortDirection?: SortDirection;
|
|
17
|
+
/** Invoked when the user activates a sortable header (click / Enter / Space). */
|
|
18
|
+
onSort?: () => void;
|
|
19
|
+
}
|
|
20
|
+
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
21
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
22
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
23
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
package/dist/src/index.d.ts
CHANGED
|
@@ -3,23 +3,28 @@ export * from './components/ui/avatar';
|
|
|
3
3
|
export * from './components/ui/breadcrumb';
|
|
4
4
|
export * from './components/ui/button';
|
|
5
5
|
export * from './components/ui/button-menu';
|
|
6
|
+
export * from './components/ui/card';
|
|
6
7
|
export * from './components/ui/card-filter';
|
|
7
8
|
export * from './components/ui/checkbox';
|
|
9
|
+
export * from './components/ui/chip';
|
|
10
|
+
export * from './components/ui/dialog';
|
|
8
11
|
export * from './components/ui/radio';
|
|
9
|
-
export * from './components/ui/input';
|
|
10
12
|
export * from './components/ui/input-date-picker';
|
|
11
13
|
export * from './components/ui/input-search';
|
|
12
14
|
export * from './components/ui/input-select';
|
|
13
15
|
export * from './components/ui/input-text';
|
|
14
16
|
export * from './components/ui/input-text-area';
|
|
15
17
|
export * from './components/ui/link';
|
|
16
|
-
export * from './components/ui/search';
|
|
17
18
|
export * from './components/ui/search-global';
|
|
19
|
+
export { InputText as Input, type InputTextProps as InputProps, } from './components/ui/input-text';
|
|
20
|
+
export { InputSearch as Search, type InputSearchProps as SearchProps, } from './components/ui/input-search';
|
|
21
|
+
export { InputTextArea as Textarea, type InputTextAreaProps as TextareaProps, } from './components/ui/input-text-area';
|
|
18
22
|
export * from './components/ui/select';
|
|
19
23
|
export * from './components/ui/resizable';
|
|
20
24
|
export * from './components/ui/sidebar-primary';
|
|
21
25
|
export * from './components/ui/sidebar-secondary';
|
|
22
26
|
export * from './components/ui/button-icon';
|
|
23
27
|
export * from './components/ui/switch';
|
|
28
|
+
export * from './components/ui/table';
|
|
24
29
|
export * from './components/ui/tooltip';
|
|
25
30
|
export * from './components/ui/tag';
|