@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.
Files changed (125) hide show
  1. package/dist/accordion-rounded.cjs +12 -17
  2. package/dist/accordion-rounded.js +37 -46
  3. package/dist/accordion.cjs +8 -7
  4. package/dist/accordion.js +19 -17
  5. package/dist/alert.cjs +7 -3
  6. package/dist/alert.js +14 -10
  7. package/dist/avatar.cjs +2 -0
  8. package/dist/avatar.js +42 -40
  9. package/dist/badge.cjs +9 -2
  10. package/dist/badge.js +19 -12
  11. package/dist/breadcrumb.cjs +7 -3
  12. package/dist/breadcrumb.js +30 -24
  13. package/dist/{button-B7ZP4LZN.js → button-CUNnLccZ.js} +11 -6
  14. package/dist/{button-D-qFRXiM.cjs → button-CxGyLoeN.cjs} +7 -2
  15. package/dist/button-group.cjs +2 -0
  16. package/dist/button-group.js +15 -13
  17. package/dist/button.cjs +1 -1
  18. package/dist/button.js +1 -1
  19. package/dist/calendar.cjs +8 -6
  20. package/dist/calendar.js +507 -492
  21. package/dist/card.cjs +9 -4
  22. package/dist/card.js +8 -3
  23. package/dist/checkbox-CFGlO5wt.cjs +22 -0
  24. package/dist/{checkbox-DhBcmKze.js → checkbox-DsN1IQGA.js} +70 -68
  25. package/dist/checkbox.cjs +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/combobox.cjs +10 -13
  28. package/dist/combobox.js +90 -99
  29. package/dist/components/ui/icon/icon.d.ts +1 -3
  30. package/dist/components/ui/icon/icon.stories.d.ts +0 -5
  31. package/dist/components/ui/spinner/spinner.d.ts +1 -1
  32. package/dist/components/ui/tooltip/tooltip.stories.d.ts +0 -1
  33. package/dist/context-menu.cjs +10 -8
  34. package/dist/context-menu.js +126 -120
  35. package/dist/custom-layered-styles.css +1 -1
  36. package/dist/dialog.cjs +10 -7
  37. package/dist/dialog.js +43 -40
  38. package/dist/dropdown-menu.cjs +25 -10
  39. package/dist/dropdown-menu.js +179 -166
  40. package/dist/icon-D0vVkV-A.js +35 -0
  41. package/dist/icon-SWksUOv5.cjs +6 -0
  42. package/dist/icon.cjs +1 -1
  43. package/dist/icon.js +1 -1
  44. package/dist/icons.css +1 -1
  45. package/dist/input-group.cjs +14 -6
  46. package/dist/input-group.js +25 -17
  47. package/dist/kbd.cjs +3 -3
  48. package/dist/kbd.js +1 -0
  49. package/dist/pagination.cjs +4 -4
  50. package/dist/pagination.js +41 -43
  51. package/dist/radio-group.cjs +5 -5
  52. package/dist/radio-group.js +44 -42
  53. package/dist/radius.css +1 -1
  54. package/dist/select.cjs +12 -13
  55. package/dist/select.js +182 -187
  56. package/dist/{sheet-Q3dBOQG-.js → sheet-DM7b3ckK.js} +18 -18
  57. package/dist/{sheet-CGahUP7F.cjs → sheet-DfRu4ByS.cjs} +4 -4
  58. package/dist/sheet.cjs +1 -1
  59. package/dist/sheet.js +1 -1
  60. package/dist/sidebar.cjs +6 -11
  61. package/dist/sidebar.js +38 -49
  62. package/dist/spinner.cjs +1 -6
  63. package/dist/spinner.js +10 -16
  64. package/dist/styles.css +1 -1
  65. package/dist/tabs-underline.cjs +6 -3
  66. package/dist/tabs-underline.js +8 -5
  67. package/dist/tabs.cjs +6 -3
  68. package/dist/tabs.js +8 -5
  69. package/dist/toggle.cjs +5 -2
  70. package/dist/toggle.js +14 -11
  71. package/docs/components/layout/sidebar.md +18 -23
  72. package/docs/components/ui/accordion-rounded.md +584 -583
  73. package/docs/components/ui/accordion.md +3 -1
  74. package/docs/components/ui/alert.md +650 -671
  75. package/docs/components/ui/avatar.md +587 -588
  76. package/docs/components/ui/badge.md +1019 -1024
  77. package/docs/components/ui/breadcrumb.md +14 -14
  78. package/docs/components/ui/button-group.md +69 -87
  79. package/docs/components/ui/button.md +17 -17
  80. package/docs/components/ui/calendar.md +6 -6
  81. package/docs/components/ui/card.md +21 -27
  82. package/docs/components/ui/collapsible.md +16 -13
  83. package/docs/components/ui/combobox.md +14 -14
  84. package/docs/components/ui/command.md +6 -6
  85. package/docs/components/ui/context-menu.md +23 -23
  86. package/docs/components/ui/dialog.md +16 -16
  87. package/docs/components/ui/dropdown-menu.md +44 -66
  88. package/docs/components/ui/hover-card.md +5 -5
  89. package/docs/components/ui/icon.md +87 -88
  90. package/docs/components/ui/input-group.md +523 -509
  91. package/docs/components/ui/kbd.md +8 -8
  92. package/docs/components/ui/label.md +5 -5
  93. package/docs/components/ui/pagination.md +5 -5
  94. package/docs/components/ui/popover.md +14 -14
  95. package/docs/components/ui/progress.md +2 -2
  96. package/docs/components/ui/radio-group.md +2 -2
  97. package/docs/components/ui/select.md +6 -6
  98. package/docs/components/ui/spinner.md +15 -15
  99. package/docs/components/ui/switch.md +15 -9
  100. package/docs/components/ui/tabs-underline.md +4 -4
  101. package/docs/components/ui/tabs.md +5 -5
  102. package/docs/components/ui/toggle.md +17 -23
  103. package/docs/components/ui/tooltip.md +7 -10
  104. package/package.json +1 -1
  105. package/dist/check-CLxNVljQ.cjs +0 -6
  106. package/dist/check-Ci0GjV-B.js +0 -11
  107. package/dist/checkbox-CdnZ8VFJ.cjs +0 -21
  108. package/dist/chevron-down-BqEHzml5.cjs +0 -6
  109. package/dist/chevron-down-CpVS2Z7w.js +0 -11
  110. package/dist/chevron-left-B8QsBNvc.cjs +0 -6
  111. package/dist/chevron-left-Eal-WYLp.js +0 -11
  112. package/dist/chevron-right-BpzggHsr.cjs +0 -6
  113. package/dist/chevron-right-Cnc2tB4-.js +0 -11
  114. package/dist/circle-CX7JIirj.cjs +0 -6
  115. package/dist/circle-DYv-7Qb9.js +0 -11
  116. package/dist/createLucideIcon-B_8CJpcQ.js +0 -94
  117. package/dist/createLucideIcon-CAtnV-yz.cjs +0 -21
  118. package/dist/ellipsis-CryjZKZn.js +0 -15
  119. package/dist/ellipsis-Ct9VTDOG.cjs +0 -6
  120. package/dist/icon-DTx6Y_mx.cjs +0 -6
  121. package/dist/icon-DmU_SEHC.js +0 -36
  122. package/dist/minus-C0pHPx21.cjs +0 -6
  123. package/dist/minus-DE-onYs2.js +0 -11
  124. package/dist/x-CBKgg4YL.cjs +0 -6
  125. 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-B7ZP4LZN.js";
3
- import { C as Ce } from "./checkbox-DhBcmKze.js";
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 _ } from "./index-Cv867SGx.js";
10
- import { c as ee } from "./index-DLcqcWxM.js";
11
- import { c as Le } from "./createLucideIcon-B_8CJpcQ.js";
12
- import { I as oe } from "./icon-DmU_SEHC.js";
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 : Be;
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 : _e.test(e.charAt(i - 1)) ? (u *= Te, S = e.slice(o, i - 1).match(We), S && o > 0 && (u *= Math.pow(ue, S.length))) : Ge.test(e.charAt(i - 1)) ? (u *= Ke, R = e.slice(o, i - 1).match(be), R && o > 0 && (u *= Math.pow(ue, R.length))) : (u *= qe, o > 0 && (u *= Math.pow(ue, i - o))), e.charAt(i) !== n.charAt(c) && (u *= ze)), (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);
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 Ue(e, n, r) {
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=""]', He = '[cmdk-group-heading=""]', xe = '[cmdk-item=""]', ge = `${xe}:not([aria-disabled="true"])`, me = "cmdk-item-select", z = "data-value", Je = (e, n, r) => Ue(e, n, r), ye = a.createContext(void 0), te = () => a.useContext(ye), ke = a.createContext(void 0), fe = () => a.useContext(ke), we = a.createContext(void 0), Se = a.forwardRef((e, n) => {
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: G = !1, vimBindings: L = !0, ...y } = e, re = _(), A = _(), T = _(), N = a.useRef(null), k = ot();
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(re)) == null || l.focus();
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
- } }), []), U = a.useMemo(() => ({ value: (t, d, v) => {
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: re, inputId: T, labelId: A, listInnerRef: N }), []);
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 : Je;
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"), le = x.getAttribute("id");
108
- return ((w = t.get(le)) != null ? w : 0) - ((C = t.get(j)) != null ? C : 0);
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 : [], le = H(C, j);
132
- r.current.filtered.items.set(w, le), le > 0 && x++;
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(He)) == null || v.scrollIntoView({ block: "nearest" })), l.scrollIntoView({ block: "nearest" }));
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 ne(t) {
151
+ function ae(t) {
163
152
  let d = P(), v = d?.closest(Z), l;
164
- for (; v && !l; ) v = t > 0 ? at(v, Z) : lt(v, Z), l = v?.querySelector(ge);
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 ae = () => Y(V().length - 1), f = (t) => {
168
- t.preventDefault(), t.metaKey ? ae() : t.altKey ? ne(1) : Q(1);
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 ? ne(-1) : Q(-1);
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(), ae();
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: U.inputId, id: U.labelId, style: dt }, b), ie(e, (t) => a.createElement(ke.Provider, { value: I }, a.createElement(ye.Provider, { value: U }, t))));
213
- }), Xe = a.forwardRef((e, n) => {
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 = _(), c = a.useRef(null), m = a.useContext(we), s = te(), b = Ie(e), i = (h = (r = b.current) == null ? void 0 : r.forceMount) != null ? h : m?.forceMount;
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
- G(), (I = (k = b.current).onSelect) == null || I.call(k, g.current);
215
+ U(), (I = (k = b.current).onSelect) == null || I.call(k, g.current);
227
216
  }
228
- function G() {
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: re, forceMount: A, keywords: T, ...N } = e;
233
- return a.createElement(F.div, { ref: ee(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 : G, onClick: L ? void 0 : R }, e.children);
234
- }), Ye = a.forwardRef((e, n) => {
235
- let { heading: r, children: h, forceMount: o, ...c } = e, m = _(), s = a.useRef(null), b = a.useRef(null), i = _(), g = te(), u = D((S) => o || g.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(m) : !0);
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: ee(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))));
239
- }), Qe = a.forwardRef((e, n) => {
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: ee(o, n), ...h, "cmdk-separator": "", role: "separator" });
242
- }), Ze = a.forwardRef((e, n) => {
243
- let { onValueChange: r, ...h } = e, o = e.value != null, c = fe(), m = D((i) => i.search), s = D((i) => i.selectedItemId), b = te();
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
- }), et = a.forwardRef((e, n) => {
250
- let { children: r, label: h = "Suggestions", ...o } = e, c = a.useRef(null), m = a.useRef(null), s = D((i) => i.selectedItemId), b = te();
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: ee(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: ee(m, b.listInnerRef), "cmdk-list-sizer": "" }, i)));
264
- }), tt = a.forwardRef((e, n) => {
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
- }), rt = a.forwardRef((e, n) => D((r) => r.filtered.count === 0) ? a.createElement(F.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), nt = a.forwardRef((e, n) => {
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
- }), W = Object.assign(Se, { List: et, Item: Xe, Input: Ze, Group: Ye, Separator: Qe, Dialog: tt, Empty: rt, Loading: nt });
271
- function at(e, n) {
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 lt(e, n) {
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 = te();
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 ot = () => {
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 it(e) {
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(it(n), { ref: n.ref }, r(n.props.children)) : r(n);
316
+ return e && a.isValidElement(n) ? a.cloneElement(at(n), { ref: n.ref }, r(n.props.children)) : r(n);
328
317
  }
329
- var dt = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
330
- function ut({
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
- W,
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 ct({
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(Ve, { className: "adm:size-4 adm:shrink-0 adm:opacity-50" }),
352
+ /* @__PURE__ */ p.jsx(ee, { symbol: "search" }),
362
353
  /* @__PURE__ */ p.jsx(
363
- W.Input,
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 st({
373
+ function dt({
383
374
  className: e,
384
375
  ...n
385
376
  }) {
386
377
  return /* @__PURE__ */ p.jsx(
387
- W.List,
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 mt({
392
+ function ut({
402
393
  className: e,
403
394
  ...n
404
395
  }) {
405
396
  return /* @__PURE__ */ p.jsx(
406
- W.Empty,
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 ft({
405
+ function ct({
415
406
  className: e,
416
407
  ...n
417
408
  }) {
418
409
  return /* @__PURE__ */ p.jsx(
419
- W.Group,
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 pt({
428
+ function st({
438
429
  className: e,
439
430
  ...n
440
431
  }) {
441
432
  return /* @__PURE__ */ p.jsx(
442
- W.Item,
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 Ct({
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), [G, L] = pe(n ? [] : ""), y = h !== void 0 ? h : G, A = { ...{
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, U = (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(oe, { symbol: "check" })
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(oe, { symbol: r, className: "adm:opacity-50" }),
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(oe, { symbol: r, className: "adm:opacity-50" }),
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(oe, { 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: [
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
- ct,
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 }), ne = (f) => u?.optionLabel ? u.optionLabel({
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 }), ae = (f) => u?.option ? /* @__PURE__ */ p.jsx("div", { children: u.option({
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
- pt,
559
+ st,
569
560
  {
570
561
  value: f.value,
571
- onSelect: U,
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
- ne(f),
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(Pe, { open: S, onOpenChange: R, children: [
586
- /* @__PURE__ */ p.jsx(De, { asChild: !0, children: V() }),
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
- Fe,
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(ut, { className: s?.command, children: [
584
+ children: /* @__PURE__ */ p.jsxs(ot, { className: s?.command, children: [
594
585
  Y(),
595
- /* @__PURE__ */ p.jsxs(st, { className: s?.list, children: [
596
- /* @__PURE__ */ p.jsx(mt, { className: s?.empty, children: Q() }),
597
- /* @__PURE__ */ p.jsx(ft, { className: s?.group, children: m.map((f) => ae(f)) })
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
- Ct as Combobox
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, size, fill, weight, grade, opticalSize, className, style, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Icon({ symbol, fill, weight, grade, opticalSize, className, style, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -16,11 +16,6 @@ declare const meta: {
16
16
  control: "text";
17
17
  description: string;
18
18
  };
19
- size: {
20
- control: "select";
21
- options: string[];
22
- description: string;
23
- };
24
19
  fill: {
25
20
  control: "select";
26
21
  options: number[];
@@ -1,2 +1,2 @@
1
- declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
1
+ declare function Spinner({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
2
2
  export { Spinner };
@@ -16,4 +16,3 @@ export declare const ControlledTooltip: Story;
16
16
  export declare const ActionButtons: Story;
17
17
  export declare const FormFieldsWithHelp: Story;
18
18
  export declare const StatusIndicators: Story;
19
- export declare const SocialInteractions: Story;