@adamosuiteservices/ui 2.9.15 → 2.10.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/accordion-rounded.cjs +12 -17
- package/dist/accordion-rounded.js +37 -46
- package/dist/accordion.cjs +8 -7
- package/dist/accordion.js +19 -17
- package/dist/alert.cjs +7 -3
- package/dist/alert.js +14 -10
- package/dist/avatar.cjs +2 -0
- package/dist/avatar.js +42 -40
- package/dist/badge.cjs +9 -2
- package/dist/badge.js +19 -12
- package/dist/breadcrumb.cjs +7 -3
- package/dist/breadcrumb.js +30 -24
- package/dist/{button-B7ZP4LZN.js → button-CUNnLccZ.js} +11 -6
- package/dist/{button-D-qFRXiM.cjs → button-CxGyLoeN.cjs} +7 -2
- package/dist/button-group.cjs +2 -0
- package/dist/button-group.js +15 -13
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/calendar.cjs +8 -6
- package/dist/calendar.js +507 -492
- package/dist/card.cjs +9 -4
- package/dist/card.js +8 -3
- package/dist/checkbox-CFGlO5wt.cjs +22 -0
- package/dist/{checkbox-DhBcmKze.js → checkbox-DsN1IQGA.js} +70 -68
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/combobox.cjs +10 -13
- package/dist/combobox.js +90 -99
- package/dist/components/ui/icon/icon.d.ts +1 -3
- package/dist/components/ui/icon/icon.stories.d.ts +0 -5
- package/dist/components/ui/spinner/spinner.d.ts +1 -1
- package/dist/components/ui/tooltip/tooltip.stories.d.ts +0 -1
- package/dist/context-menu.cjs +10 -8
- package/dist/context-menu.js +126 -120
- package/dist/custom-layered-styles.css +1 -1
- package/dist/dialog.cjs +10 -7
- package/dist/dialog.js +43 -40
- package/dist/dropdown-menu.cjs +25 -10
- package/dist/dropdown-menu.js +179 -166
- package/dist/icon-D0vVkV-A.js +35 -0
- package/dist/icon-SWksUOv5.cjs +6 -0
- package/dist/icon.cjs +1 -1
- package/dist/icon.js +1 -1
- package/dist/icons.css +1 -1
- package/dist/input-group.cjs +14 -6
- package/dist/input-group.js +25 -17
- package/dist/kbd.cjs +3 -3
- package/dist/kbd.js +1 -0
- package/dist/pagination.cjs +4 -4
- package/dist/pagination.js +41 -43
- package/dist/radio-group.cjs +5 -5
- package/dist/radio-group.js +44 -42
- package/dist/radius.css +1 -1
- package/dist/select.cjs +12 -13
- package/dist/select.js +182 -187
- package/dist/{sheet-Q3dBOQG-.js → sheet-DM7b3ckK.js} +18 -18
- package/dist/{sheet-CGahUP7F.cjs → sheet-DfRu4ByS.cjs} +4 -4
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sidebar.cjs +6 -11
- package/dist/sidebar.js +38 -49
- package/dist/spinner.cjs +1 -6
- package/dist/spinner.js +10 -16
- package/dist/styles.css +1 -1
- package/dist/tabs-underline.cjs +6 -3
- package/dist/tabs-underline.js +8 -5
- package/dist/tabs.cjs +6 -3
- package/dist/tabs.js +8 -5
- package/dist/toggle.cjs +5 -2
- package/dist/toggle.js +14 -11
- package/docs/components/layout/sidebar.md +18 -23
- package/docs/components/ui/accordion-rounded.md +584 -583
- package/docs/components/ui/accordion.md +3 -1
- package/docs/components/ui/alert.md +650 -671
- package/docs/components/ui/avatar.md +587 -588
- package/docs/components/ui/badge.md +1019 -1024
- package/docs/components/ui/breadcrumb.md +14 -14
- package/docs/components/ui/button-group.md +69 -87
- package/docs/components/ui/button.md +17 -17
- package/docs/components/ui/calendar.md +6 -6
- package/docs/components/ui/card.md +21 -27
- package/docs/components/ui/collapsible.md +16 -13
- package/docs/components/ui/combobox.md +14 -14
- package/docs/components/ui/command.md +6 -6
- package/docs/components/ui/context-menu.md +23 -23
- package/docs/components/ui/dialog.md +16 -16
- package/docs/components/ui/dropdown-menu.md +44 -66
- package/docs/components/ui/hover-card.md +5 -5
- package/docs/components/ui/icon.md +87 -88
- package/docs/components/ui/input-group.md +523 -509
- package/docs/components/ui/kbd.md +8 -8
- package/docs/components/ui/label.md +5 -5
- package/docs/components/ui/pagination.md +5 -5
- package/docs/components/ui/popover.md +14 -14
- package/docs/components/ui/progress.md +2 -2
- package/docs/components/ui/radio-group.md +2 -2
- package/docs/components/ui/select.md +6 -6
- package/docs/components/ui/spinner.md +15 -15
- package/docs/components/ui/switch.md +15 -9
- package/docs/components/ui/tabs-underline.md +4 -4
- package/docs/components/ui/tabs.md +5 -5
- package/docs/components/ui/toggle.md +17 -23
- package/docs/components/ui/tooltip.md +7 -10
- package/package.json +1 -1
- package/dist/check-CLxNVljQ.cjs +0 -6
- package/dist/check-Ci0GjV-B.js +0 -11
- package/dist/checkbox-CdnZ8VFJ.cjs +0 -21
- package/dist/chevron-down-BqEHzml5.cjs +0 -6
- package/dist/chevron-down-CpVS2Z7w.js +0 -11
- package/dist/chevron-left-B8QsBNvc.cjs +0 -6
- package/dist/chevron-left-Eal-WYLp.js +0 -11
- package/dist/chevron-right-BpzggHsr.cjs +0 -6
- package/dist/chevron-right-Cnc2tB4-.js +0 -11
- package/dist/circle-CX7JIirj.cjs +0 -6
- package/dist/circle-DYv-7Qb9.js +0 -11
- package/dist/createLucideIcon-B_8CJpcQ.js +0 -94
- package/dist/createLucideIcon-CAtnV-yz.cjs +0 -21
- package/dist/ellipsis-CryjZKZn.js +0 -15
- package/dist/ellipsis-Ct9VTDOG.cjs +0 -6
- package/dist/icon-DTx6Y_mx.cjs +0 -6
- package/dist/icon-DmU_SEHC.js +0 -36
- package/dist/minus-C0pHPx21.cjs +0 -6
- package/dist/minus-DE-onYs2.js +0 -11
- package/dist/x-CBKgg4YL.cjs +0 -6
- package/dist/x-Dl66o_vF.js +0 -14
package/dist/combobox.js
CHANGED
|
@@ -1,45 +1,34 @@
|
|
|
1
1
|
import { j as p } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
-
import { B as je } from "./button-
|
|
3
|
-
import { C as Ce } from "./checkbox-
|
|
2
|
+
import { B as je } from "./button-CUNnLccZ.js";
|
|
3
|
+
import { C as Ce } from "./checkbox-DsN1IQGA.js";
|
|
4
|
+
import { I as ee } from "./icon-D0vVkV-A.js";
|
|
4
5
|
import { c as M } from "./index-CRiPKpXj.js";
|
|
5
6
|
import * as a from "react";
|
|
6
7
|
import { useRef as Re, useState as pe } from "react";
|
|
7
8
|
import { R as Ae, P as Ne, O as $e, a as Me } from "./index-DniCthJA.js";
|
|
8
9
|
import { P as F } from "./index-BMWt1NBG.js";
|
|
9
|
-
import { u as
|
|
10
|
-
import { c as
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
import { P as Pe, a as De, b as Fe } from "./popover-DAwH8jUh.js";
|
|
14
|
-
/**
|
|
15
|
-
* @license lucide-react v0.546.0 - ISC
|
|
16
|
-
*
|
|
17
|
-
* This source code is licensed under the ISC license.
|
|
18
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
19
|
-
*/
|
|
20
|
-
const Oe = [
|
|
21
|
-
["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
|
|
22
|
-
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
|
|
23
|
-
], Ve = Le("search", Oe);
|
|
24
|
-
var he = 1, Ke = 0.9, Te = 0.8, qe = 0.17, de = 0.1, ue = 0.999, ze = 0.9999, Be = 0.99, _e = /[\\\/_+.#"@\[\(\{&]/, We = /[\\\/_+.#"@\[\(\{&]/g, Ge = /[\s-]/, be = /[\s-]/g;
|
|
10
|
+
import { u as W } from "./index-Cv867SGx.js";
|
|
11
|
+
import { c as te } from "./index-DLcqcWxM.js";
|
|
12
|
+
import { P as Le, a as Pe, b as De } from "./popover-DAwH8jUh.js";
|
|
13
|
+
var he = 1, Fe = 0.9, Oe = 0.8, Ve = 0.17, de = 0.1, ue = 0.999, Ke = 0.9999, Te = 0.99, qe = /[\\\/_+.#"@\[\(\{&]/, ze = /[\\\/_+.#"@\[\(\{&]/g, Be = /[\s-]/, be = /[\s-]/g;
|
|
25
14
|
function se(e, n, r, h, o, c, m) {
|
|
26
|
-
if (c === n.length) return o === e.length ? he :
|
|
15
|
+
if (c === n.length) return o === e.length ? he : Te;
|
|
27
16
|
var s = `${o},${c}`;
|
|
28
17
|
if (m[s] !== void 0) return m[s];
|
|
29
|
-
for (var b = h.charAt(c), i = r.indexOf(b, o), g = 0, u, E, S, R; i >= 0; ) u = se(e, n, r, h, i + 1, c + 1, m), u > g && (i === o ? u *= he :
|
|
18
|
+
for (var b = h.charAt(c), i = r.indexOf(b, o), g = 0, u, E, S, R; i >= 0; ) u = se(e, n, r, h, i + 1, c + 1, m), u > g && (i === o ? u *= he : qe.test(e.charAt(i - 1)) ? (u *= Oe, S = e.slice(o, i - 1).match(ze), S && o > 0 && (u *= Math.pow(ue, S.length))) : Be.test(e.charAt(i - 1)) ? (u *= Fe, R = e.slice(o, i - 1).match(be), R && o > 0 && (u *= Math.pow(ue, R.length))) : (u *= Ve, o > 0 && (u *= Math.pow(ue, i - o))), e.charAt(i) !== n.charAt(c) && (u *= Ke)), (u < de && r.charAt(i - 1) === h.charAt(c + 1) || h.charAt(c + 1) === h.charAt(c) && r.charAt(i - 1) !== h.charAt(c)) && (E = se(e, n, r, h, i + 1, c + 2, m), E * de > u && (u = E * de)), u > g && (g = u), i = r.indexOf(b, i + 1);
|
|
30
19
|
return m[s] = g, g;
|
|
31
20
|
}
|
|
32
21
|
function ve(e) {
|
|
33
22
|
return e.toLowerCase().replace(be, " ");
|
|
34
23
|
}
|
|
35
|
-
function
|
|
24
|
+
function We(e, n, r) {
|
|
36
25
|
return e = r && r.length > 0 ? `${e + " " + r.join(" ")}` : e, se(e, n, ve(e), ve(n), 0, 0, {});
|
|
37
26
|
}
|
|
38
|
-
var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]',
|
|
27
|
+
var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', Ge = '[cmdk-group-heading=""]', xe = '[cmdk-item=""]', ge = `${xe}:not([aria-disabled="true"])`, me = "cmdk-item-select", z = "data-value", Ue = (e, n, r) => We(e, n, r), ye = a.createContext(void 0), re = () => a.useContext(ye), ke = a.createContext(void 0), fe = () => a.useContext(ke), we = a.createContext(void 0), Se = a.forwardRef((e, n) => {
|
|
39
28
|
let r = B(() => {
|
|
40
29
|
var t, d;
|
|
41
30
|
return { search: "", value: (d = (t = e.value) != null ? t : e.defaultValue) != null ? d : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
|
|
42
|
-
}), h = B(() => /* @__PURE__ */ new Set()), o = B(() => /* @__PURE__ */ new Map()), c = B(() => /* @__PURE__ */ new Map()), m = B(() => /* @__PURE__ */ new Set()), s = Ie(e), { label: b, children: i, value: g, onValueChange: u, filter: E, shouldFilter: S, loop: R, disablePointerSelection:
|
|
31
|
+
}), h = B(() => /* @__PURE__ */ new Set()), o = B(() => /* @__PURE__ */ new Map()), c = B(() => /* @__PURE__ */ new Map()), m = B(() => /* @__PURE__ */ new Set()), s = Ie(e), { label: b, children: i, value: g, onValueChange: u, filter: E, shouldFilter: S, loop: R, disablePointerSelection: U = !1, vimBindings: L = !0, ...y } = e, ne = W(), A = W(), T = W(), N = a.useRef(null), k = nt();
|
|
43
32
|
K(() => {
|
|
44
33
|
if (g !== void 0) {
|
|
45
34
|
let t = g.trim();
|
|
@@ -55,7 +44,7 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
55
44
|
else if (t === "value") {
|
|
56
45
|
if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
|
|
57
46
|
let j = document.getElementById(T);
|
|
58
|
-
j ? j.focus() : (l = document.getElementById(
|
|
47
|
+
j ? j.focus() : (l = document.getElementById(ne)) == null || l.focus();
|
|
59
48
|
}
|
|
60
49
|
if (k(7, () => {
|
|
61
50
|
var j;
|
|
@@ -70,7 +59,7 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
70
59
|
}
|
|
71
60
|
}, emit: () => {
|
|
72
61
|
m.current.forEach((t) => t());
|
|
73
|
-
} }), []),
|
|
62
|
+
} }), []), _ = a.useMemo(() => ({ value: (t, d, v) => {
|
|
74
63
|
var l;
|
|
75
64
|
d !== ((l = c.current.get(t)) == null ? void 0 : l.value) && (c.current.set(t, { value: d, keywords: v }), r.current.filtered.items.set(t, H(d, v)), k(2, () => {
|
|
76
65
|
q(), I.emit();
|
|
@@ -85,10 +74,10 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
85
74
|
});
|
|
86
75
|
}), group: (t) => (o.current.has(t) || o.current.set(t, /* @__PURE__ */ new Set()), () => {
|
|
87
76
|
c.current.delete(t), o.current.delete(t);
|
|
88
|
-
}), filter: () => s.current.shouldFilter, label: b || e["aria-label"], getDisablePointerSelection: () => s.current.disablePointerSelection, listId:
|
|
77
|
+
}), filter: () => s.current.shouldFilter, label: b || e["aria-label"], getDisablePointerSelection: () => s.current.disablePointerSelection, listId: ne, inputId: T, labelId: A, listInnerRef: N }), []);
|
|
89
78
|
function H(t, d) {
|
|
90
79
|
var v, l;
|
|
91
|
-
let x = (l = (v = s.current) == null ? void 0 : v.filter) != null ? l :
|
|
80
|
+
let x = (l = (v = s.current) == null ? void 0 : v.filter) != null ? l : Ue;
|
|
92
81
|
return t ? x(t, r.current.search, d) : 0;
|
|
93
82
|
}
|
|
94
83
|
function q() {
|
|
@@ -104,8 +93,8 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
104
93
|
let v = N.current;
|
|
105
94
|
V().sort((l, x) => {
|
|
106
95
|
var w, C;
|
|
107
|
-
let j = l.getAttribute("id"),
|
|
108
|
-
return ((w = t.get(
|
|
96
|
+
let j = l.getAttribute("id"), oe = x.getAttribute("id");
|
|
97
|
+
return ((w = t.get(oe)) != null ? w : 0) - ((C = t.get(j)) != null ? C : 0);
|
|
109
98
|
}).forEach((l) => {
|
|
110
99
|
let x = l.closest(ce);
|
|
111
100
|
x ? x.appendChild(l.parentElement === x ? l : l.closest(`${ce} > *`)) : v.appendChild(l.parentElement === v ? l : l.closest(`${ce} > *`));
|
|
@@ -128,8 +117,8 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
128
117
|
r.current.filtered.groups = /* @__PURE__ */ new Set();
|
|
129
118
|
let x = 0;
|
|
130
119
|
for (let w of h.current) {
|
|
131
|
-
let C = (d = (t = c.current.get(w)) == null ? void 0 : t.value) != null ? d : "", j = (l = (v = c.current.get(w)) == null ? void 0 : v.keywords) != null ? l : [],
|
|
132
|
-
r.current.filtered.items.set(w,
|
|
120
|
+
let C = (d = (t = c.current.get(w)) == null ? void 0 : t.value) != null ? d : "", j = (l = (v = c.current.get(w)) == null ? void 0 : v.keywords) != null ? l : [], oe = H(C, j);
|
|
121
|
+
r.current.filtered.items.set(w, oe), oe > 0 && x++;
|
|
133
122
|
}
|
|
134
123
|
for (let [w, C] of o.current) for (let j of C) if (r.current.filtered.items.get(j) > 0) {
|
|
135
124
|
r.current.filtered.groups.add(w);
|
|
@@ -140,7 +129,7 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
140
129
|
function X() {
|
|
141
130
|
var t, d, v;
|
|
142
131
|
let l = P();
|
|
143
|
-
l && (((t = l.parentElement) == null ? void 0 : t.firstChild) === l && ((v = (d = l.closest(Z)) == null ? void 0 : d.querySelector(
|
|
132
|
+
l && (((t = l.parentElement) == null ? void 0 : t.firstChild) === l && ((v = (d = l.closest(Z)) == null ? void 0 : d.querySelector(Ge)) == null || v.scrollIntoView({ block: "nearest" })), l.scrollIntoView({ block: "nearest" }));
|
|
144
133
|
}
|
|
145
134
|
function P() {
|
|
146
135
|
var t;
|
|
@@ -159,15 +148,15 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
159
148
|
let v = P(), l = V(), x = l.findIndex((C) => C === v), w = l[x + t];
|
|
160
149
|
(d = s.current) != null && d.loop && (w = x + t < 0 ? l[l.length - 1] : x + t === l.length ? l[0] : l[x + t]), w && I.setState("value", w.getAttribute(z));
|
|
161
150
|
}
|
|
162
|
-
function
|
|
151
|
+
function ae(t) {
|
|
163
152
|
let d = P(), v = d?.closest(Z), l;
|
|
164
|
-
for (; v && !l; ) v = t > 0 ?
|
|
153
|
+
for (; v && !l; ) v = t > 0 ? tt(v, Z) : rt(v, Z), l = v?.querySelector(ge);
|
|
165
154
|
l ? I.setState("value", l.getAttribute(z)) : Q(t);
|
|
166
155
|
}
|
|
167
|
-
let
|
|
168
|
-
t.preventDefault(), t.metaKey ?
|
|
156
|
+
let le = () => Y(V().length - 1), f = (t) => {
|
|
157
|
+
t.preventDefault(), t.metaKey ? le() : t.altKey ? ae(1) : Q(1);
|
|
169
158
|
}, $ = (t) => {
|
|
170
|
-
t.preventDefault(), t.metaKey ? Y(0) : t.altKey ?
|
|
159
|
+
t.preventDefault(), t.metaKey ? Y(0) : t.altKey ? ae(-1) : Q(-1);
|
|
171
160
|
};
|
|
172
161
|
return a.createElement(F.div, { ref: n, tabIndex: -1, ...y, "cmdk-root": "", onKeyDown: (t) => {
|
|
173
162
|
var d;
|
|
@@ -197,7 +186,7 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
197
186
|
break;
|
|
198
187
|
}
|
|
199
188
|
case "End": {
|
|
200
|
-
t.preventDefault(),
|
|
189
|
+
t.preventDefault(), le();
|
|
201
190
|
break;
|
|
202
191
|
}
|
|
203
192
|
case "Enter": {
|
|
@@ -209,10 +198,10 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
209
198
|
}
|
|
210
199
|
}
|
|
211
200
|
}
|
|
212
|
-
} }, a.createElement("label", { "cmdk-label": "", htmlFor:
|
|
213
|
-
}),
|
|
201
|
+
} }, a.createElement("label", { "cmdk-label": "", htmlFor: _.inputId, id: _.labelId, style: lt }, b), ie(e, (t) => a.createElement(ke.Provider, { value: I }, a.createElement(ye.Provider, { value: _ }, t))));
|
|
202
|
+
}), _e = a.forwardRef((e, n) => {
|
|
214
203
|
var r, h;
|
|
215
|
-
let o =
|
|
204
|
+
let o = W(), c = a.useRef(null), m = a.useContext(we), s = re(), b = Ie(e), i = (h = (r = b.current) == null ? void 0 : r.forceMount) != null ? h : m?.forceMount;
|
|
216
205
|
K(() => {
|
|
217
206
|
if (!i) return s.item(o, m?.id);
|
|
218
207
|
}, [i]);
|
|
@@ -223,31 +212,31 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
223
212
|
}, [S, e.onSelect, e.disabled]);
|
|
224
213
|
function R() {
|
|
225
214
|
var k, I;
|
|
226
|
-
|
|
215
|
+
U(), (I = (k = b.current).onSelect) == null || I.call(k, g.current);
|
|
227
216
|
}
|
|
228
|
-
function
|
|
217
|
+
function U() {
|
|
229
218
|
u.setState("value", g.current, !0);
|
|
230
219
|
}
|
|
231
220
|
if (!S) return null;
|
|
232
|
-
let { disabled: L, value: y, onSelect:
|
|
233
|
-
return a.createElement(F.div, { ref:
|
|
234
|
-
}),
|
|
235
|
-
let { heading: r, children: h, forceMount: o, ...c } = e, m =
|
|
221
|
+
let { disabled: L, value: y, onSelect: ne, forceMount: A, keywords: T, ...N } = e;
|
|
222
|
+
return a.createElement(F.div, { ref: te(c, n), ...N, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!L, "aria-selected": !!E, "data-disabled": !!L, "data-selected": !!E, onPointerMove: L || s.getDisablePointerSelection() ? void 0 : U, onClick: L ? void 0 : R }, e.children);
|
|
223
|
+
}), He = a.forwardRef((e, n) => {
|
|
224
|
+
let { heading: r, children: h, forceMount: o, ...c } = e, m = W(), s = a.useRef(null), b = a.useRef(null), i = W(), g = re(), u = D((S) => o || g.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(m) : !0);
|
|
236
225
|
K(() => g.group(m), []), Ee(m, s, [e.value, e.heading, b]);
|
|
237
226
|
let E = a.useMemo(() => ({ id: m, forceMount: o }), [o]);
|
|
238
|
-
return a.createElement(F.div, { ref:
|
|
239
|
-
}),
|
|
227
|
+
return a.createElement(F.div, { ref: te(s, n), ...c, "cmdk-group": "", role: "presentation", hidden: u ? void 0 : !0 }, r && a.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": !0, id: i }, r), ie(e, (S) => a.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? i : void 0 }, a.createElement(we.Provider, { value: E }, S))));
|
|
228
|
+
}), Je = a.forwardRef((e, n) => {
|
|
240
229
|
let { alwaysRender: r, ...h } = e, o = a.useRef(null), c = D((m) => !m.search);
|
|
241
|
-
return !r && !c ? null : a.createElement(F.div, { ref:
|
|
242
|
-
}),
|
|
243
|
-
let { onValueChange: r, ...h } = e, o = e.value != null, c = fe(), m = D((i) => i.search), s = D((i) => i.selectedItemId), b =
|
|
230
|
+
return !r && !c ? null : a.createElement(F.div, { ref: te(o, n), ...h, "cmdk-separator": "", role: "separator" });
|
|
231
|
+
}), Xe = a.forwardRef((e, n) => {
|
|
232
|
+
let { onValueChange: r, ...h } = e, o = e.value != null, c = fe(), m = D((i) => i.search), s = D((i) => i.selectedItemId), b = re();
|
|
244
233
|
return a.useEffect(() => {
|
|
245
234
|
e.value != null && c.setState("search", e.value);
|
|
246
235
|
}, [e.value]), a.createElement(F.input, { ref: n, ...h, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": s, id: b.inputId, type: "text", value: o ? e.value : m, onChange: (i) => {
|
|
247
236
|
o || c.setState("search", i.target.value), r?.(i.target.value);
|
|
248
237
|
} });
|
|
249
|
-
}),
|
|
250
|
-
let { children: r, label: h = "Suggestions", ...o } = e, c = a.useRef(null), m = a.useRef(null), s = D((i) => i.selectedItemId), b =
|
|
238
|
+
}), Ye = a.forwardRef((e, n) => {
|
|
239
|
+
let { children: r, label: h = "Suggestions", ...o } = e, c = a.useRef(null), m = a.useRef(null), s = D((i) => i.selectedItemId), b = re();
|
|
251
240
|
return a.useEffect(() => {
|
|
252
241
|
if (m.current && c.current) {
|
|
253
242
|
let i = m.current, g = c.current, u, E = new ResizeObserver(() => {
|
|
@@ -260,22 +249,22 @@ var Z = '[cmdk-group=""]', ce = '[cmdk-group-items=""]', He = '[cmdk-group-headi
|
|
|
260
249
|
cancelAnimationFrame(u), E.unobserve(i);
|
|
261
250
|
};
|
|
262
251
|
}
|
|
263
|
-
}, []), a.createElement(F.div, { ref:
|
|
264
|
-
}),
|
|
252
|
+
}, []), a.createElement(F.div, { ref: te(c, n), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": s, "aria-label": h, id: b.listId }, ie(e, (i) => a.createElement("div", { ref: te(m, b.listInnerRef), "cmdk-list-sizer": "" }, i)));
|
|
253
|
+
}), Qe = a.forwardRef((e, n) => {
|
|
265
254
|
let { open: r, onOpenChange: h, overlayClassName: o, contentClassName: c, container: m, ...s } = e;
|
|
266
255
|
return a.createElement(Ae, { open: r, onOpenChange: h }, a.createElement(Ne, { container: m }, a.createElement($e, { "cmdk-overlay": "", className: o }), a.createElement(Me, { "aria-label": e.label, "cmdk-dialog": "", className: c }, a.createElement(Se, { ref: n, ...s }))));
|
|
267
|
-
}),
|
|
256
|
+
}), Ze = a.forwardRef((e, n) => D((r) => r.filtered.count === 0) ? a.createElement(F.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), et = a.forwardRef((e, n) => {
|
|
268
257
|
let { progress: r, children: h, label: o = "Loading...", ...c } = e;
|
|
269
258
|
return a.createElement(F.div, { ref: n, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, ie(e, (m) => a.createElement("div", { "aria-hidden": !0 }, m)));
|
|
270
|
-
}),
|
|
271
|
-
function
|
|
259
|
+
}), G = Object.assign(Se, { List: Ye, Item: _e, Input: Xe, Group: He, Separator: Je, Dialog: Qe, Empty: Ze, Loading: et });
|
|
260
|
+
function tt(e, n) {
|
|
272
261
|
let r = e.nextElementSibling;
|
|
273
262
|
for (; r; ) {
|
|
274
263
|
if (r.matches(n)) return r;
|
|
275
264
|
r = r.nextElementSibling;
|
|
276
265
|
}
|
|
277
266
|
}
|
|
278
|
-
function
|
|
267
|
+
function rt(e, n) {
|
|
279
268
|
let r = e.previousElementSibling;
|
|
280
269
|
for (; r; ) {
|
|
281
270
|
if (r.matches(n)) return r;
|
|
@@ -298,7 +287,7 @@ function D(e) {
|
|
|
298
287
|
return a.useSyncExternalStore(n.subscribe, r, r);
|
|
299
288
|
}
|
|
300
289
|
function Ee(e, n, r, h = []) {
|
|
301
|
-
let o = a.useRef(), c =
|
|
290
|
+
let o = a.useRef(), c = re();
|
|
302
291
|
return K(() => {
|
|
303
292
|
var m;
|
|
304
293
|
let s = (() => {
|
|
@@ -311,7 +300,7 @@ function Ee(e, n, r, h = []) {
|
|
|
311
300
|
c.value(e, s, b), (m = n.current) == null || m.setAttribute(z, s), o.current = s;
|
|
312
301
|
}), o;
|
|
313
302
|
}
|
|
314
|
-
var
|
|
303
|
+
var nt = () => {
|
|
315
304
|
let [e, n] = a.useState(), r = B(() => /* @__PURE__ */ new Map());
|
|
316
305
|
return K(() => {
|
|
317
306
|
r.current.forEach((h) => h()), r.current = /* @__PURE__ */ new Map();
|
|
@@ -319,20 +308,20 @@ var ot = () => {
|
|
|
319
308
|
r.current.set(h, o), n({});
|
|
320
309
|
};
|
|
321
310
|
};
|
|
322
|
-
function
|
|
311
|
+
function at(e) {
|
|
323
312
|
let n = e.type;
|
|
324
313
|
return typeof n == "function" ? n(e.props) : "render" in n ? n.render(e.props) : e;
|
|
325
314
|
}
|
|
326
315
|
function ie({ asChild: e, children: n }, r) {
|
|
327
|
-
return e && a.isValidElement(n) ? a.cloneElement(
|
|
316
|
+
return e && a.isValidElement(n) ? a.cloneElement(at(n), { ref: n.ref }, r(n.props.children)) : r(n);
|
|
328
317
|
}
|
|
329
|
-
var
|
|
330
|
-
function
|
|
318
|
+
var lt = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
|
|
319
|
+
function ot({
|
|
331
320
|
className: e,
|
|
332
321
|
...n
|
|
333
322
|
}) {
|
|
334
323
|
return /* @__PURE__ */ p.jsx(
|
|
335
|
-
|
|
324
|
+
G,
|
|
336
325
|
{
|
|
337
326
|
"data-slot": "command",
|
|
338
327
|
className: M(
|
|
@@ -346,7 +335,7 @@ function ut({
|
|
|
346
335
|
}
|
|
347
336
|
);
|
|
348
337
|
}
|
|
349
|
-
function
|
|
338
|
+
function it({
|
|
350
339
|
className: e,
|
|
351
340
|
...n
|
|
352
341
|
}) {
|
|
@@ -356,11 +345,13 @@ function ct({
|
|
|
356
345
|
"data-slot": "command-input-wrapper",
|
|
357
346
|
className: `
|
|
358
347
|
adm:flex adm:h-9 adm:items-center adm:gap-2 adm:border-b adm:px-3
|
|
348
|
+
adm:*:data-[slot=icon]:shrink-0 adm:*:data-[slot=icon]:text-lg
|
|
349
|
+
adm:*:data-[slot=icon]:opacity-50
|
|
359
350
|
`,
|
|
360
351
|
children: [
|
|
361
|
-
/* @__PURE__ */ p.jsx(
|
|
352
|
+
/* @__PURE__ */ p.jsx(ee, { symbol: "search" }),
|
|
362
353
|
/* @__PURE__ */ p.jsx(
|
|
363
|
-
|
|
354
|
+
G.Input,
|
|
364
355
|
{
|
|
365
356
|
"data-slot": "command-input",
|
|
366
357
|
className: M(
|
|
@@ -379,12 +370,12 @@ function ct({
|
|
|
379
370
|
}
|
|
380
371
|
);
|
|
381
372
|
}
|
|
382
|
-
function
|
|
373
|
+
function dt({
|
|
383
374
|
className: e,
|
|
384
375
|
...n
|
|
385
376
|
}) {
|
|
386
377
|
return /* @__PURE__ */ p.jsx(
|
|
387
|
-
|
|
378
|
+
G.List,
|
|
388
379
|
{
|
|
389
380
|
"data-slot": "command-list",
|
|
390
381
|
className: M(
|
|
@@ -398,12 +389,12 @@ function st({
|
|
|
398
389
|
}
|
|
399
390
|
);
|
|
400
391
|
}
|
|
401
|
-
function
|
|
392
|
+
function ut({
|
|
402
393
|
className: e,
|
|
403
394
|
...n
|
|
404
395
|
}) {
|
|
405
396
|
return /* @__PURE__ */ p.jsx(
|
|
406
|
-
|
|
397
|
+
G.Empty,
|
|
407
398
|
{
|
|
408
399
|
"data-slot": "command-empty",
|
|
409
400
|
className: M("adm:py-6 adm:text-center adm:text-sm", e),
|
|
@@ -411,12 +402,12 @@ function mt({
|
|
|
411
402
|
}
|
|
412
403
|
);
|
|
413
404
|
}
|
|
414
|
-
function
|
|
405
|
+
function ct({
|
|
415
406
|
className: e,
|
|
416
407
|
...n
|
|
417
408
|
}) {
|
|
418
409
|
return /* @__PURE__ */ p.jsx(
|
|
419
|
-
|
|
410
|
+
G.Group,
|
|
420
411
|
{
|
|
421
412
|
"data-slot": "command-group",
|
|
422
413
|
className: M(
|
|
@@ -434,12 +425,12 @@ function ft({
|
|
|
434
425
|
}
|
|
435
426
|
);
|
|
436
427
|
}
|
|
437
|
-
function
|
|
428
|
+
function st({
|
|
438
429
|
className: e,
|
|
439
430
|
...n
|
|
440
431
|
}) {
|
|
441
432
|
return /* @__PURE__ */ p.jsx(
|
|
442
|
-
|
|
433
|
+
G.Item,
|
|
443
434
|
{
|
|
444
435
|
"data-slot": "command-item",
|
|
445
436
|
className: M(
|
|
@@ -461,7 +452,7 @@ function pt({
|
|
|
461
452
|
}
|
|
462
453
|
);
|
|
463
454
|
}
|
|
464
|
-
function
|
|
455
|
+
function St({
|
|
465
456
|
searchable: e,
|
|
466
457
|
multiple: n,
|
|
467
458
|
icon: r,
|
|
@@ -475,14 +466,14 @@ function Ct({
|
|
|
475
466
|
valuePosition: g = "right",
|
|
476
467
|
renders: u
|
|
477
468
|
}) {
|
|
478
|
-
const E = Re(null), [S, R] = pe(!1), [
|
|
469
|
+
const E = Re(null), [S, R] = pe(!1), [U, L] = pe(n ? [] : ""), y = h !== void 0 ? h : U, A = { ...{
|
|
479
470
|
placeholder: "Select options...",
|
|
480
471
|
searchPlaceholder: "Search options...",
|
|
481
472
|
noItemsFound: "No options found.",
|
|
482
473
|
multipleSelected: (f) => `${f} options selected`
|
|
483
474
|
}, ...c }, T = (f) => {
|
|
484
475
|
o ? o(f) : L(f);
|
|
485
|
-
}, N = () => n && Array.isArray(y) ? y.length === 0 ? null : y.length === 1 ? m.find((f) => f.value === y[0])?.label : A.multipleSelected?.(y.length) || `${y.length} options selected` : !n && typeof y == "string" && y ? m.find((f) => f.value === y)?.label : null, k = () => n && Array.isArray(y) ? y.length > 0 : typeof y == "string" && y !== "", I = (f) => n && Array.isArray(y) ? y.includes(f) : y === f,
|
|
476
|
+
}, N = () => n && Array.isArray(y) ? y.length === 0 ? null : y.length === 1 ? m.find((f) => f.value === y[0])?.label : A.multipleSelected?.(y.length) || `${y.length} options selected` : !n && typeof y == "string" && y ? m.find((f) => f.value === y)?.label : null, k = () => n && Array.isArray(y) ? y.length > 0 : typeof y == "string" && y !== "", I = (f) => n && Array.isArray(y) ? y.includes(f) : y === f, _ = (f) => {
|
|
486
477
|
if (n) {
|
|
487
478
|
const $ = Array.isArray(y) ? y : [], t = $.includes(f) ? $.filter((d) => d !== f) : [...$, f];
|
|
488
479
|
T(t);
|
|
@@ -501,7 +492,7 @@ function Ct({
|
|
|
501
492
|
adm:absolute adm:right-2 adm:flex adm:size-3.5 adm:items-center
|
|
502
493
|
adm:justify-center
|
|
503
494
|
`, s?.check),
|
|
504
|
-
children: $ && /* @__PURE__ */ p.jsx(
|
|
495
|
+
children: $ && /* @__PURE__ */ p.jsx(ee, { symbol: "check" })
|
|
505
496
|
}
|
|
506
497
|
) : /* @__PURE__ */ p.jsx(
|
|
507
498
|
Ce,
|
|
@@ -517,15 +508,15 @@ function Ct({
|
|
|
517
508
|
text: N() ?? null,
|
|
518
509
|
value: y
|
|
519
510
|
}) : /* @__PURE__ */ p.jsx("span", { children: N() }), J = () => i ? /* @__PURE__ */ p.jsxs("span", { className: "adm:flex adm:items-center adm:gap-2", children: [
|
|
520
|
-
r && /* @__PURE__ */ p.jsx(
|
|
511
|
+
r && /* @__PURE__ */ p.jsx(ee, { symbol: r, className: "adm:opacity-50" }),
|
|
521
512
|
q(),
|
|
522
513
|
k() && g === "left" && O()
|
|
523
514
|
] }) : /* @__PURE__ */ p.jsxs("span", { className: "adm:flex adm:items-center adm:gap-2", children: [
|
|
524
|
-
r && /* @__PURE__ */ p.jsx(
|
|
515
|
+
r && /* @__PURE__ */ p.jsx(ee, { symbol: r, className: "adm:opacity-50" }),
|
|
525
516
|
k() ? O() : q()
|
|
526
517
|
] }), X = () => u?.triggerIcon ? u.triggerIcon({
|
|
527
518
|
open: S
|
|
528
|
-
}) : /* @__PURE__ */ p.jsx(
|
|
519
|
+
}) : /* @__PURE__ */ p.jsx(ee, { symbol: "expand_more", className: "adm:opacity-50" }), P = () => i && k() && g === "right" ? /* @__PURE__ */ p.jsxs("span", { className: "adm:flex adm:items-center adm:gap-2", children: [
|
|
529
520
|
O(),
|
|
530
521
|
X()
|
|
531
522
|
] }) : /* @__PURE__ */ p.jsx("span", { className: "adm:flex adm:items-center adm:gap-2", children: X() }), V = () => u?.trigger ? u.trigger({
|
|
@@ -551,24 +542,24 @@ function Ct({
|
|
|
551
542
|
), Y = () => e ? u?.searchInput ? u.searchInput({
|
|
552
543
|
placeholder: A.searchPlaceholder || ""
|
|
553
544
|
}) : /* @__PURE__ */ p.jsx(
|
|
554
|
-
|
|
545
|
+
it,
|
|
555
546
|
{
|
|
556
547
|
placeholder: A.searchPlaceholder,
|
|
557
548
|
className: s?.input
|
|
558
549
|
}
|
|
559
550
|
) : null, Q = () => u?.empty ? u.empty({
|
|
560
551
|
text: A.noItemsFound || ""
|
|
561
|
-
}) : /* @__PURE__ */ p.jsx(p.Fragment, { children: A.noItemsFound }),
|
|
552
|
+
}) : /* @__PURE__ */ p.jsx(p.Fragment, { children: A.noItemsFound }), ae = (f) => u?.optionLabel ? u.optionLabel({
|
|
562
553
|
option: f
|
|
563
|
-
}) : /* @__PURE__ */ p.jsx(p.Fragment, { children: f.label }),
|
|
554
|
+
}) : /* @__PURE__ */ p.jsx(p.Fragment, { children: f.label }), le = (f) => u?.option ? /* @__PURE__ */ p.jsx("div", { children: u.option({
|
|
564
555
|
option: f,
|
|
565
556
|
isSelected: I(f.value),
|
|
566
557
|
selectedFeedback: b
|
|
567
558
|
}) }, f.value) : /* @__PURE__ */ p.jsxs(
|
|
568
|
-
|
|
559
|
+
st,
|
|
569
560
|
{
|
|
570
561
|
value: f.value,
|
|
571
|
-
onSelect:
|
|
562
|
+
onSelect: _,
|
|
572
563
|
disabled: f.disabled,
|
|
573
564
|
className: M(
|
|
574
565
|
s?.item,
|
|
@@ -576,25 +567,25 @@ function Ct({
|
|
|
576
567
|
),
|
|
577
568
|
children: [
|
|
578
569
|
b === "checkbox" && H(f.value),
|
|
579
|
-
|
|
570
|
+
ae(f),
|
|
580
571
|
b === "check" && H(f.value)
|
|
581
572
|
]
|
|
582
573
|
},
|
|
583
574
|
f.value
|
|
584
575
|
);
|
|
585
|
-
return /* @__PURE__ */ p.jsxs(
|
|
586
|
-
/* @__PURE__ */ p.jsx(
|
|
576
|
+
return /* @__PURE__ */ p.jsxs(Le, { open: S, onOpenChange: R, children: [
|
|
577
|
+
/* @__PURE__ */ p.jsx(Pe, { asChild: !0, children: V() }),
|
|
587
578
|
/* @__PURE__ */ p.jsx(
|
|
588
|
-
|
|
579
|
+
De,
|
|
589
580
|
{
|
|
590
581
|
align: "start",
|
|
591
582
|
className: M("adm:p-0", s?.popover),
|
|
592
583
|
style: { minWidth: E.current?.offsetWidth },
|
|
593
|
-
children: /* @__PURE__ */ p.jsxs(
|
|
584
|
+
children: /* @__PURE__ */ p.jsxs(ot, { className: s?.command, children: [
|
|
594
585
|
Y(),
|
|
595
|
-
/* @__PURE__ */ p.jsxs(
|
|
596
|
-
/* @__PURE__ */ p.jsx(
|
|
597
|
-
/* @__PURE__ */ p.jsx(
|
|
586
|
+
/* @__PURE__ */ p.jsxs(dt, { className: s?.list, children: [
|
|
587
|
+
/* @__PURE__ */ p.jsx(ut, { className: s?.empty, children: Q() }),
|
|
588
|
+
/* @__PURE__ */ p.jsx(ct, { className: s?.group, children: m.map((f) => le(f)) })
|
|
598
589
|
] })
|
|
599
590
|
] })
|
|
600
591
|
}
|
|
@@ -602,5 +593,5 @@ function Ct({
|
|
|
602
593
|
] });
|
|
603
594
|
}
|
|
604
595
|
export {
|
|
605
|
-
|
|
596
|
+
St as Combobox
|
|
606
597
|
};
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
export type IconSize = "18" | "24" | "36" | "48";
|
|
3
2
|
export type IconProps = ComponentProps<"span"> & {
|
|
4
3
|
symbol: string;
|
|
5
|
-
size?: IconSize;
|
|
6
4
|
fill?: 0 | 1;
|
|
7
5
|
weight?: 100 | 200 | 300 | 400 | 500 | 600 | 700;
|
|
8
6
|
grade?: -25 | 0 | 200;
|
|
9
7
|
opticalSize?: 20 | 24 | 40 | 48;
|
|
10
8
|
};
|
|
11
|
-
export declare function Icon({ symbol,
|
|
9
|
+
export declare function Icon({ symbol, fill, weight, grade, opticalSize, className, style, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare function Spinner({ className, ...props }: React.ComponentProps<"
|
|
1
|
+
declare function Spinner({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export { Spinner };
|