@timmbr/ui 1.1.0 → 1.2.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/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Alert/Alert.types.d.ts +2 -4
- package/dist/components/Alert/Alert.types.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.d.ts +16 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.js +94 -0
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts +8 -0
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.styles.js +25 -0
- package/dist/components/AlertDialog/AlertDialog.types.d.ts +16 -0
- package/dist/components/AlertDialog/AlertDialog.types.d.ts.map +1 -0
- package/dist/components/AlertDialog/index.d.ts +4 -0
- package/dist/components/AlertDialog/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.styles.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +2 -1
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.js +8 -6
- package/dist/components/Dialog/Dialog.styles.d.ts +1 -0
- package/dist/components/Dialog/Dialog.styles.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.styles.js +7 -4
- package/dist/components/Dialog/Dialog.types.d.ts +4 -6
- package/dist/components/Dialog/Dialog.types.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.types.d.ts +3 -6
- package/dist/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.types.d.ts +1 -2
- package/dist/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/components/FormField/FormField.js +3 -3
- package/dist/components/ImageUpload/ImageUpload.d.ts +4 -0
- package/dist/components/ImageUpload/ImageUpload.d.ts.map +1 -0
- package/dist/components/ImageUpload/ImageUpload.helpers.d.ts +30 -0
- package/dist/components/ImageUpload/ImageUpload.helpers.d.ts.map +1 -0
- package/dist/components/ImageUpload/ImageUpload.helpers.js +95 -0
- package/dist/components/ImageUpload/ImageUpload.js +365 -0
- package/dist/components/ImageUpload/ImageUpload.styles.d.ts +17 -0
- package/dist/components/ImageUpload/ImageUpload.styles.d.ts.map +1 -0
- package/dist/components/ImageUpload/ImageUpload.styles.js +72 -0
- package/dist/components/ImageUpload/ImageUpload.types.d.ts +112 -0
- package/dist/components/ImageUpload/ImageUpload.types.d.ts.map +1 -0
- package/dist/components/ImageUpload/index.d.ts +6 -0
- package/dist/components/ImageUpload/index.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.d.ts +25 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.js +106 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadIcons.d.ts +6 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadIcons.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadIcons.js +61 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadModal.d.ts +12 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadModal.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadModal.js +137 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.d.ts +14 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.js +142 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.d.ts +23 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.d.ts.map +1 -0
- package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js +139 -0
- package/dist/components/ImageUpload/subcomponents/index.d.ts +6 -0
- package/dist/components/ImageUpload/subcomponents/index.d.ts.map +1 -0
- package/dist/components/Input/Input.js +3 -3
- package/dist/components/List/List.types.d.ts +2 -4
- package/dist/components/List/List.types.d.ts.map +1 -1
- package/dist/components/Popover/Popover.types.d.ts +1 -2
- package/dist/components/Popover/Popover.types.d.ts.map +1 -1
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Select/Select.js +3 -3
- package/dist/components/Stat/Stat.types.d.ts +3 -6
- package/dist/components/Stat/Stat.types.d.ts.map +1 -1
- package/dist/components/Table/Table.types.d.ts +7 -14
- package/dist/components/Table/Table.types.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +3 -3
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.types.d.ts +1 -2
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -2
- package/package.json +5 -4
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { cn } from '@timmbr/utils';
|
|
4
|
+
import { Eye, Trash2 } from '@timmbr/icons';
|
|
5
|
+
import { motion, scaleVariants, getTransition } from '@timmbr/motion';
|
|
6
|
+
import { thumbnailCardVariants } from '../ImageUpload.styles.js';
|
|
7
|
+
import { PlayIcon } from './ImageUploadIcons.js';
|
|
8
|
+
import { isVideoMedia } from '../ImageUpload.helpers.js';
|
|
9
|
+
import { Spinner } from '../../Spinner/Spinner.js';
|
|
10
|
+
|
|
11
|
+
const ImageUploadThumbnailCard = ({
|
|
12
|
+
item,
|
|
13
|
+
index,
|
|
14
|
+
layout = "grid",
|
|
15
|
+
disabled = false,
|
|
16
|
+
enablePreviewModal = true,
|
|
17
|
+
shouldAnimate = true,
|
|
18
|
+
onPreview,
|
|
19
|
+
onRemove
|
|
20
|
+
}) => {
|
|
21
|
+
const isVideo = isVideoMedia(item);
|
|
22
|
+
return /* @__PURE__ */ jsxs(
|
|
23
|
+
motion.div,
|
|
24
|
+
{
|
|
25
|
+
layout: shouldAnimate,
|
|
26
|
+
initial: shouldAnimate ? "hidden" : false,
|
|
27
|
+
animate: shouldAnimate ? "visible" : void 0,
|
|
28
|
+
exit: shouldAnimate ? "exit" : void 0,
|
|
29
|
+
variants: shouldAnimate ? scaleVariants : void 0,
|
|
30
|
+
transition: getTransition("spring"),
|
|
31
|
+
className: cn(
|
|
32
|
+
thumbnailCardVariants({ aspectRatio: "square" }),
|
|
33
|
+
layout === "scroll" && "shrink-0 w-36 sm:w-40 snap-start"
|
|
34
|
+
),
|
|
35
|
+
children: [
|
|
36
|
+
isVideo ? /* @__PURE__ */ jsx(
|
|
37
|
+
"video",
|
|
38
|
+
{
|
|
39
|
+
src: item.url,
|
|
40
|
+
className: "w-full h-full object-cover",
|
|
41
|
+
muted: true,
|
|
42
|
+
playsInline: true,
|
|
43
|
+
preload: "metadata"
|
|
44
|
+
}
|
|
45
|
+
) : /* @__PURE__ */ jsx(
|
|
46
|
+
"img",
|
|
47
|
+
{
|
|
48
|
+
src: item.url,
|
|
49
|
+
alt: item.name || `Media #${index + 1}`,
|
|
50
|
+
className: "w-full h-full object-cover"
|
|
51
|
+
}
|
|
52
|
+
),
|
|
53
|
+
/* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1.5 pointer-events-none", children: index === 0 ? /* @__PURE__ */ jsxs("div", { className: "bg-black/65 backdrop-blur-md text-white text-[10px] font-semibold px-2 py-0.5 rounded-full border border-white/20 shadow-md flex items-center gap-1.5", children: [
|
|
54
|
+
/* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.8)]" }),
|
|
55
|
+
/* @__PURE__ */ jsx("span", { children: "Cover" })
|
|
56
|
+
] }) : /* @__PURE__ */ jsxs("div", { className: "bg-black/55 backdrop-blur-md text-white/90 text-[10px] font-medium px-2 py-0.5 rounded-full border border-white/10 shadow-sm", children: [
|
|
57
|
+
"#",
|
|
58
|
+
index + 1
|
|
59
|
+
] }) }),
|
|
60
|
+
isVideo && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10 bg-black/65 backdrop-blur-md text-white p-1 rounded-full border border-white/20 shadow-md pointer-events-none", children: /* @__PURE__ */ jsx(PlayIcon, { className: "size-2.5" }) }),
|
|
61
|
+
/* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/55 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2 backdrop-blur-[2px] z-20", children: [
|
|
62
|
+
enablePreviewModal && /* @__PURE__ */ jsx(
|
|
63
|
+
"button",
|
|
64
|
+
{
|
|
65
|
+
type: "button",
|
|
66
|
+
onClick: onPreview,
|
|
67
|
+
className: "size-8 rounded-full bg-white/25 hover:bg-white/40 text-white flex items-center justify-center transition-colors shadow-xs cursor-pointer",
|
|
68
|
+
title: "Preview full size",
|
|
69
|
+
children: /* @__PURE__ */ jsx(Eye, { className: "size-4" })
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ jsx(
|
|
73
|
+
"button",
|
|
74
|
+
{
|
|
75
|
+
type: "button",
|
|
76
|
+
disabled,
|
|
77
|
+
onClick: onRemove,
|
|
78
|
+
className: "size-8 rounded-full bg-destructive/90 hover:bg-destructive text-white flex items-center justify-center transition-colors shadow-xs cursor-pointer",
|
|
79
|
+
title: "Remove item",
|
|
80
|
+
children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
] })
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
item.key || item.url || index
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
ImageUploadThumbnailCard.displayName = "ImageUploadThumbnailCard";
|
|
90
|
+
const ImageUploadTaskCard = ({
|
|
91
|
+
id,
|
|
92
|
+
name,
|
|
93
|
+
previewUrl,
|
|
94
|
+
isVideo,
|
|
95
|
+
layout = "grid",
|
|
96
|
+
shouldAnimate = true
|
|
97
|
+
}) => {
|
|
98
|
+
return /* @__PURE__ */ jsxs(
|
|
99
|
+
motion.div,
|
|
100
|
+
{
|
|
101
|
+
layout: shouldAnimate,
|
|
102
|
+
initial: shouldAnimate ? "hidden" : false,
|
|
103
|
+
animate: shouldAnimate ? "visible" : void 0,
|
|
104
|
+
exit: shouldAnimate ? "exit" : void 0,
|
|
105
|
+
variants: shouldAnimate ? scaleVariants : void 0,
|
|
106
|
+
transition: getTransition("fast"),
|
|
107
|
+
className: cn(
|
|
108
|
+
thumbnailCardVariants({ aspectRatio: "square" }),
|
|
109
|
+
"border-primary/50 bg-primary-50/20 dark:bg-primary-950/20",
|
|
110
|
+
layout === "scroll" && "shrink-0 w-36 sm:w-40 snap-start"
|
|
111
|
+
),
|
|
112
|
+
children: [
|
|
113
|
+
isVideo ? /* @__PURE__ */ jsx(
|
|
114
|
+
"video",
|
|
115
|
+
{
|
|
116
|
+
src: previewUrl,
|
|
117
|
+
className: "w-full h-full object-cover blur-xs scale-105 opacity-60",
|
|
118
|
+
muted: true
|
|
119
|
+
}
|
|
120
|
+
) : /* @__PURE__ */ jsx(
|
|
121
|
+
"img",
|
|
122
|
+
{
|
|
123
|
+
src: previewUrl,
|
|
124
|
+
alt: name,
|
|
125
|
+
className: "w-full h-full object-cover blur-xs scale-105 opacity-60"
|
|
126
|
+
}
|
|
127
|
+
),
|
|
128
|
+
/* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/50 flex flex-col items-center justify-center gap-1.5 p-2 text-center", children: [
|
|
129
|
+
/* @__PURE__ */ jsx(Spinner, { size: "sm", className: "text-white" }),
|
|
130
|
+
/* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-white line-clamp-1 max-w-full px-1", children: name })
|
|
131
|
+
] })
|
|
132
|
+
]
|
|
133
|
+
},
|
|
134
|
+
id
|
|
135
|
+
);
|
|
136
|
+
};
|
|
137
|
+
ImageUploadTaskCard.displayName = "ImageUploadTaskCard";
|
|
138
|
+
|
|
139
|
+
export { ImageUploadTaskCard, ImageUploadThumbnailCard };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/subcomponents/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}
|
|
@@ -175,12 +175,12 @@ const Input = React.forwardRef(
|
|
|
175
175
|
{
|
|
176
176
|
id: `${id}-desc`,
|
|
177
177
|
className: cn(
|
|
178
|
-
"text-xs mt-
|
|
178
|
+
"text-xs mt-1 flex items-center gap-1.5 text-left",
|
|
179
179
|
isError ? "text-destructive font-medium" : "text-muted-foreground"
|
|
180
180
|
),
|
|
181
181
|
children: [
|
|
182
|
-
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0
|
|
183
|
-
/* @__PURE__ */ jsx("span", { className: "leading-
|
|
182
|
+
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 text-destructive", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
|
|
183
|
+
/* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
|
|
184
184
|
]
|
|
185
185
|
}
|
|
186
186
|
)
|
|
@@ -5,12 +5,10 @@ export interface ListProps extends React.HTMLAttributes<HTMLUListElement>, ListV
|
|
|
5
5
|
export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement>, ListItemVariants {
|
|
6
6
|
clickable?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
9
|
-
}
|
|
8
|
+
export type ListItemIconProps = React.HTMLAttributes<HTMLDivElement>;
|
|
10
9
|
export interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
10
|
primary?: React.ReactNode;
|
|
12
11
|
secondary?: React.ReactNode;
|
|
13
12
|
}
|
|
14
|
-
export
|
|
15
|
-
}
|
|
13
|
+
export type ListItemActionProps = React.HTMLAttributes<HTMLDivElement>;
|
|
16
14
|
//# sourceMappingURL=List.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;CAAG;AAEnB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;CAAG;AAEnB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import type * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
3
|
import type { MotionProp } from '../../types/motion';
|
|
4
|
-
export
|
|
5
|
-
}
|
|
4
|
+
export type PopoverProps = PopoverPrimitive.PopoverProps;
|
|
6
5
|
export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
7
6
|
/**
|
|
8
7
|
* Motion transition control.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC;AAEzD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}
|
|
@@ -110,12 +110,12 @@ const RadioGroup = React.forwardRef(
|
|
|
110
110
|
"p",
|
|
111
111
|
{
|
|
112
112
|
className: cn(
|
|
113
|
-
"text-xs mt-
|
|
113
|
+
"text-xs mt-1 flex items-center gap-1.5",
|
|
114
114
|
isError ? "text-destructive font-medium" : "text-muted"
|
|
115
115
|
),
|
|
116
116
|
children: [
|
|
117
|
-
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0
|
|
118
|
-
/* @__PURE__ */ jsx("span", { className: "leading-
|
|
117
|
+
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
|
|
118
|
+
/* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
|
|
119
119
|
]
|
|
120
120
|
}
|
|
121
121
|
)
|
|
@@ -101,12 +101,12 @@ const Select = React.forwardRef(
|
|
|
101
101
|
"p",
|
|
102
102
|
{
|
|
103
103
|
className: cn(
|
|
104
|
-
"text-xs mt-
|
|
104
|
+
"text-xs mt-1 flex items-center gap-1.5",
|
|
105
105
|
isError ? "text-destructive font-medium" : "text-muted"
|
|
106
106
|
),
|
|
107
107
|
children: [
|
|
108
|
-
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0
|
|
109
|
-
/* @__PURE__ */ jsx("span", { className: "leading-
|
|
108
|
+
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
|
|
109
|
+
/* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
|
|
110
110
|
]
|
|
111
111
|
}
|
|
112
112
|
)
|
|
@@ -4,12 +4,9 @@ import type { MotionProp } from '../../types/motion';
|
|
|
4
4
|
export interface StatProps extends React.HTMLAttributes<HTMLDivElement>, StatVariants {
|
|
5
5
|
motion?: MotionProp;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
export
|
|
10
|
-
}
|
|
11
|
-
export interface StatHelpTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
-
}
|
|
7
|
+
export type StatLabelProps = React.HTMLAttributes<HTMLDivElement>;
|
|
8
|
+
export type StatValueProps = React.HTMLAttributes<HTMLDivElement>;
|
|
9
|
+
export type StatHelpTextProps = React.HTMLAttributes<HTMLDivElement>;
|
|
13
10
|
export interface StatIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
14
11
|
type?: 'increase' | 'decrease';
|
|
15
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stat.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Stat.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAGrE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC"}
|
|
@@ -3,20 +3,13 @@ import type { TableVariants } from './Table.styles';
|
|
|
3
3
|
export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement>, TableVariants {
|
|
4
4
|
containerClassName?: string;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
export
|
|
13
|
-
}
|
|
14
|
-
export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
15
|
-
}
|
|
16
|
-
export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
17
|
-
}
|
|
18
|
-
export interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
|
|
19
|
-
}
|
|
6
|
+
export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
7
|
+
export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
8
|
+
export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
9
|
+
export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
|
|
10
|
+
export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
|
|
11
|
+
export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
|
|
12
|
+
export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
|
|
20
13
|
export interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
21
14
|
/**
|
|
22
15
|
* Current active page (1-indexed).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}
|
|
@@ -145,12 +145,12 @@ const Textarea = React.forwardRef(
|
|
|
145
145
|
{
|
|
146
146
|
id: `${id}-desc`,
|
|
147
147
|
className: cn(
|
|
148
|
-
"text-xs mt-
|
|
148
|
+
"text-xs mt-1 flex items-center gap-1.5 flex-1",
|
|
149
149
|
isError ? "text-destructive font-medium" : "text-muted"
|
|
150
150
|
),
|
|
151
151
|
children: [
|
|
152
|
-
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0
|
|
153
|
-
/* @__PURE__ */ jsx("span", { className: "leading-
|
|
152
|
+
isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
|
|
153
|
+
/* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
|
|
154
154
|
]
|
|
155
155
|
}
|
|
156
156
|
) : /* @__PURE__ */ jsx("span", {}),
|
|
@@ -32,7 +32,7 @@ const ToastViewport = React.forwardRef(({ className, stacked, position = "bottom
|
|
|
32
32
|
}
|
|
33
33
|
));
|
|
34
34
|
ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
|
|
35
|
-
const Toast = React.forwardRef(({ className, variant, motion, index, total, style, ...props }, ref) => {
|
|
35
|
+
const Toast = React.forwardRef(({ className, variant, motion, index, total: _total, style, ...props }, ref) => {
|
|
36
36
|
const globalMotion = useGlobalAnimation();
|
|
37
37
|
const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
|
|
38
38
|
const isStacked = index !== void 0;
|
|
@@ -56,6 +56,5 @@ export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeo
|
|
|
56
56
|
*/
|
|
57
57
|
position?: ToastPosition;
|
|
58
58
|
}
|
|
59
|
-
export
|
|
60
|
-
}
|
|
59
|
+
export type ToastActionElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>>;
|
|
61
60
|
//# sourceMappingURL=Toast.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,MAAM,kBAAkB,GAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,8 @@ export * from './components/Switch';
|
|
|
14
14
|
export * from './components/RangeSlider';
|
|
15
15
|
export * from './components/Label';
|
|
16
16
|
export * from './components/FormField';
|
|
17
|
+
export * from './components/ImageUpload';
|
|
18
|
+
export * from './components/AlertDialog';
|
|
17
19
|
export * from './components/Dialog';
|
|
18
20
|
export * from './components/Drawer';
|
|
19
21
|
export * from './components/Dropdown';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAG/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { resolveMotion } from './types/motion.js';
|
|
2
2
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/Accordion/Accordion.js';
|
|
3
3
|
export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
|
|
4
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
|
|
4
5
|
export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
|
|
5
6
|
export { Avatar } from './components/Avatar/Avatar.js';
|
|
6
7
|
export { Badge } from './components/Badge/Badge.js';
|
|
@@ -10,17 +11,24 @@ export { Center } from './components/Center/Center.js';
|
|
|
10
11
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
11
12
|
export { Chip } from './components/Chip/Chip.js';
|
|
12
13
|
export { Container } from './components/Container/Container.js';
|
|
14
|
+
export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
|
|
13
15
|
export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
|
|
14
16
|
export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
|
|
15
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
|
|
17
|
+
export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
|
|
16
18
|
export { Divider } from './components/Divider/Divider.js';
|
|
17
19
|
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
|
|
18
20
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/Dropdown/Dropdown.js';
|
|
19
21
|
export { EmptyState } from './components/EmptyState/EmptyState.js';
|
|
22
|
+
export { FilmIcon, ImageIcon, PlayIcon, UploadCloudIcon } from './components/ImageUpload/subcomponents/ImageUploadIcons.js';
|
|
20
23
|
export { FormField } from './components/FormField/FormField.js';
|
|
21
24
|
export { Grid } from './components/Grid/Grid.js';
|
|
22
25
|
export { Heading } from './components/Heading/Heading.js';
|
|
23
26
|
export { Icon } from './components/Icon/Icon.js';
|
|
27
|
+
export { ImageUpload } from './components/ImageUpload/ImageUpload.js';
|
|
28
|
+
export { ImageUploadDropzone } from './components/ImageUpload/subcomponents/ImageUploadDropzone.js';
|
|
29
|
+
export { ImageUploadModal } from './components/ImageUpload/subcomponents/ImageUploadModal.js';
|
|
30
|
+
export { ImageUploadSinglePreview } from './components/ImageUpload/subcomponents/ImageUploadSinglePreview.js';
|
|
31
|
+
export { ImageUploadTaskCard, ImageUploadThumbnailCard } from './components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js';
|
|
24
32
|
export { Inline } from './components/Inline/Inline.js';
|
|
25
33
|
export { Input } from './components/Input/Input.js';
|
|
26
34
|
export { Label } from './components/Label/Label.js';
|
|
@@ -56,6 +64,7 @@ export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastT
|
|
|
56
64
|
export { ToastContainer } from './components/Toast/ToastContainer.js';
|
|
57
65
|
export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
|
|
58
66
|
export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
|
|
67
|
+
export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
|
|
59
68
|
export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
|
|
60
69
|
export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
|
|
61
70
|
export { badgeVariants } from './components/Badge/Badge.styles.js';
|
|
@@ -67,7 +76,7 @@ export { chipVariants } from './components/Chip/Chip.styles.js';
|
|
|
67
76
|
export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap } from './components/Grid/Grid.styles.js';
|
|
68
77
|
export { containerVariants } from './components/Container/Container.styles.js';
|
|
69
78
|
export { dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
|
|
70
|
-
export { dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
|
|
79
|
+
export { dialogBodyVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
|
|
71
80
|
export { dividerVariants } from './components/Divider/Divider.styles.js';
|
|
72
81
|
export { drawerContentVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants } from './components/Drawer/Drawer.styles.js';
|
|
73
82
|
export { dropdownContentVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
|
|
@@ -75,6 +84,7 @@ export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/
|
|
|
75
84
|
export { formFieldVariants } from './components/FormField/FormField.styles.js';
|
|
76
85
|
export { headingVariants } from './components/Heading/Heading.styles.js';
|
|
77
86
|
export { iconVariants } from './components/Icon/Icon.styles.js';
|
|
87
|
+
export { imagePreviewContainerVariants, imageUploadZoneVariants, thumbnailCardVariants } from './components/ImageUpload/ImageUpload.styles.js';
|
|
78
88
|
export { inlineVariants } from './components/Inline/Inline.styles.js';
|
|
79
89
|
export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
|
|
80
90
|
export { labelVariants } from './components/Label/Label.styles.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@timmbr/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@radix-ui/react-accordion": "^1.2.3",
|
|
27
|
+
"@radix-ui/react-alert-dialog": "^1.1.23",
|
|
27
28
|
"@radix-ui/react-avatar": "^1.1.3",
|
|
28
29
|
"@radix-ui/react-checkbox": "^1.1.4",
|
|
29
30
|
"@radix-ui/react-dialog": "^1.1.23",
|
|
@@ -40,11 +41,11 @@
|
|
|
40
41
|
"@radix-ui/react-toast": "^1.2.23",
|
|
41
42
|
"@radix-ui/react-tooltip": "^1.2.16",
|
|
42
43
|
"class-variance-authority": "^0.7.1",
|
|
43
|
-
"@timmbr/icons": "1.1.0",
|
|
44
44
|
"@timmbr/hooks": "1.0.0-beta",
|
|
45
|
-
"@timmbr/utils": "1.1.0",
|
|
46
45
|
"@timmbr/motion": "1.1.0",
|
|
47
|
-
"@timmbr/
|
|
46
|
+
"@timmbr/utils": "1.1.0",
|
|
47
|
+
"@timmbr/theme": "1.1.0",
|
|
48
|
+
"@timmbr/icons": "1.2.0"
|
|
48
49
|
},
|
|
49
50
|
"peerDependencies": {
|
|
50
51
|
"next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",
|