@devalok/shilp-sutra 0.1.0 → 0.1.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/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/command-palette.js +3 -3
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.js +1 -1
- package/dist/composed/date-picker/use-calendar.d.ts.map +1 -1
- package/dist/composed/empty-state.d.ts.map +1 -1
- package/dist/composed/empty-state.js +1 -1
- package/dist/composed/error-boundary.js +1 -1
- package/dist/composed/lib/string-utils.d.ts.map +1 -1
- package/dist/composed/lib/string-utils.js +6 -4
- package/dist/composed/loading-skeleton.d.ts.map +1 -1
- package/dist/composed/loading-skeleton.js +32 -32
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-skeletons.d.ts.map +1 -1
- package/dist/composed/page-skeletons.js +38 -38
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +46 -44
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +6 -6
- package/dist/hooks/use-color-mode.d.ts.map +1 -1
- package/dist/hooks/use-color-mode.js +8 -8
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/use-toast.js +2 -2
- package/dist/shell/app-command-palette.d.ts +2 -3
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +1 -1
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +39 -37
- package/dist/shell/index.d.ts +3 -2
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +15 -12
- package/dist/shell/link-context.d.ts +11 -0
- package/dist/shell/link-context.d.ts.map +1 -0
- package/dist/shell/link-context.js +18 -0
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +20 -19
- package/dist/shell/notification-preferences.d.ts +2 -3
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +13 -13
- package/dist/shell/sidebar.d.ts.map +1 -1
- package/dist/shell/sidebar.js +31 -30
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +34 -30
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +32 -2
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +1 -1
- package/dist/ui/autocomplete.js +34 -34
- package/dist/ui/avatar.js +12 -12
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +3 -3
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/button.js +1 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +1 -1
- package/dist/ui/charts/_internal/animation.d.ts.map +1 -1
- package/dist/ui/charts/_internal/axes.d.ts.map +1 -1
- package/dist/ui/charts/_internal/tooltip.d.ts.map +1 -1
- package/dist/ui/charts/bar-chart.js +1 -1
- package/dist/ui/charts/chart-container.js +11 -11
- package/dist/ui/charts/line-chart.js +1 -1
- package/dist/ui/charts/radar-chart.js +20 -20
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +34 -36
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/code.js +13 -13
- package/dist/ui/combobox.js +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +78 -78
- package/dist/ui/dropdown-menu.js +22 -22
- package/dist/ui/file-upload.js +59 -59
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/input-otp.js +1 -1
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/menubar.js +22 -22
- package/dist/ui/navigation-menu.js +6 -6
- package/dist/ui/number-input.js +1 -1
- package/dist/ui/search-input.js +10 -10
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +3 -4
- package/dist/ui/select.js +2 -2
- package/dist/ui/sidebar.js +52 -52
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/spinner.d.ts.map +1 -1
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js +46 -21
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stepper.js +25 -25
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +12 -12
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +1 -0
- package/dist/ui/toast.js +1 -1
- package/dist/ui/tree-view/tree-item.js +1 -1
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- package/package.json +5 -7
package/dist/ui/autocomplete.js
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as O, jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import * as t from "react";
|
|
3
3
|
import { cn as b } from "./lib/utils.js";
|
|
4
|
-
const
|
|
4
|
+
const T = t.forwardRef(
|
|
5
5
|
({
|
|
6
6
|
options: x,
|
|
7
|
-
value:
|
|
7
|
+
value: o,
|
|
8
8
|
onChange: u,
|
|
9
9
|
placeholder: D,
|
|
10
10
|
emptyText: I = "No options",
|
|
11
|
-
disabled:
|
|
11
|
+
disabled: h,
|
|
12
12
|
className: R,
|
|
13
13
|
id: N
|
|
14
14
|
}, i) => {
|
|
15
|
-
const E = t.useId(), w = N || E,
|
|
15
|
+
const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, l] = t.useState(!1), [r, a] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
|
|
16
16
|
(e) => {
|
|
17
17
|
$.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
|
|
18
18
|
},
|
|
19
19
|
[i]
|
|
20
20
|
);
|
|
21
21
|
t.useEffect(() => () => {
|
|
22
|
-
|
|
22
|
+
y.current && clearTimeout(y.current);
|
|
23
23
|
}, []);
|
|
24
24
|
const n = t.useMemo(
|
|
25
25
|
() => f ? x.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : x,
|
|
26
26
|
[x, f]
|
|
27
27
|
), m = t.useCallback(
|
|
28
28
|
(e) => {
|
|
29
|
-
|
|
29
|
+
g(e.label), l(!1), a(-1), u == null || u(e);
|
|
30
30
|
},
|
|
31
31
|
[u]
|
|
32
|
-
),
|
|
32
|
+
), S = t.useCallback(
|
|
33
33
|
(e) => {
|
|
34
34
|
if (!c) {
|
|
35
|
-
(e.key === "ArrowDown" || e.key === "Enter") &&
|
|
35
|
+
(e.key === "ArrowDown" || e.key === "Enter") && l(!0);
|
|
36
36
|
return;
|
|
37
37
|
}
|
|
38
38
|
switch (e.key) {
|
|
39
39
|
case "ArrowDown":
|
|
40
|
-
e.preventDefault(),
|
|
40
|
+
e.preventDefault(), a((s) => Math.min(s + 1, n.length - 1));
|
|
41
41
|
break;
|
|
42
42
|
case "ArrowUp":
|
|
43
|
-
e.preventDefault(),
|
|
43
|
+
e.preventDefault(), a((s) => Math.max(s - 1, 0));
|
|
44
44
|
break;
|
|
45
45
|
case "Enter":
|
|
46
46
|
e.preventDefault(), r >= 0 && n[r] && m(n[r]);
|
|
47
47
|
break;
|
|
48
48
|
case "Escape":
|
|
49
|
-
|
|
49
|
+
l(!1), a(-1);
|
|
50
50
|
break;
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
[c, n, r, m]
|
|
54
|
-
),
|
|
55
|
-
return /* @__PURE__ */
|
|
54
|
+
), K = r >= 0 ? `${v}-${r}` : void 0;
|
|
55
|
+
return /* @__PURE__ */ O("div", { className: b("relative", R), children: [
|
|
56
56
|
/* @__PURE__ */ p(
|
|
57
57
|
"input",
|
|
58
58
|
{
|
|
@@ -61,54 +61,54 @@ const O = t.forwardRef(
|
|
|
61
61
|
role: "combobox",
|
|
62
62
|
"aria-expanded": c,
|
|
63
63
|
"aria-autocomplete": "list",
|
|
64
|
-
"aria-controls": c ?
|
|
65
|
-
"aria-activedescendant":
|
|
64
|
+
"aria-controls": c ? k : void 0,
|
|
65
|
+
"aria-activedescendant": K,
|
|
66
66
|
value: f,
|
|
67
67
|
placeholder: D,
|
|
68
|
-
disabled:
|
|
68
|
+
disabled: h,
|
|
69
69
|
className: b(
|
|
70
|
-
"flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-
|
|
71
|
-
"outline-none focus:ring-2 focus:ring-focus focus:ring-offset-[var(--border-focus-offset)]",
|
|
70
|
+
"flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-ds-md text-text-primary placeholder:text-text-placeholder",
|
|
71
|
+
"outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-[var(--border-focus-offset)]",
|
|
72
72
|
"transition-colors duration-fast-01",
|
|
73
|
-
|
|
73
|
+
h && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
|
|
74
74
|
),
|
|
75
75
|
onChange: (e) => {
|
|
76
|
-
|
|
76
|
+
g(e.target.value), l(!0), a(-1);
|
|
77
77
|
},
|
|
78
|
-
onFocus: () =>
|
|
78
|
+
onFocus: () => l(!0),
|
|
79
79
|
onBlur: () => {
|
|
80
|
-
|
|
80
|
+
y.current = setTimeout(() => l(!1), 150);
|
|
81
81
|
},
|
|
82
|
-
onKeyDown:
|
|
82
|
+
onKeyDown: S
|
|
83
83
|
}
|
|
84
84
|
),
|
|
85
85
|
c && /* @__PURE__ */ p(
|
|
86
86
|
"ul",
|
|
87
87
|
{
|
|
88
|
-
id:
|
|
88
|
+
id: k,
|
|
89
89
|
ref: A,
|
|
90
90
|
role: "listbox",
|
|
91
91
|
className: b(
|
|
92
92
|
"absolute z-dropdown mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
|
|
93
93
|
"max-h-60"
|
|
94
94
|
),
|
|
95
|
-
children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-
|
|
95
|
+
children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ p(
|
|
96
96
|
"li",
|
|
97
97
|
{
|
|
98
|
-
id: `${v}-${
|
|
98
|
+
id: `${v}-${s}`,
|
|
99
99
|
role: "option",
|
|
100
|
-
"aria-selected": r ===
|
|
100
|
+
"aria-selected": r === s,
|
|
101
101
|
className: b(
|
|
102
|
-
"cursor-pointer px-ds-04 py-ds-03 text-
|
|
103
|
-
r ===
|
|
104
|
-
(
|
|
102
|
+
"cursor-pointer px-ds-04 py-ds-03 text-ds-md text-text-primary transition-colors duration-fast-01",
|
|
103
|
+
r === s && "bg-interactive-selected",
|
|
104
|
+
(o == null ? void 0 : o.value) === e.value && "font-semibold"
|
|
105
105
|
),
|
|
106
106
|
onMouseDown: (d) => d.preventDefault(),
|
|
107
107
|
onClick: () => m(e),
|
|
108
108
|
onKeyDown: (d) => {
|
|
109
109
|
(d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
|
|
110
110
|
},
|
|
111
|
-
onMouseEnter: () =>
|
|
111
|
+
onMouseEnter: () => a(s),
|
|
112
112
|
children: e.label
|
|
113
113
|
},
|
|
114
114
|
e.value
|
|
@@ -118,7 +118,7 @@ const O = t.forwardRef(
|
|
|
118
118
|
] });
|
|
119
119
|
}
|
|
120
120
|
);
|
|
121
|
-
|
|
121
|
+
T.displayName = "Autocomplete";
|
|
122
122
|
export {
|
|
123
|
-
|
|
123
|
+
T as Autocomplete
|
|
124
124
|
};
|
package/dist/ui/avatar.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as p, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
3
|
import { Root as n, Fallback as o, Image as t } from "../primitives/react-avatar.js";
|
|
4
|
-
import { cva as
|
|
4
|
+
import { cva as u } from "class-variance-authority";
|
|
5
5
|
import { cn as r } from "./lib/utils.js";
|
|
6
|
-
const w =
|
|
6
|
+
const w = u(
|
|
7
7
|
"relative flex shrink-0 overflow-hidden",
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
@@ -27,18 +27,18 @@ const w = p(
|
|
|
27
27
|
offline: "bg-layer-03",
|
|
28
28
|
busy: "bg-error",
|
|
29
29
|
away: "bg-warning"
|
|
30
|
-
},
|
|
30
|
+
}, x = {
|
|
31
31
|
online: "Online",
|
|
32
32
|
offline: "Offline",
|
|
33
33
|
busy: "Busy",
|
|
34
34
|
away: "Away"
|
|
35
|
-
},
|
|
35
|
+
}, b = {
|
|
36
36
|
xs: "h-ds-02b w-ds-02b",
|
|
37
|
-
sm: "h-
|
|
37
|
+
sm: "h-[8px] w-[8px]",
|
|
38
38
|
md: "h-ds-03 w-ds-03",
|
|
39
|
-
lg: "h-
|
|
39
|
+
lg: "h-[12px] w-[12px]",
|
|
40
40
|
xl: "h-ds-04 w-ds-04"
|
|
41
|
-
},
|
|
41
|
+
}, g = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...f }, c) => /* @__PURE__ */ p("span", { className: "relative inline-flex shrink-0", children: [
|
|
42
42
|
/* @__PURE__ */ l(
|
|
43
43
|
n,
|
|
44
44
|
{
|
|
@@ -54,14 +54,14 @@ const w = p(
|
|
|
54
54
|
className: r(
|
|
55
55
|
"absolute bottom-0 right-0 rounded-ds-full ring-2 ring-layer-01",
|
|
56
56
|
h[d],
|
|
57
|
-
|
|
57
|
+
b[s ?? "md"]
|
|
58
58
|
),
|
|
59
59
|
role: "img",
|
|
60
|
-
"aria-label":
|
|
60
|
+
"aria-label": x[d]
|
|
61
61
|
}
|
|
62
62
|
)
|
|
63
63
|
] }));
|
|
64
|
-
|
|
64
|
+
g.displayName = n.displayName;
|
|
65
65
|
const y = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
|
|
66
66
|
t,
|
|
67
67
|
{
|
|
@@ -84,7 +84,7 @@ const v = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
|
|
|
84
84
|
));
|
|
85
85
|
v.displayName = o.displayName;
|
|
86
86
|
export {
|
|
87
|
-
|
|
87
|
+
g as Avatar,
|
|
88
88
|
v as AvatarFallback,
|
|
89
89
|
y as AvatarImage,
|
|
90
90
|
w as avatarVariants
|
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":"
|
|
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;;;8EA+ClB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,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/badge.js
CHANGED
|
@@ -25,7 +25,7 @@ const u = l(
|
|
|
25
25
|
emerald: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border"
|
|
26
26
|
},
|
|
27
27
|
size: {
|
|
28
|
-
sm: "h-
|
|
28
|
+
sm: "h-[20px] px-ds-03 text-ds-xs",
|
|
29
29
|
md: "h-ds-xs px-ds-03 text-ds-sm",
|
|
30
30
|
lg: "h-ds-xs-plus px-ds-04 text-ds-md"
|
|
31
31
|
}
|
|
@@ -40,7 +40,7 @@ const u = l(
|
|
|
40
40
|
s && /* @__PURE__ */ e(
|
|
41
41
|
"span",
|
|
42
42
|
{
|
|
43
|
-
className: "h-ds-02b w-ds-02b rounded-ds-full bg-current opacity-
|
|
43
|
+
className: "h-ds-02b w-ds-02b rounded-ds-full bg-current opacity-[0.7] shrink-0",
|
|
44
44
|
"aria-hidden": "true"
|
|
45
45
|
}
|
|
46
46
|
),
|
|
@@ -52,7 +52,7 @@ const u = l(
|
|
|
52
52
|
onClick: r,
|
|
53
53
|
className: "ml-ds-01 rounded-ds-full text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
|
|
54
54
|
"aria-label": "Remove",
|
|
55
|
-
children: /* @__PURE__ */ e(b, { className: "h-
|
|
55
|
+
children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm" })
|
|
56
56
|
}
|
|
57
57
|
)
|
|
58
58
|
] })
|
package/dist/ui/banner.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFAsBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
package/dist/ui/button.js
CHANGED
|
@@ -15,7 +15,7 @@ const p = B(
|
|
|
15
15
|
ghost: "bg-transparent text-text-secondary hover:bg-layer-02 hover:text-text-primary active:bg-layer-active",
|
|
16
16
|
error: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01",
|
|
17
17
|
"error-ghost": "bg-transparent text-error border border-border-error hover:bg-error-surface active:bg-error-surface",
|
|
18
|
-
link: "text-text-link underline-offset-4 hover:underline active:opacity-
|
|
18
|
+
link: "text-text-link underline-offset-4 hover:underline active:opacity-[0.8]"
|
|
19
19
|
},
|
|
20
20
|
size: {
|
|
21
21
|
sm: "h-ds-sm rounded-ds-md px-ds-04 text-ds-sm",
|
package/dist/ui/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;8EAajB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,IAAI,kFAaT,CAAA;AAGD,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/ui/card.js
CHANGED
|
@@ -43,7 +43,7 @@ const m = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ d(
|
|
|
43
43
|
"div",
|
|
44
44
|
{
|
|
45
45
|
ref: e,
|
|
46
|
-
className: o("font-sans font-semibold leading-none tracking-tight text-text-primary", r),
|
|
46
|
+
className: o("font-sans font-semibold leading-ds-none tracking-ds-tight text-text-primary", r),
|
|
47
47
|
...a
|
|
48
48
|
}
|
|
49
49
|
));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/animation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/animation.ts"],"names":[],"mappings":"AAIA,4CAA4C;AAC5C,wBAAgB,gBAAgB,IAAI,OAAO,CAY1C;AAED,mEAAmE;AACnE,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,SAAM,GAAG,MAAM,CAEpF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axes.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/axes.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"axes.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/axes.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,MAAM,QAAQ,GAChB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,SAAS,CAAC,MAAM,CAAC,GACjB,UAAU,CAAC,MAAM,CAAC,GAClB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE7B,UAAU,SAAS;IACjB,KAAK,EAAE,QAAQ,CAAA;IACf,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,SAAS,2CAoDX;yBA5De,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAkBnE;yBAlBe,YAAY;;;AAqB5B,yCAAyC;AACzC,wBAAgB,eAAe;;cAQA,MAAM,KAAK,MAAM,WAAW,KAAK,CAAC,SAAS;;EASzE;AAED,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as u, useState as p, useEffect as g } from "react";
|
|
3
3
|
import { cn as v } from "../lib/utils.js";
|
|
4
|
-
import { DEFAULT_MARGIN as
|
|
5
|
-
function
|
|
4
|
+
import { DEFAULT_MARGIN as b } from "./_internal/types.js";
|
|
5
|
+
function w({
|
|
6
6
|
height: i = 300,
|
|
7
|
-
margin:
|
|
8
|
-
className:
|
|
7
|
+
margin: s,
|
|
8
|
+
className: c,
|
|
9
9
|
children: m
|
|
10
10
|
}) {
|
|
11
|
-
const e = u(null), [r, f] = p(0), t = { ...
|
|
11
|
+
const e = u(null), [r, f] = p(0), t = { ...b, ...s };
|
|
12
12
|
g(() => {
|
|
13
13
|
if (!e.current) return;
|
|
14
14
|
const o = new ResizeObserver((d) => {
|
|
15
|
-
const
|
|
16
|
-
|
|
15
|
+
const a = d[0];
|
|
16
|
+
a && f(a.contentRect.width);
|
|
17
17
|
});
|
|
18
18
|
return o.observe(e.current), () => o.disconnect();
|
|
19
19
|
}, []);
|
|
20
|
-
const
|
|
21
|
-
return /* @__PURE__ */ n("div", { ref: e, className: v("relative w-full",
|
|
20
|
+
const l = Math.max(0, r - t.left - t.right), h = Math.max(0, i - t.top - t.bottom);
|
|
21
|
+
return /* @__PURE__ */ n("div", { ref: e, className: v("relative w-full", c), children: r > 0 && /* @__PURE__ */ n("svg", { width: r, height: i, role: "img", "aria-label": "Chart", children: /* @__PURE__ */ n("g", { transform: `translate(${t.left},${t.top})`, children: m({ width: l, height: h, margin: t }) }) }) });
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
w.displayName = "ChartContainer";
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
w as ChartContainer
|
|
26
26
|
};
|
|
@@ -53,9 +53,9 @@ function K({
|
|
|
53
53
|
"aria-label": "Radar chart",
|
|
54
54
|
children: /* @__PURE__ */ i("g", { transform: `translate(${p / 2},${M / 2})`, children: [
|
|
55
55
|
Array.from({ length: h }, (e, t) => {
|
|
56
|
-
const r = c / h * (t + 1), n = d.map((l,
|
|
57
|
-
const
|
|
58
|
-
return `${r * Math.cos(
|
|
56
|
+
const r = c / h * (t + 1), n = d.map((l, o) => {
|
|
57
|
+
const a = m * o - Math.PI / 2;
|
|
58
|
+
return `${r * Math.cos(a)},${r * Math.sin(a)}`;
|
|
59
59
|
}).join(" ");
|
|
60
60
|
return /* @__PURE__ */ s(
|
|
61
61
|
"polygon",
|
|
@@ -85,14 +85,14 @@ function K({
|
|
|
85
85
|
);
|
|
86
86
|
}),
|
|
87
87
|
d.map((e, t) => {
|
|
88
|
-
const r = m * t - Math.PI / 2, n = c + 18, l = n * Math.cos(r),
|
|
89
|
-
let
|
|
90
|
-
return Math.abs(Math.cos(r)) > 0.1 && (
|
|
88
|
+
const r = m * t - Math.PI / 2, n = c + 18, l = n * Math.cos(r), o = n * Math.sin(r);
|
|
89
|
+
let a = "middle";
|
|
90
|
+
return Math.abs(Math.cos(r)) > 0.1 && (a = Math.cos(r) > 0 ? "start" : "end"), /* @__PURE__ */ s(
|
|
91
91
|
"text",
|
|
92
92
|
{
|
|
93
93
|
x: l,
|
|
94
|
-
y:
|
|
95
|
-
textAnchor:
|
|
94
|
+
y: o,
|
|
95
|
+
textAnchor: a,
|
|
96
96
|
dominantBaseline: "central",
|
|
97
97
|
className: "fill-text-secondary text-ds-xs",
|
|
98
98
|
children: e
|
|
@@ -101,15 +101,15 @@ function K({
|
|
|
101
101
|
);
|
|
102
102
|
}),
|
|
103
103
|
Array.from({ length: h }, (e, t) => {
|
|
104
|
-
const r = Math.round(x / h * (t + 1)), n = c / h * (t + 1), l = -Math.PI / 2,
|
|
104
|
+
const r = Math.round(x / h * (t + 1)), n = c / h * (t + 1), l = -Math.PI / 2, o = n * Math.cos(l) + 4, a = n * Math.sin(l);
|
|
105
105
|
return /* @__PURE__ */ s(
|
|
106
106
|
"text",
|
|
107
107
|
{
|
|
108
|
-
x:
|
|
109
|
-
y:
|
|
108
|
+
x: o,
|
|
109
|
+
y: a,
|
|
110
110
|
textAnchor: "start",
|
|
111
111
|
dominantBaseline: "auto",
|
|
112
|
-
className: "fill-
|
|
112
|
+
className: "fill-text-tertiary text-ds-xs",
|
|
113
113
|
children: r
|
|
114
114
|
},
|
|
115
115
|
`level-label-${t}`
|
|
@@ -129,12 +129,12 @@ function K({
|
|
|
129
129
|
strokeLinejoin: "round"
|
|
130
130
|
}
|
|
131
131
|
),
|
|
132
|
-
C && r.map((l,
|
|
133
|
-
const { x:
|
|
132
|
+
C && r.map((l, o) => {
|
|
133
|
+
const { x: a, y } = A(o, l);
|
|
134
134
|
return /* @__PURE__ */ s(
|
|
135
135
|
"circle",
|
|
136
136
|
{
|
|
137
|
-
cx:
|
|
137
|
+
cx: a,
|
|
138
138
|
cy: y,
|
|
139
139
|
r: 4,
|
|
140
140
|
fill: f[t],
|
|
@@ -142,7 +142,7 @@ function K({
|
|
|
142
142
|
strokeWidth: 2,
|
|
143
143
|
className: "transition-opacity"
|
|
144
144
|
},
|
|
145
|
-
`dot-${e.key}-${
|
|
145
|
+
`dot-${e.key}-${o}`
|
|
146
146
|
);
|
|
147
147
|
})
|
|
148
148
|
] }, e.key) : null;
|
|
@@ -157,12 +157,12 @@ function K({
|
|
|
157
157
|
r: 16,
|
|
158
158
|
fill: "transparent",
|
|
159
159
|
className: "cursor-pointer",
|
|
160
|
-
onMouseMove: (
|
|
160
|
+
onMouseMove: (o) => {
|
|
161
161
|
var y;
|
|
162
|
-
const
|
|
162
|
+
const a = (y = o.currentTarget.closest("div")) == null ? void 0 : y.getBoundingClientRect();
|
|
163
163
|
_(
|
|
164
|
-
|
|
165
|
-
|
|
164
|
+
o.clientX - ((a == null ? void 0 : a.left) ?? 0),
|
|
165
|
+
o.clientY - ((a == null ? void 0 : a.top) ?? 0),
|
|
166
166
|
/* @__PURE__ */ i("div", { children: [
|
|
167
167
|
/* @__PURE__ */ s("div", { className: "font-medium", children: e }),
|
|
168
168
|
u.map((b, V) => {
|
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":"
|
|
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,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,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;eACtB,MAAM,IAAI;eACV,OAAO;gBACN,MAAM;qCAyCnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}
|
package/dist/ui/chip.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
1
|
+
import { jsxs as u, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as v from "react";
|
|
3
|
+
import { IconX as p } from "@tabler/icons-react";
|
|
3
4
|
import { cva as N } from "class-variance-authority";
|
|
4
5
|
import { cn as h } from "./lib/utils.js";
|
|
5
6
|
const w = N(
|
|
6
|
-
"inline-flex items-center gap-ds-02 font-sans leading-
|
|
7
|
+
"inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
|
|
7
8
|
{
|
|
8
9
|
variants: {
|
|
9
10
|
variant: {
|
|
@@ -63,43 +64,40 @@ const w = N(
|
|
|
63
64
|
color: "default"
|
|
64
65
|
}
|
|
65
66
|
}
|
|
66
|
-
),
|
|
67
|
-
({ label: t, variant:
|
|
68
|
-
const
|
|
69
|
-
return
|
|
70
|
-
|
|
67
|
+
), C = v.forwardRef(
|
|
68
|
+
({ label: t, variant: l, size: i, color: n, icon: o, onClick: s, onDelete: c, disabled: a, className: d, ...g }, b) => {
|
|
69
|
+
const r = !!s, m = r ? "button" : "span", x = r && !a ? "cursor-pointer hover:bg-field-hover" : "", y = a ? "opacity-action-disabled cursor-not-allowed" : "";
|
|
70
|
+
return /* @__PURE__ */ u(
|
|
71
|
+
m,
|
|
71
72
|
{
|
|
72
|
-
ref:
|
|
73
|
-
className: h(w({ variant:
|
|
74
|
-
onClick:
|
|
75
|
-
disabled:
|
|
76
|
-
type:
|
|
77
|
-
...
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
)
|
|
97
|
-
] })
|
|
73
|
+
ref: b,
|
|
74
|
+
className: h(w({ variant: l, size: i, color: n }), x, y, d),
|
|
75
|
+
onClick: r ? s : void 0,
|
|
76
|
+
disabled: r ? a : void 0,
|
|
77
|
+
type: r ? "button" : void 0,
|
|
78
|
+
...g,
|
|
79
|
+
children: [
|
|
80
|
+
o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
|
|
81
|
+
/* @__PURE__ */ e("span", { children: t }),
|
|
82
|
+
c && /* @__PURE__ */ e(
|
|
83
|
+
"button",
|
|
84
|
+
{
|
|
85
|
+
type: "button",
|
|
86
|
+
"aria-label": `Remove ${t}`,
|
|
87
|
+
className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
|
|
88
|
+
onClick: (f) => {
|
|
89
|
+
f.stopPropagation(), c();
|
|
90
|
+
},
|
|
91
|
+
children: /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
|
|
92
|
+
}
|
|
93
|
+
)
|
|
94
|
+
]
|
|
95
|
+
}
|
|
98
96
|
);
|
|
99
97
|
}
|
|
100
98
|
);
|
|
101
|
-
|
|
99
|
+
C.displayName = "Chip";
|
|
102
100
|
export {
|
|
103
|
-
|
|
101
|
+
C as Chip,
|
|
104
102
|
w as chipVariants
|
|
105
103
|
};
|
package/dist/ui/code.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
package/dist/ui/code.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { cn as
|
|
3
|
+
import { cn as s } from "./lib/utils.js";
|
|
4
4
|
const n = a.forwardRef(
|
|
5
|
-
({ className:
|
|
5
|
+
({ className: r, variant: m = "inline", children: o, ...d }, t) => m === "block" ? /* @__PURE__ */ e(
|
|
6
6
|
"pre",
|
|
7
7
|
{
|
|
8
|
-
ref:
|
|
9
|
-
className:
|
|
10
|
-
"overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-
|
|
11
|
-
|
|
8
|
+
ref: t,
|
|
9
|
+
className: s(
|
|
10
|
+
"overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-ds-relaxed text-text-primary",
|
|
11
|
+
r
|
|
12
12
|
),
|
|
13
|
-
...
|
|
14
|
-
children: /* @__PURE__ */ e("code", { children:
|
|
13
|
+
...d,
|
|
14
|
+
children: /* @__PURE__ */ e("code", { children: o })
|
|
15
15
|
}
|
|
16
16
|
) : /* @__PURE__ */ e(
|
|
17
17
|
"code",
|
|
18
18
|
{
|
|
19
|
-
ref:
|
|
20
|
-
className:
|
|
19
|
+
ref: t,
|
|
20
|
+
className: s(
|
|
21
21
|
"rounded-ds-sm bg-layer-03 px-ds-02 py-ds-01 font-mono text-ds-sm text-text-primary",
|
|
22
|
-
|
|
22
|
+
r
|
|
23
23
|
),
|
|
24
|
-
...
|
|
25
|
-
children:
|
|
24
|
+
...d,
|
|
25
|
+
children: o
|
|
26
26
|
}
|
|
27
27
|
)
|
|
28
28
|
);
|
package/dist/ui/combobox.js
CHANGED
|
@@ -187,7 +187,7 @@ const P = 2, Y = 36, Z = a.forwardRef(
|
|
|
187
187
|
),
|
|
188
188
|
children: [
|
|
189
189
|
X(),
|
|
190
|
-
/* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-
|
|
190
|
+
/* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-[0.5] transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
|
|
191
191
|
]
|
|
192
192
|
}
|
|
193
193
|
) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
|
package/dist/ui/context-menu.js
CHANGED