@devalok/shilp-sutra 0.3.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/composed/date-picker/date-range-picker.js +9 -9
- package/dist/ui/accordion.d.ts +3 -0
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/alert-dialog.d.ts +2 -8
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert-dialog.js +46 -46
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/banner.d.ts +1 -1
- package/dist/ui/button-group.d.ts +1 -1
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/chip.d.ts +7 -7
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +41 -41
- package/dist/ui/collapsible.d.ts +1 -0
- package/dist/ui/collapsible.d.ts.map +1 -1
- package/dist/ui/hover-card.d.ts +1 -0
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/index.d.ts +12 -12
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +334 -331
- package/dist/ui/radio.d.ts +2 -0
- package/dist/ui/radio.d.ts.map +1 -1
- package/dist/ui/segmented-control.d.ts +10 -10
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +70 -70
- package/dist/ui/separator.d.ts +1 -0
- package/dist/ui/separator.d.ts.map +1 -1
- package/dist/ui/toast.d.ts +1 -1
- package/dist/ui/toast.js +2 -2
- package/dist/ui/toaster.d.ts +1 -1
- package/dist/ui/toggle-group.d.ts +3 -0
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle.d.ts +1 -0
- package/dist/ui/toggle.d.ts.map +1 -1
- package/dist/ui/toggle.js +1 -1
- package/dist/ui/tree-view/tree-item.d.ts +2 -0
- package/dist/ui/tree-view/tree-item.d.ts.map +1 -1
- package/dist/ui/tree-view/tree-item.js +20 -18
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as M, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import * as s from "react";
|
|
4
4
|
import { format as H, setMonth as z, setYear as J, addMonths as E, isBefore as K, isAfter as L } from "date-fns";
|
|
5
5
|
import { IconCalendarEvent as Q } from "@tabler/icons-react";
|
|
@@ -16,7 +16,7 @@ const re = s.forwardRef(
|
|
|
16
16
|
onChange: n,
|
|
17
17
|
placeholder: O = "Pick a date range",
|
|
18
18
|
className: j,
|
|
19
|
-
formatStr: P = "MMM d",
|
|
19
|
+
formatStr: P = "MMM d, yyyy",
|
|
20
20
|
minDate: a,
|
|
21
21
|
maxDate: d,
|
|
22
22
|
disabledDates: S,
|
|
@@ -29,7 +29,7 @@ const re = s.forwardRef(
|
|
|
29
29
|
c ?? null
|
|
30
30
|
), [l, h] = s.useState(
|
|
31
31
|
v ?? null
|
|
32
|
-
), [w, N] = s.useState(null), [T, m] = s.useState("days"),
|
|
32
|
+
), [w, N] = s.useState(null), [T, m] = s.useState("days"), y = Math.max(1, A);
|
|
33
33
|
s.useEffect(() => {
|
|
34
34
|
f(c ?? null), h(v ?? null);
|
|
35
35
|
}, [c, v]), s.useEffect(() => {
|
|
@@ -50,7 +50,7 @@ const re = s.forwardRef(
|
|
|
50
50
|
u((t) => z(t, r)), m("days");
|
|
51
51
|
}, B = (r) => {
|
|
52
52
|
u((t) => J(t, r)), m("months");
|
|
53
|
-
}, I = () => e && l ? `${H(e, P)} - ${H(l, P)}` : O, _ = () =>
|
|
53
|
+
}, I = () => e && l ? `${H(e, P)} - ${H(l, P)}` : O, _ = () => y === 1 ? /* @__PURE__ */ o(
|
|
54
54
|
F,
|
|
55
55
|
{
|
|
56
56
|
currentMonth: i,
|
|
@@ -65,7 +65,7 @@ const re = s.forwardRef(
|
|
|
65
65
|
minDate: a,
|
|
66
66
|
maxDate: d
|
|
67
67
|
}
|
|
68
|
-
) : /* @__PURE__ */ o("div", { className: "flex flex-row gap-ds-04", children: Array.from({ length:
|
|
68
|
+
) : /* @__PURE__ */ o("div", { className: "flex flex-row gap-ds-04", children: Array.from({ length: y }, (r, t) => /* @__PURE__ */ o(
|
|
69
69
|
F,
|
|
70
70
|
{
|
|
71
71
|
currentMonth: E(i, t),
|
|
@@ -82,7 +82,7 @@ const re = s.forwardRef(
|
|
|
82
82
|
minDate: a,
|
|
83
83
|
maxDate: d,
|
|
84
84
|
hidePrevNav: t > 0,
|
|
85
|
-
hideNextNav: t <
|
|
85
|
+
hideNextNav: t < y - 1
|
|
86
86
|
},
|
|
87
87
|
t
|
|
88
88
|
)) }), R = () => {
|
|
@@ -113,8 +113,8 @@ const re = s.forwardRef(
|
|
|
113
113
|
return _();
|
|
114
114
|
}
|
|
115
115
|
}, q = x && x.length > 0;
|
|
116
|
-
return /* @__PURE__ */
|
|
117
|
-
/* @__PURE__ */ o(W, { asChild: !0, children: /* @__PURE__ */
|
|
116
|
+
return /* @__PURE__ */ M(U, { open: b, onOpenChange: g, children: [
|
|
117
|
+
/* @__PURE__ */ o(W, { asChild: !0, children: /* @__PURE__ */ M(
|
|
118
118
|
"button",
|
|
119
119
|
{
|
|
120
120
|
ref: G,
|
|
@@ -152,7 +152,7 @@ const re = s.forwardRef(
|
|
|
152
152
|
className: "w-auto border-border bg-layer-01 p-ds-04",
|
|
153
153
|
align: "start",
|
|
154
154
|
sideOffset: 4,
|
|
155
|
-
children: q ? /* @__PURE__ */
|
|
155
|
+
children: q ? /* @__PURE__ */ M("div", { className: "flex flex-row gap-ds-04", children: [
|
|
156
156
|
/* @__PURE__ */ o("div", { className: "min-w-[140px] border-r border-border pr-ds-04", children: /* @__PURE__ */ o(ee, { presets: x, onSelect: V }) }),
|
|
157
157
|
/* @__PURE__ */ o("div", { children: R() })
|
|
158
158
|
] }) : R()
|
package/dist/ui/accordion.d.ts
CHANGED
|
@@ -50,5 +50,8 @@ declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.Acc
|
|
|
50
50
|
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
51
|
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
52
52
|
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
export type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
|
|
54
|
+
export type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
|
|
55
|
+
export type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
|
|
53
56
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
54
57
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAKjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAiBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAKjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAiBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC/F,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AACrG,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -6,14 +6,8 @@ declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPri
|
|
|
6
6
|
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
7
7
|
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const AlertDialogHeader:
|
|
10
|
-
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
13
|
-
declare const AlertDialogFooter: {
|
|
14
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
9
|
+
declare const AlertDialogHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const AlertDialogFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
17
11
|
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
12
|
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
13
|
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAItE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAetB,CAAA;AAGF,QAAA,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAItE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAetB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,gBAAgB,8KAYpB,CAAA;AAGF,QAAA,MAAM,sBAAsB,wLAS1B,CAAA;AAIF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}
|
package/dist/ui/alert-dialog.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as o, jsxs as p } from "react/jsx-runtime";
|
|
3
|
-
import * as
|
|
4
|
-
import { Root as g, Portal as x, Trigger as y, Action as l, Cancel as r, Content as d, Description as n, Overlay as c, Title as
|
|
5
|
-
import { cn as
|
|
6
|
-
const C = g, z = y, b = x,
|
|
3
|
+
import * as s from "react";
|
|
4
|
+
import { Root as g, Portal as x, Trigger as y, Action as l, Cancel as r, Content as d, Description as n, Overlay as c, Title as f } from "../primitives/react-alert-dialog.js";
|
|
5
|
+
import { cn as i } from "./lib/utils.js";
|
|
6
|
+
const C = g, z = y, b = x, m = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
7
7
|
c,
|
|
8
8
|
{
|
|
9
9
|
ref: a,
|
|
10
|
-
className:
|
|
10
|
+
className: i(
|
|
11
11
|
"fixed inset-0 z-modal bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
12
12
|
e
|
|
13
13
|
),
|
|
14
14
|
...t
|
|
15
15
|
}
|
|
16
16
|
));
|
|
17
|
-
|
|
18
|
-
const u =
|
|
19
|
-
/* @__PURE__ */ o(
|
|
17
|
+
m.displayName = c.displayName;
|
|
18
|
+
const u = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(b, { children: [
|
|
19
|
+
/* @__PURE__ */ o(m, {}),
|
|
20
20
|
/* @__PURE__ */ o(
|
|
21
21
|
d,
|
|
22
22
|
{
|
|
23
23
|
ref: a,
|
|
24
|
-
className:
|
|
24
|
+
className: i(
|
|
25
25
|
"fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-ds-05 border border-border bg-layer-01 p-ds-06 shadow-04 rounded-ds-xl duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
26
26
|
e
|
|
27
27
|
),
|
|
@@ -30,60 +30,60 @@ const u = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(b, { chi
|
|
|
30
30
|
)
|
|
31
31
|
] }));
|
|
32
32
|
u.displayName = d.displayName;
|
|
33
|
-
const v = (
|
|
34
|
-
className: e,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
33
|
+
const v = s.forwardRef(
|
|
34
|
+
({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
ref: a,
|
|
38
|
+
className: i(
|
|
39
|
+
"flex flex-col space-y-ds-02b text-center sm:text-left",
|
|
40
|
+
e
|
|
41
|
+
),
|
|
42
|
+
...t
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
45
|
);
|
|
46
46
|
v.displayName = "AlertDialogHeader";
|
|
47
|
-
const N = (
|
|
48
|
-
className: e,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
47
|
+
const N = s.forwardRef(
|
|
48
|
+
({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
ref: a,
|
|
52
|
+
className: i(
|
|
53
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
|
|
54
|
+
e
|
|
55
|
+
),
|
|
56
|
+
...t
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
59
|
);
|
|
60
60
|
N.displayName = "AlertDialogFooter";
|
|
61
|
-
const D =
|
|
62
|
-
|
|
61
|
+
const D = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
62
|
+
f,
|
|
63
63
|
{
|
|
64
64
|
ref: a,
|
|
65
|
-
className:
|
|
65
|
+
className: i(
|
|
66
66
|
"text-ds-lg font-semibold",
|
|
67
67
|
e
|
|
68
68
|
),
|
|
69
69
|
...t
|
|
70
70
|
}
|
|
71
71
|
));
|
|
72
|
-
D.displayName =
|
|
73
|
-
const A =
|
|
72
|
+
D.displayName = f.displayName;
|
|
73
|
+
const A = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
74
74
|
n,
|
|
75
75
|
{
|
|
76
76
|
ref: a,
|
|
77
|
-
className:
|
|
77
|
+
className: i("text-ds-md text-text-secondary", e),
|
|
78
78
|
...t
|
|
79
79
|
}
|
|
80
80
|
));
|
|
81
81
|
A.displayName = n.displayName;
|
|
82
|
-
const w =
|
|
82
|
+
const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
83
83
|
l,
|
|
84
84
|
{
|
|
85
85
|
ref: a,
|
|
86
|
-
className:
|
|
86
|
+
className: i(
|
|
87
87
|
"inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
|
|
88
88
|
e
|
|
89
89
|
),
|
|
@@ -91,27 +91,27 @@ const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
|
91
91
|
}
|
|
92
92
|
));
|
|
93
93
|
w.displayName = l.displayName;
|
|
94
|
-
const
|
|
94
|
+
const R = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
|
|
95
95
|
r,
|
|
96
96
|
{
|
|
97
97
|
ref: a,
|
|
98
|
-
className:
|
|
98
|
+
className: i(
|
|
99
99
|
"inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-transparent text-text-secondary border border-border hover:bg-layer-02 hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
|
|
100
100
|
e
|
|
101
101
|
),
|
|
102
102
|
...t
|
|
103
103
|
}
|
|
104
104
|
));
|
|
105
|
-
|
|
105
|
+
R.displayName = r.displayName;
|
|
106
106
|
export {
|
|
107
107
|
C as AlertDialog,
|
|
108
108
|
w as AlertDialogAction,
|
|
109
|
-
|
|
109
|
+
R as AlertDialogCancel,
|
|
110
110
|
u as AlertDialogContent,
|
|
111
111
|
A as AlertDialogDescription,
|
|
112
112
|
N as AlertDialogFooter,
|
|
113
113
|
v as AlertDialogHeader,
|
|
114
|
-
|
|
114
|
+
m as AlertDialogOverlay,
|
|
115
115
|
b as AlertDialogPortal,
|
|
116
116
|
D as AlertDialogTitle,
|
|
117
117
|
z as AlertDialogTrigger
|
package/dist/ui/alert.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const alertVariants: (props?: ({
|
|
5
|
-
color?: "error" | "warning" | "success" | "
|
|
5
|
+
color?: "error" | "warning" | "success" | "neutral" | "info" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
/**
|
|
8
8
|
* Props for Alert — an inline message block with a colored icon, optional title, optional body,
|
package/dist/ui/badge.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ declare const badgeVariants: (props?: ({
|
|
|
38
38
|
* <Badge color="error" size="lg">Build failed</Badge>
|
|
39
39
|
* // These are just a few ways — feel free to combine props creatively!
|
|
40
40
|
*/
|
|
41
|
-
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
41
|
+
export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
42
42
|
dot?: boolean;
|
|
43
43
|
onDismiss?: () => void;
|
|
44
44
|
}
|
package/dist/ui/badge.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;;8EAoFlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;;8EAoFlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,oFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
package/dist/ui/banner.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const bannerVariants: (props?: ({
|
|
5
|
-
color?: "error" | "warning" | "success" | "
|
|
5
|
+
color?: "error" | "warning" | "success" | "neutral" | "info" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
/**
|
|
8
8
|
* Props for Banner — a full-width notification strip with a colored icon, message, optional
|
|
@@ -40,7 +40,7 @@ export declare function useButtonGroup(): ButtonGroupContextValue;
|
|
|
40
40
|
* </ButtonGroup>
|
|
41
41
|
* // These are just a few ways — feel free to combine props creatively!
|
|
42
42
|
*/
|
|
43
|
-
export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
export interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
44
44
|
/** Shared variant applied to all child Buttons (children can override) */
|
|
45
45
|
variant?: ButtonProps['variant'];
|
|
46
46
|
/** Shared color applied to all child Buttons (children can override) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/ui/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B;AAID,wBAAgB,cAAc,4BAE7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/ui/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B;AAID,wBAAgB,cAAc,4BAE7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3F,0EAA0E;IAC1E,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,QAAA,MAAM,WAAW,yFAiChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/ui/button.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export declare const buttonVariants: (props?: ({
|
|
|
48
48
|
* <Button variant="link" onClick={openTerms}>View terms of service</Button>
|
|
49
49
|
* // These are just a few ways — feel free to combine props creatively!
|
|
50
50
|
*/
|
|
51
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
51
|
+
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
52
52
|
asChild?: boolean;
|
|
53
53
|
/** Icon element rendered before children */
|
|
54
54
|
startIcon?: React.ReactNode;
|
package/dist/ui/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,cAAc;;;;8EA2C1B,CAAA;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,cAAc;;;;8EA2C1B,CAAA;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,uFA8GX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/dist/ui/chip.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const chipVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "outline" | "subtle" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
color?: "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
|
|
8
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -11,7 +11,7 @@ type ChipColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info
|
|
|
11
11
|
* Props for Chip — a compact label-tag component with a two-axis variant system.
|
|
12
12
|
*
|
|
13
13
|
* **Two axes:**
|
|
14
|
-
* - `variant` controls **shape**: `"
|
|
14
|
+
* - `variant` controls **shape**: `"subtle"` (surface background, default) | `"outline"` (border only)
|
|
15
15
|
* - `color` controls **intent/category**: `"default"` | `"primary"` | `"success"` | `"error"` |
|
|
16
16
|
* `"warning"` | `"info"` | `"teal"` | `"amber"` | `"slate"` | `"indigo"` | `"cyan"` | `"orange"` | `"emerald"`
|
|
17
17
|
*
|
|
@@ -26,10 +26,10 @@ type ChipColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info
|
|
|
26
26
|
*
|
|
27
27
|
* // With intent color (use color=, not variant=):
|
|
28
28
|
* <Chip label="High Priority" color="warning" />
|
|
29
|
-
* <Chip label="Done" color="success" variant="
|
|
29
|
+
* <Chip label="Done" color="success" variant="outline" />
|
|
30
30
|
*
|
|
31
31
|
* // Dismissible chip (e.g. in a filter bar):
|
|
32
|
-
* <Chip label="React" color="info"
|
|
32
|
+
* <Chip label="React" color="info" onDismiss={() => removeFilter('react')} />
|
|
33
33
|
*
|
|
34
34
|
* // Clickable chip (renders as <button>):
|
|
35
35
|
* <Chip label="View details" color="primary" onClick={() => openPanel(id)} />
|
|
@@ -46,12 +46,12 @@ type ChipProps = Omit<VariantProps<typeof chipVariants>, 'color'> & {
|
|
|
46
46
|
color?: ChipColor;
|
|
47
47
|
icon?: React.ReactNode;
|
|
48
48
|
onClick?: React.MouseEventHandler;
|
|
49
|
-
|
|
49
|
+
onDismiss?: () => void;
|
|
50
50
|
disabled?: boolean;
|
|
51
51
|
className?: string;
|
|
52
52
|
};
|
|
53
53
|
declare const Chip: React.ForwardRefExoticComponent<Omit<VariantProps<(props?: ({
|
|
54
|
-
variant?: "
|
|
54
|
+
variant?: "outline" | "subtle" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
56
|
color?: "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
|
|
57
57
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "color"> & {
|
|
@@ -59,7 +59,7 @@ declare const Chip: React.ForwardRefExoticComponent<Omit<VariantProps<(props?: (
|
|
|
59
59
|
color?: ChipColor;
|
|
60
60
|
icon?: React.ReactNode;
|
|
61
61
|
onClick?: React.MouseEventHandler;
|
|
62
|
-
|
|
62
|
+
onDismiss?: () => void;
|
|
63
63
|
disabled?: boolean;
|
|
64
64
|
className?: string;
|
|
65
65
|
} & React.RefAttributes<HTMLElement>>;
|
package/dist/ui/chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;gBACrB,MAAM,IAAI;eACX,OAAO;gBACN,MAAM;qCAyCnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}
|
package/dist/ui/chip.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
2
|
+
import { jsxs as v, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import * as f from "react";
|
|
4
4
|
import { IconX as p } from "@tabler/icons-react";
|
|
5
5
|
import { cva as N } from "class-variance-authority";
|
|
6
6
|
import { cn as h } from "./lib/utils.js";
|
|
@@ -9,8 +9,8 @@ const w = N(
|
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
subtle: "bg-layer-02 text-text-primary border border-transparent",
|
|
13
|
+
outline: "bg-transparent text-text-primary border border-border"
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
16
|
sm: "h-ds-xs px-ds-03 text-ds-xs",
|
|
@@ -34,60 +34,60 @@ const w = N(
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
compoundVariants: [
|
|
37
|
-
{ variant: "
|
|
38
|
-
{ variant: "
|
|
39
|
-
{ variant: "
|
|
40
|
-
{ variant: "
|
|
41
|
-
{ variant: "
|
|
42
|
-
{ variant: "
|
|
43
|
-
{ variant: "
|
|
44
|
-
{ variant: "
|
|
45
|
-
{ variant: "
|
|
46
|
-
{ variant: "
|
|
47
|
-
{ variant: "
|
|
48
|
-
{ variant: "
|
|
49
|
-
{ variant: "
|
|
50
|
-
{ variant: "
|
|
51
|
-
{ variant: "
|
|
52
|
-
{ variant: "
|
|
53
|
-
{ variant: "
|
|
54
|
-
{ variant: "
|
|
55
|
-
{ variant: "
|
|
56
|
-
{ variant: "
|
|
57
|
-
{ variant: "
|
|
58
|
-
{ variant: "
|
|
59
|
-
{ variant: "
|
|
60
|
-
{ variant: "
|
|
37
|
+
{ variant: "subtle", color: "primary", className: "bg-interactive text-text-on-color" },
|
|
38
|
+
{ variant: "subtle", color: "success", className: "bg-success-surface text-success-text border-success-border" },
|
|
39
|
+
{ variant: "subtle", color: "error", className: "bg-error-surface text-error-text border-error-border" },
|
|
40
|
+
{ variant: "subtle", color: "warning", className: "bg-warning-surface text-warning-text border-warning-border" },
|
|
41
|
+
{ variant: "subtle", color: "info", className: "bg-info-surface text-info-text border-info-border" },
|
|
42
|
+
{ variant: "subtle", color: "teal", className: "bg-category-teal-surface text-category-teal-text border-category-teal-border" },
|
|
43
|
+
{ variant: "subtle", color: "amber", className: "bg-category-amber-surface text-category-amber-text border-category-amber-border" },
|
|
44
|
+
{ variant: "subtle", color: "slate", className: "bg-category-slate-surface text-category-slate-text border-category-slate-border" },
|
|
45
|
+
{ variant: "subtle", color: "indigo", className: "bg-category-indigo-surface text-category-indigo-text border-category-indigo-border" },
|
|
46
|
+
{ variant: "subtle", color: "cyan", className: "bg-category-cyan-surface text-category-cyan-text border-category-cyan-border" },
|
|
47
|
+
{ variant: "subtle", color: "orange", className: "bg-category-orange-surface text-category-orange-text border-category-orange-border" },
|
|
48
|
+
{ variant: "subtle", color: "emerald", className: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border" },
|
|
49
|
+
{ variant: "outline", color: "primary", className: "border-border-interactive text-text-interactive" },
|
|
50
|
+
{ variant: "outline", color: "success", className: "border-border-success text-success-text" },
|
|
51
|
+
{ variant: "outline", color: "error", className: "border-border-error text-error-text" },
|
|
52
|
+
{ variant: "outline", color: "warning", className: "border-border-warning text-warning-text" },
|
|
53
|
+
{ variant: "outline", color: "info", className: "border-info-border text-info-text" },
|
|
54
|
+
{ variant: "outline", color: "teal", className: "border-category-teal-border text-category-teal-text" },
|
|
55
|
+
{ variant: "outline", color: "amber", className: "border-category-amber-border text-category-amber-text" },
|
|
56
|
+
{ variant: "outline", color: "slate", className: "border-category-slate-border text-category-slate-text" },
|
|
57
|
+
{ variant: "outline", color: "indigo", className: "border-category-indigo-border text-category-indigo-text" },
|
|
58
|
+
{ variant: "outline", color: "cyan", className: "border-category-cyan-border text-category-cyan-text" },
|
|
59
|
+
{ variant: "outline", color: "orange", className: "border-category-orange-border text-category-orange-text" },
|
|
60
|
+
{ variant: "outline", color: "emerald", className: "border-category-emerald-border text-category-emerald-text" }
|
|
61
61
|
],
|
|
62
62
|
defaultVariants: {
|
|
63
|
-
variant: "
|
|
63
|
+
variant: "subtle",
|
|
64
64
|
size: "md",
|
|
65
65
|
color: "default"
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
), C =
|
|
69
|
-
({ label:
|
|
70
|
-
const e = !!s, m = e ? "button" : "span", x = e && !
|
|
71
|
-
return /* @__PURE__ */
|
|
68
|
+
), C = f.forwardRef(
|
|
69
|
+
({ label: a, variant: n, size: l, color: i, icon: o, onClick: s, onDismiss: c, disabled: t, className: d, ...b }, g) => {
|
|
70
|
+
const e = !!s, m = e ? "button" : "span", x = e && !t ? "cursor-pointer hover:bg-field-hover" : "", u = t ? "opacity-action-disabled cursor-not-allowed" : "";
|
|
71
|
+
return /* @__PURE__ */ v(
|
|
72
72
|
m,
|
|
73
73
|
{
|
|
74
|
-
ref:
|
|
75
|
-
className: h(w({ variant:
|
|
74
|
+
ref: g,
|
|
75
|
+
className: h(w({ variant: n, size: l, color: i }), x, u, d),
|
|
76
76
|
onClick: e ? s : void 0,
|
|
77
|
-
disabled: e ?
|
|
77
|
+
disabled: e ? t : void 0,
|
|
78
78
|
type: e ? "button" : void 0,
|
|
79
|
-
...
|
|
79
|
+
...b,
|
|
80
80
|
children: [
|
|
81
81
|
o && /* @__PURE__ */ r("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
|
|
82
|
-
/* @__PURE__ */ r("span", { children:
|
|
82
|
+
/* @__PURE__ */ r("span", { children: a }),
|
|
83
83
|
c && /* @__PURE__ */ r(
|
|
84
84
|
"button",
|
|
85
85
|
{
|
|
86
86
|
type: "button",
|
|
87
|
-
"aria-label": `Remove ${
|
|
87
|
+
"aria-label": `Remove ${a}`,
|
|
88
88
|
className: "flex-shrink-0 min-h-6 min-w-6 flex items-center justify-center rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
|
|
89
|
-
onClick: (
|
|
90
|
-
|
|
89
|
+
onClick: (y) => {
|
|
90
|
+
y.stopPropagation(), c();
|
|
91
91
|
},
|
|
92
92
|
children: /* @__PURE__ */ r(p, { className: "h-ico-sm w-ico-sm" })
|
|
93
93
|
}
|
package/dist/ui/collapsible.d.ts
CHANGED
|
@@ -4,5 +4,6 @@ import * as CollapsiblePrimitive from '../primitives/react-collapsible';
|
|
|
4
4
|
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
6
|
declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
7
8
|
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
8
9
|
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,+BAA+B,CAAA;AAIrE,QAAA,MAAM,WAAW,8GAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,+BAA+B,CAAA;AAIrE,QAAA,MAAM,WAAW,8GAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAE/F,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
|
package/dist/ui/hover-card.d.ts
CHANGED
|
@@ -4,5 +4,6 @@ import * as HoverCardPrimitive from '../primitives/react-hover-card';
|
|
|
4
4
|
declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
|
|
5
5
|
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
6
|
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;
|
|
7
8
|
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
8
9
|
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/ui/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAA;AAIlE,QAAA,MAAM,SAAS,6CAA0B,CAAA;AAEzC,QAAA,MAAM,gBAAgB,oHAA6B,CAAA;AAEnD,QAAA,MAAM,gBAAgB,oKAgBpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/ui/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAA;AAIlE,QAAA,MAAM,SAAS,6CAA0B,CAAA;AAEzC,QAAA,MAAM,gBAAgB,oHAA6B,CAAA;AAEnD,QAAA,MAAM,gBAAgB,oKAgBpB,CAAA;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|