@egose/shadcn-theme 0.0.55 → 0.0.56
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/components/ui/alert.d.mts +1 -1
- package/components/ui/alert.d.ts +1 -1
- package/components/ui/badge.d.mts +1 -1
- package/components/ui/badge.d.ts +1 -1
- package/components/ui/drawer.d.mts +11 -22
- package/components/ui/drawer.d.ts +11 -22
- package/components/ui/drawer.js +62 -36
- package/components/ui/drawer.js.map +1 -1
- package/components/ui/drawer.mjs +62 -36
- package/components/ui/drawer.mjs.map +1 -1
- package/components/ui/resizable.d.mts +1 -1
- package/components/ui/resizable.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const alertVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "link" | "ghost" | null | undefined;
|
|
7
7
|
appearance?: "light" | "solid" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
package/components/ui/alert.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const alertVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "link" | "ghost" | null | undefined;
|
|
7
7
|
appearance?: "light" | "solid" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const badgeVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "link" | "ghost" | null | undefined;
|
|
7
7
|
size?: "sm" | "default" | "lg" | null | undefined;
|
|
8
8
|
appearance?: "solid" | "outline" | "outline-filled" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
package/components/ui/badge.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const badgeVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "light" | "dark" | "accent" | "destructive" | "muted" | "link" | "ghost" | null | undefined;
|
|
7
7
|
size?: "sm" | "default" | "lg" | null | undefined;
|
|
8
8
|
appearance?: "solid" | "outline" | "outline-filled" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
import * as vaul from 'vaul';
|
|
2
|
-
import { Drawer as Drawer$1 } from 'vaul';
|
|
3
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
1
|
import * as React from 'react';
|
|
2
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
5
3
|
|
|
6
|
-
declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
10
|
-
declare
|
|
11
|
-
declare
|
|
12
|
-
declare
|
|
13
|
-
declare
|
|
14
|
-
declare
|
|
15
|
-
declare
|
|
16
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
19
|
-
declare const DrawerFooter: {
|
|
20
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
21
|
-
displayName: string;
|
|
22
|
-
};
|
|
23
|
-
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
24
|
-
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
4
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): React.JSX.Element;
|
|
5
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): React.JSX.Element;
|
|
6
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): React.JSX.Element;
|
|
7
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): React.JSX.Element;
|
|
8
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): React.JSX.Element;
|
|
9
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): React.JSX.Element;
|
|
10
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
11
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
12
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): React.JSX.Element;
|
|
13
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): React.JSX.Element;
|
|
25
14
|
|
|
26
15
|
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
|
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
import * as vaul from 'vaul';
|
|
2
|
-
import { Drawer as Drawer$1 } from 'vaul';
|
|
3
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
1
|
import * as React from 'react';
|
|
2
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
5
3
|
|
|
6
|
-
declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
10
|
-
declare
|
|
11
|
-
declare
|
|
12
|
-
declare
|
|
13
|
-
declare
|
|
14
|
-
declare
|
|
15
|
-
declare
|
|
16
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
19
|
-
declare const DrawerFooter: {
|
|
20
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
21
|
-
displayName: string;
|
|
22
|
-
};
|
|
23
|
-
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
24
|
-
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
4
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): React.JSX.Element;
|
|
5
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): React.JSX.Element;
|
|
6
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): React.JSX.Element;
|
|
7
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): React.JSX.Element;
|
|
8
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): React.JSX.Element;
|
|
9
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): React.JSX.Element;
|
|
10
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
11
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
12
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): React.JSX.Element;
|
|
13
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): React.JSX.Element;
|
|
25
14
|
|
|
26
15
|
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
|
package/components/ui/drawer.js
CHANGED
|
@@ -11,61 +11,87 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
|
11
11
|
// components/ui/drawer.tsx
|
|
12
12
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
13
13
|
var _vaul = require('vaul');
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
function Drawer(_a) {
|
|
15
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
16
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer" }, props));
|
|
17
|
+
}
|
|
18
|
+
function DrawerTrigger(_a) {
|
|
19
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
20
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Trigger, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-trigger" }, props));
|
|
21
|
+
}
|
|
22
|
+
function DrawerPortal(_a) {
|
|
23
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
24
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Portal, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-portal" }, props));
|
|
25
|
+
}
|
|
26
|
+
function DrawerClose(_a) {
|
|
27
|
+
var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
|
|
28
|
+
return /* @__PURE__ */ React.createElement(_vaul.Drawer.Close, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-close" }, props));
|
|
29
|
+
}
|
|
30
|
+
function DrawerOverlay(_a) {
|
|
23
31
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
24
|
-
return /* @__PURE__ */ React.createElement(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
return /* @__PURE__ */ React.createElement(
|
|
33
|
+
_vaul.Drawer.Overlay,
|
|
34
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
35
|
+
"data-slot": "drawer-overlay",
|
|
36
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
37
|
+
"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",
|
|
38
|
+
className
|
|
39
|
+
)
|
|
40
|
+
}, props)
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
function DrawerContent(_a) {
|
|
28
44
|
var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
|
|
29
|
-
return /* @__PURE__ */ React.createElement(DrawerPortal,
|
|
45
|
+
return /* @__PURE__ */ React.createElement(DrawerPortal, { "data-slot": "drawer-portal" }, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
|
|
30
46
|
_vaul.Drawer.Content,
|
|
31
47
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
32
|
-
|
|
48
|
+
"data-slot": "drawer-content",
|
|
33
49
|
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
34
|
-
"
|
|
50
|
+
"bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50",
|
|
35
51
|
className
|
|
36
52
|
)
|
|
37
53
|
}, props),
|
|
38
|
-
/* @__PURE__ */ React.createElement("div", { className: "
|
|
54
|
+
/* @__PURE__ */ React.createElement("div", { className: "bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
39
55
|
children
|
|
40
56
|
));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
var DrawerHeader = (_a) => {
|
|
57
|
+
}
|
|
58
|
+
function DrawerHeader(_a) {
|
|
44
59
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
45
|
-
return /* @__PURE__ */ React.createElement(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
60
|
+
return /* @__PURE__ */ React.createElement(
|
|
61
|
+
"div",
|
|
62
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
63
|
+
"data-slot": "drawer-header",
|
|
64
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0,
|
|
65
|
+
"gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col",
|
|
66
|
+
className
|
|
67
|
+
)
|
|
68
|
+
}, props)
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
function DrawerFooter(_a) {
|
|
49
72
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
50
|
-
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { className: _chunk6N4WCMTEjs.cn.call(void 0, "mt-auto flex flex-col
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
var DrawerTitle = React.forwardRef((_a, ref) => {
|
|
73
|
+
return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "drawer-footer", className: _chunk6N4WCMTEjs.cn.call(void 0, "gap-2 p-4 mt-auto flex flex-col", className) }, props));
|
|
74
|
+
}
|
|
75
|
+
function DrawerTitle(_a) {
|
|
54
76
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
55
77
|
return /* @__PURE__ */ React.createElement(
|
|
56
78
|
_vaul.Drawer.Title,
|
|
57
79
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
58
|
-
|
|
59
|
-
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-
|
|
80
|
+
"data-slot": "drawer-title",
|
|
81
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-foreground text-base font-medium", className)
|
|
60
82
|
}, props)
|
|
61
83
|
);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
var DrawerDescription = React.forwardRef((_a, ref) => {
|
|
84
|
+
}
|
|
85
|
+
function DrawerDescription(_a) {
|
|
65
86
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
66
|
-
return /* @__PURE__ */ React.createElement(
|
|
67
|
-
|
|
68
|
-
|
|
87
|
+
return /* @__PURE__ */ React.createElement(
|
|
88
|
+
_vaul.Drawer.Description,
|
|
89
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
90
|
+
"data-slot": "drawer-description",
|
|
91
|
+
className: _chunk6N4WCMTEjs.cn.call(void 0, "text-muted-foreground text-sm", className)
|
|
92
|
+
}, props)
|
|
93
|
+
);
|
|
94
|
+
}
|
|
69
95
|
|
|
70
96
|
|
|
71
97
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","../../../components/ui/drawer.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,4BAA0C;AAI1C,
|
|
1
|
+
{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","../../../components/ui/drawer.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/drawer.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n 'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n className,\n )}\n {...props}\n >\n <div className=\"bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n 'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"drawer-footer\" className={cn('gap-2 p-4 mt-auto flex flex-col', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn('text-foreground text-base font-medium', className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"]}
|
package/components/ui/drawer.mjs
CHANGED
|
@@ -10,61 +10,87 @@ import {
|
|
|
10
10
|
// components/ui/drawer.tsx
|
|
11
11
|
import * as React from "react";
|
|
12
12
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Root, __spreadValues({
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
function Drawer(_a) {
|
|
14
|
+
var props = __objRest(_a, []);
|
|
15
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
|
|
16
|
+
}
|
|
17
|
+
function DrawerTrigger(_a) {
|
|
18
|
+
var props = __objRest(_a, []);
|
|
19
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
|
|
20
|
+
}
|
|
21
|
+
function DrawerPortal(_a) {
|
|
22
|
+
var props = __objRest(_a, []);
|
|
23
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
|
|
24
|
+
}
|
|
25
|
+
function DrawerClose(_a) {
|
|
26
|
+
var props = __objRest(_a, []);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
|
|
28
|
+
}
|
|
29
|
+
function DrawerOverlay(_a) {
|
|
22
30
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
23
|
-
return /* @__PURE__ */ React.createElement(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
return /* @__PURE__ */ React.createElement(
|
|
32
|
+
DrawerPrimitive.Overlay,
|
|
33
|
+
__spreadValues({
|
|
34
|
+
"data-slot": "drawer-overlay",
|
|
35
|
+
className: cn(
|
|
36
|
+
"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",
|
|
37
|
+
className
|
|
38
|
+
)
|
|
39
|
+
}, props)
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
function DrawerContent(_a) {
|
|
27
43
|
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
28
|
-
return /* @__PURE__ */ React.createElement(DrawerPortal,
|
|
44
|
+
return /* @__PURE__ */ React.createElement(DrawerPortal, { "data-slot": "drawer-portal" }, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
|
|
29
45
|
DrawerPrimitive.Content,
|
|
30
46
|
__spreadValues({
|
|
31
|
-
|
|
47
|
+
"data-slot": "drawer-content",
|
|
32
48
|
className: cn(
|
|
33
|
-
"
|
|
49
|
+
"bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50",
|
|
34
50
|
className
|
|
35
51
|
)
|
|
36
52
|
}, props),
|
|
37
|
-
/* @__PURE__ */ React.createElement("div", { className: "
|
|
53
|
+
/* @__PURE__ */ React.createElement("div", { className: "bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
|
|
38
54
|
children
|
|
39
55
|
));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
var DrawerHeader = (_a) => {
|
|
56
|
+
}
|
|
57
|
+
function DrawerHeader(_a) {
|
|
43
58
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
44
|
-
return /* @__PURE__ */ React.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
59
|
+
return /* @__PURE__ */ React.createElement(
|
|
60
|
+
"div",
|
|
61
|
+
__spreadValues({
|
|
62
|
+
"data-slot": "drawer-header",
|
|
63
|
+
className: cn(
|
|
64
|
+
"gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col",
|
|
65
|
+
className
|
|
66
|
+
)
|
|
67
|
+
}, props)
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
function DrawerFooter(_a) {
|
|
48
71
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
49
|
-
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("mt-auto flex flex-col
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
var DrawerTitle = React.forwardRef((_a, ref) => {
|
|
72
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ "data-slot": "drawer-footer", className: cn("gap-2 p-4 mt-auto flex flex-col", className) }, props));
|
|
73
|
+
}
|
|
74
|
+
function DrawerTitle(_a) {
|
|
53
75
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
54
76
|
return /* @__PURE__ */ React.createElement(
|
|
55
77
|
DrawerPrimitive.Title,
|
|
56
78
|
__spreadValues({
|
|
57
|
-
|
|
58
|
-
className: cn("text-
|
|
79
|
+
"data-slot": "drawer-title",
|
|
80
|
+
className: cn("text-foreground text-base font-medium", className)
|
|
59
81
|
}, props)
|
|
60
82
|
);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
var DrawerDescription = React.forwardRef((_a, ref) => {
|
|
83
|
+
}
|
|
84
|
+
function DrawerDescription(_a) {
|
|
64
85
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
65
|
-
return /* @__PURE__ */ React.createElement(
|
|
66
|
-
|
|
67
|
-
|
|
86
|
+
return /* @__PURE__ */ React.createElement(
|
|
87
|
+
DrawerPrimitive.Description,
|
|
88
|
+
__spreadValues({
|
|
89
|
+
"data-slot": "drawer-description",
|
|
90
|
+
className: cn("text-muted-foreground text-sm", className)
|
|
91
|
+
}, props)
|
|
92
|
+
);
|
|
93
|
+
}
|
|
68
94
|
export {
|
|
69
95
|
Drawer,
|
|
70
96
|
DrawerClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\
|
|
1
|
+
{"version":3,"sources":["../../../components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '../../lib/utils';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n 'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n className,\n )}\n {...props}\n >\n <div className=\"bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n 'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"drawer-footer\" className={cn('gap-2 p-4 mt-auto flex flex-col', className)} {...props} />;\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn('text-foreground text-base font-medium', className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAI1C,SAAS,OAAO,IAAiE;AAAjE,MAAK,kBAAL,IAAK;AACnB,SAAO,oCAAC,gBAAgB,MAAhB,iBAAqB,aAAU,YAAa,MAAO;AAC7D;AAEA,SAAS,cAAc,IAAoE;AAApE,MAAK,kBAAL,IAAK;AAC1B,SAAO,oCAAC,gBAAgB,SAAhB,iBAAwB,aAAU,oBAAqB,MAAO;AACxE;AAEA,SAAS,aAAa,IAAmE;AAAnE,MAAK,kBAAL,IAAK;AACzB,SAAO,oCAAC,gBAAgB,QAAhB,iBAAuB,aAAU,mBAAoB,MAAO;AACtE;AAEA,SAAS,YAAY,IAAkE;AAAlE,MAAK,kBAAL,IAAK;AACxB,SAAO,oCAAC,gBAAgB,OAAhB,iBAAsB,aAAU,kBAAmB,MAAO;AACpE;AAEA,SAAS,cAAc,IAA+E;AAA/E,eAAE,YAtBzB,IAsBuB,IAAgB,kBAAhB,IAAgB,CAAd;AACvB,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,IAAyF;AAAzF,eAAE,aAAW,SAnCpC,IAmCuB,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AAClC,SACE,oCAAC,gBAAa,aAAU,mBACtB,oCAAC,mBAAc,GACf;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ,oCAAC,SAAI,WAAU,mIAAkI;AAAA,IAChJ;AAAA,EACH,CACF;AAEJ;AAEA,SAAS,aAAa,IAAsD;AAAtD,eAAE,YAtDxB,IAsDsB,IAAgB,kBAAhB,IAAgB,CAAd;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,IAAsD;AAAtD,eAAE,YAnExB,IAmEsB,IAAgB,kBAAhB,IAAgB,CAAd;AACtB,SAAO,oCAAC,wBAAI,aAAU,iBAAgB,WAAW,GAAG,mCAAmC,SAAS,KAAO,MAAO;AAChH;AAEA,SAAS,YAAY,IAA6E;AAA7E,eAAE,YAvEvB,IAuEqB,IAAgB,kBAAhB,IAAgB,CAAd;AACrB,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,OAC5D;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,IAAmF;AAAnF,eAAE,YAjF7B,IAiF2B,IAAgB,kBAAhB,IAAgB,CAAd;AAC3B,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
3
3
|
|
|
4
4
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
|
|
5
|
-
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement |
|
|
5
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLParagraphElement | HTMLHeadingElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLButtonElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
6
6
|
className?: string;
|
|
7
7
|
collapsedSize?: number | undefined;
|
|
8
8
|
collapsible?: boolean | undefined;
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
3
3
|
|
|
4
4
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
|
|
5
|
-
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement |
|
|
5
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLParagraphElement | HTMLHeadingElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLButtonElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
6
6
|
className?: string;
|
|
7
7
|
collapsedSize?: number | undefined;
|
|
8
8
|
collapsible?: boolean | undefined;
|
package/package.json
CHANGED