@webority/ui-react 0.13.3 → 0.13.4

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.
@@ -17,7 +17,9 @@
17
17
  * @param {(file: File|null) => void | (files: File[]) => void} props.onChange single-mode → File|null; multiple → File[]
18
18
  * @param {boolean} [props.multiple=false]
19
19
  * @param {string} [props.accept] Defaults to images; pass e.g. "image/*,application/pdf" for mixed.
20
- * @param {number} [props.maxSizeMb] Defaults to the shared DEFAULT_MAX_SIZE_MB.
20
+ * An empty string accepts any file type, and the hint then names no types.
21
+ * @param {number} [props.maxSizeMb] Defaults to the shared DEFAULT_MAX_SIZE_MB. 0 means no size
22
+ * limit: nothing is rejected for its size, and the hint names no size.
21
23
  * @param {boolean} [props.optional=false]
22
24
  * @param {boolean} [props.validate=true] Check each pick against `accept` and `maxSizeMb` and show
23
25
  * the field's own message for a rejected file. Set false when the caller validates the files
package/dist/ui-react.js CHANGED
@@ -2809,15 +2809,15 @@ function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
2809
2809
  //#region src/components/AppFileAttachment.jsx
2810
2810
  function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
2811
2811
  U("AppFileAttachment", p);
2812
- let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]);
2813
- function S(e) {
2812
+ let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = o > 0, C = on(a, S ? o : 0);
2813
+ function w(e) {
2814
2814
  let n = Array.from(e.target.files || []);
2815
2815
  if (e.target.value = "", !n.length) return;
2816
2816
  let s = [], c = "";
2817
2817
  for (let e of n) {
2818
2818
  let t = l ? I(e, {
2819
2819
  accept: a,
2820
- maxSizeMb: o
2820
+ maxSizeMb: S ? o : Infinity
2821
2821
  }) : null;
2822
2822
  if (t) {
2823
2823
  c ||= t;
@@ -2830,10 +2830,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
2830
2830
  r(e.concat(s.filter((e) => !n.has($t(e)))));
2831
2831
  } else r(s[0]);
2832
2832
  }
2833
- function C(e) {
2833
+ function O(e) {
2834
2834
  _(""), r(i ? v.filter((t, n) => n !== e) : null);
2835
2835
  }
2836
- let w = u || g, O = w ? `${h}-error` : void 0, M = i || v.length === 0, N = y ? "image" : "file", L = i ? `Add ${N}s` : `Add ${y ? "an" : "a"} ${N}`;
2836
+ let j = u || g, M = j ? `${h}-error` : void 0, N = i || v.length === 0, L = y ? "image" : "file", R = i ? `Add ${L}s` : `Add ${y ? "an" : "a"} ${L}`;
2837
2837
  return /* @__PURE__ */ D("div", {
2838
2838
  className: "field",
2839
2839
  children: [
@@ -2845,7 +2845,7 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
2845
2845
  children: " (optional)"
2846
2846
  })]
2847
2847
  }),
2848
- M && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
2848
+ N && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
2849
2849
  className: "attach-drop",
2850
2850
  htmlFor: h,
2851
2851
  children: [
@@ -2860,15 +2860,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
2860
2860
  className: "attach-drop-copy",
2861
2861
  children: [/* @__PURE__ */ E("span", {
2862
2862
  className: "attach-drop-title",
2863
- children: L
2864
- }), /* @__PURE__ */ D("span", {
2863
+ children: R
2864
+ }), C && /* @__PURE__ */ E("span", {
2865
2865
  className: "attach-drop-hint",
2866
- children: [
2867
- j(a),
2868
- ", up to ",
2869
- o,
2870
- " MB"
2871
- ]
2866
+ children: C
2872
2867
  })]
2873
2868
  }),
2874
2869
  /* @__PURE__ */ E("span", {
@@ -2881,33 +2876,37 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
2881
2876
  type: "file",
2882
2877
  className: "visually-hidden",
2883
2878
  name: n,
2884
- accept: a,
2879
+ accept: a || void 0,
2885
2880
  multiple: i || void 0,
2886
- "aria-describedby": O,
2887
- onChange: S,
2881
+ "aria-describedby": M,
2882
+ onChange: w,
2888
2883
  ...p
2889
2884
  })] }),
2890
- x ? /* @__PURE__ */ E(on, {
2885
+ x ? /* @__PURE__ */ E(sn, {
2891
2886
  item: v[0],
2892
2887
  isImage: !0,
2893
- onRemove: () => C(0)
2888
+ onRemove: () => O(0)
2894
2889
  }) : v.length > 0 && /* @__PURE__ */ E("div", {
2895
2890
  className: "attach-list",
2896
2891
  children: v.map((e, t) => /* @__PURE__ */ E(rn, {
2897
2892
  item: e,
2898
2893
  isImage: b(e),
2899
- onRemove: () => C(t)
2894
+ onRemove: () => O(t)
2900
2895
  }, $t(e)))
2901
2896
  }),
2902
- w && /* @__PURE__ */ E("div", {
2897
+ j && /* @__PURE__ */ E("div", {
2903
2898
  className: "field-error",
2904
2899
  id: `${h}-error`,
2905
- children: w
2900
+ children: j
2906
2901
  })
2907
2902
  ]
2908
2903
  });
2909
2904
  }
2910
- function on({ item: e, isImage: t, onRemove: n }) {
2905
+ function on(e, t) {
2906
+ let n = e?.trim() ? j(e) : "", r = t > 0 ? `up to ${t} MB` : "";
2907
+ return n && r ? `${n}, ${r}` : r ? `Up to ${t} MB` : n;
2908
+ }
2909
+ function sn({ item: e, isImage: t, onRemove: n }) {
2911
2910
  let r = nn(e, t), i = en(e), a = tn(e);
2912
2911
  return /* @__PURE__ */ D("div", {
2913
2912
  className: "attach-preview",
@@ -2940,7 +2939,7 @@ function on({ item: e, isImage: t, onRemove: n }) {
2940
2939
  }
2941
2940
  //#endregion
2942
2941
  //#region src/components/AppFilePicker.jsx
2943
- function sn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
2942
+ function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
2944
2943
  U("AppFilePicker", b);
2945
2944
  let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
2946
2945
  o(() => {
@@ -3142,7 +3141,7 @@ function sn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
3142
3141
  }
3143
3142
  //#endregion
3144
3143
  //#region src/components/AppFloatingDock.jsx
3145
- function cn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
3144
+ function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
3146
3145
  return U("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
3147
3146
  role: "navigation",
3148
3147
  "aria-label": n,
@@ -3184,7 +3183,7 @@ function cn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
3184
3183
  }
3185
3184
  //#endregion
3186
3185
  //#region src/components/AppFormActions.jsx
3187
- function ln({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
3186
+ function un({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
3188
3187
  return U("AppFormActions", i), /* @__PURE__ */ E("div", {
3189
3188
  className: [
3190
3189
  "form-actions",
@@ -3198,7 +3197,7 @@ function ln({ children: e, sticky: t = !1, align: n = "end", className: r = "",
3198
3197
  }
3199
3198
  //#endregion
3200
3199
  //#region src/components/AppFormRow.jsx
3201
- function un({ children: e, columns: t = 2, className: n = "", ...r }) {
3200
+ function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
3202
3201
  U("AppFormRow", r);
3203
3202
  let { style: i, ...a } = r;
3204
3203
  return /* @__PURE__ */ E("div", {
@@ -3213,7 +3212,7 @@ function un({ children: e, columns: t = 2, className: n = "", ...r }) {
3213
3212
  }
3214
3213
  //#endregion
3215
3214
  //#region src/components/AppFormSection.jsx
3216
- function dn({ children: e, title: t, description: n, className: r = "", ...i }) {
3215
+ function fn({ children: e, title: t, description: n, className: r = "", ...i }) {
3217
3216
  return U("AppFormSection", i), /* @__PURE__ */ D("section", {
3218
3217
  className: ["form-section", r].filter(Boolean).join(" "),
3219
3218
  ...i,
@@ -3234,7 +3233,7 @@ function dn({ children: e, title: t, description: n, className: r = "", ...i })
3234
3233
  }
3235
3234
  //#endregion
3236
3235
  //#region src/components/AppInfoList.jsx
3237
- function fn({ items: e = [], className: t = "", ...n }) {
3236
+ function pn({ items: e = [], className: t = "", ...n }) {
3238
3237
  return U("AppInfoList", n), /* @__PURE__ */ E("div", {
3239
3238
  className: `info-list${t ? ` ${t}` : ""}`,
3240
3239
  ...n,
@@ -3265,23 +3264,23 @@ function fn({ items: e = [], className: t = "", ...n }) {
3265
3264
  }
3266
3265
  //#endregion
3267
3266
  //#region src/components/AppKpiTile.jsx
3268
- var pn = 48, mn = 16;
3269
- function hn(e) {
3270
- if (!e || e.length < 2) return `0,${mn / 2} ${pn},${mn / 2}`;
3271
- let t = Math.min(...e), n = Math.max(...e) - t, r = pn / (e.length - 1);
3272
- return e.map((e, i) => `${i * r},${n === 0 ? mn / 2 : mn - (e - t) / n * mn}`).join(" ");
3273
- }
3267
+ var mn = 48, hn = 16;
3274
3268
  function gn(e) {
3269
+ if (!e || e.length < 2) return `0,${hn / 2} ${mn},${hn / 2}`;
3270
+ let t = Math.min(...e), n = Math.max(...e) - t, r = mn / (e.length - 1);
3271
+ return e.map((e, i) => `${i * r},${n === 0 ? hn / 2 : hn - (e - t) / n * hn}`).join(" ");
3272
+ }
3273
+ function _n(e) {
3275
3274
  if (typeof e != "string") return "flat";
3276
3275
  let t = e.trim();
3277
3276
  return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
3278
3277
  }
3279
- function _n({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
3278
+ function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
3280
3279
  U("AppKpiTile", C);
3281
3280
  let w = `kpi${d ? " kpi-inline" : ""}${c === "filled" ? " kpi-filled" : c === "accent" ? " kpi-accent" : c === "spotlight" ? " kpi-spotlight" : ""}${l === "lg" ? " kpi-lg" : l === "sm" ? " kpi-sm" : ""}${f ? " kpi-attention" : ""}${h ? ` ${h}` : ""}`, T = typeof u == "number" && u > 0 ? {
3282
3281
  ...g,
3283
3282
  "--wui-kpi-value-size": `${u}px`
3284
- } : g, O = o ?? gn(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
3283
+ } : g, O = o ?? _n(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
3285
3284
  return p != null && (A = m ? {
3286
3285
  as: m,
3287
3286
  to: p
@@ -3319,12 +3318,12 @@ function _n({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
3319
3318
  }),
3320
3319
  s && s.length > 0 && /* @__PURE__ */ E("svg", {
3321
3320
  className: `kpi-sparkline${S ? ` ${S}` : ""}`,
3322
- width: pn,
3323
- height: mn,
3324
- viewBox: `0 0 ${pn} ${mn}`,
3321
+ width: mn,
3322
+ height: hn,
3323
+ viewBox: `0 0 ${mn} ${hn}`,
3325
3324
  "aria-hidden": "true",
3326
3325
  children: /* @__PURE__ */ E("polyline", {
3327
- points: hn(s),
3326
+ points: gn(s),
3328
3327
  stroke: "currentColor",
3329
3328
  fill: "none"
3330
3329
  })
@@ -3334,11 +3333,11 @@ function _n({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
3334
3333
  }
3335
3334
  //#endregion
3336
3335
  //#region src/components/AppLink.jsx
3337
- var vn = {
3336
+ var yn = {
3338
3337
  sm: 13,
3339
3338
  md: 15,
3340
3339
  lg: 18
3341
- }, yn = [
3340
+ }, bn = [
3342
3341
  "underline",
3343
3342
  "underline-center",
3344
3343
  "static",
@@ -3352,35 +3351,35 @@ var vn = {
3352
3351
  "shine",
3353
3352
  "none"
3354
3353
  ];
3355
- function bn(e, t, n) {
3354
+ function xn(e, t, n) {
3356
3355
  if (!e) return null;
3357
3356
  let r = `wui-link__ic wui-link__ic--${t}`;
3358
3357
  return typeof e == "string" ? /* @__PURE__ */ E("span", {
3359
3358
  className: r,
3360
3359
  children: /* @__PURE__ */ E(Y, {
3361
3360
  name: e,
3362
- size: vn[n] ?? vn.md
3361
+ size: yn[n] ?? yn.md
3363
3362
  })
3364
3363
  }) : /* @__PURE__ */ E("span", {
3365
3364
  className: r,
3366
3365
  children: e
3367
3366
  });
3368
3367
  }
3369
- function xn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
3370
- U("AppLink", d), W("AppLink", "animation", r, yn), W("AppLink", "size", o, Object.keys(vn));
3371
- let f = yn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
3368
+ function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
3369
+ U("AppLink", d), W("AppLink", "animation", r, bn), W("AppLink", "size", o, Object.keys(yn));
3370
+ let f = bn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
3372
3371
  "wui-link",
3373
3372
  `wui-link--${f}`,
3374
3373
  o === "md" ? "" : `wui-link--${o}`,
3375
3374
  c ? "is-disabled" : "",
3376
3375
  u
3377
3376
  ].filter(Boolean).join(" "), h = /* @__PURE__ */ D(T, { children: [
3378
- bn(i, "left", o),
3377
+ xn(i, "left", o),
3379
3378
  /* @__PURE__ */ E("span", {
3380
3379
  className: "wui-link__label",
3381
3380
  children: e ?? t
3382
3381
  }),
3383
- bn(p, "right", o)
3382
+ xn(p, "right", o)
3384
3383
  ] });
3385
3384
  return c ? /* @__PURE__ */ E("span", {
3386
3385
  className: m,
@@ -3403,13 +3402,13 @@ function xn({ children: e, label: t, href: n, animation: r = "underline", leftIc
3403
3402
  }
3404
3403
  //#endregion
3405
3404
  //#region src/components/AppLogoPicker.jsx
3406
- var Sn = {
3405
+ var Cn = {
3407
3406
  sm: 72,
3408
3407
  md: 120,
3409
3408
  lg: 160
3410
3409
  };
3411
- function Cn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
3412
- U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Sn));
3410
+ function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
3411
+ U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Cn));
3413
3412
  let j = d(null), M = s(), [N, P] = f(null), [F, L] = f(""), [R, z] = f(!1), [ee, B] = f(!1);
3414
3413
  o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
3415
3414
  P(null), z(!1);
@@ -3435,7 +3434,7 @@ function Cn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
3435
3434
  t && oe(t);
3436
3435
  }, G = () => {
3437
3436
  P(null), L(""), z(!1), j.current && (j.current.value = ""), i?.();
3438
- }, le = typeof w == "number" ? w : Sn[w] ?? Sn.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
3437
+ }, le = typeof w == "number" ? w : Cn[w] ?? Cn.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
3439
3438
  "set-uploader",
3440
3439
  C === "avatar" ? "set-uploader--avatar" : "",
3441
3440
  T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
@@ -3565,27 +3564,27 @@ function Cn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
3565
3564
  }
3566
3565
  //#endregion
3567
3566
  //#region src/components/AppMeter.jsx
3568
- var wn = [
3567
+ var Tn = [
3569
3568
  "info",
3570
3569
  "success",
3571
3570
  "warning",
3572
3571
  "danger",
3573
3572
  "neutral"
3574
3573
  ];
3575
- function Tn(e, t, n) {
3574
+ function En(e, t, n) {
3576
3575
  let r = n - t;
3577
3576
  if (!(r > 0)) return 0;
3578
3577
  let i = Math.min(100, Math.max(0, (e - t) / r * 100));
3579
3578
  return Number(i.toFixed(2));
3580
3579
  }
3581
- function En(e, t, n, r, i) {
3580
+ function Dn(e, t, n, r, i) {
3582
3581
  if (t == null && n == null) return i;
3583
3582
  let a = "mid";
3584
3583
  return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
3585
3584
  }
3586
- function Dn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
3585
+ function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
3587
3586
  U("AppMeter", d);
3588
- let f = En(e, a, o, i, wn.includes(r) ? r : "info"), p = Tn(e, t, n);
3587
+ let f = Dn(e, a, o, i, Tn.includes(r) ? r : "info"), p = En(e, t, n);
3589
3588
  return /* @__PURE__ */ E("div", {
3590
3589
  className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
3591
3590
  role: "meter",
@@ -3603,7 +3602,7 @@ function Dn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
3603
3602
  }
3604
3603
  //#endregion
3605
3604
  //#region src/components/AppMultiSelect.jsx
3606
- var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
3605
+ var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
3607
3606
  U("AppMultiSelect", T);
3608
3607
  let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
3609
3608
  ref: O,
@@ -3666,7 +3665,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
3666
3665
  }) : null
3667
3666
  ]
3668
3667
  });
3669
- }), kn = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
3668
+ }), An = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
3670
3669
  U("AppNumberInput", C);
3671
3670
  let T = s(), O = _ || T, k = (e) => {
3672
3671
  if (m === 0) return Math.round(e);
@@ -3789,7 +3788,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
3789
3788
  }) : null
3790
3789
  ]
3791
3790
  });
3792
- }), An = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
3791
+ }), jn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
3793
3792
  U("AppOtpInput", h);
3794
3793
  let _ = s(), v = f || _, y = l ? `${v}-error` : void 0, b = c ? `${v}-hint` : void 0, x = y || b, { setRef: S } = Q({
3795
3794
  ref: g,
@@ -3834,7 +3833,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
3834
3833
  });
3835
3834
  //#endregion
3836
3835
  //#region src/components/AppPageHeader.jsx
3837
- function jn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
3836
+ function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
3838
3837
  U("AppPageHeader", p);
3839
3838
  let m = [
3840
3839
  "page-header",
@@ -3893,7 +3892,7 @@ function jn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
3893
3892
  }
3894
3893
  //#endregion
3895
3894
  //#region src/components/AppPagination.jsx
3896
- function Mn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
3895
+ function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
3897
3896
  if (U("AppPagination", s), t <= 1) return null;
3898
3897
  let c = zt(e, t, { siblingCount: r });
3899
3898
  return /* @__PURE__ */ E("nav", {
@@ -3953,7 +3952,7 @@ function Mn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
3953
3952
  }
3954
3953
  //#endregion
3955
3954
  //#region src/components/AppPhoneNumberInput.jsx
3956
- var Nn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
3955
+ var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
3957
3956
  U("AppPhoneNumberInput", h);
3958
3957
  let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
3959
3958
  ref: g,
@@ -3994,7 +3993,7 @@ var Nn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
3994
3993
  });
3995
3994
  //#endregion
3996
3995
  //#region src/components/AppPricingCard.jsx
3997
- function Pn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
3996
+ function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
3998
3997
  return U("AppPricingCard", u), /* @__PURE__ */ D("div", {
3999
3998
  className: [
4000
3999
  "plan-card",
@@ -4048,21 +4047,21 @@ function Pn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
4048
4047
  }
4049
4048
  //#endregion
4050
4049
  //#region src/components/AppProgress.jsx
4051
- var Fn = [
4050
+ var In = [
4052
4051
  "info",
4053
4052
  "success",
4054
4053
  "warning",
4055
4054
  "danger",
4056
4055
  "neutral"
4057
4056
  ];
4058
- function In(e, t) {
4057
+ function Ln(e, t) {
4059
4058
  if (!(t > 0)) return 0;
4060
4059
  let n = Math.min(100, Math.max(0, e / t * 100));
4061
4060
  return Number(n.toFixed(2));
4062
4061
  }
4063
- function Ln({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
4062
+ function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
4064
4063
  U("AppProgress", u);
4065
- let d = Fn.includes(n) ? n : "info", f = In(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
4064
+ let d = In.includes(n) ? n : "info", f = Ln(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
4066
4065
  "progress-bar",
4067
4066
  `wui-progress-${d}`,
4068
4067
  o || s ? "progress-bar-striped" : "",
@@ -4086,7 +4085,7 @@ function Ln({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
4086
4085
  }
4087
4086
  //#endregion
4088
4087
  //#region src/components/AppRadio.jsx
4089
- var Rn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
4088
+ var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
4090
4089
  return U("AppRadio", o), /* @__PURE__ */ E(ht, {
4091
4090
  ref: s,
4092
4091
  label: e,
@@ -4102,7 +4101,7 @@ var Rn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
4102
4101
  });
4103
4102
  //#endregion
4104
4103
  //#region src/components/AppRepeater.jsx
4105
- function zn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", removeLabel: o = "Remove row", emptyText: s, min: c = 0, max: l, numbered: u = !0, className: d = "", ...f }) {
4104
+ function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", removeLabel: o = "Remove row", emptyText: s, min: c = 0, max: l, numbered: u = !0, className: d = "", ...f }) {
4106
4105
  U("AppRepeater", f);
4107
4106
  let p = typeof l == "number" && e.length >= l, m = !!i && e.length > c;
4108
4107
  return /* @__PURE__ */ D("div", {
@@ -4154,7 +4153,7 @@ function zn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
4154
4153
  }
4155
4154
  //#endregion
4156
4155
  //#region src/components/AppResourceCard.jsx
4157
- function Bn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
4156
+ function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
4158
4157
  U("AppResourceCard", s);
4159
4158
  let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
4160
4159
  className: "res-card-icon",
@@ -4188,7 +4187,7 @@ function Bn({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
4188
4187
  }
4189
4188
  //#endregion
4190
4189
  //#region src/components/AppResult.jsx
4191
- var Vn = {
4190
+ var Hn = {
4192
4191
  success: {
4193
4192
  icon: "check-circle",
4194
4193
  tone: "success"
@@ -4209,9 +4208,9 @@ var Vn = {
4209
4208
  404: { tone: "muted" },
4210
4209
  500: { tone: "muted" }
4211
4210
  };
4212
- function Hn({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
4213
- U("AppResult", s), W("AppResult", "status", e, Object.keys(Vn));
4214
- let c = Vn[e] || Vn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
4211
+ function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
4212
+ U("AppResult", s), W("AppResult", "status", e, Object.keys(Hn));
4213
+ let c = Hn[e] || Hn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
4215
4214
  return /* @__PURE__ */ D("div", {
4216
4215
  className: [
4217
4216
  "result",
@@ -4249,7 +4248,7 @@ function Hn({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
4249
4248
  }
4250
4249
  //#endregion
4251
4250
  //#region src/components/AppScrollbar.jsx
4252
- function Un({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
4251
+ function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
4253
4252
  return U("AppScrollbar", i), /* @__PURE__ */ E("div", {
4254
4253
  className: t ? `wui-scroll ${t}` : "wui-scroll",
4255
4254
  style: n == null ? r : {
@@ -4262,7 +4261,7 @@ function Un({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
4262
4261
  }
4263
4262
  //#endregion
4264
4263
  //#region src/components/AppSearch.jsx
4265
- function Wn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
4264
+ function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
4266
4265
  U("AppSearch", u);
4267
4266
  let d = t || n;
4268
4267
  return /* @__PURE__ */ D("div", {
@@ -4309,7 +4308,7 @@ function Wn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
4309
4308
  }
4310
4309
  //#endregion
4311
4310
  //#region src/components/AppSegmented.jsx
4312
- function Gn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
4311
+ function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
4313
4312
  U("AppSegmented", p);
4314
4313
  let m = s(), h = i || m, g = d(null), _ = d(null), v = [
4315
4314
  "segmented",
@@ -4383,7 +4382,7 @@ function Gn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
4383
4382
  }
4384
4383
  //#endregion
4385
4384
  //#region src/components/AppSelect.jsx
4386
- var Kn = (e) => e == null ? "" : e.label ?? e.text ?? "", qn = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, floatingLabel: d = !1, disabled: f, label: p, required: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, name: b, className: x = "", fieldClassName: S = "", "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...O }, k) {
4385
+ var qn = (e) => e == null ? "" : e.label ?? e.text ?? "", Jn = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, floatingLabel: d = !1, disabled: f, label: p, required: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, name: b, className: x = "", fieldClassName: S = "", "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...O }, k) {
4387
4386
  U("AppSelect", O);
4388
4387
  let A = s(), { setRef: j, innerRef: M } = Q({
4389
4388
  ref: k,
@@ -4395,7 +4394,7 @@ var Kn = (e) => e == null ? "" : e.label ?? e.text ?? "", qn = i(function({ valu
4395
4394
  if (!e) return;
4396
4395
  let t = n.map((e) => ({
4397
4396
  value: e.value,
4398
- label: Kn(e),
4397
+ label: qn(e),
4399
4398
  icon: e.icon
4400
4399
  }));
4401
4400
  Ke(t, e.options) || (e.options = t);
@@ -4456,7 +4455,7 @@ var Kn = (e) => e == null ? "" : e.label ?? e.text ?? "", qn = i(function({ valu
4456
4455
  });
4457
4456
  //#endregion
4458
4457
  //#region src/components/AppShell.jsx
4459
- function Jn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
4458
+ function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
4460
4459
  U("AppShell", _);
4461
4460
  let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
4462
4461
  let e = !w;
@@ -4504,7 +4503,7 @@ function Jn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
4504
4503
  children: [e.label && /* @__PURE__ */ E("div", {
4505
4504
  className: "app-nav-group-label",
4506
4505
  children: e.label
4507
- }), e.items.map((e) => /* @__PURE__ */ E(Yn, {
4506
+ }), e.items.map((e) => /* @__PURE__ */ E(Xn, {
4508
4507
  item: e,
4509
4508
  linkComponent: h,
4510
4509
  onNavigate: () => x(!1)
@@ -4571,7 +4570,7 @@ function Jn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
4571
4570
  ]
4572
4571
  });
4573
4572
  }
4574
- function Yn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
4573
+ function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
4575
4574
  let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
4576
4575
  o(() => {
4577
4576
  a && !s && c(!0);
@@ -4613,7 +4612,7 @@ function Yn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
4613
4612
  "aria-hidden": !s || void 0,
4614
4613
  children: /* @__PURE__ */ E("div", {
4615
4614
  className: "app-nav-sub-inner",
4616
- children: e.children.map((e) => /* @__PURE__ */ E(Yn, {
4615
+ children: e.children.map((e) => /* @__PURE__ */ E(Xn, {
4617
4616
  item: e,
4618
4617
  linkComponent: t,
4619
4618
  onNavigate: n,
@@ -4654,7 +4653,7 @@ function Yn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
4654
4653
  }
4655
4654
  //#endregion
4656
4655
  //#region src/components/AppSidebarMenu.jsx
4657
- var Xn = {
4656
+ var Zn = {
4658
4657
  left: "start",
4659
4658
  right: "end",
4660
4659
  start: "start",
@@ -4662,9 +4661,9 @@ var Xn = {
4662
4661
  top: "top",
4663
4662
  bottom: "bottom"
4664
4663
  };
4665
- function Zn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
4666
- U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(Xn));
4667
- let { style: y, ...b } = v, S = Xn[n] || "end", C = c || l || y ? {
4664
+ function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
4665
+ U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(Zn));
4666
+ let { style: y, ...b } = v, S = Zn[n] || "end", C = c || l || y ? {
4668
4667
  ...c && { "--asm-width": c },
4669
4668
  ...l && { "--asm-max-width": l },
4670
4669
  ...y
@@ -4717,7 +4716,7 @@ function Zn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
4717
4716
  }
4718
4717
  //#endregion
4719
4718
  //#region src/components/AppSlider.jsx
4720
- var Qn = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
4719
+ var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
4721
4720
  U("AppSlider", T);
4722
4721
  let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
4723
4722
  ref: O,
@@ -4778,14 +4777,14 @@ var Qn = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
4778
4777
  })
4779
4778
  ]
4780
4779
  });
4781
- }), $n = {
4780
+ }), er = {
4782
4781
  sm: 44,
4783
4782
  md: 56,
4784
4783
  lg: 72
4785
4784
  };
4786
- function er({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
4787
- U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys($n));
4788
- let { style: l, ...u } = c, d = typeof a == "number" ? a : $n[a] ?? $n.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
4785
+ function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
4786
+ U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(er));
4787
+ let { style: l, ...u } = c, d = typeof a == "number" ? a : er[a] ?? er.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
4789
4788
  className: "splash-ring",
4790
4789
  "aria-hidden": "true"
4791
4790
  }) : i === "dots" ? /* @__PURE__ */ D("span", {
@@ -4832,7 +4831,7 @@ function er({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
4832
4831
  }
4833
4832
  //#endregion
4834
4833
  //#region src/components/AppStatusBadge.jsx
4835
- function tr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
4834
+ function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
4836
4835
  return U("AppStatusBadge", a), e == null || e === "" ? "-" : K(/* @__PURE__ */ E("span", {
4837
4836
  className: `status-label ${t}${n ? ` ${n}` : ""}`,
4838
4837
  ...a,
@@ -4841,7 +4840,7 @@ function tr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
4841
4840
  }
4842
4841
  //#endregion
4843
4842
  //#region src/components/AppStepper.jsx
4844
- function nr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
4843
+ function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
4845
4844
  U("AppStepper", c);
4846
4845
  let l = t === "journey";
4847
4846
  return /* @__PURE__ */ E("nav", {
@@ -4854,7 +4853,7 @@ function nr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
4854
4853
  "aria-label": a,
4855
4854
  ...c,
4856
4855
  children: e.map((t, n) => {
4857
- let a = t.status || rr(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
4856
+ let a = t.status || ir(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
4858
4857
  c = a === "done" ? /* @__PURE__ */ E(Y, {
4859
4858
  name: "check",
4860
4859
  size: 14
@@ -4918,12 +4917,12 @@ function nr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
4918
4917
  })
4919
4918
  });
4920
4919
  }
4921
- function rr(e, t) {
4920
+ function ir(e, t) {
4922
4921
  return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
4923
4922
  }
4924
4923
  //#endregion
4925
4924
  //#region src/components/AppSwitch.jsx
4926
- var ir = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
4925
+ var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
4927
4926
  return U("AppSwitch", s), /* @__PURE__ */ E(ht, {
4928
4927
  ref: c,
4929
4928
  label: e,
@@ -4939,7 +4938,7 @@ var ir = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
4939
4938
  });
4940
4939
  //#endregion
4941
4940
  //#region src/components/AppTableEmptyState.jsx
4942
- function ar({ icon: e, title: t, text: n, action: r, ...i }) {
4941
+ function or({ icon: e, title: t, text: n, action: r, ...i }) {
4943
4942
  return U("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
4944
4943
  className: "tbl-empty",
4945
4944
  ...i,
@@ -4965,8 +4964,8 @@ function ar({ icon: e, title: t, text: n, action: r, ...i }) {
4965
4964
  }
4966
4965
  //#endregion
4967
4966
  //#region src/components/AppTabs.jsx
4968
- var or = 1, sr = 28, cr = .7;
4969
- function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
4967
+ var sr = 1, cr = 28, lr = .7;
4968
+ function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
4970
4969
  U("AppTabs", _);
4971
4970
  let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
4972
4971
  o(() => {
@@ -4978,7 +4977,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
4978
4977
  let e = v.current, t = y.current;
4979
4978
  if (!e || !t || b) return;
4980
4979
  let n = e.scrollWidth - e.clientWidth;
4981
- t.classList.toggle("is-overflow-start", e.scrollLeft > or), t.classList.toggle("is-overflow-end", n > or && e.scrollLeft < n - or);
4980
+ t.classList.toggle("is-overflow-start", e.scrollLeft > sr), t.classList.toggle("is-overflow-end", n > sr && e.scrollLeft < n - sr);
4982
4981
  }, [b]), M = a(() => {
4983
4982
  let n = v.current;
4984
4983
  if (!n) return;
@@ -4994,7 +4993,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
4994
4993
  if (!e || b) return;
4995
4994
  let t = e.querySelector(".app-tab.active");
4996
4995
  if (!t) return;
4997
- let n = sr, r = t.offsetLeft, i = r + t.offsetWidth;
4996
+ let n = cr, r = t.offsetLeft, i = r + t.offsetWidth;
4998
4997
  r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
4999
4998
  }, [b]);
5000
4999
  l(() => {
@@ -5029,7 +5028,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
5029
5028
  }
5030
5029
  let I = (e) => {
5031
5030
  let t = v.current;
5032
- t && t.scrollBy({ left: e * t.clientWidth * cr });
5031
+ t && t.scrollBy({ left: e * t.clientWidth * lr });
5033
5032
  }, L = [
5034
5033
  "app-tabs",
5035
5034
  i === "pills" ? "app-tabs-pills" : "",
@@ -5142,7 +5141,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
5142
5141
  }
5143
5142
  //#endregion
5144
5143
  //#region src/components/AppTagInput.jsx
5145
- var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
5144
+ var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
5146
5145
  U("AppTagInput", y);
5147
5146
  let x = s(), S = p || x, { setRef: C } = Q({
5148
5147
  ref: b,
@@ -5193,7 +5192,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
5193
5192
  }) : null
5194
5193
  ]
5195
5194
  });
5196
- }), dr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
5195
+ }), fr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
5197
5196
  U("AppTextarea", x);
5198
5197
  let C = s(), w = u || C, T = [
5199
5198
  "textarea",
@@ -5264,7 +5263,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
5264
5263
  })
5265
5264
  ]
5266
5265
  });
5267
- }), fr = {
5266
+ }), pr = {
5268
5267
  done: "check",
5269
5268
  current: "clock",
5270
5269
  "on-hold": "lock",
@@ -5273,7 +5272,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
5273
5272
  skipped: "arrow-right",
5274
5273
  upcoming: null
5275
5274
  };
5276
- function pr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
5275
+ function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
5277
5276
  U("AppTimeline", o);
5278
5277
  let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
5279
5278
  return /* @__PURE__ */ E("ol", {
@@ -5284,7 +5283,7 @@ function pr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
5284
5283
  } : a,
5285
5284
  ...o,
5286
5285
  children: e.map((e, t) => {
5287
- let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? fr[n] : void 0) : e.icon || "circle";
5286
+ let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? pr[n] : void 0) : e.icon || "circle";
5288
5287
  return /* @__PURE__ */ D("li", {
5289
5288
  className: `timeline-item${r}${i}`,
5290
5289
  children: [/* @__PURE__ */ E("span", {
@@ -5354,7 +5353,7 @@ function pr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
5354
5353
  }
5355
5354
  //#endregion
5356
5355
  //#region src/components/AppTimePicker.jsx
5357
- var mr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
5356
+ var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
5358
5357
  U("AppTimePicker", y);
5359
5358
  let x = s(), S = h || o || x, { setRef: C } = Q({
5360
5359
  ref: b,
@@ -5399,35 +5398,35 @@ var mr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
5399
5398
  })
5400
5399
  ]
5401
5400
  });
5402
- }), hr = 6, $ = [], gr = /* @__PURE__ */ new Set(), _r = /* @__PURE__ */ new Map(), vr = /* @__PURE__ */ new Set(), yr = 0;
5403
- function br() {
5404
- for (let e of gr) e($);
5401
+ }), gr = 6, $ = [], _r = /* @__PURE__ */ new Set(), vr = /* @__PURE__ */ new Map(), yr = /* @__PURE__ */ new Set(), br = 0;
5402
+ function xr() {
5403
+ for (let e of _r) e($);
5405
5404
  }
5406
- function xr(e) {
5407
- let t = _r.get(e);
5408
- t !== void 0 && (clearTimeout(t), _r.delete(e));
5405
+ function Sr(e) {
5406
+ let t = vr.get(e);
5407
+ t !== void 0 && (clearTimeout(t), vr.delete(e));
5409
5408
  }
5410
- function Sr(e, t) {
5411
- if (e.length <= hr) return e;
5409
+ function Cr(e, t) {
5410
+ if (e.length <= gr) return e;
5412
5411
  let n = [...e], r = [];
5413
- for (; n.length > hr;) {
5412
+ for (; n.length > gr;) {
5414
5413
  let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
5415
5414
  r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
5416
5415
  }
5417
- for (let e of r) xr(e.id), vr.delete(e.id);
5416
+ for (let e of r) Sr(e.id), yr.delete(e.id);
5418
5417
  return n;
5419
5418
  }
5420
- function Cr(e) {
5421
- return gr.add(e), e($), () => {
5422
- if (gr.delete(e), gr.size === 0) for (let e of $) e.duration > 0 && !_r.has(e.id) && (vr.delete(e.id), _r.set(e.id, setTimeout(() => Er(e.id), e.duration)));
5419
+ function wr(e) {
5420
+ return _r.add(e), e($), () => {
5421
+ if (_r.delete(e), _r.size === 0) for (let e of $) e.duration > 0 && !vr.has(e.id) && (yr.delete(e.id), vr.set(e.id, setTimeout(() => Dr(e.id), e.duration)));
5423
5422
  };
5424
5423
  }
5425
- function wr(e, t, n = {}) {
5424
+ function Tr(e, t, n = {}) {
5426
5425
  let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
5427
5426
  if (r) {
5428
5427
  let i = $.find((e) => e.externalId === r);
5429
5428
  if (i) {
5430
- xr(i.id);
5429
+ Sr(i.id);
5431
5430
  let r = n.duration === void 0 ? 5e3 : n.duration;
5432
5431
  $ = $.map((a) => a.id === i.id ? {
5433
5432
  ...a,
@@ -5440,12 +5439,12 @@ function wr(e, t, n = {}) {
5440
5439
  shape: n.shape,
5441
5440
  surface: n.surface,
5442
5441
  progress: n.progress
5443
- } : a), br(), r > 0 && !vr.has(i.id) && _r.set(i.id, setTimeout(() => Er(i.id), r));
5442
+ } : a), xr(), r > 0 && !yr.has(i.id) && vr.set(i.id, setTimeout(() => Dr(i.id), r));
5444
5443
  return;
5445
5444
  }
5446
5445
  } else if (i && $.some((e) => e.key === i)) return;
5447
- let a = ++yr, o = n.duration === void 0 ? 5e3 : n.duration;
5448
- $ = Sr([...$, {
5446
+ let a = ++br, o = n.duration === void 0 ? 5e3 : n.duration;
5447
+ $ = Cr([...$, {
5449
5448
  id: a,
5450
5449
  externalId: r,
5451
5450
  message: e,
@@ -5458,25 +5457,25 @@ function wr(e, t, n = {}) {
5458
5457
  surface: n.surface,
5459
5458
  progress: n.progress,
5460
5459
  key: i
5461
- }], a), br(), o > 0 && _r.set(a, setTimeout(() => Er(a), o));
5462
- }
5463
- function Tr(e) {
5464
- xr(e), vr.add(e);
5460
+ }], a), xr(), o > 0 && vr.set(a, setTimeout(() => Dr(a), o));
5465
5461
  }
5466
5462
  function Er(e) {
5467
- xr(e), vr.delete(e);
5463
+ Sr(e), yr.add(e);
5464
+ }
5465
+ function Dr(e) {
5466
+ Sr(e), yr.delete(e);
5468
5467
  let t = $.filter((t) => t.id !== e);
5469
- t.length !== $.length && ($ = t, br());
5468
+ t.length !== $.length && ($ = t, xr());
5470
5469
  }
5471
- function Dr() {
5472
- if (!($.length === 0 && _r.size === 0 && vr.size === 0)) {
5473
- for (let e of _r.values()) clearTimeout(e);
5474
- _r.clear(), vr.clear(), $.length !== 0 && ($ = [], br());
5470
+ function Or() {
5471
+ if (!($.length === 0 && vr.size === 0 && yr.size === 0)) {
5472
+ for (let e of vr.values()) clearTimeout(e);
5473
+ vr.clear(), yr.clear(), $.length !== 0 && ($ = [], xr());
5475
5474
  }
5476
5475
  }
5477
5476
  //#endregion
5478
5477
  //#region src/components/AppToast.jsx
5479
- var Or = {
5478
+ var kr = {
5480
5479
  success: {
5481
5480
  icon: "check-circle",
5482
5481
  assertive: !1
@@ -5493,7 +5492,7 @@ var Or = {
5493
5492
  icon: "alert-circle",
5494
5493
  assertive: !0
5495
5494
  }
5496
- }, kr = {
5495
+ }, Ar = {
5497
5496
  "top-start": "top-0 start-0",
5498
5497
  "top-center": "top-0 start-50 translate-middle-x",
5499
5498
  "top-end": "top-0 end-0",
@@ -5501,21 +5500,21 @@ var Or = {
5501
5500
  "bottom-start": "bottom-0 start-0",
5502
5501
  "bottom-center": "bottom-0 start-50 translate-middle-x",
5503
5502
  "bottom-end": "bottom-0 end-0"
5504
- }, Ar = 64, jr = /* @__PURE__ */ new Set([
5503
+ }, jr = 64, Mr = /* @__PURE__ */ new Set([
5505
5504
  "rise",
5506
5505
  "organic",
5507
5506
  "jelly",
5508
5507
  "spring"
5509
- ]), Mr = /* @__PURE__ */ new Set([
5508
+ ]), Nr = /* @__PURE__ */ new Set([
5510
5509
  "rounded",
5511
5510
  "pill",
5512
5511
  "sharp"
5513
- ]), Nr = /* @__PURE__ */ new Set(["auto", "inverse"]);
5514
- function Pr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
5515
- U("AppToast", s), W("AppToast", "position", e, Object.keys(kr)), W("AppToast", "animation", n, jr), W("AppToast", "shape", r, Mr), W("AppToast", "surface", i, Nr);
5512
+ ]), Pr = /* @__PURE__ */ new Set(["auto", "inverse"]);
5513
+ function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
5514
+ U("AppToast", s), W("AppToast", "position", e, Object.keys(Ar)), W("AppToast", "animation", n, Mr), W("AppToast", "shape", r, Nr), W("AppToast", "surface", i, Pr);
5516
5515
  let [c, l] = f([]);
5517
- o(() => Cr(l), []);
5518
- let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = kr[e] ?? kr["bottom-end"];
5516
+ o(() => wr(l), []);
5517
+ let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Ar[e] ?? Ar["bottom-end"];
5519
5518
  return /* @__PURE__ */ D("div", {
5520
5519
  ...s,
5521
5520
  className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
@@ -5527,7 +5526,7 @@ function Pr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
5527
5526
  u,
5528
5527
  " more"
5529
5528
  ]
5530
- }), d.map((e) => /* @__PURE__ */ E(Fr, {
5529
+ }), d.map((e) => /* @__PURE__ */ E(Ir, {
5531
5530
  toast: e,
5532
5531
  defaultAnimation: n,
5533
5532
  defaultShape: r,
@@ -5535,14 +5534,14 @@ function Pr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
5535
5534
  }, e.id))]
5536
5535
  });
5537
5536
  }
5538
- function Fr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
5539
- let i = Or[e.variant] ?? Or.success, a = jr.has(e.animation) ? e.animation : t, s = Mr.has(e.shape) ? e.shape : n, c = Nr.has(e.surface) ? e.surface : r, l = (a !== "rise" && jr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Mr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Er(e.id), y = d(null);
5537
+ function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
5538
+ let i = kr[e.variant] ?? kr.success, a = Mr.has(e.animation) ? e.animation : t, s = Nr.has(e.shape) ? e.shape : n, c = Pr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Mr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Nr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Dr(e.id), y = d(null);
5540
5539
  o(() => {
5541
5540
  if (e.duration === 0) return;
5542
- Tr(e.id);
5541
+ Er(e.id);
5543
5542
  let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
5544
5543
  if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
5545
- let r = setTimeout(() => Er(e.id), e.duration);
5544
+ let r = setTimeout(() => Dr(e.id), e.duration);
5546
5545
  return () => clearTimeout(r);
5547
5546
  }, [e.id, e.duration]);
5548
5547
  let b = (e) => {
@@ -5554,7 +5553,7 @@ function Fr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
5554
5553
  }, C = (e) => {
5555
5554
  if (_.current === null) return;
5556
5555
  let t = e.clientX - _.current;
5557
- if (Math.abs(t) > Ar) {
5556
+ if (Math.abs(t) > jr) {
5558
5557
  v();
5559
5558
  return;
5560
5559
  }
@@ -5638,7 +5637,7 @@ function Fr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
5638
5637
  }
5639
5638
  //#endregion
5640
5639
  //#region src/components/AppToolbar.jsx
5641
- function Ir({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
5640
+ function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
5642
5641
  U("AppToolbar", u);
5643
5642
  let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
5644
5643
  return /* @__PURE__ */ D("div", {
@@ -5696,7 +5695,7 @@ function Ir({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
5696
5695
  }
5697
5696
  //#endregion
5698
5697
  //#region src/components/AppWizard.jsx
5699
- var Lr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
5698
+ var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
5700
5699
  U("AppWizard", T);
5701
5700
  let O = d(null), k = (e) => {
5702
5701
  O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
@@ -5748,13 +5747,13 @@ var Lr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
5748
5747
  children: A[t]
5749
5748
  }, e.key ?? `${e.label}-${t}`))
5750
5749
  });
5751
- }), Rr = /* @__PURE__ */ new Set([
5750
+ }), zr = /* @__PURE__ */ new Set([
5752
5751
  "ArrowUp",
5753
5752
  "ArrowDown",
5754
5753
  "ArrowLeft",
5755
5754
  "ArrowRight"
5756
5755
  ]);
5757
- function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
5756
+ function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
5758
5757
  let { onToggle: y, ...b } = _;
5759
5758
  U("AppWorkspaceSwitcher", b);
5760
5759
  let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
@@ -5774,7 +5773,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
5774
5773
  let e = T.current;
5775
5774
  if (!e) return;
5776
5775
  let t = (e) => {
5777
- if (Rr.has(e.key)) {
5776
+ if (zr.has(e.key)) {
5778
5777
  e.stopPropagation();
5779
5778
  return;
5780
5779
  }
@@ -5792,7 +5791,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
5792
5791
  onToggle: O,
5793
5792
  ...b,
5794
5793
  children: [/* @__PURE__ */ E(v.Toggle, {
5795
- as: Ur,
5794
+ as: Wr,
5796
5795
  compact: m,
5797
5796
  tenant: k,
5798
5797
  "aria-label": M
@@ -5827,7 +5826,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
5827
5826
  className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
5828
5827
  onClick: () => n?.(e),
5829
5828
  children: [
5830
- /* @__PURE__ */ E(Vr, { tenant: e }),
5829
+ /* @__PURE__ */ E(Hr, { tenant: e }),
5831
5830
  /* @__PURE__ */ E("span", {
5832
5831
  className: "workspace-switcher-option-name",
5833
5832
  children: e.name
@@ -5859,17 +5858,17 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
5859
5858
  }) : null,
5860
5859
  i ? /* @__PURE__ */ E("div", {
5861
5860
  className: "workspace-switcher-footer",
5862
- children: Hr(i, a)
5861
+ children: Ur(i, a)
5863
5862
  }) : null
5864
5863
  ]
5865
5864
  })]
5866
5865
  });
5867
5866
  }
5868
- function Br(e) {
5867
+ function Vr(e) {
5869
5868
  let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
5870
5869
  return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
5871
5870
  }
5872
- function Vr({ tenant: e }) {
5871
+ function Hr({ tenant: e }) {
5873
5872
  return e?.logoUrl ? /* @__PURE__ */ E("img", {
5874
5873
  className: "workspace-switcher-mark",
5875
5874
  src: e.logoUrl,
@@ -5877,10 +5876,10 @@ function Vr({ tenant: e }) {
5877
5876
  loading: "lazy"
5878
5877
  }) : /* @__PURE__ */ E("span", {
5879
5878
  className: "workspace-switcher-mark",
5880
- children: Br(e?.name)
5879
+ children: Vr(e?.name)
5881
5880
  });
5882
5881
  }
5883
- function Hr(e, t) {
5882
+ function Ur(e, t) {
5884
5883
  if (typeof e != "object" || !e || !("label" in e)) return e;
5885
5884
  let { label: n, icon: r, href: i } = e;
5886
5885
  return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
@@ -5892,7 +5891,7 @@ function Hr(e, t) {
5892
5891
  }) : null, n]
5893
5892
  });
5894
5893
  }
5895
- var Ur = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
5894
+ var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
5896
5895
  return /* @__PURE__ */ D("button", {
5897
5896
  ref: a,
5898
5897
  type: "button",
@@ -5900,7 +5899,7 @@ var Ur = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
5900
5899
  "aria-haspopup": "true",
5901
5900
  "aria-label": n,
5902
5901
  ...i,
5903
- children: [/* @__PURE__ */ E(Vr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
5902
+ children: [/* @__PURE__ */ E(Hr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
5904
5903
  className: "workspace-switcher-trigger-name",
5905
5904
  children: t?.name
5906
5905
  }), /* @__PURE__ */ E(Y, {
@@ -5912,36 +5911,36 @@ var Ur = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
5912
5911
  });
5913
5912
  //#endregion
5914
5913
  //#region src/components/toast.js
5915
- function Wr() {
5916
- Dr();
5914
+ function Gr() {
5915
+ Or();
5917
5916
  }
5918
- var Gr = /* @__PURE__ */ new Set([
5917
+ var Kr = /* @__PURE__ */ new Set([
5919
5918
  "success",
5920
5919
  "info",
5921
5920
  "warning",
5922
5921
  "danger"
5923
5922
  ]);
5924
- function Kr(e, t = "info") {
5923
+ function qr(e, t = "info") {
5925
5924
  let n = "info", r = {};
5926
- typeof t == "string" ? n = Gr.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Gr.has(r.variant) ? r.variant : "info"), wr(e, n, r);
5925
+ typeof t == "string" ? n = Kr.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Kr.has(r.variant) ? r.variant : "info"), Tr(e, n, r);
5927
5926
  }
5928
- function qr(e, t = {}) {
5929
- wr(e, "danger", t);
5927
+ function Jr(e, t = {}) {
5928
+ Tr(e, "danger", t);
5930
5929
  }
5931
- Kr.promise = (e, t, n = {}) => {
5930
+ qr.promise = (e, t, n = {}) => {
5932
5931
  let r = n.id || `promise-${Date.now()}-${Math.random()}`;
5933
- return Kr(t.loading || "Loading...", {
5932
+ return qr(t.loading || "Loading...", {
5934
5933
  ...n,
5935
5934
  variant: "info",
5936
5935
  id: r,
5937
5936
  duration: 0
5938
- }), e.then((e) => (Kr((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
5937
+ }), e.then((e) => (qr((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
5939
5938
  ...n,
5940
5939
  variant: "success",
5941
5940
  id: r,
5942
5941
  duration: n.duration === void 0 ? 5e3 : n.duration
5943
5942
  }), e)).catch((e) => {
5944
- throw Kr((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
5943
+ throw qr((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
5945
5944
  ...n,
5946
5945
  variant: "danger",
5947
5946
  id: r,
@@ -5951,7 +5950,7 @@ Kr.promise = (e, t, n = {}) => {
5951
5950
  };
5952
5951
  //#endregion
5953
5952
  //#region src/lib/usePagination.js
5954
- function Jr(e, t = 10) {
5953
+ function Yr(e, t = 10) {
5955
5954
  let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
5956
5955
  o(() => {
5957
5956
  n > c && r(c);
@@ -5977,4 +5976,4 @@ function Jr(e, t = 10) {
5977
5976
  };
5978
5977
  }
5979
5978
  //#endregion
5980
- export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment, sn as AppFilePicker, cn as AppFloatingDock, ln as AppFormActions, un as AppFormRow, dn as AppFormSection, Y as AppIcon, fn as AppInfoList, He as AppInfoTip, Ct as AppInput, _n as AppKpiTile, xn as AppLink, Cn as AppLogoPicker, Dn as AppMeter, Ot as AppModal, On as AppMultiSelect, kn as AppNumberInput, An as AppOtpInput, jn as AppPageHeader, Mn as AppPagination, Nn as AppPhoneNumberInput, Ve as AppPopover, Pn as AppPricingCard, Ln as AppProgress, Rn as AppRadio, zn as AppRepeater, Z as AppRequiredMark, Bn as AppResourceCard, Hn as AppResult, Un as AppScrollbar, Wn as AppSearch, Gn as AppSegmented, qn as AppSelect, Bt as AppSelectMini, Jn as AppShell, Zn as AppSidebarMenu, It as AppSkeleton, Lt as AppSkeletonRows, Qn as AppSlider, Re as AppSpinner, er as AppSplash, tr as AppStatusBadge, nr as AppStepper, ir as AppSwitch, ar as AppTableEmptyState, Ht as AppTablePagination, lr as AppTabs, ur as AppTagInput, dr as AppTextarea, mr as AppTimePicker, pr as AppTimeline, Pr as AppToast, Ir as AppToolbar, G as AppTooltip, Lr as AppWizard, zr as AppWorkspaceSwitcher, At as MODAL_ICONS, Wr as dismissAll, qr as errorToast, Te as iconNames, De as registerIcons, Kr as toast, Jr as usePagination };
5979
+ export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment, cn as AppFilePicker, ln as AppFloatingDock, un as AppFormActions, dn as AppFormRow, fn as AppFormSection, Y as AppIcon, pn as AppInfoList, He as AppInfoTip, Ct as AppInput, vn as AppKpiTile, Sn as AppLink, wn as AppLogoPicker, On as AppMeter, Ot as AppModal, kn as AppMultiSelect, An as AppNumberInput, jn as AppOtpInput, Mn as AppPageHeader, Nn as AppPagination, Pn as AppPhoneNumberInput, Ve as AppPopover, Fn as AppPricingCard, Rn as AppProgress, zn as AppRadio, Bn as AppRepeater, Z as AppRequiredMark, Vn as AppResourceCard, Un as AppResult, Wn as AppScrollbar, Gn as AppSearch, Kn as AppSegmented, Jn as AppSelect, Bt as AppSelectMini, Yn as AppShell, Qn as AppSidebarMenu, It as AppSkeleton, Lt as AppSkeletonRows, $n as AppSlider, Re as AppSpinner, tr as AppSplash, nr as AppStatusBadge, rr as AppStepper, ar as AppSwitch, or as AppTableEmptyState, Ht as AppTablePagination, ur as AppTabs, dr as AppTagInput, fr as AppTextarea, hr as AppTimePicker, mr as AppTimeline, Fr as AppToast, Lr as AppToolbar, G as AppTooltip, Rr as AppWizard, Br as AppWorkspaceSwitcher, At as MODAL_ICONS, Gr as dismissAll, Jr as errorToast, Te as iconNames, De as registerIcons, qr as toast, Yr as usePagination };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webority/ui-react",
3
- "version": "0.13.3",
3
+ "version": "0.13.4",
4
4
  "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "type": "module",
@@ -28,8 +28,8 @@
28
28
  },
29
29
  "sideEffects": false,
30
30
  "dependencies": {
31
- "@webority/theme": "0.13.3",
32
- "@webority/ui-elements": "0.13.3"
31
+ "@webority/theme": "0.13.4",
32
+ "@webority/ui-elements": "0.13.4"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "@webority/analytics": "^0.5.2",