@adamosuiteservices/ui 2.18.6 → 2.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/accordion-rounded.cjs +8 -8
- package/dist/accordion-rounded.js +12 -12
- package/dist/accordion.cjs +1 -1
- package/dist/accordion.js +1 -1
- package/dist/alert.cjs +32 -23
- package/dist/alert.js +53 -43
- package/dist/amount-input.cjs +8 -0
- package/dist/amount-input.js +191 -0
- package/dist/avatar.cjs +7 -7
- package/dist/avatar.js +18 -18
- package/dist/badge.cjs +24 -28
- package/dist/badge.js +45 -42
- package/dist/breadcrumb.cjs +3 -4
- package/dist/breadcrumb.js +17 -18
- package/dist/button-CPm4-98H.cjs +87 -0
- package/dist/button-D4ddrxyp.js +156 -0
- package/dist/button-group.cjs +1 -1
- package/dist/button-group.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/{calendar-Dorq3-wv.cjs → calendar-DXq90PYV.cjs} +20 -22
- package/dist/{calendar-xBaFu2sB.js → calendar-DgfO9zab.js} +239 -240
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/card.cjs +3 -3
- package/dist/card.js +4 -4
- package/dist/checkbox-CIzBdqN7.cjs +24 -0
- package/dist/{checkbox-DL_jFvgl.js → checkbox-DPlUjwLi.js} +54 -52
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/colors.css +1 -1
- package/dist/combobox-DG9u4g84.js +692 -0
- package/dist/combobox-DylTjGrw.cjs +57 -0
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/components/layout/sidebar/sidebar.d.ts +2 -1
- package/dist/components/layout/toaster/toaster.d.ts +1 -1
- package/dist/components/ui/alert/alert.d.ts +1 -1
- package/dist/components/ui/amount-input/amount-input.d.ts +32 -0
- package/dist/components/ui/amount-input/index.d.ts +1 -0
- package/dist/components/ui/badge/badge.d.ts +3 -2
- package/dist/components/ui/calendar/calendar.d.ts +1 -1
- package/dist/components/ui/combobox/combobox.d.ts +3 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +3 -1
- package/dist/components/ui/selectable-card/index.d.ts +1 -0
- package/dist/components/ui/selectable-card/selectable-card.d.ts +22 -0
- package/dist/components/ui/timeline/index.d.ts +1 -0
- package/dist/components/ui/timeline/timeline.d.ts +30 -0
- package/dist/components/ui/typography/typography.d.ts +1 -1
- package/dist/context-menu.cjs +18 -19
- package/dist/context-menu.js +37 -38
- package/dist/date-picker-selector.cjs +1 -1
- package/dist/date-picker-selector.js +3 -3
- package/dist/dialog.cjs +7 -9
- package/dist/dialog.js +36 -38
- package/dist/dropdown-menu.cjs +57 -36
- package/dist/dropdown-menu.js +206 -173
- package/dist/field.cjs +12 -7
- package/dist/field.js +51 -45
- package/dist/file-upload-v2.cjs +11 -5
- package/dist/file-upload-v2.js +75 -60
- package/dist/file-upload.cjs +11 -5
- package/dist/file-upload.js +118 -110
- package/dist/full-screen-loader.cjs +1 -1
- package/dist/full-screen-loader.js +1 -1
- package/dist/{icon-B7joBr0A.cjs → icon-C5Q2b1Am.cjs} +1 -1
- package/dist/{icon-BFQz1tQC.js → icon-t4jt1Z2h.js} +1 -1
- package/dist/icon.cjs +1 -1
- package/dist/icon.js +1 -1
- package/dist/index-BBT2EGq8.js +18 -0
- package/dist/index-DCsgSkBj.cjs +1 -0
- package/dist/input-8sEO5zwD.js +44 -0
- package/dist/input-AONeSXcs.cjs +22 -0
- package/dist/input-group-BLffLxyg.cjs +86 -0
- package/dist/input-group-DmevJAqa.js +240 -0
- package/dist/input-group.cjs +1 -84
- package/dist/input-group.js +7 -234
- package/dist/input-otp.cjs +5 -7
- package/dist/input-otp.js +58 -60
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/kbd.cjs +6 -7
- package/dist/kbd.js +14 -15
- package/dist/{label-DqfX9cHc.cjs → label-B7Z1D5-Q.cjs} +5 -4
- package/dist/{label-C6zVnc3d.js → label-_BWRIH7C.js} +14 -13
- package/dist/label.cjs +1 -1
- package/dist/label.js +1 -1
- package/dist/pagination.cjs +5 -5
- package/dist/pagination.js +18 -18
- package/dist/radio-group.cjs +12 -9
- package/dist/radio-group.js +66 -63
- package/dist/select.cjs +18 -16
- package/dist/select.js +18 -16
- package/dist/selectable-card.cjs +29 -0
- package/dist/selectable-card.js +129 -0
- package/dist/separator-DXdc7LcC.cjs +7 -0
- package/dist/{separator-CsaqP20m.js → separator-DZfXXbNt.js} +1 -1
- package/dist/separator.cjs +1 -1
- package/dist/separator.js +1 -1
- package/dist/{sheet-Cnq7TCzu.cjs → sheet-Cp6JGhWC.cjs} +10 -10
- package/dist/{sheet-C9vce0ut.js → sheet-hWerE8S1.js} +9 -6
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sidebar.cjs +10 -10
- package/dist/sidebar.js +83 -92
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-C7q7NthY.cjs → spinner-DUZ2vcus.cjs} +1 -1
- package/dist/{spinner-DQ5JLL3U.js → spinner-_-J3zJ_g.js} +1 -1
- package/dist/spinner.cjs +1 -1
- package/dist/spinner.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/switch.cjs +2 -4
- package/dist/switch.js +71 -73
- package/dist/table.cjs +14 -14
- package/dist/table.js +12 -12
- package/dist/tabs-underline.cjs +11 -15
- package/dist/tabs-underline.js +20 -24
- package/dist/tabs.cjs +10 -14
- package/dist/tabs.js +20 -24
- package/dist/tailwind-colors.css +1 -1
- package/dist/tailwind-theme.css +1 -1
- package/dist/textarea-BSooGyp-.cjs +18 -0
- package/dist/textarea-D_sj6ivo.js +39 -0
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/themes.css +1 -1
- package/dist/timeline.cjs +4 -0
- package/dist/timeline.js +189 -0
- package/dist/toaster.cjs +5 -4
- package/dist/toaster.js +33 -32
- package/dist/toggle.cjs +4 -4
- package/dist/toggle.js +17 -17
- package/dist/tooltip.cjs +5 -6
- package/dist/tooltip.js +4 -5
- package/docs/components/layout/sidebar.md +81 -53
- package/docs/components/layout/toaster.md +35 -55
- package/docs/components/ui/accordion-rounded.md +12 -11
- package/docs/components/ui/alert.md +66 -36
- package/docs/components/ui/amount-input.md +229 -0
- package/docs/components/ui/avatar.md +28 -32
- package/docs/components/ui/badge.md +85 -32
- package/docs/components/ui/breadcrumb.md +5 -7
- package/docs/components/ui/button-group.md +16 -16
- package/docs/components/ui/button.md +23 -36
- package/docs/components/ui/calendar.md +54 -27
- package/docs/components/ui/card.md +5 -4
- package/docs/components/ui/checkbox.md +3 -3
- package/docs/components/ui/combobox.md +35 -1
- package/docs/components/ui/command.md +7 -7
- package/docs/components/ui/context-menu.md +14 -15
- package/docs/components/ui/date-picker-selector.md +31 -31
- package/docs/components/ui/dialog.md +47 -49
- package/docs/components/ui/dropdown-menu.md +34 -37
- package/docs/components/ui/field.md +25 -31
- package/docs/components/ui/file-upload-v2.md +11 -0
- package/docs/components/ui/file-upload.md +105 -108
- package/docs/components/ui/hover-card.md +28 -6
- package/docs/components/ui/icon.md +10 -9
- package/docs/components/ui/input-group.md +9 -9
- package/docs/components/ui/input.md +30 -33
- package/docs/components/ui/kbd.md +10 -9
- package/docs/components/ui/label.md +6 -6
- package/docs/components/ui/pagination.md +3 -3
- package/docs/components/ui/popover.md +1 -0
- package/docs/components/ui/progress.md +3 -3
- package/docs/components/ui/radio-group.md +18 -6
- package/docs/components/ui/scroll-area.md +4 -4
- package/docs/components/ui/select.md +14 -12
- package/docs/components/ui/selectable-card.md +204 -0
- package/docs/components/ui/separator.md +4 -4
- package/docs/components/ui/sheet.md +21 -3
- package/docs/components/ui/slider.md +3 -3
- package/docs/components/ui/switch.md +7 -7
- package/docs/components/ui/table.md +7 -4
- package/docs/components/ui/tabs-underline.md +36 -36
- package/docs/components/ui/tabs.md +6 -4
- package/docs/components/ui/textarea.md +6 -4
- package/docs/components/ui/timeline.md +214 -0
- package/docs/components/ui/toggle.md +1 -1
- package/docs/components/ui/tooltip.md +3 -3
- package/llm.txt +7 -4
- package/package.json +13 -1
- package/dist/button-BnUlAtuD.js +0 -132
- package/dist/button-CFJs0esR.cjs +0 -63
- package/dist/checkbox-3RIZX2HF.cjs +0 -22
- package/dist/combobox-MkeJiTXj.js +0 -637
- package/dist/combobox-jJRxvUsB.cjs +0 -40
- package/dist/input-BCiOr4Fy.js +0 -44
- package/dist/input-Bz5k4w94.cjs +0 -22
- package/dist/separator-CCGaTo09.cjs +0 -7
- package/dist/textarea-BRCnIxdB.js +0 -33
- package/dist/textarea-DkFUS_oS.cjs +0 -14
package/dist/field.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),n=require("./label-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),n=require("./label-B7Z1D5-Q.cjs"),u=require("./separator-DXdc7LcC.cjs"),d=require("./index-DoxiiusW.cjs"),f=require("./index-BTzZJcis.cjs"),c=require("react");function x({className:e,...a}){return t.jsxRuntimeExports.jsx("fieldset",{"data-slot":"field-set",className:d.cn("adm:flex adm:flex-col adm:gap-6",`
|
|
2
2
|
adm:has-[>[data-slot=checkbox-group]]:gap-3
|
|
3
3
|
adm:has-[>[data-slot=radio-group]]:gap-3
|
|
4
4
|
`,e),...a})}function p({className:e,variant:a="legend",...l}){return t.jsxRuntimeExports.jsx("legend",{"data-slot":"field-legend","data-variant":a,className:d.cn("adm:mb-3 adm:font-medium","adm:data-[variant=legend]:text-base","adm:data-[variant=label]:text-sm",e),...l})}function g({className:e,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"field-group",className:d.cn(`
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
adm:flex-col adm:gap-4
|
|
7
7
|
adm:data-[slot=checkbox-group]:gap-3
|
|
8
8
|
adm:*:data-[slot=field-group]:gap-4
|
|
9
|
-
`,e),...a})}const b=
|
|
9
|
+
`,e),...a})}const b=f.cva(`
|
|
10
10
|
adm:group/field adm:flex adm:w-full adm:gap-2
|
|
11
11
|
adm:data-[invalid=true]:text-destructive
|
|
12
12
|
`,{variants:{orientation:{vertical:[`
|
|
@@ -25,13 +25,12 @@
|
|
|
25
25
|
`,"adm:@md/field-group:[&>[data-slot=field-label]]:flex-auto",`
|
|
26
26
|
adm:@md/field-group:has-[>[data-slot=field-content]]:items-start
|
|
27
27
|
adm:@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px
|
|
28
|
-
`]}},defaultVariants:{orientation:"vertical"}});function
|
|
28
|
+
`]}},defaultVariants:{orientation:"vertical"}});function h({className:e,orientation:a="vertical",...l}){return t.jsxRuntimeExports.jsx("div",{role:"group","data-slot":"field","data-orientation":a,className:d.cn(b({orientation:a}),e),...l})}function j({className:e,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"field-content",className:d.cn(`
|
|
29
29
|
adm:group/field-content adm:flex adm:flex-1 adm:flex-col adm:gap-1.5
|
|
30
30
|
adm:leading-snug
|
|
31
31
|
`,e),...a})}function v({className:e,...a}){return t.jsxRuntimeExports.jsx(n.Label,{"data-slot":"field-label",className:d.cn(`
|
|
32
32
|
adm:group/field-label adm:peer/field-label adm:flex adm:w-fit
|
|
33
33
|
adm:gap-2 adm:leading-snug
|
|
34
|
-
adm:group-data-[disabled=true]/field:opacity-50
|
|
35
34
|
`,`
|
|
36
35
|
adm:has-[>[data-slot=field]]:w-full
|
|
37
36
|
adm:has-[>[data-slot=field]]:flex-col
|
|
@@ -42,14 +41,18 @@
|
|
|
42
41
|
adm:has-data-[state=checked]:border-primary
|
|
43
42
|
adm:has-data-[state=checked]:bg-primary/5
|
|
44
43
|
adm:dark:has-data-[state=checked]:bg-primary/10
|
|
44
|
+
`,`
|
|
45
|
+
adm:group-has-[:disabled]/field:pointer-events-none
|
|
46
|
+
adm:group-has-[:disabled]/field:text-disabled-foreground
|
|
45
47
|
`,e),...a})}function F({className:e,...a}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"field-label",className:d.cn(`
|
|
46
48
|
adm:flex adm:w-fit adm:items-center adm:gap-2 adm:text-sm
|
|
47
49
|
adm:leading-snug adm:font-medium
|
|
48
50
|
adm:group-data-[disabled=true]/field:opacity-50
|
|
49
51
|
`,e),...a})}function E({className:e,...a}){return t.jsxRuntimeExports.jsx("p",{"data-slot":"field-description",className:d.cn(`
|
|
50
|
-
adm:text-
|
|
51
|
-
adm:text-muted-foreground
|
|
52
|
+
adm:text-xs adm:leading-normal adm:font-normal adm:text-foreground
|
|
52
53
|
adm:group-has-data-[orientation=horizontal]/field:text-balance
|
|
54
|
+
adm:group-has-[:disabled]/field:text-disabled-foreground
|
|
55
|
+
adm:group-data-[invalid=true]/field:text-destructive
|
|
53
56
|
`,`
|
|
54
57
|
adm:last:mt-0
|
|
55
58
|
adm:nth-last-2:-mt-1
|
|
@@ -63,4 +66,6 @@
|
|
|
63
66
|
`,a),...l,children:[t.jsxRuntimeExports.jsx(u.Separator,{className:"adm:absolute adm:inset-0 adm:top-1/2"}),e&&t.jsxRuntimeExports.jsx("span",{className:`
|
|
64
67
|
adm:relative adm:mx-auto adm:block adm:w-fit adm:bg-background
|
|
65
68
|
adm:px-2 adm:text-muted-foreground
|
|
66
|
-
`,"data-slot":"field-separator-content",children:e})]})}function w({className:e,children:a,errors:l,...
|
|
69
|
+
`,"data-slot":"field-separator-content",children:e})]})}function w({className:e,children:a,errors:l,...m}){const o=c.useMemo(()=>{if(a)return a;if(!l?.length)return null;const s=[...new Map(l.map(i=>[i?.message,i])).values()];return s?.length==1?s[0]?.message:t.jsxRuntimeExports.jsx("ul",{className:"adm:ml-4 adm:flex adm:list-disc adm:flex-col adm:gap-1",children:s.map((i,r)=>i?.message&&t.jsxRuntimeExports.jsx("li",{children:i.message},r))})},[a,l]);return o?t.jsxRuntimeExports.jsx("div",{role:"alert","data-slot":"field-error",className:d.cn(`
|
|
70
|
+
adm:text-xs adm:leading-normal adm:font-normal adm:text-destructive
|
|
71
|
+
`,e),...m,children:o}):null}exports.Field=h;exports.FieldContent=j;exports.FieldDescription=E;exports.FieldError=w;exports.FieldGroup=g;exports.FieldLabel=v;exports.FieldLegend=p;exports.FieldSeparator=R;exports.FieldSet=x;exports.FieldTitle=F;
|
package/dist/field.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as
|
|
3
|
-
import { L as n } from "./label-
|
|
4
|
-
import { S as f } from "./separator-
|
|
2
|
+
import { j as e } from "./jsx-runtime-BzflLqGi.js";
|
|
3
|
+
import { L as n } from "./label-_BWRIH7C.js";
|
|
4
|
+
import { S as f } from "./separator-DZfXXbNt.js";
|
|
5
5
|
import { c as t } from "./index-CRiPKpXj.js";
|
|
6
6
|
import { c as u } from "./index-BqtVL8d-.js";
|
|
7
7
|
import { useMemo as c } from "react";
|
|
8
|
-
function w({ className:
|
|
9
|
-
return /* @__PURE__ */
|
|
8
|
+
function w({ className: d, ...a }) {
|
|
9
|
+
return /* @__PURE__ */ e.jsx(
|
|
10
10
|
"fieldset",
|
|
11
11
|
{
|
|
12
12
|
"data-slot": "field-set",
|
|
@@ -16,18 +16,18 @@ function w({ className: e, ...a }) {
|
|
|
16
16
|
adm:has-[>[data-slot=checkbox-group]]:gap-3
|
|
17
17
|
adm:has-[>[data-slot=radio-group]]:gap-3
|
|
18
18
|
`,
|
|
19
|
-
|
|
19
|
+
d
|
|
20
20
|
),
|
|
21
21
|
...a
|
|
22
22
|
}
|
|
23
23
|
);
|
|
24
24
|
}
|
|
25
25
|
function N({
|
|
26
|
-
className:
|
|
26
|
+
className: d,
|
|
27
27
|
variant: a = "legend",
|
|
28
28
|
...l
|
|
29
29
|
}) {
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ e.jsx(
|
|
31
31
|
"legend",
|
|
32
32
|
{
|
|
33
33
|
"data-slot": "field-legend",
|
|
@@ -36,14 +36,14 @@ function N({
|
|
|
36
36
|
"adm:mb-3 adm:font-medium",
|
|
37
37
|
"adm:data-[variant=legend]:text-base",
|
|
38
38
|
"adm:data-[variant=label]:text-sm",
|
|
39
|
-
|
|
39
|
+
d
|
|
40
40
|
),
|
|
41
41
|
...l
|
|
42
42
|
}
|
|
43
43
|
);
|
|
44
44
|
}
|
|
45
|
-
function k({ className:
|
|
46
|
-
return /* @__PURE__ */
|
|
45
|
+
function k({ className: d, ...a }) {
|
|
46
|
+
return /* @__PURE__ */ e.jsx(
|
|
47
47
|
"div",
|
|
48
48
|
{
|
|
49
49
|
"data-slot": "field-group",
|
|
@@ -54,7 +54,7 @@ function k({ className: e, ...a }) {
|
|
|
54
54
|
adm:data-[slot=checkbox-group]:gap-3
|
|
55
55
|
adm:*:data-[slot=field-group]:gap-4
|
|
56
56
|
`,
|
|
57
|
-
|
|
57
|
+
d
|
|
58
58
|
),
|
|
59
59
|
...a
|
|
60
60
|
}
|
|
@@ -103,23 +103,23 @@ const p = u(
|
|
|
103
103
|
}
|
|
104
104
|
);
|
|
105
105
|
function F({
|
|
106
|
-
className:
|
|
106
|
+
className: d,
|
|
107
107
|
orientation: a = "vertical",
|
|
108
108
|
...l
|
|
109
109
|
}) {
|
|
110
|
-
return /* @__PURE__ */
|
|
110
|
+
return /* @__PURE__ */ e.jsx(
|
|
111
111
|
"div",
|
|
112
112
|
{
|
|
113
113
|
role: "group",
|
|
114
114
|
"data-slot": "field",
|
|
115
115
|
"data-orientation": a,
|
|
116
|
-
className: t(p({ orientation: a }),
|
|
116
|
+
className: t(p({ orientation: a }), d),
|
|
117
117
|
...l
|
|
118
118
|
}
|
|
119
119
|
);
|
|
120
120
|
}
|
|
121
|
-
function y({ className:
|
|
122
|
-
return /* @__PURE__ */
|
|
121
|
+
function y({ className: d, ...a }) {
|
|
122
|
+
return /* @__PURE__ */ e.jsx(
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
125
|
"data-slot": "field-content",
|
|
@@ -128,17 +128,17 @@ function y({ className: e, ...a }) {
|
|
|
128
128
|
adm:group/field-content adm:flex adm:flex-1 adm:flex-col adm:gap-1.5
|
|
129
129
|
adm:leading-snug
|
|
130
130
|
`,
|
|
131
|
-
|
|
131
|
+
d
|
|
132
132
|
),
|
|
133
133
|
...a
|
|
134
134
|
}
|
|
135
135
|
);
|
|
136
136
|
}
|
|
137
137
|
function L({
|
|
138
|
-
className:
|
|
138
|
+
className: d,
|
|
139
139
|
...a
|
|
140
140
|
}) {
|
|
141
|
-
return /* @__PURE__ */
|
|
141
|
+
return /* @__PURE__ */ e.jsx(
|
|
142
142
|
n,
|
|
143
143
|
{
|
|
144
144
|
"data-slot": "field-label",
|
|
@@ -146,7 +146,6 @@ function L({
|
|
|
146
146
|
`
|
|
147
147
|
adm:group/field-label adm:peer/field-label adm:flex adm:w-fit
|
|
148
148
|
adm:gap-2 adm:leading-snug
|
|
149
|
-
adm:group-data-[disabled=true]/field:opacity-50
|
|
150
149
|
`,
|
|
151
150
|
`
|
|
152
151
|
adm:has-[>[data-slot=field]]:w-full
|
|
@@ -160,14 +159,18 @@ function L({
|
|
|
160
159
|
adm:has-data-[state=checked]:bg-primary/5
|
|
161
160
|
adm:dark:has-data-[state=checked]:bg-primary/10
|
|
162
161
|
`,
|
|
163
|
-
|
|
162
|
+
`
|
|
163
|
+
adm:group-has-[:disabled]/field:pointer-events-none
|
|
164
|
+
adm:group-has-[:disabled]/field:text-disabled-foreground
|
|
165
|
+
`,
|
|
166
|
+
d
|
|
164
167
|
),
|
|
165
168
|
...a
|
|
166
169
|
}
|
|
167
170
|
);
|
|
168
171
|
}
|
|
169
|
-
function S({ className:
|
|
170
|
-
return /* @__PURE__ */
|
|
172
|
+
function S({ className: d, ...a }) {
|
|
173
|
+
return /* @__PURE__ */ e.jsx(
|
|
171
174
|
"div",
|
|
172
175
|
{
|
|
173
176
|
"data-slot": "field-label",
|
|
@@ -177,22 +180,23 @@ function S({ className: e, ...a }) {
|
|
|
177
180
|
adm:leading-snug adm:font-medium
|
|
178
181
|
adm:group-data-[disabled=true]/field:opacity-50
|
|
179
182
|
`,
|
|
180
|
-
|
|
183
|
+
d
|
|
181
184
|
),
|
|
182
185
|
...a
|
|
183
186
|
}
|
|
184
187
|
);
|
|
185
188
|
}
|
|
186
|
-
function E({ className:
|
|
187
|
-
return /* @__PURE__ */
|
|
189
|
+
function E({ className: d, ...a }) {
|
|
190
|
+
return /* @__PURE__ */ e.jsx(
|
|
188
191
|
"p",
|
|
189
192
|
{
|
|
190
193
|
"data-slot": "field-description",
|
|
191
194
|
className: t(
|
|
192
195
|
`
|
|
193
|
-
adm:text-
|
|
194
|
-
adm:text-muted-foreground
|
|
196
|
+
adm:text-xs adm:leading-normal adm:font-normal adm:text-foreground
|
|
195
197
|
adm:group-has-data-[orientation=horizontal]/field:text-balance
|
|
198
|
+
adm:group-has-[:disabled]/field:text-disabled-foreground
|
|
199
|
+
adm:group-data-[invalid=true]/field:text-destructive
|
|
196
200
|
`,
|
|
197
201
|
`
|
|
198
202
|
adm:last:mt-0
|
|
@@ -203,22 +207,22 @@ function E({ className: e, ...a }) {
|
|
|
203
207
|
adm:[&>a]:underline adm:[&>a]:underline-offset-4
|
|
204
208
|
adm:[&>a:hover]:text-primary
|
|
205
209
|
`,
|
|
206
|
-
|
|
210
|
+
d
|
|
207
211
|
),
|
|
208
212
|
...a
|
|
209
213
|
}
|
|
210
214
|
);
|
|
211
215
|
}
|
|
212
216
|
function z({
|
|
213
|
-
children:
|
|
217
|
+
children: d,
|
|
214
218
|
className: a,
|
|
215
219
|
...l
|
|
216
220
|
}) {
|
|
217
|
-
return /* @__PURE__ */
|
|
221
|
+
return /* @__PURE__ */ e.jsxs(
|
|
218
222
|
"div",
|
|
219
223
|
{
|
|
220
224
|
"data-slot": "field-separator",
|
|
221
|
-
"data-content": !!
|
|
225
|
+
"data-content": !!d,
|
|
222
226
|
className: t(
|
|
223
227
|
`
|
|
224
228
|
adm:relative adm:-my-2 adm:h-5 adm:text-sm
|
|
@@ -228,8 +232,8 @@ function z({
|
|
|
228
232
|
),
|
|
229
233
|
...l,
|
|
230
234
|
children: [
|
|
231
|
-
/* @__PURE__ */
|
|
232
|
-
|
|
235
|
+
/* @__PURE__ */ e.jsx(f, { className: "adm:absolute adm:inset-0 adm:top-1/2" }),
|
|
236
|
+
d && /* @__PURE__ */ e.jsx(
|
|
233
237
|
"span",
|
|
234
238
|
{
|
|
235
239
|
className: `
|
|
@@ -237,7 +241,7 @@ function z({
|
|
|
237
241
|
adm:px-2 adm:text-muted-foreground
|
|
238
242
|
`,
|
|
239
243
|
"data-slot": "field-separator-content",
|
|
240
|
-
children:
|
|
244
|
+
children: d
|
|
241
245
|
}
|
|
242
246
|
)
|
|
243
247
|
]
|
|
@@ -245,12 +249,12 @@ function z({
|
|
|
245
249
|
);
|
|
246
250
|
}
|
|
247
251
|
function M({
|
|
248
|
-
className:
|
|
252
|
+
className: d,
|
|
249
253
|
children: a,
|
|
250
254
|
errors: l,
|
|
251
|
-
...
|
|
255
|
+
...r
|
|
252
256
|
}) {
|
|
253
|
-
const
|
|
257
|
+
const i = c(() => {
|
|
254
258
|
if (a)
|
|
255
259
|
return a;
|
|
256
260
|
if (!l?.length)
|
|
@@ -258,18 +262,20 @@ function M({
|
|
|
258
262
|
const o = [
|
|
259
263
|
...new Map(l.map((m) => [m?.message, m])).values()
|
|
260
264
|
];
|
|
261
|
-
return o?.length == 1 ? o[0]?.message : /* @__PURE__ */
|
|
262
|
-
(m,
|
|
265
|
+
return o?.length == 1 ? o[0]?.message : /* @__PURE__ */ e.jsx("ul", { className: "adm:ml-4 adm:flex adm:list-disc adm:flex-col adm:gap-1", children: o.map(
|
|
266
|
+
(m, s) => m?.message && /* @__PURE__ */ e.jsx("li", { children: m.message }, s)
|
|
263
267
|
) });
|
|
264
268
|
}, [a, l]);
|
|
265
|
-
return
|
|
269
|
+
return i ? /* @__PURE__ */ e.jsx(
|
|
266
270
|
"div",
|
|
267
271
|
{
|
|
268
272
|
role: "alert",
|
|
269
273
|
"data-slot": "field-error",
|
|
270
|
-
className: t(
|
|
271
|
-
|
|
272
|
-
|
|
274
|
+
className: t(`
|
|
275
|
+
adm:text-xs adm:leading-normal adm:font-normal adm:text-destructive
|
|
276
|
+
`, d),
|
|
277
|
+
...r,
|
|
278
|
+
children: i
|
|
273
279
|
}
|
|
274
280
|
) : null;
|
|
275
281
|
}
|
package/dist/file-upload-v2.cjs
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-BB_1_6y_.cjs"),
|
|
2
|
-
adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-
|
|
3
|
-
adm:border
|
|
4
|
-
`,"adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",{"adm:border-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-BB_1_6y_.cjs"),_=require("./button-CPm4-98H.cjs"),M=require("./icon-C5Q2b1Am.cjs"),N=require("./typography-Bj8oEDuE.cjs"),D=require("./index-DoxiiusW.cjs"),z=require("react");function te({isDragging:c,isMultiple:o,invalid:a,disabled:t,accept:i,acceptedExtensions:l,maxSizeInMB:d,maxFiles:x,labels:p,input:h,onDragOver:m,onDragLeave:v,onDrop:g,onFileChange:j}){const u=h?.id||`file-upload-v2-${Math.random().toString(36).substring(2,11)}`;return r.jsxRuntimeExports.jsxs("div",{onDragOver:t?void 0:m,onDragLeave:t?void 0:v,onDrop:t?void 0:g,className:D.cn(`
|
|
2
|
+
adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-3xl
|
|
3
|
+
adm:border
|
|
4
|
+
`,"adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors","adm:hover:border-strong-border adm:hover:bg-muted",{"adm:border-strong-border":c&&!a&&!t,"adm:border-destructive":a&&!t,"adm:border-input":!c&&!a,"adm:cursor-not-allowed adm:opacity-50":t}),children:[r.jsxRuntimeExports.jsx("div",{className:D.cn(`
|
|
5
|
+
adm:flex adm:size-11 adm:items-center adm:justify-center
|
|
6
|
+
adm:rounded-full
|
|
7
|
+
`,a&&!t?"adm:bg-destructive/10":"adm:bg-primary-50"),children:r.jsxRuntimeExports.jsx(M.Icon,{symbol:"upload",className:a&&!t?"adm:text-destructive":"adm:text-primary"})}),r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center",color:a&&!t?"destructive":void 0,children:p?.dragDrop||(o?"Drag and drop your files here or":"Drag and drop your file here or")}),r.jsxRuntimeExports.jsxs("label",{htmlFor:u,children:[r.jsxRuntimeExports.jsx("input",{...h,id:u,type:"file",accept:i,multiple:o,onChange:j,disabled:t,className:"adm:hidden"}),r.jsxRuntimeExports.jsx(_.Button,{asChild:!0,type:"button",variant:"link",className:D.cn("adm:cursor-pointer",t&&`
|
|
5
8
|
adm:pointer-events-none
|
|
6
|
-
`),disabled:t,children:r.jsxRuntimeExports.jsx("span",{className:"adm:text-center",children:p?.selectFile||(o?"Select files":"Select the file")})})]})]}),r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center",color:a&&!t?"destructive":"muted",children:p?.fileRequirements||(
|
|
9
|
+
`),disabled:t,children:r.jsxRuntimeExports.jsx("span",{className:"adm:text-center",children:p?.selectFile||(o?"Select files":"Select the file")})})]})]}),r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center",color:a&&!t?"destructive":"muted",children:p?.fileRequirements||(l&&l.length>0?`Allowed files: ${l.join(", ")}. Maximum size ${d} MB${o?`. Up to ${x} files`:""}.`:`Maximum size ${d} MB${o?`. Up to ${x} files`:""}.`)})]})}function re({fileWithMetadata:c,invalid:o,disabled:a,labels:t,onRemove:i}){const{file:l,status:d="idle",deletable:x=!0,disabled:p,error:h}=c,m=a||p,v=d==="uploading",g=d==="deleting",j=d==="error",u=d==="success",$=v||g,U=()=>v||g?"progress_activity":u?"check_circle":j?"error":"article",q=()=>j?"adm:text-destructive":u?"adm:text-success-600":o&&!m?"adm:text-destructive":"adm:text-primary",V=()=>j?"adm:bg-destructive/15":u?"adm:bg-success/15":v||g?"adm:bg-primary/15":o&&!m?"adm:bg-destructive/15":"adm:bg-background";return r.jsxRuntimeExports.jsxs("div",{className:D.cn("adm:flex adm:items-center adm:gap-6 adm:rounded-3xl adm:p-4",j?"adm:bg-destructive/5":u?"adm:bg-success-50":o&&!m?"adm:bg-destructive/5":"adm:bg-muted",m&&"adm:cursor-not-allowed adm:opacity-50"),children:[r.jsxRuntimeExports.jsx("div",{className:D.cn(`
|
|
10
|
+
adm:flex adm:size-11 adm:items-center adm:justify-center
|
|
11
|
+
adm:rounded-full
|
|
12
|
+
`,V()),children:r.jsxRuntimeExports.jsx(M.Icon,{symbol:U(),className:D.cn(q(),$&&"adm:animate-spin")})}),r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:min-w-0 adm:flex-1 adm:flex-col adm:gap-1",children:[r.jsxRuntimeExports.jsx(N.Typography,{className:D.cn("adm:min-w-0 adm:truncate adm:font-semibold"),children:l.name}),(h||v||g||u||j)&&r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-xs",color:j?"destructive":u?"success":"muted",children:h||(v?t?.statusUploading||"Uploading...":g?t?.statusDeleting||"Deleting...":u?t?.statusSuccess||"Uploaded successfully":j?t?.statusError||"Upload failed":"")})]}),r.jsxRuntimeExports.jsxs(N.Typography,{className:"adm:shrink-0",color:"muted",children:[(l.size/1024/1024).toFixed(1)," MB"]}),x&&r.jsxRuntimeExports.jsx(_.Button,{variant:"link",size:"icon",onClick:i,type:"button",disabled:m||$,children:r.jsxRuntimeExports.jsx(M.Icon,{symbol:"cancel",fill:1,className:"adm:text-destructive"})})]})}function G({files:c,isMultiple:o,invalid:a,disabled:t,labels:i,onRemoveFile:l,onClearAll:d}){return c.length===0?null:r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:gap-3",children:[o&&c.length>1&&r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:items-center adm:justify-between",children:[r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center adm:text-sm adm:font-medium",color:a&&!t?"destructive":void 0,children:i?.filesSelected?.(c.length)||`${c.length} file${c.length!==1?"s":""} selected`}),r.jsxRuntimeExports.jsx(_.Button,{variant:"ghost",size:"sm",onClick:d,type:"button",disabled:t,children:i?.clearAll||"Clear all"})]}),c.map((x,p)=>r.jsxRuntimeExports.jsx(re,{fileWithMetadata:x,invalid:a,disabled:t,labels:i,onRemove:()=>l(p)},x.id))]})}function se({className:c,selectedFile:o,selectedFiles:a,onFileSelect:t,onFilesSelect:i,onFileAdd:l,onFileRemove:d,onFilesAdd:x,onFilesRemove:p,onInvalidFile:h,acceptedExtensions:m,maxSizeInMB:v=50,maxFiles:g=10,multiple:j=!1,filesPosition:u="below",invalid:$=!1,disabled:U=!1,"aria-invalid":q,generateId:V,labels:I,input:F,...H}){const[J,B]=z.useState(!1),[K,P]=z.useState(!1),w=z.useRef(null);z.useEffect(()=>{const e=()=>{if(w.current){const s=w.current.closest("fieldset");P(s?.disabled??!1)}};e();const n=new MutationObserver(e);if(w.current){const s=w.current.closest("fieldset");s&&n.observe(s,{attributes:!0,attributeFilter:["disabled"]})}return()=>n.disconnect()},[]);const Q=m?.join(",")||"",X=v*1024*1024,f=j||a!==void 0||i!==void 0,R=f?a||[]:o?[o]:[],T=$||q,y=U||K,Y=V||(e=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}-${e.name}`),C=e=>({id:Y(e),file:e}),Z=e=>{y||(e.preventDefault(),B(!0))},W=e=>{y||(e.preventDefault(),B(!1))},S=e=>{if(!y)if(e.preventDefault(),B(!1),f){const s=Array.from(e.dataTransfer.files).filter(k);if(s.length>0){const b=s.map(C),L=[...a||[],...b].slice(0,g);i&&i(L),x&&x(b)}}else{const n=e.dataTransfer.files[0];if(n&&k(n)){const s=C(n);t&&t(s),l&&l(s)}}},ee=e=>{if(!y){if(f){const s=(e.target.files?Array.from(e.target.files):[]).filter(k);if(s.length>0){const b=s.map(C),L=[...a||[],...b].slice(0,g);i&&i(L),x&&x(b)}}else{const n=e.target.files?.[0];if(n&&k(n)){const s=C(n);t&&t(s),l&&l(s)}}e.target.value=""}},O=e=>{if(y)return;const n=R[e];if(f){const s=R.filter((b,E)=>E!==e);i&&i(s),p&&n&&p([n])}else t&&t(null),d&&n&&d(n)},k=e=>{const n=e.name.substring(e.name.lastIndexOf(".")),s=!m||m.length===0||m.includes(n.toLowerCase()),b=e.size<=X;if(!s||!b){const E=C(e);!s&&h?h(E,"extension"):!b&&h&&h(E,"size")}return s&&b},A=()=>{if(y)return;const e=[...R];f?(i&&i([]),p&&e.length>0&&p(e)):(t&&t(null),d&&e.length>0&&d(e[0]))};return r.jsxRuntimeExports.jsxs("div",{ref:w,className:D.cn("adm:flex adm:flex-col adm:gap-4",c),...H,children:[f&&u==="above"&&r.jsxRuntimeExports.jsx(G,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:A}),(f||R.length===0)&&r.jsxRuntimeExports.jsx(te,{isDragging:J,isMultiple:f,invalid:T,disabled:y,accept:Q,acceptedExtensions:m,maxSizeInMB:v,maxFiles:g,labels:I,input:F,onDragOver:Z,onDragLeave:W,onDrop:S,onFileChange:ee}),!f&&R.length>0&&r.jsxRuntimeExports.jsx(G,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:A}),f&&u==="below"&&r.jsxRuntimeExports.jsx(G,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:A})]})}exports.FileUploadV2=se;
|