zaravand-ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Input/Input.interface.d.ts +1 -1
- package/dist/index.cjs +12 -12
- package/dist/index.css +1 -1
- package/dist/index.js +613 -605
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -12422,42 +12422,60 @@ function Cx(e, t) {
|
|
|
12422
12422
|
return t ? Sx(yx(n)) : n;
|
|
12423
12423
|
}
|
|
12424
12424
|
function wx(e, t) {
|
|
12425
|
+
return t ? Cv({ value: e }) : e;
|
|
12426
|
+
}
|
|
12427
|
+
function Tx(e, t) {
|
|
12425
12428
|
let n = 0;
|
|
12426
12429
|
for (let r = 0; r < t && r < e.length; r += 1) /[0-9]/.test(e[r]) && (n += 1);
|
|
12427
12430
|
return n;
|
|
12428
12431
|
}
|
|
12429
|
-
function
|
|
12432
|
+
function Ex(e, t) {
|
|
12430
12433
|
if (t <= 0) return 0;
|
|
12431
12434
|
let n = 0;
|
|
12432
12435
|
for (let r = 0; r < e.length; r += 1) if (/[0-9]/.test(e[r]) && (n += 1, n === t)) return r + 1;
|
|
12433
12436
|
return e.length;
|
|
12434
12437
|
}
|
|
12435
|
-
function
|
|
12436
|
-
let [x, S] = e.useState(!1), [C, w] = e.useState(() => _x(v ?? y)), [T, E] = e.useState(() => Cx(v ?? y, r === "money")), [O, k] = e.useState(!1), A = e.useId(), j = f ?? A, M = e.useRef(null), N = r === "search", ee = r === "password", F = r === "money", I =
|
|
12438
|
+
function Dx({ className: t, size: n = "default", type: r = "text", title: i, required: a = !1, characterLimit: o, placeholder: s, onChange: c, onBlur: l, onFocus: u, onInvalid: d, id: f, name: p, disabled: m = !1, readOnly: h = !1, autoComplete: g, "aria-label": _, value: v, defaultValue: y, maxLength: b }) {
|
|
12439
|
+
let [x, S] = e.useState(!1), [C, w] = e.useState(() => _x(v ?? y)), [T, E] = e.useState(() => Cx(v ?? y, r === "money")), [O, k] = e.useState(!1), A = e.useId(), j = f ?? A, M = e.useRef(null), N = r === "search", ee = r === "password", F = r === "money", I = r === "username", te = r === "number", L = a, R = ee || te || F || I, ne = !(ee && !x), re = ee ? x ? "text" : "password" : F || I || te ? "text" : r, ie = v !== void 0, z = v === void 0 ? v : wx(Cx(v, F), ne), ae = y === void 0 ? y : wx(Cx(y, F), ne);
|
|
12437
12440
|
e.useEffect(() => {
|
|
12438
|
-
|
|
12441
|
+
ie && (w(_x(v)), E(Cx(v, F)));
|
|
12439
12442
|
}, [
|
|
12440
|
-
|
|
12443
|
+
ie,
|
|
12441
12444
|
v,
|
|
12442
12445
|
F
|
|
12446
|
+
]), e.useEffect(() => {
|
|
12447
|
+
if (ie) return;
|
|
12448
|
+
let e = M.current;
|
|
12449
|
+
if (!e) return;
|
|
12450
|
+
let t = wx(T, ne);
|
|
12451
|
+
e.value !== t && (e.value = t);
|
|
12452
|
+
}, [
|
|
12453
|
+
ie,
|
|
12454
|
+
T,
|
|
12455
|
+
ne
|
|
12443
12456
|
]);
|
|
12444
|
-
let
|
|
12445
|
-
|
|
12446
|
-
}, [
|
|
12447
|
-
|
|
12448
|
-
|
|
12449
|
-
|
|
12450
|
-
|
|
12451
|
-
|
|
12457
|
+
let oe = e.useCallback((e) => {
|
|
12458
|
+
ie || (w(_x(e)), E(e)), k(!1);
|
|
12459
|
+
}, [ie]), se = e.useCallback((e) => {
|
|
12460
|
+
let t = e.target, n = t.selectionStart, r = t.selectionEnd, i = Tv({ value: t.value });
|
|
12461
|
+
t.value = i, n !== null && t.setSelectionRange(n, r ?? n), oe(i), c?.(e), ne && (t.value = Cv({ value: i }), n !== null && t.setSelectionRange(n, r ?? n));
|
|
12462
|
+
}, [
|
|
12463
|
+
oe,
|
|
12464
|
+
c,
|
|
12465
|
+
ne
|
|
12466
|
+
]), B = e.useCallback((e) => {
|
|
12467
|
+
let t = e.target, n = Tv({ value: t.value }), r = Tx(n, t.selectionStart ?? n.length), i = n.replace(/\D/g, ""), a = bx(i), o = i.length - a.length, s = r - Math.min(o, r), l = xx(a), u = Ex(l, s);
|
|
12468
|
+
t.value = l, t.setSelectionRange(u, u), oe(l), c?.(e), t.value = Cv({ value: l }), t.setSelectionRange(u, u);
|
|
12469
|
+
}, [oe, c]), V = e.useCallback((e) => {
|
|
12452
12470
|
w(_x(e.target.value)), l?.(e);
|
|
12453
|
-
}, [l]),
|
|
12471
|
+
}, [l]), H = e.useCallback((e) => {
|
|
12454
12472
|
k(!0), d?.(e);
|
|
12455
|
-
}, [d]),
|
|
12473
|
+
}, [d]), ce = e.useCallback(() => {
|
|
12456
12474
|
let e = M.current;
|
|
12457
12475
|
if (!e) return;
|
|
12458
12476
|
let t = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
|
|
12459
12477
|
t ? t.call(e, "") : e.value = "", w(!1), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus();
|
|
12460
|
-
}, []),
|
|
12478
|
+
}, []), le = D(Tb({ size: n }), R ? "zui:text-center" : "zui:text-right", N ? "input-search-cancel zui:pr-10 zui:pl-10" : void 0, ee ? "zui:pl-10" : void 0);
|
|
12461
12479
|
return /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
12462
12480
|
"data-slot": "input-field",
|
|
12463
12481
|
dir: "rtl",
|
|
@@ -12465,14 +12483,14 @@ function Ex({ className: t, size: n = "default", type: r = "text", title: i, req
|
|
|
12465
12483
|
children: [i ? /* @__PURE__ */ (0, P.jsxs)("label", {
|
|
12466
12484
|
htmlFor: j,
|
|
12467
12485
|
className: "zui:block zui:text-sm zui:font-medium zui:text-[var(--zui-color-text)]",
|
|
12468
|
-
children: [i,
|
|
12486
|
+
children: [i, L ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
12469
12487
|
className: "zui:mr-1 zui:text-base zui:leading-none zui:text-[var(--zui-theme-status-danger)]",
|
|
12470
12488
|
children: "*"
|
|
12471
12489
|
}) : null]
|
|
12472
12490
|
}) : null, /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
12473
12491
|
className: "zui:relative",
|
|
12474
12492
|
children: [
|
|
12475
|
-
!i &&
|
|
12493
|
+
!i && L ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
12476
12494
|
"aria-hidden": "true",
|
|
12477
12495
|
className: "zui:pointer-events-none zui:absolute zui:-right-1 zui:-top-1 zui:z-10 zui:text-xs zui:leading-none zui:text-[var(--zui-theme-status-danger)]",
|
|
12478
12496
|
children: "*"
|
|
@@ -12485,10 +12503,10 @@ function Ex({ className: t, size: n = "default", type: r = "text", title: i, req
|
|
|
12485
12503
|
ref: M,
|
|
12486
12504
|
id: j,
|
|
12487
12505
|
"data-slot": "input",
|
|
12488
|
-
type:
|
|
12489
|
-
inputMode: F ? "numeric" : void 0,
|
|
12506
|
+
type: re,
|
|
12507
|
+
inputMode: F || te ? "numeric" : void 0,
|
|
12490
12508
|
maxLength: o ?? b,
|
|
12491
|
-
required:
|
|
12509
|
+
required: L,
|
|
12492
12510
|
"aria-invalid": O || void 0,
|
|
12493
12511
|
"data-has-value": C,
|
|
12494
12512
|
placeholder: s,
|
|
@@ -12497,31 +12515,21 @@ function Ex({ className: t, size: n = "default", type: r = "text", title: i, req
|
|
|
12497
12515
|
readOnly: h,
|
|
12498
12516
|
autoComplete: g,
|
|
12499
12517
|
"aria-label": _,
|
|
12500
|
-
onChange: F ?
|
|
12501
|
-
onBlur:
|
|
12518
|
+
onChange: F ? B : se,
|
|
12519
|
+
onBlur: V,
|
|
12502
12520
|
onFocus: u,
|
|
12503
|
-
onInvalid:
|
|
12504
|
-
value:
|
|
12505
|
-
defaultValue:
|
|
12506
|
-
className: D(
|
|
12521
|
+
onInvalid: H,
|
|
12522
|
+
value: z,
|
|
12523
|
+
defaultValue: ae,
|
|
12524
|
+
className: D(le, t)
|
|
12507
12525
|
}),
|
|
12508
|
-
L ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
12509
|
-
"aria-hidden": "true",
|
|
12510
|
-
className: D(H, "zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:overflow-hidden zui:whitespace-pre zui:select-none", te ? "zui:justify-center" : "zui:justify-start", m ? "zui:opacity-50" : void 0),
|
|
12511
|
-
style: {
|
|
12512
|
-
backgroundColor: "transparent",
|
|
12513
|
-
borderColor: "transparent",
|
|
12514
|
-
boxShadow: "none"
|
|
12515
|
-
},
|
|
12516
|
-
children: ce
|
|
12517
|
-
}) : null,
|
|
12518
12526
|
N && C ? /* @__PURE__ */ (0, P.jsx)(gx, {
|
|
12519
12527
|
text: "پاک کردن",
|
|
12520
12528
|
position: "top",
|
|
12521
12529
|
disabled: m || h,
|
|
12522
12530
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
12523
12531
|
type: "button",
|
|
12524
|
-
onClick:
|
|
12532
|
+
onClick: ce,
|
|
12525
12533
|
disabled: m || h,
|
|
12526
12534
|
className: "zui:group/clear-search zui:absolute zui:left-3 zui:top-1/2 zui:inline-flex zui:-translate-y-1/2 zui:items-center zui:justify-center zui:cursor-pointer zui:border-0 zui:bg-transparent zui:p-0 zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-opacity zui:duration-200 zui:ease-out zui:hover:opacity-80 zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-50",
|
|
12527
12535
|
"aria-label": "پاک کردن",
|
|
@@ -12550,7 +12558,7 @@ function Ex({ className: t, size: n = "default", type: r = "text", title: i, req
|
|
|
12550
12558
|
}
|
|
12551
12559
|
//#endregion
|
|
12552
12560
|
//#region src/components/Pagination/Pagination.variant.ts
|
|
12553
|
-
var
|
|
12561
|
+
var Ox = K("zui:mx-auto zui:flex zui:w-full zui:justify-center"), kx = K("zui:flex zui:flex-row zui:items-center zui:gap-1"), Ax = K(""), jx = K("zui:inline-flex zui:items-center zui:justify-center zui:gap-1 zui:whitespace-nowrap radius-sm zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-theme-bg-page)] zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:hover:border-[var(--zui-theme-border-strong)] zui:hover:bg-[var(--zui-theme-bg-elevated)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", {
|
|
12554
12562
|
variants: {
|
|
12555
12563
|
size: {
|
|
12556
12564
|
default: "zui:h-9 zui:min-w-9 zui:px-3",
|
|
@@ -12565,16 +12573,16 @@ var Dx = K("zui:mx-auto zui:flex zui:w-full zui:justify-center"), Ox = K("zui:fl
|
|
|
12565
12573
|
size: "icon",
|
|
12566
12574
|
active: !1
|
|
12567
12575
|
}
|
|
12568
|
-
}),
|
|
12569
|
-
function
|
|
12576
|
+
}), Mx = K("zui:gap-1.5 zui:pl-2.5 zui:pr-3"), Nx = K("zui:gap-1.5 zui:pl-3 zui:pr-2.5"), Px = K("zui:flex zui:size-9 zui:items-center zui:justify-center zui:text-[var(--zui-theme-text-muted)]"), Fx = "صفحه بندی", Ix = "قبلی", Lx = "بعدی", Rx = "صفحات بیشتر";
|
|
12577
|
+
function zx(e, t) {
|
|
12570
12578
|
if (typeof e != "number" || !Number.isFinite(e)) return t;
|
|
12571
12579
|
let n = Math.floor(e);
|
|
12572
12580
|
return n >= 1 ? n : t;
|
|
12573
12581
|
}
|
|
12574
|
-
function
|
|
12582
|
+
function Bx(e, t) {
|
|
12575
12583
|
return Math.min(Math.max(e, 1), t);
|
|
12576
12584
|
}
|
|
12577
|
-
function
|
|
12585
|
+
function Vx({ currentPage: e, totalPages: t, siblingCount: n }) {
|
|
12578
12586
|
if (t <= 1) return [1];
|
|
12579
12587
|
if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
|
|
12580
12588
|
let r = Math.max(e - n, 2), i = Math.min(e + n, t - 1), a = r > 2, o = i < t - 1, s = [1];
|
|
@@ -12585,11 +12593,11 @@ function Bx({ currentPage: e, totalPages: t, siblingCount: n }) {
|
|
|
12585
12593
|
else for (let e = i + 1; e < t; e += 1) s.push(e);
|
|
12586
12594
|
return s.push(t), s;
|
|
12587
12595
|
}
|
|
12588
|
-
function
|
|
12596
|
+
function Hx(e) {
|
|
12589
12597
|
return Cv({ value: String(e) });
|
|
12590
12598
|
}
|
|
12591
|
-
function
|
|
12592
|
-
let d =
|
|
12599
|
+
function Ux({ totalPages: t = 1, page: n, defaultPage: r = 1, siblingCount: i = 1, showControls: a = !0, previousLabel: o = Ix, nextLabel: s = Lx, dir: c = "rtl", className: l, onPageChange: u }) {
|
|
12600
|
+
let d = zx(t, 1), f = Bx(zx(r, 1), d), p = n !== void 0, [m, h] = e.useState(f), g = zx(n, 1), _ = Bx(p ? g : m, d), v = Math.max(0, Math.floor(i)), y = e.useMemo(() => Vx({
|
|
12593
12601
|
currentPage: _,
|
|
12594
12602
|
totalPages: d,
|
|
12595
12603
|
siblingCount: v
|
|
@@ -12598,7 +12606,7 @@ function Hx({ totalPages: t = 1, page: n, defaultPage: r = 1, siblingCount: i =
|
|
|
12598
12606
|
v,
|
|
12599
12607
|
d
|
|
12600
12608
|
]), b = e.useCallback((e) => {
|
|
12601
|
-
let t =
|
|
12609
|
+
let t = Bx(e, d);
|
|
12602
12610
|
t !== _ && (p || h(t), u?.(t));
|
|
12603
12611
|
}, [
|
|
12604
12612
|
_,
|
|
@@ -12608,24 +12616,24 @@ function Hx({ totalPages: t = 1, page: n, defaultPage: r = 1, siblingCount: i =
|
|
|
12608
12616
|
]), x = _ > 1, S = _ < d;
|
|
12609
12617
|
return /* @__PURE__ */ (0, P.jsx)("nav", {
|
|
12610
12618
|
role: "navigation",
|
|
12611
|
-
"aria-label":
|
|
12619
|
+
"aria-label": Fx,
|
|
12612
12620
|
dir: c,
|
|
12613
12621
|
"data-slot": "pagination",
|
|
12614
|
-
className: D(
|
|
12622
|
+
className: D(Ox(), l),
|
|
12615
12623
|
children: /* @__PURE__ */ (0, P.jsxs)("ul", {
|
|
12616
12624
|
"data-slot": "pagination-content",
|
|
12617
|
-
className:
|
|
12625
|
+
className: kx(),
|
|
12618
12626
|
children: [
|
|
12619
12627
|
a ? /* @__PURE__ */ (0, P.jsx)("li", {
|
|
12620
12628
|
"data-slot": "pagination-item",
|
|
12621
|
-
className:
|
|
12629
|
+
className: Ax(),
|
|
12622
12630
|
children: /* @__PURE__ */ (0, P.jsxs)("button", {
|
|
12623
12631
|
type: "button",
|
|
12624
12632
|
"data-slot": "pagination-previous",
|
|
12625
12633
|
"aria-label": o,
|
|
12626
12634
|
disabled: !x,
|
|
12627
12635
|
onClick: () => b(_ - 1),
|
|
12628
|
-
className: D(
|
|
12636
|
+
className: D(jx({ size: "default" }), Mx()),
|
|
12629
12637
|
children: [/* @__PURE__ */ (0, P.jsx)(tt, {
|
|
12630
12638
|
className: "zui:size-4",
|
|
12631
12639
|
"aria-hidden": "true"
|
|
@@ -12635,45 +12643,45 @@ function Hx({ totalPages: t = 1, page: n, defaultPage: r = 1, siblingCount: i =
|
|
|
12635
12643
|
y.map((e, t) => {
|
|
12636
12644
|
if (e === "ellipsis") return /* @__PURE__ */ (0, P.jsx)("li", {
|
|
12637
12645
|
"data-slot": "pagination-item",
|
|
12638
|
-
className:
|
|
12646
|
+
className: Ax(),
|
|
12639
12647
|
children: /* @__PURE__ */ (0, P.jsxs)("span", {
|
|
12640
12648
|
"data-slot": "pagination-ellipsis",
|
|
12641
12649
|
"aria-hidden": "true",
|
|
12642
|
-
className:
|
|
12650
|
+
className: Px(),
|
|
12643
12651
|
children: [/* @__PURE__ */ (0, P.jsx)(at, { className: "zui:size-4" }), /* @__PURE__ */ (0, P.jsx)("span", {
|
|
12644
12652
|
className: "zui:sr-only",
|
|
12645
|
-
children:
|
|
12653
|
+
children: Rx
|
|
12646
12654
|
})]
|
|
12647
12655
|
})
|
|
12648
12656
|
}, `ellipsis-${t}`);
|
|
12649
12657
|
let n = e === _;
|
|
12650
12658
|
return /* @__PURE__ */ (0, P.jsx)("li", {
|
|
12651
12659
|
"data-slot": "pagination-item",
|
|
12652
|
-
className:
|
|
12660
|
+
className: Ax(),
|
|
12653
12661
|
children: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
12654
12662
|
type: "button",
|
|
12655
12663
|
"data-slot": "pagination-link",
|
|
12656
|
-
"aria-label": `${
|
|
12664
|
+
"aria-label": `${Fx} ${Hx(e)}`,
|
|
12657
12665
|
"aria-current": n ? "page" : void 0,
|
|
12658
12666
|
onClick: () => b(e),
|
|
12659
|
-
className:
|
|
12667
|
+
className: jx({
|
|
12660
12668
|
size: "icon",
|
|
12661
12669
|
active: n
|
|
12662
12670
|
}),
|
|
12663
|
-
children:
|
|
12671
|
+
children: Hx(e)
|
|
12664
12672
|
})
|
|
12665
12673
|
}, `page-${e}`);
|
|
12666
12674
|
}),
|
|
12667
12675
|
a ? /* @__PURE__ */ (0, P.jsx)("li", {
|
|
12668
12676
|
"data-slot": "pagination-item",
|
|
12669
|
-
className:
|
|
12677
|
+
className: Ax(),
|
|
12670
12678
|
children: /* @__PURE__ */ (0, P.jsxs)("button", {
|
|
12671
12679
|
type: "button",
|
|
12672
12680
|
"data-slot": "pagination-next",
|
|
12673
12681
|
"aria-label": s,
|
|
12674
12682
|
disabled: !S,
|
|
12675
12683
|
onClick: () => b(_ + 1),
|
|
12676
|
-
className: D(
|
|
12684
|
+
className: D(jx({ size: "default" }), Nx()),
|
|
12677
12685
|
children: [/* @__PURE__ */ (0, P.jsx)("span", { children: s }), /* @__PURE__ */ (0, P.jsx)(nt, {
|
|
12678
12686
|
className: "zui:size-4",
|
|
12679
12687
|
"aria-hidden": "true"
|
|
@@ -12686,7 +12694,7 @@ function Hx({ totalPages: t = 1, page: n, defaultPage: r = 1, siblingCount: i =
|
|
|
12686
12694
|
}
|
|
12687
12695
|
//#endregion
|
|
12688
12696
|
//#region node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
12689
|
-
function
|
|
12697
|
+
function Wx(e) {
|
|
12690
12698
|
let n = e + "CollectionProvider", [r, i] = oe(n), [a, o] = r(n, {
|
|
12691
12699
|
collectionRef: { current: null },
|
|
12692
12700
|
itemMap: /* @__PURE__ */ new Map()
|
|
@@ -12741,38 +12749,38 @@ function Ux(e) {
|
|
|
12741
12749
|
}
|
|
12742
12750
|
//#endregion
|
|
12743
12751
|
//#region node_modules/@radix-ui/react-direction/dist/index.mjs
|
|
12744
|
-
var
|
|
12745
|
-
function
|
|
12746
|
-
let n = e.useContext(
|
|
12752
|
+
var Gx = e.createContext(void 0);
|
|
12753
|
+
function Kx(t) {
|
|
12754
|
+
let n = e.useContext(Gx);
|
|
12747
12755
|
return t || n || "ltr";
|
|
12748
12756
|
}
|
|
12749
12757
|
//#endregion
|
|
12750
12758
|
//#region node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
12751
|
-
var
|
|
12759
|
+
var qx = "rovingFocusGroup.onEntryFocus", Jx = {
|
|
12752
12760
|
bubbles: !1,
|
|
12753
12761
|
cancelable: !0
|
|
12754
|
-
},
|
|
12762
|
+
}, Yx = "RovingFocusGroup", [Xx, Zx, Qx] = Wx(Yx), [$x, eS] = oe(Yx, [Qx]), [tS, nS] = $x(Yx), rS = e.forwardRef((e, t) => /* @__PURE__ */ (0, P.jsx)(Xx.Provider, {
|
|
12755
12763
|
scope: e.__scopeRovingFocusGroup,
|
|
12756
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
12764
|
+
children: /* @__PURE__ */ (0, P.jsx)(Xx.Slot, {
|
|
12757
12765
|
scope: e.__scopeRovingFocusGroup,
|
|
12758
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
12766
|
+
children: /* @__PURE__ */ (0, P.jsx)(iS, {
|
|
12759
12767
|
...e,
|
|
12760
12768
|
ref: t
|
|
12761
12769
|
})
|
|
12762
12770
|
})
|
|
12763
12771
|
}));
|
|
12764
|
-
|
|
12765
|
-
var
|
|
12766
|
-
let { __scopeRovingFocusGroup: r, orientation: i, loop: a = !1, dir: o, currentTabStopId: s, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: l, onEntryFocus: u, preventScrollOnEntryFocus: d = !1, ...f } = t, p = e.useRef(null), m = z(n, p), h =
|
|
12772
|
+
rS.displayName = Yx;
|
|
12773
|
+
var iS = e.forwardRef((t, n) => {
|
|
12774
|
+
let { __scopeRovingFocusGroup: r, orientation: i, loop: a = !1, dir: o, currentTabStopId: s, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: l, onEntryFocus: u, preventScrollOnEntryFocus: d = !1, ...f } = t, p = e.useRef(null), m = z(n, p), h = Kx(o), [g, _] = ce({
|
|
12767
12775
|
prop: s,
|
|
12768
12776
|
defaultProp: c ?? null,
|
|
12769
12777
|
onChange: l,
|
|
12770
|
-
caller:
|
|
12771
|
-
}), [v, y] = e.useState(!1), b = wt(u), x =
|
|
12778
|
+
caller: Yx
|
|
12779
|
+
}), [v, y] = e.useState(!1), b = wt(u), x = Zx(r), S = e.useRef(!1), [C, w] = e.useState(0);
|
|
12772
12780
|
return e.useEffect(() => {
|
|
12773
12781
|
let e = p.current;
|
|
12774
|
-
if (e) return e.addEventListener(
|
|
12775
|
-
}, [b]), /* @__PURE__ */ (0, P.jsx)(
|
|
12782
|
+
if (e) return e.addEventListener(qx, b), () => e.removeEventListener(qx, b);
|
|
12783
|
+
}, [b]), /* @__PURE__ */ (0, P.jsx)(tS, {
|
|
12776
12784
|
scope: r,
|
|
12777
12785
|
orientation: i,
|
|
12778
12786
|
dir: h,
|
|
@@ -12797,10 +12805,10 @@ var rS = e.forwardRef((t, n) => {
|
|
|
12797
12805
|
onFocus: B(t.onFocus, (e) => {
|
|
12798
12806
|
let t = !S.current;
|
|
12799
12807
|
if (e.target === e.currentTarget && t && !v) {
|
|
12800
|
-
let t = new CustomEvent(
|
|
12808
|
+
let t = new CustomEvent(qx, Jx);
|
|
12801
12809
|
if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
|
|
12802
12810
|
let e = x().filter((e) => e.focusable);
|
|
12803
|
-
|
|
12811
|
+
uS([
|
|
12804
12812
|
e.find((e) => e.active),
|
|
12805
12813
|
e.find((e) => e.id === g),
|
|
12806
12814
|
...e
|
|
@@ -12812,15 +12820,15 @@ var rS = e.forwardRef((t, n) => {
|
|
|
12812
12820
|
onBlur: B(t.onBlur, () => y(!1))
|
|
12813
12821
|
})
|
|
12814
12822
|
});
|
|
12815
|
-
}),
|
|
12816
|
-
let { __scopeRovingFocusGroup: r, focusable: i = !0, active: a = !1, tabStopId: o, children: s, ...c } = t, l = ln(), u = o || l, d =
|
|
12823
|
+
}), aS = "RovingFocusGroupItem", oS = e.forwardRef((t, n) => {
|
|
12824
|
+
let { __scopeRovingFocusGroup: r, focusable: i = !0, active: a = !1, tabStopId: o, children: s, ...c } = t, l = ln(), u = o || l, d = nS(aS, r), f = d.currentTabStopId === u, p = Zx(r), { onFocusableItemAdd: m, onFocusableItemRemove: h, currentTabStopId: g } = d;
|
|
12817
12825
|
return e.useEffect(() => {
|
|
12818
12826
|
if (i) return m(), () => h();
|
|
12819
12827
|
}, [
|
|
12820
12828
|
i,
|
|
12821
12829
|
m,
|
|
12822
12830
|
h
|
|
12823
|
-
]), /* @__PURE__ */ (0, P.jsx)(
|
|
12831
|
+
]), /* @__PURE__ */ (0, P.jsx)(Xx.ItemSlot, {
|
|
12824
12832
|
scope: r,
|
|
12825
12833
|
id: u,
|
|
12826
12834
|
focusable: i,
|
|
@@ -12840,7 +12848,7 @@ var rS = e.forwardRef((t, n) => {
|
|
|
12840
12848
|
return;
|
|
12841
12849
|
}
|
|
12842
12850
|
if (e.target !== e.currentTarget) return;
|
|
12843
|
-
let t =
|
|
12851
|
+
let t = lS(e, d.orientation, d.dir);
|
|
12844
12852
|
if (t !== void 0) {
|
|
12845
12853
|
if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
|
|
12846
12854
|
e.preventDefault();
|
|
@@ -12849,9 +12857,9 @@ var rS = e.forwardRef((t, n) => {
|
|
|
12849
12857
|
else if (t === "prev" || t === "next") {
|
|
12850
12858
|
t === "prev" && n.reverse();
|
|
12851
12859
|
let r = n.indexOf(e.currentTarget);
|
|
12852
|
-
n = d.loop ?
|
|
12860
|
+
n = d.loop ? dS(n, r + 1) : n.slice(r + 1);
|
|
12853
12861
|
}
|
|
12854
|
-
setTimeout(() =>
|
|
12862
|
+
setTimeout(() => uS(n));
|
|
12855
12863
|
}
|
|
12856
12864
|
}),
|
|
12857
12865
|
children: typeof s == "function" ? s({
|
|
@@ -12861,8 +12869,8 @@ var rS = e.forwardRef((t, n) => {
|
|
|
12861
12869
|
})
|
|
12862
12870
|
});
|
|
12863
12871
|
});
|
|
12864
|
-
|
|
12865
|
-
var
|
|
12872
|
+
oS.displayName = aS;
|
|
12873
|
+
var sS = {
|
|
12866
12874
|
ArrowLeft: "prev",
|
|
12867
12875
|
ArrowUp: "prev",
|
|
12868
12876
|
ArrowRight: "next",
|
|
@@ -12872,23 +12880,23 @@ var oS = {
|
|
|
12872
12880
|
PageDown: "last",
|
|
12873
12881
|
End: "last"
|
|
12874
12882
|
};
|
|
12875
|
-
function
|
|
12883
|
+
function cS(e, t) {
|
|
12876
12884
|
return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
|
|
12877
12885
|
}
|
|
12878
|
-
function
|
|
12879
|
-
let r =
|
|
12880
|
-
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return
|
|
12886
|
+
function lS(e, t, n) {
|
|
12887
|
+
let r = cS(e.key, n);
|
|
12888
|
+
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return sS[r];
|
|
12881
12889
|
}
|
|
12882
|
-
function
|
|
12890
|
+
function uS(e, t = !1) {
|
|
12883
12891
|
let n = document.activeElement;
|
|
12884
12892
|
for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
|
|
12885
12893
|
}
|
|
12886
|
-
function
|
|
12894
|
+
function dS(e, t) {
|
|
12887
12895
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
12888
12896
|
}
|
|
12889
|
-
var
|
|
12897
|
+
var fS = rS, pS = oS, mS = "Radio", [hS, gS] = oe(mS), [_S, vS] = hS(mS), yS = e.forwardRef((t, n) => {
|
|
12890
12898
|
let { __scopeRadio: r, name: i, checked: a = !1, required: o, disabled: s, value: c = "on", onCheck: l, form: u, ...d } = t, [f, p] = e.useState(null), m = z(n, (e) => p(e)), h = e.useRef(!1), g = f ? u || !!f.closest("form") : !0;
|
|
12891
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
12899
|
+
return /* @__PURE__ */ (0, P.jsxs)(_S, {
|
|
12892
12900
|
scope: r,
|
|
12893
12901
|
checked: a,
|
|
12894
12902
|
disabled: s,
|
|
@@ -12896,7 +12904,7 @@ var dS = nS, fS = aS, pS = "Radio", [mS, hS] = oe(pS), [gS, _S] = mS(pS), vS = e
|
|
|
12896
12904
|
type: "button",
|
|
12897
12905
|
role: "radio",
|
|
12898
12906
|
"aria-checked": a,
|
|
12899
|
-
"data-state":
|
|
12907
|
+
"data-state": wS(a),
|
|
12900
12908
|
"data-disabled": s ? "" : void 0,
|
|
12901
12909
|
disabled: s,
|
|
12902
12910
|
value: c,
|
|
@@ -12905,7 +12913,7 @@ var dS = nS, fS = aS, pS = "Radio", [mS, hS] = oe(pS), [gS, _S] = mS(pS), vS = e
|
|
|
12905
12913
|
onClick: B(t.onClick, (e) => {
|
|
12906
12914
|
a || l?.(), g && (h.current = e.isPropagationStopped(), h.current || e.stopPropagation());
|
|
12907
12915
|
})
|
|
12908
|
-
}), g && /* @__PURE__ */ (0, P.jsx)(
|
|
12916
|
+
}), g && /* @__PURE__ */ (0, P.jsx)(CS, {
|
|
12909
12917
|
control: f,
|
|
12910
12918
|
bubbles: !h.current,
|
|
12911
12919
|
name: i,
|
|
@@ -12918,21 +12926,21 @@ var dS = nS, fS = aS, pS = "Radio", [mS, hS] = oe(pS), [gS, _S] = mS(pS), vS = e
|
|
|
12918
12926
|
})]
|
|
12919
12927
|
});
|
|
12920
12928
|
});
|
|
12921
|
-
|
|
12922
|
-
var
|
|
12923
|
-
let { __scopeRadio: n, forceMount: r, ...i } = e, a =
|
|
12929
|
+
yS.displayName = mS;
|
|
12930
|
+
var bS = "RadioIndicator", xS = e.forwardRef((e, t) => {
|
|
12931
|
+
let { __scopeRadio: n, forceMount: r, ...i } = e, a = vS(bS, n);
|
|
12924
12932
|
return /* @__PURE__ */ (0, P.jsx)(me, {
|
|
12925
12933
|
present: r || a.checked,
|
|
12926
12934
|
children: /* @__PURE__ */ (0, P.jsx)(G.span, {
|
|
12927
|
-
"data-state":
|
|
12935
|
+
"data-state": wS(a.checked),
|
|
12928
12936
|
"data-disabled": a.disabled ? "" : void 0,
|
|
12929
12937
|
...i,
|
|
12930
12938
|
ref: t
|
|
12931
12939
|
})
|
|
12932
12940
|
});
|
|
12933
12941
|
});
|
|
12934
|
-
|
|
12935
|
-
var
|
|
12942
|
+
xS.displayName = bS;
|
|
12943
|
+
var SS = "RadioBubbleInput", CS = e.forwardRef(({ __scopeRadio: t, control: n, checked: r, bubbles: i = !0, ...a }, o) => {
|
|
12936
12944
|
let s = e.useRef(null), c = z(s, o), l = de(r), u = fe(n);
|
|
12937
12945
|
return e.useEffect(() => {
|
|
12938
12946
|
let e = s.current;
|
|
@@ -12963,30 +12971,30 @@ var xS = "RadioBubbleInput", SS = e.forwardRef(({ __scopeRadio: t, control: n, c
|
|
|
12963
12971
|
}
|
|
12964
12972
|
});
|
|
12965
12973
|
});
|
|
12966
|
-
|
|
12967
|
-
function
|
|
12974
|
+
CS.displayName = SS;
|
|
12975
|
+
function wS(e) {
|
|
12968
12976
|
return e ? "checked" : "unchecked";
|
|
12969
12977
|
}
|
|
12970
|
-
var
|
|
12978
|
+
var TS = [
|
|
12971
12979
|
"ArrowUp",
|
|
12972
12980
|
"ArrowDown",
|
|
12973
12981
|
"ArrowLeft",
|
|
12974
12982
|
"ArrowRight"
|
|
12975
|
-
],
|
|
12976
|
-
let { __scopeRadioGroup: n, name: r, defaultValue: i, value: a, required: o = !1, disabled: s = !1, orientation: c, dir: l, loop: u = !0, onValueChange: d, ...f } = e, p =
|
|
12983
|
+
], ES = "RadioGroup", [DS, OS] = oe(ES, [eS, gS]), kS = eS(), AS = gS(), [jS, MS] = DS(ES), NS = e.forwardRef((e, t) => {
|
|
12984
|
+
let { __scopeRadioGroup: n, name: r, defaultValue: i, value: a, required: o = !1, disabled: s = !1, orientation: c, dir: l, loop: u = !0, onValueChange: d, ...f } = e, p = kS(n), m = Kx(l), [h, g] = ce({
|
|
12977
12985
|
prop: a,
|
|
12978
12986
|
defaultProp: i ?? null,
|
|
12979
12987
|
onChange: d,
|
|
12980
|
-
caller:
|
|
12988
|
+
caller: ES
|
|
12981
12989
|
});
|
|
12982
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
12990
|
+
return /* @__PURE__ */ (0, P.jsx)(jS, {
|
|
12983
12991
|
scope: n,
|
|
12984
12992
|
name: r,
|
|
12985
12993
|
required: o,
|
|
12986
12994
|
disabled: s,
|
|
12987
12995
|
value: h,
|
|
12988
12996
|
onValueChange: g,
|
|
12989
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
12997
|
+
children: /* @__PURE__ */ (0, P.jsx)(fS, {
|
|
12990
12998
|
asChild: !0,
|
|
12991
12999
|
...p,
|
|
12992
13000
|
orientation: c,
|
|
@@ -13004,22 +13012,22 @@ var wS = [
|
|
|
13004
13012
|
})
|
|
13005
13013
|
});
|
|
13006
13014
|
});
|
|
13007
|
-
|
|
13008
|
-
var
|
|
13009
|
-
let { __scopeRadioGroup: r, disabled: i, ...a } = t, o =
|
|
13015
|
+
NS.displayName = ES;
|
|
13016
|
+
var PS = "RadioGroupItem", FS = e.forwardRef((t, n) => {
|
|
13017
|
+
let { __scopeRadioGroup: r, disabled: i, ...a } = t, o = MS(PS, r), s = o.disabled || i, c = kS(r), l = AS(r), u = e.useRef(null), d = z(n, u), f = o.value === a.value, p = e.useRef(!1);
|
|
13010
13018
|
return e.useEffect(() => {
|
|
13011
13019
|
let e = (e) => {
|
|
13012
|
-
|
|
13020
|
+
TS.includes(e.key) && (p.current = !0);
|
|
13013
13021
|
}, t = () => p.current = !1;
|
|
13014
13022
|
return document.addEventListener("keydown", e), document.addEventListener("keyup", t), () => {
|
|
13015
13023
|
document.removeEventListener("keydown", e), document.removeEventListener("keyup", t);
|
|
13016
13024
|
};
|
|
13017
|
-
}, []), /* @__PURE__ */ (0, P.jsx)(
|
|
13025
|
+
}, []), /* @__PURE__ */ (0, P.jsx)(pS, {
|
|
13018
13026
|
asChild: !0,
|
|
13019
13027
|
...c,
|
|
13020
13028
|
focusable: !s,
|
|
13021
13029
|
active: f,
|
|
13022
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
13030
|
+
children: /* @__PURE__ */ (0, P.jsx)(yS, {
|
|
13023
13031
|
disabled: s,
|
|
13024
13032
|
required: o.required,
|
|
13025
13033
|
checked: f,
|
|
@@ -13037,17 +13045,17 @@ var NS = "RadioGroupItem", PS = e.forwardRef((t, n) => {
|
|
|
13037
13045
|
})
|
|
13038
13046
|
});
|
|
13039
13047
|
});
|
|
13040
|
-
|
|
13041
|
-
var
|
|
13048
|
+
FS.displayName = PS;
|
|
13049
|
+
var IS = "RadioGroupIndicator", LS = e.forwardRef((e, t) => {
|
|
13042
13050
|
let { __scopeRadioGroup: n, ...r } = e;
|
|
13043
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
13044
|
-
...
|
|
13051
|
+
return /* @__PURE__ */ (0, P.jsx)(xS, {
|
|
13052
|
+
...AS(n),
|
|
13045
13053
|
...r,
|
|
13046
13054
|
ref: t
|
|
13047
13055
|
});
|
|
13048
13056
|
});
|
|
13049
|
-
|
|
13050
|
-
var
|
|
13057
|
+
LS.displayName = IS;
|
|
13058
|
+
var RS = NS, zS = FS, BS = LS, VS = K("zui:grid", {
|
|
13051
13059
|
variants: {
|
|
13052
13060
|
orientation: {
|
|
13053
13061
|
vertical: "zui:grid-cols-1",
|
|
@@ -13068,7 +13076,7 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13068
13076
|
gap: "default",
|
|
13069
13077
|
disabled: !1
|
|
13070
13078
|
}
|
|
13071
|
-
}),
|
|
13079
|
+
}), HS = K("zui:group/radio zui:relative zui:inline-flex zui:size-[1.2rem] zui:shrink-0 zui:items-center zui:justify-center radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-bg-elevated)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
|
|
13072
13080
|
variants: {
|
|
13073
13081
|
size: {
|
|
13074
13082
|
sm: "zui:size-[1.05rem]",
|
|
@@ -13084,14 +13092,14 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13084
13092
|
size: "default",
|
|
13085
13093
|
disabled: !1
|
|
13086
13094
|
}
|
|
13087
|
-
}),
|
|
13095
|
+
}), US = K("zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0", {
|
|
13088
13096
|
variants: { size: {
|
|
13089
13097
|
sm: "",
|
|
13090
13098
|
default: "",
|
|
13091
13099
|
lg: ""
|
|
13092
13100
|
} },
|
|
13093
13101
|
defaultVariants: { size: "default" }
|
|
13094
|
-
}),
|
|
13102
|
+
}), WS = K("zui:inline-flex zui:w-full zui:items-start zui:justify-between zui:gap-2.5 radius-md zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:px-3 zui:py-2.5 zui:transition-colors zui:duration-200 zui:has-[[data-state=checked]]:border-[var(--zui-theme-action-primary)]", {
|
|
13095
13103
|
variants: {
|
|
13096
13104
|
direction: {
|
|
13097
13105
|
rtl: "zui:flex-row-reverse zui:text-right",
|
|
@@ -13106,13 +13114,13 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13106
13114
|
direction: "rtl",
|
|
13107
13115
|
disabled: !1
|
|
13108
13116
|
}
|
|
13109
|
-
}),
|
|
13117
|
+
}), GS = K("zui:text-sm zui:font-medium zui:leading-5 zui:text-[var(--zui-color-text)]", {
|
|
13110
13118
|
variants: { disabled: {
|
|
13111
13119
|
true: "zui:text-[var(--zui-theme-text-muted)]",
|
|
13112
13120
|
false: ""
|
|
13113
13121
|
} },
|
|
13114
13122
|
defaultVariants: { disabled: !1 }
|
|
13115
|
-
}),
|
|
13123
|
+
}), KS = K("zui:mt-0.5 zui:text-xs zui:text-[var(--zui-color-text)]"), qS = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, name: i, required: a = !1, id: o, title: s, children: c, "aria-label": l, className: u, orientation: d = "vertical", gap: f = "default", dir: p = "rtl", disabled: m = !1, onInvalid: h }, g) {
|
|
13116
13124
|
let [_, v] = e.useState(!1), y = e.useCallback((e) => {
|
|
13117
13125
|
_ && v(!1), r?.(e);
|
|
13118
13126
|
}, [_, r]), b = e.useCallback((e) => {
|
|
@@ -13134,7 +13142,7 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13134
13142
|
"aria-hidden": "true",
|
|
13135
13143
|
className: "zui:pointer-events-none zui:absolute zui:-right-1 zui:-top-1 zui:z-10 zui:text-xs zui:leading-none zui:text-[var(--zui-theme-status-danger)]",
|
|
13136
13144
|
children: "*"
|
|
13137
|
-
}) : null, /* @__PURE__ */ (0, P.jsx)(
|
|
13145
|
+
}) : null, /* @__PURE__ */ (0, P.jsx)(RS, {
|
|
13138
13146
|
ref: g,
|
|
13139
13147
|
id: o,
|
|
13140
13148
|
"data-slot": "radio-group",
|
|
@@ -13143,7 +13151,7 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13143
13151
|
"aria-required": a || void 0,
|
|
13144
13152
|
"aria-disabled": m || void 0,
|
|
13145
13153
|
dir: p,
|
|
13146
|
-
className: D(_ ? "zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]" : void 0,
|
|
13154
|
+
className: D(_ ? "zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]" : void 0, VS({
|
|
13147
13155
|
orientation: d,
|
|
13148
13156
|
gap: f,
|
|
13149
13157
|
disabled: m,
|
|
@@ -13160,13 +13168,13 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13160
13168
|
})]
|
|
13161
13169
|
})]
|
|
13162
13170
|
});
|
|
13163
|
-
}),
|
|
13164
|
-
let g = e.useId(), _ = o ?? g, v = n === "sm" ? "zui:size-[0.46rem]" : n === "lg" ? "zui:size-[0.7rem]" : "zui:size-[0.58rem]", y = /* @__PURE__ */ (0, P.jsx)(
|
|
13171
|
+
}), JS = e.forwardRef(function({ className: t, size: n = "default", disabled: r = !1, label: i, description: a, id: o, direction: s = "rtl", optionClassName: c, labelClassName: l, descriptionClassName: u, indicatorClassName: d, value: f, onFocus: p, onBlur: m }, h) {
|
|
13172
|
+
let g = e.useId(), _ = o ?? g, v = n === "sm" ? "zui:size-[0.46rem]" : n === "lg" ? "zui:size-[0.7rem]" : "zui:size-[0.58rem]", y = /* @__PURE__ */ (0, P.jsx)(zS, {
|
|
13165
13173
|
ref: h,
|
|
13166
13174
|
id: _,
|
|
13167
13175
|
"data-slot": "radio-group-item",
|
|
13168
13176
|
"aria-disabled": r || void 0,
|
|
13169
|
-
className: D(
|
|
13177
|
+
className: D(HS({
|
|
13170
13178
|
size: n,
|
|
13171
13179
|
disabled: r,
|
|
13172
13180
|
className: t
|
|
@@ -13175,9 +13183,9 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13175
13183
|
value: f,
|
|
13176
13184
|
onFocus: p,
|
|
13177
13185
|
onBlur: m,
|
|
13178
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
13186
|
+
children: /* @__PURE__ */ (0, P.jsx)(BS, {
|
|
13179
13187
|
"data-slot": "radio-group-indicator",
|
|
13180
|
-
className: D(
|
|
13188
|
+
className: D(US({ size: n }), d),
|
|
13181
13189
|
children: /* @__PURE__ */ (0, P.jsx)("span", { className: D("zui:block radius-full zui:bg-[var(--zui-theme-action-primary)]", v) })
|
|
13182
13190
|
})
|
|
13183
13191
|
});
|
|
@@ -13185,7 +13193,7 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13185
13193
|
htmlFor: _,
|
|
13186
13194
|
"data-slot": "radio-group-option",
|
|
13187
13195
|
dir: s ?? void 0,
|
|
13188
|
-
className: D(
|
|
13196
|
+
className: D(WS({
|
|
13189
13197
|
direction: s,
|
|
13190
13198
|
disabled: r,
|
|
13191
13199
|
className: c
|
|
@@ -13193,10 +13201,10 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13193
13201
|
children: [y, /* @__PURE__ */ (0, P.jsxs)("span", {
|
|
13194
13202
|
className: "zui:min-w-0 zui:flex-1",
|
|
13195
13203
|
children: [i ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
13196
|
-
className: D(
|
|
13204
|
+
className: D(GS({ disabled: r }), l),
|
|
13197
13205
|
children: i
|
|
13198
13206
|
}) : null, a ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
13199
|
-
className: D(
|
|
13207
|
+
className: D(KS(), u),
|
|
13200
13208
|
children: a
|
|
13201
13209
|
}) : null]
|
|
13202
13210
|
})]
|
|
@@ -13204,31 +13212,31 @@ var LS = MS, RS = PS, zS = IS, BS = K("zui:grid", {
|
|
|
13204
13212
|
});
|
|
13205
13213
|
//#endregion
|
|
13206
13214
|
//#region node_modules/@radix-ui/number/dist/index.mjs
|
|
13207
|
-
function
|
|
13215
|
+
function YS(e, [t, n]) {
|
|
13208
13216
|
return Math.min(n, Math.max(t, e));
|
|
13209
13217
|
}
|
|
13210
13218
|
//#endregion
|
|
13211
13219
|
//#region node_modules/@radix-ui/react-select/dist/index.mjs
|
|
13212
|
-
var
|
|
13220
|
+
var XS = [
|
|
13213
13221
|
" ",
|
|
13214
13222
|
"Enter",
|
|
13215
13223
|
"ArrowUp",
|
|
13216
13224
|
"ArrowDown"
|
|
13217
|
-
],
|
|
13218
|
-
let { __scopeSelect: n, children: r, open: i, defaultOpen: a, onOpenChange: o, value: s, defaultValue: c, onValueChange: l, dir: u, name: d, autoComplete: f, disabled: p, required: m, form: h } = t, g =
|
|
13225
|
+
], ZS = [" ", "Enter"], QS = "Select", [$S, eC, tC] = Wx(QS), [nC, rC] = oe(QS, [tC, Di]), iC = Di(), [aC, oC] = nC(QS), [sC, cC] = nC(QS), lC = (t) => {
|
|
13226
|
+
let { __scopeSelect: n, children: r, open: i, defaultOpen: a, onOpenChange: o, value: s, defaultValue: c, onValueChange: l, dir: u, name: d, autoComplete: f, disabled: p, required: m, form: h } = t, g = iC(n), [_, v] = e.useState(null), [y, b] = e.useState(null), [x, S] = e.useState(!1), C = Kx(u), [w, T] = ce({
|
|
13219
13227
|
prop: i,
|
|
13220
13228
|
defaultProp: a ?? !1,
|
|
13221
13229
|
onChange: o,
|
|
13222
|
-
caller:
|
|
13230
|
+
caller: QS
|
|
13223
13231
|
}), [E, D] = ce({
|
|
13224
13232
|
prop: s,
|
|
13225
13233
|
defaultProp: c,
|
|
13226
13234
|
onChange: l,
|
|
13227
|
-
caller:
|
|
13235
|
+
caller: QS
|
|
13228
13236
|
}), O = e.useRef(null), k = _ ? h || !!_.closest("form") : !0, [A, j] = e.useState(/* @__PURE__ */ new Set()), M = Array.from(A).map((e) => e.props.value).join(";");
|
|
13229
13237
|
return /* @__PURE__ */ (0, P.jsx)(Ui, {
|
|
13230
13238
|
...g,
|
|
13231
|
-
children: /* @__PURE__ */ (0, P.jsxs)(
|
|
13239
|
+
children: /* @__PURE__ */ (0, P.jsxs)(aC, {
|
|
13232
13240
|
required: m,
|
|
13233
13241
|
scope: n,
|
|
13234
13242
|
trigger: _,
|
|
@@ -13245,9 +13253,9 @@ var YS = [
|
|
|
13245
13253
|
dir: C,
|
|
13246
13254
|
triggerPointerDownPosRef: O,
|
|
13247
13255
|
disabled: p,
|
|
13248
|
-
children: [/* @__PURE__ */ (0, P.jsx)(
|
|
13256
|
+
children: [/* @__PURE__ */ (0, P.jsx)($S.Provider, {
|
|
13249
13257
|
scope: n,
|
|
13250
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
13258
|
+
children: /* @__PURE__ */ (0, P.jsx)(sC, {
|
|
13251
13259
|
scope: t.__scopeSelect,
|
|
13252
13260
|
onNativeOptionAdd: e.useCallback((e) => {
|
|
13253
13261
|
j((t) => new Set(t).add(e));
|
|
@@ -13260,7 +13268,7 @@ var YS = [
|
|
|
13260
13268
|
}, []),
|
|
13261
13269
|
children: r
|
|
13262
13270
|
})
|
|
13263
|
-
}), k ? /* @__PURE__ */ (0, P.jsxs)(
|
|
13271
|
+
}), k ? /* @__PURE__ */ (0, P.jsxs)(iw, {
|
|
13264
13272
|
"aria-hidden": !0,
|
|
13265
13273
|
required: m,
|
|
13266
13274
|
tabIndex: -1,
|
|
@@ -13275,10 +13283,10 @@ var YS = [
|
|
|
13275
13283
|
})
|
|
13276
13284
|
});
|
|
13277
13285
|
};
|
|
13278
|
-
|
|
13279
|
-
var
|
|
13280
|
-
let { __scopeSelect: r, disabled: i = !1, ...a } = t, o =
|
|
13281
|
-
let t = u().filter((e) => !e.disabled), n =
|
|
13286
|
+
lC.displayName = QS;
|
|
13287
|
+
var uC = "SelectTrigger", dC = e.forwardRef((t, n) => {
|
|
13288
|
+
let { __scopeSelect: r, disabled: i = !1, ...a } = t, o = iC(r), s = oC(uC, r), c = s.disabled || i, l = z(n, s.onTriggerChange), u = eC(r), d = e.useRef("touch"), [f, p, m] = ow((e) => {
|
|
13289
|
+
let t = u().filter((e) => !e.disabled), n = sw(t, e, t.find((e) => e.value === s.value));
|
|
13282
13290
|
n !== void 0 && s.onValueChange(n.value);
|
|
13283
13291
|
}), h = (e) => {
|
|
13284
13292
|
c || (s.onOpenChange(!0), m()), e && (s.triggerPointerDownPosRef.current = {
|
|
@@ -13300,7 +13308,7 @@ var lC = "SelectTrigger", uC = e.forwardRef((t, n) => {
|
|
|
13300
13308
|
"data-state": s.open ? "open" : "closed",
|
|
13301
13309
|
disabled: c,
|
|
13302
13310
|
"data-disabled": c ? "" : void 0,
|
|
13303
|
-
"data-placeholder":
|
|
13311
|
+
"data-placeholder": aw(s.value) ? "" : void 0,
|
|
13304
13312
|
...a,
|
|
13305
13313
|
ref: l,
|
|
13306
13314
|
onClick: B(a.onClick, (e) => {
|
|
@@ -13313,25 +13321,25 @@ var lC = "SelectTrigger", uC = e.forwardRef((t, n) => {
|
|
|
13313
13321
|
}),
|
|
13314
13322
|
onKeyDown: B(a.onKeyDown, (e) => {
|
|
13315
13323
|
let t = f.current !== "";
|
|
13316
|
-
!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && p(e.key), !(t && e.key === " ") &&
|
|
13324
|
+
!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && p(e.key), !(t && e.key === " ") && XS.includes(e.key) && (h(), e.preventDefault());
|
|
13317
13325
|
})
|
|
13318
13326
|
})
|
|
13319
13327
|
});
|
|
13320
13328
|
});
|
|
13321
|
-
|
|
13322
|
-
var
|
|
13323
|
-
let { __scopeSelect: n, className: r, style: i, children: a, placeholder: o = "", ...s } = e, c =
|
|
13329
|
+
dC.displayName = uC;
|
|
13330
|
+
var fC = "SelectValue", pC = e.forwardRef((e, t) => {
|
|
13331
|
+
let { __scopeSelect: n, className: r, style: i, children: a, placeholder: o = "", ...s } = e, c = oC(fC, n), { onValueNodeHasChildrenChange: l } = c, u = a !== void 0, d = z(t, c.onValueNodeChange);
|
|
13324
13332
|
return V(() => {
|
|
13325
13333
|
l(u);
|
|
13326
13334
|
}, [l, u]), /* @__PURE__ */ (0, P.jsx)(G.span, {
|
|
13327
13335
|
...s,
|
|
13328
13336
|
ref: d,
|
|
13329
13337
|
style: { pointerEvents: "none" },
|
|
13330
|
-
children:
|
|
13338
|
+
children: aw(c.value) ? /* @__PURE__ */ (0, P.jsx)(P.Fragment, { children: o }) : a
|
|
13331
13339
|
});
|
|
13332
13340
|
});
|
|
13333
|
-
|
|
13334
|
-
var
|
|
13341
|
+
pC.displayName = fC;
|
|
13342
|
+
var mC = "SelectIcon", hC = e.forwardRef((e, t) => {
|
|
13335
13343
|
let { __scopeSelect: n, children: r, ...i } = e;
|
|
13336
13344
|
return /* @__PURE__ */ (0, P.jsx)(G.span, {
|
|
13337
13345
|
"aria-hidden": !0,
|
|
@@ -13340,34 +13348,34 @@ var pC = "SelectIcon", mC = e.forwardRef((e, t) => {
|
|
|
13340
13348
|
children: r || "▼"
|
|
13341
13349
|
});
|
|
13342
13350
|
});
|
|
13343
|
-
|
|
13344
|
-
var
|
|
13351
|
+
hC.displayName = mC;
|
|
13352
|
+
var gC = "SelectPortal", _C = (e) => /* @__PURE__ */ (0, P.jsx)(Ji, {
|
|
13345
13353
|
asChild: !0,
|
|
13346
13354
|
...e
|
|
13347
13355
|
});
|
|
13348
|
-
|
|
13349
|
-
var
|
|
13350
|
-
let r =
|
|
13356
|
+
_C.displayName = gC;
|
|
13357
|
+
var vC = "SelectContent", yC = e.forwardRef((t, n) => {
|
|
13358
|
+
let r = oC(vC, t.__scopeSelect), [i, a] = e.useState();
|
|
13351
13359
|
if (V(() => {
|
|
13352
13360
|
a(new DocumentFragment());
|
|
13353
13361
|
}, []), !r.open) {
|
|
13354
13362
|
let e = i;
|
|
13355
|
-
return e ? f.createPortal(/* @__PURE__ */ (0, P.jsx)(
|
|
13363
|
+
return e ? f.createPortal(/* @__PURE__ */ (0, P.jsx)(xC, {
|
|
13356
13364
|
scope: t.__scopeSelect,
|
|
13357
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
13365
|
+
children: /* @__PURE__ */ (0, P.jsx)($S.Slot, {
|
|
13358
13366
|
scope: t.__scopeSelect,
|
|
13359
13367
|
children: /* @__PURE__ */ (0, P.jsx)("div", { children: t.children })
|
|
13360
13368
|
})
|
|
13361
13369
|
}), e) : null;
|
|
13362
13370
|
}
|
|
13363
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
13371
|
+
return /* @__PURE__ */ (0, P.jsx)(TC, {
|
|
13364
13372
|
...t,
|
|
13365
13373
|
ref: n
|
|
13366
13374
|
});
|
|
13367
13375
|
});
|
|
13368
|
-
|
|
13369
|
-
var
|
|
13370
|
-
let { __scopeSelect: r, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: o, onPointerDownOutside: s, side: c, sideOffset: l, align: u, alignOffset: d, arrowPadding: f, collisionBoundary: p, collisionPadding: m, sticky: h, hideWhenDetached: g, avoidCollisions: _, ...v } = t, y =
|
|
13376
|
+
yC.displayName = vC;
|
|
13377
|
+
var bC = 10, [xC, SC] = nC(vC), CC = "SelectContentImpl", wC = /* @__PURE__ */ U("SelectContent.RemoveScroll"), TC = e.forwardRef((t, n) => {
|
|
13378
|
+
let { __scopeSelect: r, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: o, onPointerDownOutside: s, side: c, sideOffset: l, align: u, alignOffset: d, arrowPadding: f, collisionBoundary: p, collisionPadding: m, sticky: h, hideWhenDetached: g, avoidCollisions: _, ...v } = t, y = oC(vC, r), [b, x] = e.useState(null), [S, C] = e.useState(null), w = z(n, (e) => x(e)), [T, E] = e.useState(null), [D, O] = e.useState(null), k = eC(r), [A, j] = e.useState(!1), M = e.useRef(!1);
|
|
13371
13379
|
e.useEffect(() => {
|
|
13372
13380
|
if (b) return ra(b);
|
|
13373
13381
|
}, [b]), Ht();
|
|
@@ -13413,8 +13421,8 @@ var yC = 10, [bC, xC] = tC(_C), SC = "SelectContentImpl", CC = /* @__PURE__ */ U
|
|
|
13413
13421
|
window.removeEventListener("blur", e), window.removeEventListener("resize", e);
|
|
13414
13422
|
};
|
|
13415
13423
|
}, [F]);
|
|
13416
|
-
let [te, L] =
|
|
13417
|
-
let t = k().filter((e) => !e.disabled), n =
|
|
13424
|
+
let [te, L] = ow((e) => {
|
|
13425
|
+
let t = k().filter((e) => !e.disabled), n = sw(t, e, t.find((e) => e.ref.current === document.activeElement));
|
|
13418
13426
|
n && setTimeout(() => n.ref.current.focus());
|
|
13419
13427
|
}), R = e.useCallback((e, t, n) => {
|
|
13420
13428
|
let r = !M.current && !n;
|
|
@@ -13422,7 +13430,7 @@ var yC = 10, [bC, xC] = tC(_C), SC = "SelectContentImpl", CC = /* @__PURE__ */ U
|
|
|
13422
13430
|
}, [y.value]), ne = e.useCallback(() => b?.focus(), [b]), re = e.useCallback((e, t, n) => {
|
|
13423
13431
|
let r = !M.current && !n;
|
|
13424
13432
|
(y.value !== void 0 && y.value === t || r) && O(e);
|
|
13425
|
-
}, [y.value]), ie = i === "popper" ?
|
|
13433
|
+
}, [y.value]), ie = i === "popper" ? kC : DC, ae = ie === kC ? {
|
|
13426
13434
|
side: c,
|
|
13427
13435
|
sideOffset: l,
|
|
13428
13436
|
align: u,
|
|
@@ -13434,7 +13442,7 @@ var yC = 10, [bC, xC] = tC(_C), SC = "SelectContentImpl", CC = /* @__PURE__ */ U
|
|
|
13434
13442
|
hideWhenDetached: g,
|
|
13435
13443
|
avoidCollisions: _
|
|
13436
13444
|
} : {};
|
|
13437
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
13445
|
+
return /* @__PURE__ */ (0, P.jsx)(xC, {
|
|
13438
13446
|
scope: r,
|
|
13439
13447
|
content: b,
|
|
13440
13448
|
viewport: S,
|
|
@@ -13449,7 +13457,7 @@ var yC = 10, [bC, xC] = tC(_C), SC = "SelectContentImpl", CC = /* @__PURE__ */ U
|
|
|
13449
13457
|
isPositioned: A,
|
|
13450
13458
|
searchRef: te,
|
|
13451
13459
|
children: /* @__PURE__ */ (0, P.jsx)(po, {
|
|
13452
|
-
as:
|
|
13460
|
+
as: wC,
|
|
13453
13461
|
allowPinchZoom: !0,
|
|
13454
13462
|
children: /* @__PURE__ */ (0, P.jsx)(Jt, {
|
|
13455
13463
|
asChild: !0,
|
|
@@ -13505,19 +13513,19 @@ var yC = 10, [bC, xC] = tC(_C), SC = "SelectContentImpl", CC = /* @__PURE__ */ U
|
|
|
13505
13513
|
})
|
|
13506
13514
|
});
|
|
13507
13515
|
});
|
|
13508
|
-
|
|
13509
|
-
var
|
|
13510
|
-
let { __scopeSelect: r, onPlaced: i, ...a } = t, o =
|
|
13516
|
+
TC.displayName = CC;
|
|
13517
|
+
var EC = "SelectItemAlignedPosition", DC = e.forwardRef((t, n) => {
|
|
13518
|
+
let { __scopeSelect: r, onPlaced: i, ...a } = t, o = oC(vC, r), s = SC(vC, r), [c, l] = e.useState(null), [u, d] = e.useState(null), f = z(n, (e) => d(e)), p = eC(r), m = e.useRef(!1), h = e.useRef(!0), { viewport: g, selectedItem: _, selectedItemText: v, focusSelectedItem: y } = s, b = e.useCallback(() => {
|
|
13511
13519
|
if (o.trigger && o.valueNode && c && u && g && _ && v) {
|
|
13512
13520
|
let e = o.trigger.getBoundingClientRect(), t = u.getBoundingClientRect(), n = o.valueNode.getBoundingClientRect(), r = v.getBoundingClientRect();
|
|
13513
13521
|
if (o.dir !== "rtl") {
|
|
13514
|
-
let i = r.left - t.left, a = n.left - i, o = e.left - a, s = e.width + o, l = Math.max(s, t.width), u = window.innerWidth -
|
|
13522
|
+
let i = r.left - t.left, a = n.left - i, o = e.left - a, s = e.width + o, l = Math.max(s, t.width), u = window.innerWidth - bC, d = YS(a, [bC, Math.max(bC, u - l)]);
|
|
13515
13523
|
c.style.minWidth = s + "px", c.style.left = d + "px";
|
|
13516
13524
|
} else {
|
|
13517
|
-
let i = t.right - r.right, a = window.innerWidth - n.right - i, o = window.innerWidth - e.right - a, s = e.width + o, l = Math.max(s, t.width), u = window.innerWidth -
|
|
13525
|
+
let i = t.right - r.right, a = window.innerWidth - n.right - i, o = window.innerWidth - e.right - a, s = e.width + o, l = Math.max(s, t.width), u = window.innerWidth - bC, d = YS(a, [bC, Math.max(bC, u - l)]);
|
|
13518
13526
|
c.style.minWidth = s + "px", c.style.right = d + "px";
|
|
13519
13527
|
}
|
|
13520
|
-
let a = p(), s = window.innerHeight -
|
|
13528
|
+
let a = p(), s = window.innerHeight - bC * 2, l = g.scrollHeight, d = window.getComputedStyle(u), f = parseInt(d.borderTopWidth, 10), h = parseInt(d.paddingTop, 10), y = parseInt(d.borderBottomWidth, 10), b = parseInt(d.paddingBottom, 10), x = f + h + l + b + y, S = Math.min(_.offsetHeight * 5, x), C = window.getComputedStyle(g), w = parseInt(C.paddingTop, 10), T = parseInt(C.paddingBottom, 10), E = e.top + e.height / 2 - bC, D = s - E, O = _.offsetHeight / 2, k = _.offsetTop + O, A = f + h + k, j = x - A;
|
|
13521
13529
|
if (A <= E) {
|
|
13522
13530
|
let e = a.length > 0 && _ === a[a.length - 1].ref.current;
|
|
13523
13531
|
c.style.bottom = "0px";
|
|
@@ -13529,7 +13537,7 @@ var TC = "SelectItemAlignedPosition", EC = e.forwardRef((t, n) => {
|
|
|
13529
13537
|
let t = Math.max(E, f + g.offsetTop + (e ? w : 0) + O) + j;
|
|
13530
13538
|
c.style.height = t + "px", g.scrollTop = A - E + g.offsetTop;
|
|
13531
13539
|
}
|
|
13532
|
-
c.style.margin = `${
|
|
13540
|
+
c.style.margin = `${bC}px 0`, c.style.minHeight = S + "px", c.style.maxHeight = s + "px", i?.(), requestAnimationFrame(() => m.current = !0);
|
|
13533
13541
|
}
|
|
13534
13542
|
}, [
|
|
13535
13543
|
p,
|
|
@@ -13547,7 +13555,7 @@ var TC = "SelectItemAlignedPosition", EC = e.forwardRef((t, n) => {
|
|
|
13547
13555
|
let [x, S] = e.useState();
|
|
13548
13556
|
return V(() => {
|
|
13549
13557
|
u && S(window.getComputedStyle(u).zIndex);
|
|
13550
|
-
}, [u]), /* @__PURE__ */ (0, P.jsx)(
|
|
13558
|
+
}, [u]), /* @__PURE__ */ (0, P.jsx)(AC, {
|
|
13551
13559
|
scope: r,
|
|
13552
13560
|
contentWrapper: c,
|
|
13553
13561
|
shouldExpandOnScrollRef: m,
|
|
@@ -13574,9 +13582,9 @@ var TC = "SelectItemAlignedPosition", EC = e.forwardRef((t, n) => {
|
|
|
13574
13582
|
})
|
|
13575
13583
|
});
|
|
13576
13584
|
});
|
|
13577
|
-
|
|
13578
|
-
var
|
|
13579
|
-
let { __scopeSelect: n, align: r = "start", collisionPadding: i =
|
|
13585
|
+
DC.displayName = EC;
|
|
13586
|
+
var OC = "SelectPopperPosition", kC = e.forwardRef((e, t) => {
|
|
13587
|
+
let { __scopeSelect: n, align: r = "start", collisionPadding: i = bC, ...a } = e, o = iC(n);
|
|
13580
13588
|
return /* @__PURE__ */ (0, P.jsx)(Gi, {
|
|
13581
13589
|
...o,
|
|
13582
13590
|
...a,
|
|
@@ -13594,13 +13602,13 @@ var DC = "SelectPopperPosition", OC = e.forwardRef((e, t) => {
|
|
|
13594
13602
|
}
|
|
13595
13603
|
});
|
|
13596
13604
|
});
|
|
13597
|
-
|
|
13598
|
-
var [
|
|
13599
|
-
let { __scopeSelect: r, nonce: i, ...a } = t, o =
|
|
13605
|
+
kC.displayName = OC;
|
|
13606
|
+
var [AC, jC] = nC(vC, {}), MC = "SelectViewport", NC = e.forwardRef((t, n) => {
|
|
13607
|
+
let { __scopeSelect: r, nonce: i, ...a } = t, o = SC(MC, r), s = jC(MC, r), c = z(n, o.onViewportChange), l = e.useRef(0);
|
|
13600
13608
|
return /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)("style", {
|
|
13601
13609
|
dangerouslySetInnerHTML: { __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}" },
|
|
13602
13610
|
nonce: i
|
|
13603
|
-
}), /* @__PURE__ */ (0, P.jsx)(
|
|
13611
|
+
}), /* @__PURE__ */ (0, P.jsx)($S.Slot, {
|
|
13604
13612
|
scope: r,
|
|
13605
13613
|
children: /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
13606
13614
|
"data-radix-select-viewport": "",
|
|
@@ -13618,7 +13626,7 @@ var [kC, AC] = tC(_C, {}), jC = "SelectViewport", MC = e.forwardRef((t, n) => {
|
|
|
13618
13626
|
if (r?.current && n) {
|
|
13619
13627
|
let e = Math.abs(l.current - t.scrollTop);
|
|
13620
13628
|
if (e > 0) {
|
|
13621
|
-
let r = window.innerHeight -
|
|
13629
|
+
let r = window.innerHeight - bC * 2, i = parseFloat(n.style.minHeight), a = parseFloat(n.style.height), o = Math.max(i, a);
|
|
13622
13630
|
if (o < r) {
|
|
13623
13631
|
let i = o + e, a = Math.min(r, i), s = i - a;
|
|
13624
13632
|
n.style.height = a + "px", n.style.bottom === "0px" && (t.scrollTop = s > 0 ? s : 0, n.style.justifyContent = "flex-end");
|
|
@@ -13630,10 +13638,10 @@ var [kC, AC] = tC(_C, {}), jC = "SelectViewport", MC = e.forwardRef((t, n) => {
|
|
|
13630
13638
|
})
|
|
13631
13639
|
})] });
|
|
13632
13640
|
});
|
|
13633
|
-
|
|
13634
|
-
var
|
|
13641
|
+
NC.displayName = MC;
|
|
13642
|
+
var PC = "SelectGroup", [FC, IC] = nC(PC), LC = e.forwardRef((e, t) => {
|
|
13635
13643
|
let { __scopeSelect: n, ...r } = e, i = ln();
|
|
13636
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
13644
|
+
return /* @__PURE__ */ (0, P.jsx)(FC, {
|
|
13637
13645
|
scope: n,
|
|
13638
13646
|
id: i,
|
|
13639
13647
|
children: /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
@@ -13644,22 +13652,22 @@ var NC = "SelectGroup", [PC, FC] = tC(NC), IC = e.forwardRef((e, t) => {
|
|
|
13644
13652
|
})
|
|
13645
13653
|
});
|
|
13646
13654
|
});
|
|
13647
|
-
|
|
13648
|
-
var
|
|
13649
|
-
let { __scopeSelect: n, ...r } = e, i =
|
|
13655
|
+
LC.displayName = PC;
|
|
13656
|
+
var RC = "SelectLabel", zC = e.forwardRef((e, t) => {
|
|
13657
|
+
let { __scopeSelect: n, ...r } = e, i = IC(RC, n);
|
|
13650
13658
|
return /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
13651
13659
|
id: i.id,
|
|
13652
13660
|
...r,
|
|
13653
13661
|
ref: t
|
|
13654
13662
|
});
|
|
13655
13663
|
});
|
|
13656
|
-
|
|
13657
|
-
var
|
|
13658
|
-
let { __scopeSelect: r, value: i, disabled: a = !1, textValue: o, ...s } = t, c =
|
|
13664
|
+
zC.displayName = RC;
|
|
13665
|
+
var BC = "SelectItem", [VC, HC] = nC(BC), UC = e.forwardRef((t, n) => {
|
|
13666
|
+
let { __scopeSelect: r, value: i, disabled: a = !1, textValue: o, ...s } = t, c = oC(BC, r), l = SC(BC, r), u = c.value === i, [d, f] = e.useState(o ?? ""), [p, m] = e.useState(!1), h = z(n, (e) => l.itemRefCallback?.(e, i, a)), g = ln(), _ = e.useRef("touch"), v = () => {
|
|
13659
13667
|
a || (c.onValueChange(i), c.onOpenChange(!1));
|
|
13660
13668
|
};
|
|
13661
13669
|
if (i === "") throw Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
|
|
13662
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
13670
|
+
return /* @__PURE__ */ (0, P.jsx)(VC, {
|
|
13663
13671
|
scope: r,
|
|
13664
13672
|
value: i,
|
|
13665
13673
|
disabled: a,
|
|
@@ -13668,7 +13676,7 @@ var zC = "SelectItem", [BC, VC] = tC(zC), HC = e.forwardRef((t, n) => {
|
|
|
13668
13676
|
onItemTextChange: e.useCallback((e) => {
|
|
13669
13677
|
f((t) => t || (e?.textContent ?? "").trim());
|
|
13670
13678
|
}, []),
|
|
13671
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
13679
|
+
children: /* @__PURE__ */ (0, P.jsx)($S.ItemSlot, {
|
|
13672
13680
|
scope: r,
|
|
13673
13681
|
value: i,
|
|
13674
13682
|
disabled: a,
|
|
@@ -13702,15 +13710,15 @@ var zC = "SelectItem", [BC, VC] = tC(zC), HC = e.forwardRef((t, n) => {
|
|
|
13702
13710
|
e.currentTarget === document.activeElement && l.onItemLeave?.();
|
|
13703
13711
|
}),
|
|
13704
13712
|
onKeyDown: B(s.onKeyDown, (e) => {
|
|
13705
|
-
l.searchRef?.current !== "" && e.key === " " || (
|
|
13713
|
+
l.searchRef?.current !== "" && e.key === " " || (ZS.includes(e.key) && v(), e.key === " " && e.preventDefault());
|
|
13706
13714
|
})
|
|
13707
13715
|
})
|
|
13708
13716
|
})
|
|
13709
13717
|
});
|
|
13710
13718
|
});
|
|
13711
|
-
|
|
13712
|
-
var
|
|
13713
|
-
let { __scopeSelect: r, className: i, style: a, ...o } = t, s =
|
|
13719
|
+
UC.displayName = BC;
|
|
13720
|
+
var WC = "SelectItemText", GC = e.forwardRef((t, n) => {
|
|
13721
|
+
let { __scopeSelect: r, className: i, style: a, ...o } = t, s = oC(WC, r), c = SC(WC, r), l = HC(WC, r), u = cC(WC, r), [d, p] = e.useState(null), m = z(n, (e) => p(e), l.onItemTextChange, (e) => c.itemTextRefCallback?.(e, l.value, l.disabled)), h = d?.textContent, g = e.useMemo(() => /* @__PURE__ */ (0, P.jsx)("option", {
|
|
13714
13722
|
value: l.value,
|
|
13715
13723
|
disabled: l.disabled,
|
|
13716
13724
|
children: h
|
|
@@ -13729,18 +13737,18 @@ var UC = "SelectItemText", WC = e.forwardRef((t, n) => {
|
|
|
13729
13737
|
ref: m
|
|
13730
13738
|
}), l.isSelected && s.valueNode && !s.valueNodeHasChildren ? f.createPortal(o.children, s.valueNode) : null] });
|
|
13731
13739
|
});
|
|
13732
|
-
|
|
13733
|
-
var
|
|
13740
|
+
GC.displayName = WC;
|
|
13741
|
+
var KC = "SelectItemIndicator", qC = e.forwardRef((e, t) => {
|
|
13734
13742
|
let { __scopeSelect: n, ...r } = e;
|
|
13735
|
-
return
|
|
13743
|
+
return HC(KC, n).isSelected ? /* @__PURE__ */ (0, P.jsx)(G.span, {
|
|
13736
13744
|
"aria-hidden": !0,
|
|
13737
13745
|
...r,
|
|
13738
13746
|
ref: t
|
|
13739
13747
|
}) : null;
|
|
13740
13748
|
});
|
|
13741
|
-
|
|
13742
|
-
var
|
|
13743
|
-
let r =
|
|
13749
|
+
qC.displayName = KC;
|
|
13750
|
+
var JC = "SelectScrollUpButton", YC = e.forwardRef((t, n) => {
|
|
13751
|
+
let r = SC(JC, t.__scopeSelect), i = jC(JC, t.__scopeSelect), [a, o] = e.useState(!1), s = z(n, i.onScrollButtonChange);
|
|
13744
13752
|
return V(() => {
|
|
13745
13753
|
if (r.viewport && r.isPositioned) {
|
|
13746
13754
|
let e = function() {
|
|
@@ -13748,7 +13756,7 @@ var qC = "SelectScrollUpButton", JC = e.forwardRef((t, n) => {
|
|
|
13748
13756
|
}, t = r.viewport;
|
|
13749
13757
|
return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
|
|
13750
13758
|
}
|
|
13751
|
-
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ (0, P.jsx)(
|
|
13759
|
+
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ (0, P.jsx)(QC, {
|
|
13752
13760
|
...t,
|
|
13753
13761
|
ref: s,
|
|
13754
13762
|
onAutoScroll: () => {
|
|
@@ -13757,9 +13765,9 @@ var qC = "SelectScrollUpButton", JC = e.forwardRef((t, n) => {
|
|
|
13757
13765
|
}
|
|
13758
13766
|
}) : null;
|
|
13759
13767
|
});
|
|
13760
|
-
|
|
13761
|
-
var
|
|
13762
|
-
let r =
|
|
13768
|
+
YC.displayName = JC;
|
|
13769
|
+
var XC = "SelectScrollDownButton", ZC = e.forwardRef((t, n) => {
|
|
13770
|
+
let r = SC(XC, t.__scopeSelect), i = jC(XC, t.__scopeSelect), [a, o] = e.useState(!1), s = z(n, i.onScrollButtonChange);
|
|
13763
13771
|
return V(() => {
|
|
13764
13772
|
if (r.viewport && r.isPositioned) {
|
|
13765
13773
|
let e = function() {
|
|
@@ -13768,7 +13776,7 @@ var YC = "SelectScrollDownButton", XC = e.forwardRef((t, n) => {
|
|
|
13768
13776
|
}, t = r.viewport;
|
|
13769
13777
|
return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
|
|
13770
13778
|
}
|
|
13771
|
-
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ (0, P.jsx)(
|
|
13779
|
+
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ (0, P.jsx)(QC, {
|
|
13772
13780
|
...t,
|
|
13773
13781
|
ref: s,
|
|
13774
13782
|
onAutoScroll: () => {
|
|
@@ -13777,9 +13785,9 @@ var YC = "SelectScrollDownButton", XC = e.forwardRef((t, n) => {
|
|
|
13777
13785
|
}
|
|
13778
13786
|
}) : null;
|
|
13779
13787
|
});
|
|
13780
|
-
|
|
13781
|
-
var
|
|
13782
|
-
let { __scopeSelect: r, onAutoScroll: i, ...a } = t, o =
|
|
13788
|
+
ZC.displayName = XC;
|
|
13789
|
+
var QC = e.forwardRef((t, n) => {
|
|
13790
|
+
let { __scopeSelect: r, onAutoScroll: i, ...a } = t, o = SC("SelectScrollButton", r), s = e.useRef(null), c = eC(r), l = e.useCallback(() => {
|
|
13783
13791
|
s.current !== null && (window.clearInterval(s.current), s.current = null);
|
|
13784
13792
|
}, []);
|
|
13785
13793
|
return e.useEffect(() => () => l(), [l]), V(() => {
|
|
@@ -13802,7 +13810,7 @@ var ZC = e.forwardRef((t, n) => {
|
|
|
13802
13810
|
l();
|
|
13803
13811
|
})
|
|
13804
13812
|
});
|
|
13805
|
-
}),
|
|
13813
|
+
}), $C = "SelectSeparator", ew = e.forwardRef((e, t) => {
|
|
13806
13814
|
let { __scopeSelect: n, ...r } = e;
|
|
13807
13815
|
return /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
13808
13816
|
"aria-hidden": !0,
|
|
@@ -13810,17 +13818,17 @@ var ZC = e.forwardRef((t, n) => {
|
|
|
13810
13818
|
ref: t
|
|
13811
13819
|
});
|
|
13812
13820
|
});
|
|
13813
|
-
|
|
13814
|
-
var
|
|
13815
|
-
let { __scopeSelect: n, ...r } = e, i =
|
|
13821
|
+
ew.displayName = $C;
|
|
13822
|
+
var tw = "SelectArrow", nw = e.forwardRef((e, t) => {
|
|
13823
|
+
let { __scopeSelect: n, ...r } = e, i = iC(n), a = oC(tw, n), o = SC(tw, n);
|
|
13816
13824
|
return a.open && o.position === "popper" ? /* @__PURE__ */ (0, P.jsx)(Ki, {
|
|
13817
13825
|
...i,
|
|
13818
13826
|
...r,
|
|
13819
13827
|
ref: t
|
|
13820
13828
|
}) : null;
|
|
13821
13829
|
});
|
|
13822
|
-
|
|
13823
|
-
var
|
|
13830
|
+
nw.displayName = tw;
|
|
13831
|
+
var rw = "SelectBubbleInput", iw = e.forwardRef(({ __scopeSelect: t, value: n, ...r }, i) => {
|
|
13824
13832
|
let a = e.useRef(null), o = z(i, a), s = de(n);
|
|
13825
13833
|
return e.useEffect(() => {
|
|
13826
13834
|
let e = a.current;
|
|
@@ -13840,11 +13848,11 @@ var nw = "SelectBubbleInput", rw = e.forwardRef(({ __scopeSelect: t, value: n, .
|
|
|
13840
13848
|
defaultValue: n
|
|
13841
13849
|
});
|
|
13842
13850
|
});
|
|
13843
|
-
|
|
13844
|
-
function
|
|
13851
|
+
iw.displayName = rw;
|
|
13852
|
+
function aw(e) {
|
|
13845
13853
|
return e === "" || e === void 0;
|
|
13846
13854
|
}
|
|
13847
|
-
function
|
|
13855
|
+
function ow(t) {
|
|
13848
13856
|
let n = wt(t), r = e.useRef(""), i = e.useRef(0), a = e.useCallback((e) => {
|
|
13849
13857
|
let t = r.current + e;
|
|
13850
13858
|
n(t), (function e(t) {
|
|
@@ -13859,16 +13867,16 @@ function aw(t) {
|
|
|
13859
13867
|
o
|
|
13860
13868
|
];
|
|
13861
13869
|
}
|
|
13862
|
-
function
|
|
13863
|
-
let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a =
|
|
13870
|
+
function sw(e, t, n) {
|
|
13871
|
+
let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = cw(e, Math.max(i, 0));
|
|
13864
13872
|
r.length === 1 && (a = a.filter((e) => e !== n));
|
|
13865
13873
|
let o = a.find((e) => e.textValue.toLowerCase().startsWith(r.toLowerCase()));
|
|
13866
13874
|
return o === n ? void 0 : o;
|
|
13867
13875
|
}
|
|
13868
|
-
function
|
|
13876
|
+
function cw(e, t) {
|
|
13869
13877
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
13870
13878
|
}
|
|
13871
|
-
var
|
|
13879
|
+
var lw = lC, uw = dC, dw = pC, fw = hC, pw = _C, mw = yC, hw = NC, gw = LC, _w = zC, vw = UC, yw = GC, bw = qC, xw = ew, Sw = K([
|
|
13872
13880
|
"zui:flex zui:w-full zui:cursor-pointer zui:items-center zui:justify-between zui:gap-2 radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:px-3 zui:text-right zui:text-base zui:text-[var(--zui-color-text)] zui:outline-none zui:data-[placeholder]:text-[var(--zui-color-border)] zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm",
|
|
13873
13881
|
Ev,
|
|
13874
13882
|
Ov,
|
|
@@ -13880,64 +13888,64 @@ var cw = cC, lw = uC, uw = fC, dw = mC, fw = gC, pw = vC, mw = MC, hw = IC, gw =
|
|
|
13880
13888
|
lg: "zui:h-[3.6rem]"
|
|
13881
13889
|
} },
|
|
13882
13890
|
defaultVariants: { size: "default" }
|
|
13883
|
-
}),
|
|
13891
|
+
}), Cw = K("zui:z-[120] zui:max-h-72 zui:min-w-[8rem] zui:overflow-hidden radius-xs zui:border zui:border-[var(--zui-theme-action-primary)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-color-text)] zui:shadow-[0_4px_12px_-6px_var(--zui-effect-shadow-ink-35)] zui:data-[state=open]:animate-in zui:data-[state=open]:fade-in-0 zui:data-[state=open]:zoom-in-95 zui:data-[side=bottom]:slide-in-from-top-2 zui:data-[side=left]:slide-in-from-right-2 zui:data-[side=right]:slide-in-from-left-2 zui:data-[side=top]:slide-in-from-bottom-2"), ww = K("zui:text-right zui:[&_[data-slot=select-label]]:px-2 zui:[&_[data-slot=select-label]]:py-1.5 zui:[&_[data-slot=select-label]]:text-xs zui:[&_[data-slot=select-label]]:font-semibold", {
|
|
13884
13892
|
variants: { hasSearch: {
|
|
13885
13893
|
true: "zui:px-1 zui:pb-1 zui:pt-0",
|
|
13886
13894
|
false: "zui:p-1"
|
|
13887
13895
|
} },
|
|
13888
13896
|
defaultVariants: { hasSearch: !1 }
|
|
13889
|
-
}),
|
|
13897
|
+
}), Tw = K("zui:relative zui:flex zui:w-full zui:cursor-pointer zui:items-center zui:border-b zui:border-[var(--zui-color-border)] zui:py-1.5 zui:pl-8 zui:pr-2 zui:text-right zui:text-sm zui:text-[var(--zui-color-text)] zui:outline-none zui:select-none zui:transition-[background-color,color] zui:duration-150 zui:last:border-b-0 zui:data-[disabled]:pointer-events-none zui:data-[disabled]:cursor-not-allowed zui:data-[disabled]:opacity-45 zui:data-[highlighted]:bg-[var(--zui-theme-bg-muted)] zui:data-[highlighted]:text-[var(--zui-color-text)] zui:data-[state=checked]:bg-transparent"), Ew = K("zui:px-2 zui:py-1.5 zui:text-right zui:text-xs zui:font-semibold zui:text-[var(--zui-color-text)]"), Dw = K("zui:my-1 zui:h-px zui:bg-[var(--zui-color-border)]"), Ow = K(["zui:file:text-[var(--zui-color-text)] zui:placeholder:text-[var(--zui-color-border)] zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:flex zui:h-[2.88rem] zui:w-full zui:min-w-0 radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:px-3 zui:py-2 zui:text-right zui:text-sm zui:text-[var(--zui-color-text)] zui:outline-none", Ev].join(" "));
|
|
13890
13898
|
//#endregion
|
|
13891
13899
|
//#region src/components/Select/Select.filter.ts
|
|
13892
|
-
function
|
|
13893
|
-
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(
|
|
13900
|
+
function kw(t) {
|
|
13901
|
+
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(kw).join(" ") : e.isValidElement(t) ? kw(t.props.children) : "";
|
|
13894
13902
|
}
|
|
13895
|
-
function
|
|
13903
|
+
function Aw(t, n) {
|
|
13896
13904
|
return e.isValidElement(t) && t.type === n;
|
|
13897
13905
|
}
|
|
13898
|
-
function
|
|
13899
|
-
return e.isValidElement(t) ? t.type === n.item ? !0 : e.Children.toArray(t.props.children).some((e) =>
|
|
13906
|
+
function jw(t, n) {
|
|
13907
|
+
return e.isValidElement(t) ? t.type === n.item ? !0 : e.Children.toArray(t.props.children).some((e) => jw(e, n)) : !1;
|
|
13900
13908
|
}
|
|
13901
|
-
function
|
|
13909
|
+
function Mw(e, t) {
|
|
13902
13910
|
let n = e.filter((e) => e != null && e !== !1 && !(typeof e == "string" && e.trim().length === 0));
|
|
13903
13911
|
return n.filter((e, r) => {
|
|
13904
|
-
if (!
|
|
13912
|
+
if (!Aw(e, t.separator)) return !0;
|
|
13905
13913
|
let i = n[r - 1], a = n[r + 1];
|
|
13906
|
-
return !(!i || !a ||
|
|
13914
|
+
return !(!i || !a || Aw(i, t.separator) || Aw(a, t.separator));
|
|
13907
13915
|
});
|
|
13908
13916
|
}
|
|
13909
|
-
function
|
|
13917
|
+
function Nw(t, n, r) {
|
|
13910
13918
|
if (!e.isValidElement(t)) return t;
|
|
13911
|
-
if (
|
|
13912
|
-
if (
|
|
13919
|
+
if (Aw(t, r.item)) return kw(t.props.children).toLocaleLowerCase().includes(n) ? t : null;
|
|
13920
|
+
if (Aw(t, r.separator)) return t;
|
|
13913
13921
|
let i = e.Children.toArray(t.props.children);
|
|
13914
13922
|
if (i.length === 0) return t;
|
|
13915
|
-
let a =
|
|
13916
|
-
return
|
|
13923
|
+
let a = Mw(i.map((e) => Nw(e, n, r)).filter((e) => e !== null), r);
|
|
13924
|
+
return Aw(t, r.group) && !a.some((e) => jw(e, r)) ? null : e.cloneElement(t, t.props, a);
|
|
13917
13925
|
}
|
|
13918
|
-
function
|
|
13926
|
+
function Pw(t, n, r) {
|
|
13919
13927
|
let i = n.trim().toLocaleLowerCase(), a = e.Children.toArray(t);
|
|
13920
|
-
return
|
|
13928
|
+
return Mw(i ? a.map((e) => Nw(e, i, r)).filter((e) => e !== null) : a, r);
|
|
13921
13929
|
}
|
|
13922
13930
|
//#endregion
|
|
13923
13931
|
//#region src/components/Skeleton/Skeleton.variant.ts
|
|
13924
|
-
var
|
|
13932
|
+
var Fw = K("zui:animate-pulse radius-xs zui:bg-[var(--zui-color-tooltip-surface)]");
|
|
13925
13933
|
//#endregion
|
|
13926
13934
|
//#region src/components/Skeleton/Skeleton.tsx
|
|
13927
|
-
function
|
|
13935
|
+
function Iw({ className: e, ...t }) {
|
|
13928
13936
|
return /* @__PURE__ */ (0, P.jsx)("div", {
|
|
13929
13937
|
"data-slot": "skeleton",
|
|
13930
|
-
className: D(
|
|
13938
|
+
className: D(Fw(), e),
|
|
13931
13939
|
...t
|
|
13932
13940
|
});
|
|
13933
13941
|
}
|
|
13934
13942
|
//#endregion
|
|
13935
13943
|
//#region src/components/Select/Select.tsx
|
|
13936
|
-
var
|
|
13937
|
-
function
|
|
13944
|
+
var Lw = "انتخاب همه", Rw = "پاک کردن انتخابها", zw = "جستجو کنید", Bw = 1, Vw = 20, Hw = 350, Uw = 48, Ww = 3, Gw = "zui:inline-flex zui:size-8 zui:items-center zui:justify-center radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:hover:bg-[var(--zui-theme-bg-muted)] zui:hover:text-[var(--zui-color-text)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:opacity-45", Kw = "zui:sticky zui:top-0 zui:z-20 zui:-mx-1 zui:mb-1 zui:min-h-14 zui:border-b zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-muted-surface)] zui:px-1 zui:py-2", qw = "zui:group zui:flex zui:w-full zui:cursor-pointer zui:items-center zui:justify-between zui:gap-2 zui:border-b zui:border-[var(--zui-color-border)] zui:px-2 zui:py-1.5 zui:text-right zui:text-sm zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-[background-color,color] zui:duration-150 zui:hover:bg-[var(--zui-theme-bg-muted)] zui:focus-visible:bg-[var(--zui-theme-bg-elevated)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", Jw = "zui:size-[1.2rem]", Yw = e.createContext(null);
|
|
13945
|
+
function Xw(e) {
|
|
13938
13946
|
return typeof e == "string" ? e.length > 0 : !1;
|
|
13939
13947
|
}
|
|
13940
|
-
function
|
|
13948
|
+
function Zw(e) {
|
|
13941
13949
|
if (!Array.isArray(e)) return [];
|
|
13942
13950
|
let t = /* @__PURE__ */ new Set();
|
|
13943
13951
|
return e.forEach((e) => {
|
|
@@ -13946,7 +13954,7 @@ function Xw(e) {
|
|
|
13946
13954
|
n.length !== 0 && t.add(n);
|
|
13947
13955
|
}), Array.from(t);
|
|
13948
13956
|
}
|
|
13949
|
-
function
|
|
13957
|
+
function Qw(e) {
|
|
13950
13958
|
if (!Array.isArray(e)) return [];
|
|
13951
13959
|
let t = [], n = /* @__PURE__ */ new Set();
|
|
13952
13960
|
return e.forEach((e) => {
|
|
@@ -13961,7 +13969,7 @@ function Zw(e) {
|
|
|
13961
13969
|
});
|
|
13962
13970
|
}), t;
|
|
13963
13971
|
}
|
|
13964
|
-
function
|
|
13972
|
+
function $w(e, t) {
|
|
13965
13973
|
if (t.length === 0) return e;
|
|
13966
13974
|
let n = /* @__PURE__ */ new Map();
|
|
13967
13975
|
return e.forEach((e) => {
|
|
@@ -13970,46 +13978,46 @@ function Qw(e, t) {
|
|
|
13970
13978
|
n.set(e.value, e);
|
|
13971
13979
|
}), Array.from(n.values());
|
|
13972
13980
|
}
|
|
13973
|
-
function
|
|
13974
|
-
if (typeof e != "number" || !Number.isFinite(e)) return
|
|
13981
|
+
function eT(e) {
|
|
13982
|
+
if (typeof e != "number" || !Number.isFinite(e)) return Vw;
|
|
13975
13983
|
let t = Math.floor(e);
|
|
13976
|
-
return t > 0 ? t :
|
|
13984
|
+
return t > 0 ? t : Vw;
|
|
13977
13985
|
}
|
|
13978
|
-
function
|
|
13986
|
+
function tT(e, t, n, r) {
|
|
13979
13987
|
return typeof e.hasMore == "boolean" ? e.hasMore : typeof e.totalItems == "number" && Number.isFinite(e.totalItems) ? t < Math.max(0, Math.floor(e.totalItems)) : typeof e.nextPage == "number" ? Number.isFinite(e.nextPage) && e.nextPage > 0 : n >= r;
|
|
13980
13988
|
}
|
|
13981
|
-
function
|
|
13989
|
+
function nT(e, t) {
|
|
13982
13990
|
return typeof e.nextPage == "number" && Number.isFinite(e.nextPage) && e.nextPage > t ? Math.floor(e.nextPage) : t + 1;
|
|
13983
13991
|
}
|
|
13984
|
-
function
|
|
13992
|
+
function rT(e) {
|
|
13985
13993
|
return e instanceof Error && e.message.trim().length > 0 ? e.message : "Failed to load options.";
|
|
13986
13994
|
}
|
|
13987
|
-
function
|
|
13988
|
-
return e.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
13995
|
+
function iT(e) {
|
|
13996
|
+
return e.map((e) => /* @__PURE__ */ (0, P.jsx)(mT, {
|
|
13989
13997
|
value: e.value,
|
|
13990
13998
|
disabled: e.disabled,
|
|
13991
13999
|
children: e.label
|
|
13992
14000
|
}, `option-${e.value}`));
|
|
13993
14001
|
}
|
|
13994
|
-
function
|
|
14002
|
+
function aT() {
|
|
13995
14003
|
return /* @__PURE__ */ (0, P.jsx)("div", {
|
|
13996
14004
|
"data-slot": "select-loading",
|
|
13997
14005
|
className: "zui:space-y-1 zui:px-2 zui:py-2",
|
|
13998
|
-
children: Array.from({ length:
|
|
14006
|
+
children: Array.from({ length: Ww }, (e, t) => /* @__PURE__ */ (0, P.jsx)(Iw, { className: D("zui:h-5 zui:max-w-full", t === 0 ? "zui:w-[88%]" : t === 1 ? "zui:w-[72%]" : "zui:w-[80%]") }, `select-loading-${t}`))
|
|
13999
14007
|
});
|
|
14000
14008
|
}
|
|
14001
|
-
function aT(t) {
|
|
14002
|
-
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(aT).join(" ") : e.isValidElement(t) ? aT(t.props.children) : "";
|
|
14003
|
-
}
|
|
14004
14009
|
function oT(t) {
|
|
14010
|
+
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(oT).join(" ") : e.isValidElement(t) ? oT(t.props.children) : "";
|
|
14011
|
+
}
|
|
14012
|
+
function sT(t) {
|
|
14005
14013
|
let n = [], r = /* @__PURE__ */ new Set(), i = (t) => {
|
|
14006
14014
|
e.Children.forEach(t, (t) => {
|
|
14007
14015
|
if (e.isValidElement(t)) {
|
|
14008
|
-
if (t.type ===
|
|
14016
|
+
if (t.type === mT) {
|
|
14009
14017
|
let e = t.props, i = typeof e.value == "string" ? e.value.trim() : "";
|
|
14010
14018
|
if (i.length === 0 || r.has(i)) return;
|
|
14011
14019
|
r.add(i);
|
|
14012
|
-
let a =
|
|
14020
|
+
let a = oT(e.children).trim();
|
|
14013
14021
|
n.push({
|
|
14014
14022
|
value: i,
|
|
14015
14023
|
label: e.children,
|
|
@@ -14024,8 +14032,8 @@ function oT(t) {
|
|
|
14024
14032
|
};
|
|
14025
14033
|
return i(t), n;
|
|
14026
14034
|
}
|
|
14027
|
-
function
|
|
14028
|
-
let w = e.useId(), T = _ ?? w, E = r, O = l || u, k = t === "multi", A = e.useRef(null), [j, M] = e.useState(""), [N, ee] = e.useState(!!g), [F, I] = e.useState(!1), te = !k && typeof v == "string" ? v : void 0, L = !k && typeof y == "string" ? y : void 0, [R, ne] = e.useState(L), [re, ie] = e.useState(() =>
|
|
14035
|
+
function cT({ type: t = "single", title: n, required: r = !1, placeholder: i, options: a, remoteOptions: o, isSearch: s = !1, size: c = "default", disabled: l = !1, disable: u = !1, onValueChange: d, onChange: f, onInvalid: p, onOpenChange: m, open: h, defaultOpen: g, id: _, value: v, defaultValue: y, children: b, selectAllLabel: x = Lw, selectedCountLabel: S, ...C }) {
|
|
14036
|
+
let w = e.useId(), T = _ ?? w, E = r, O = l || u, k = t === "multi", A = e.useRef(null), [j, M] = e.useState(""), [N, ee] = e.useState(!!g), [F, I] = e.useState(!1), te = !k && typeof v == "string" ? v : void 0, L = !k && typeof y == "string" ? y : void 0, [R, ne] = e.useState(L), [re, ie] = e.useState(() => Zw(y)), [z, ae] = e.useState(() => Zw(y)), oe = e.useRef(!1), se = e.useMemo(() => Qw(a), [a]), B = typeof h == "boolean", V = B ? h : N, H = !k && typeof te == "string", ce = k && Array.isArray(v), le = e.useMemo(() => Zw(v), [v]), ue = H ? te : R, de = ce ? le : re, fe = k ? de.length > 0 : Xw(ue), pe = e.useMemo(() => !k || de.length === 0 ? "" : typeof S == "function" ? S(de.length) : `${de.length} مورد انتخاب شده`, [
|
|
14029
14037
|
k,
|
|
14030
14038
|
de.length,
|
|
14031
14039
|
S
|
|
@@ -14046,7 +14054,7 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14046
14054
|
f,
|
|
14047
14055
|
d
|
|
14048
14056
|
]), _e = e.useCallback((e) => {
|
|
14049
|
-
let t =
|
|
14057
|
+
let t = Zw(e);
|
|
14050
14058
|
ce || ie(t), F && I(!1), d?.(t), f?.(t);
|
|
14051
14059
|
}, [
|
|
14052
14060
|
F,
|
|
@@ -14100,9 +14108,9 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14100
14108
|
k,
|
|
14101
14109
|
V
|
|
14102
14110
|
]);
|
|
14103
|
-
let ve = e.Children.toArray(b), ye = ve.some((t) => e.isValidElement(t) && t.type ===
|
|
14111
|
+
let ve = e.Children.toArray(b), ye = ve.some((t) => e.isValidElement(t) && t.type === dT), W = o?.enabled !== !1 && o, be = !ye && (se.length > 0 || W) ? [...ve, /* @__PURE__ */ (0, P.jsx)(dT, {}, "select-generated-content")] : b, xe = e.Children.toArray(be).some((t) => e.isValidElement(t) && t.type === lT), Se = e.Children.map(be, (t) => {
|
|
14104
14112
|
if (!e.isValidElement(t)) return t;
|
|
14105
|
-
if (t.type ===
|
|
14113
|
+
if (t.type === lT) {
|
|
14106
14114
|
let n = t.props;
|
|
14107
14115
|
return e.cloneElement(t, {
|
|
14108
14116
|
id: n.id ?? T,
|
|
@@ -14111,7 +14119,7 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14111
14119
|
className: D("zui:text-right", n.className)
|
|
14112
14120
|
});
|
|
14113
14121
|
}
|
|
14114
|
-
if (t.type ===
|
|
14122
|
+
if (t.type === dT) {
|
|
14115
14123
|
let n = t.props;
|
|
14116
14124
|
return e.cloneElement(t, { className: D("zui:text-right", n.className) });
|
|
14117
14125
|
}
|
|
@@ -14166,23 +14174,23 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14166
14174
|
className: "zui:mr-1 zui:text-[var(--zui-theme-status-danger)]",
|
|
14167
14175
|
children: "*"
|
|
14168
14176
|
}) : null]
|
|
14169
|
-
}) : null, /* @__PURE__ */ (0, P.jsxs)(
|
|
14177
|
+
}) : null, /* @__PURE__ */ (0, P.jsxs)(Yw.Provider, {
|
|
14170
14178
|
value: G,
|
|
14171
14179
|
children: [k ? /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14172
14180
|
"data-slot": "select",
|
|
14173
14181
|
dir: "rtl",
|
|
14174
14182
|
className: "zui:relative",
|
|
14175
|
-
children: [xe ? Se : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(
|
|
14183
|
+
children: [xe ? Se : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(lT, {
|
|
14176
14184
|
id: T,
|
|
14177
14185
|
size: c,
|
|
14178
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
14186
|
+
children: /* @__PURE__ */ (0, P.jsx)(uT, { placeholder: i })
|
|
14179
14187
|
}), Se] }), Ce ? /* @__PURE__ */ (0, P.jsx)("input", {
|
|
14180
14188
|
type: "hidden",
|
|
14181
14189
|
name: Ce,
|
|
14182
14190
|
form: we,
|
|
14183
14191
|
value: de.join(",")
|
|
14184
14192
|
}) : null]
|
|
14185
|
-
}) : /* @__PURE__ */ (0, P.jsx)(
|
|
14193
|
+
}) : /* @__PURE__ */ (0, P.jsx)(lw, {
|
|
14186
14194
|
"data-slot": "select",
|
|
14187
14195
|
dir: "rtl",
|
|
14188
14196
|
disabled: O,
|
|
@@ -14192,10 +14200,10 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14192
14200
|
onValueChange: he,
|
|
14193
14201
|
onOpenChange: me,
|
|
14194
14202
|
...C,
|
|
14195
|
-
children: xe ? Se : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(
|
|
14203
|
+
children: xe ? Se : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(lT, {
|
|
14196
14204
|
id: T,
|
|
14197
14205
|
size: c,
|
|
14198
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
14206
|
+
children: /* @__PURE__ */ (0, P.jsx)(uT, { placeholder: i })
|
|
14199
14207
|
}), Se] })
|
|
14200
14208
|
}), E ? /* @__PURE__ */ (0, P.jsx)("input", {
|
|
14201
14209
|
type: "text",
|
|
@@ -14212,8 +14220,8 @@ function sT({ type: t = "single", title: n, required: r = !1, placeholder: i, op
|
|
|
14212
14220
|
})]
|
|
14213
14221
|
});
|
|
14214
14222
|
}
|
|
14215
|
-
var
|
|
14216
|
-
let u = e.useContext(
|
|
14223
|
+
var lT = e.forwardRef(function({ className: t, size: n = "default", children: r, dir: i, asChild: a, onClick: o, disabled: s, ...c }, l) {
|
|
14224
|
+
let u = e.useContext(Yw), d = u?.hasValue ?? !1, f = u?.isInvalid ?? !1, p = u?.isOpen ?? !1;
|
|
14217
14225
|
if (u?.selectType === "multi") {
|
|
14218
14226
|
let e = u.isOpen, i = s || u.isDisabled;
|
|
14219
14227
|
return /* @__PURE__ */ (0, P.jsxs)("button", {
|
|
@@ -14227,7 +14235,7 @@ var cT = e.forwardRef(function({ className: t, size: n = "default", children: r,
|
|
|
14227
14235
|
"aria-haspopup": "listbox",
|
|
14228
14236
|
"aria-invalid": f || void 0,
|
|
14229
14237
|
disabled: i,
|
|
14230
|
-
className: D(
|
|
14238
|
+
className: D(Sw({
|
|
14231
14239
|
size: n,
|
|
14232
14240
|
className: t
|
|
14233
14241
|
}), "zui:text-right"),
|
|
@@ -14238,7 +14246,7 @@ var cT = e.forwardRef(function({ className: t, size: n = "default", children: r,
|
|
|
14238
14246
|
children: [r, /* @__PURE__ */ (0, P.jsx)(et, { className: D("zui:size-4 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200", e ? "zui:rotate-180" : "zui:rotate-0") })]
|
|
14239
14247
|
});
|
|
14240
14248
|
}
|
|
14241
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
14249
|
+
return /* @__PURE__ */ (0, P.jsxs)(uw, {
|
|
14242
14250
|
ref: l,
|
|
14243
14251
|
"data-slot": "select-trigger",
|
|
14244
14252
|
"data-has-value": d,
|
|
@@ -14247,19 +14255,19 @@ var cT = e.forwardRef(function({ className: t, size: n = "default", children: r,
|
|
|
14247
14255
|
asChild: a,
|
|
14248
14256
|
disabled: s,
|
|
14249
14257
|
onClick: o,
|
|
14250
|
-
className: D(
|
|
14258
|
+
className: D(Sw({
|
|
14251
14259
|
size: n,
|
|
14252
14260
|
className: t
|
|
14253
14261
|
}), "zui:text-right"),
|
|
14254
14262
|
...c,
|
|
14255
|
-
children: [r, /* @__PURE__ */ (0, P.jsx)(
|
|
14263
|
+
children: [r, /* @__PURE__ */ (0, P.jsx)(fw, {
|
|
14256
14264
|
asChild: !0,
|
|
14257
14265
|
children: /* @__PURE__ */ (0, P.jsx)(et, { className: D("zui:size-4 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200", p ? "zui:rotate-180" : "zui:rotate-0") })
|
|
14258
14266
|
})]
|
|
14259
14267
|
});
|
|
14260
14268
|
});
|
|
14261
|
-
function
|
|
14262
|
-
let a = e.useContext(
|
|
14269
|
+
function uT({ className: t, placeholder: n, children: r, ...i }) {
|
|
14270
|
+
let a = e.useContext(Yw);
|
|
14263
14271
|
if (a?.selectType === "multi") {
|
|
14264
14272
|
let e = r ?? (a.hasValue ? a.multiSelectedCountText : n);
|
|
14265
14273
|
return /* @__PURE__ */ (0, P.jsx)("span", {
|
|
@@ -14276,7 +14284,7 @@ function lT({ className: t, placeholder: n, children: r, ...i }) {
|
|
|
14276
14284
|
className: D("zui:block zui:max-w-full zui:truncate zui:text-right zui:text-[var(--zui-color-text)]", t),
|
|
14277
14285
|
...i,
|
|
14278
14286
|
children: r ?? o.label
|
|
14279
|
-
}) : /* @__PURE__ */ (0, P.jsx)(
|
|
14287
|
+
}) : /* @__PURE__ */ (0, P.jsx)(dw, {
|
|
14280
14288
|
"data-slot": "select-value",
|
|
14281
14289
|
className: D("zui:text-[var(--zui-color-text)] zui:data-[placeholder]:text-[var(--zui-color-border)]", t),
|
|
14282
14290
|
placeholder: n,
|
|
@@ -14284,8 +14292,8 @@ function lT({ className: t, placeholder: n, children: r, ...i }) {
|
|
|
14284
14292
|
children: r
|
|
14285
14293
|
});
|
|
14286
14294
|
}
|
|
14287
|
-
var
|
|
14288
|
-
let c = e.useContext(
|
|
14295
|
+
var dT = e.forwardRef(function({ className: t, children: n, position: r = "popper", sideOffset: i = 6, dir: a, ...o }, s) {
|
|
14296
|
+
let c = e.useContext(Yw), l = c?.selectType === "multi", u = l ? c?.isSearch ?? !1 : !0, d = c?.searchTerm ?? "", f = c?.setSearchTerm, p = c?.isOpen ?? !1, m = e.useRef(null), h = e.useRef(null), g = c?.multiSelectedValues, _ = c?.multiPinnedSelectedValues, v = c?.options, y = e.useMemo(() => g ?? [], [g]), b = e.useMemo(() => _ ?? [], [_]), x = e.useMemo(() => v ?? [], [v]), S = c?.remoteOptions, C = typeof S?.loadOptions == "function" && S.enabled !== !1, w = eT(S?.pageSize), T = e.useRef(null), E = e.useRef(null), O = e.useRef([]), k = e.useRef(0), A = e.useRef(!1), [j, M] = e.useState([]), [N, ee] = e.useState(""), [F, I] = e.useState(Bw), [te, L] = e.useState(!0), [R, ne] = e.useState(!1), [re, ie] = e.useState(null), z = e.useMemo(() => new Set(y), [y]), ae = e.useMemo(() => new Set(b), [b]), oe = e.useCallback(async (e, t, n) => {
|
|
14289
14297
|
if (!C || !S || t === "append" && A.current) return;
|
|
14290
14298
|
let r = k.current + 1;
|
|
14291
14299
|
k.current = r, A.current = !0, ne(!0), ie(null);
|
|
@@ -14296,10 +14304,10 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14296
14304
|
search: n
|
|
14297
14305
|
});
|
|
14298
14306
|
if (r !== k.current) return;
|
|
14299
|
-
let a =
|
|
14300
|
-
O.current = o, M(o), I(
|
|
14307
|
+
let a = Qw(i.options), o = t === "append" ? $w(O.current, a) : a;
|
|
14308
|
+
O.current = o, M(o), I(nT(i, e)), L(tT(i, o.length, a.length, w));
|
|
14301
14309
|
} catch (e) {
|
|
14302
|
-
r === k.current && (ie(
|
|
14310
|
+
r === k.current && (ie(rT(e)), L(!1));
|
|
14303
14311
|
} finally {
|
|
14304
14312
|
r === k.current && (A.current = !1, ne(!1));
|
|
14305
14313
|
}
|
|
@@ -14319,22 +14327,22 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14319
14327
|
}
|
|
14320
14328
|
let e = window.setTimeout(() => {
|
|
14321
14329
|
ee(d.trim());
|
|
14322
|
-
},
|
|
14330
|
+
}, Hw);
|
|
14323
14331
|
return () => window.clearTimeout(e);
|
|
14324
14332
|
}, [C, d]), e.useEffect(() => {
|
|
14325
|
-
!C || !p || (O.current = [], M([]), I(
|
|
14333
|
+
!C || !p || (O.current = [], M([]), I(Bw), L(!0), ie(null), oe(Bw, "replace", N));
|
|
14326
14334
|
}, [
|
|
14327
14335
|
p,
|
|
14328
14336
|
C,
|
|
14329
14337
|
oe,
|
|
14330
14338
|
N
|
|
14331
14339
|
]);
|
|
14332
|
-
let se = e.useMemo(() => C ?
|
|
14340
|
+
let se = e.useMemo(() => C ? $w(N.length === 0 ? x : [], j) : x, [
|
|
14333
14341
|
x,
|
|
14334
14342
|
C,
|
|
14335
14343
|
j,
|
|
14336
14344
|
N.length
|
|
14337
|
-
]), B = e.useMemo(() =>
|
|
14345
|
+
]), B = e.useMemo(() => iT(se), [se]), V = se.length > 0 || C ? B : n, H = C && p && te && !R && re === null, ce = e.useCallback(() => {
|
|
14338
14346
|
H && oe(F, "append", N);
|
|
14339
14347
|
}, [
|
|
14340
14348
|
H,
|
|
@@ -14344,7 +14352,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14344
14352
|
]), le = e.useCallback((e) => {
|
|
14345
14353
|
if (!H) return;
|
|
14346
14354
|
let t = e.currentTarget;
|
|
14347
|
-
t.scrollHeight - t.scrollTop - t.clientHeight <=
|
|
14355
|
+
t.scrollHeight - t.scrollTop - t.clientHeight <= Uw && ce();
|
|
14348
14356
|
}, [H, ce]);
|
|
14349
14357
|
e.useEffect(() => {
|
|
14350
14358
|
if (!H || typeof window > "u" || !("IntersectionObserver" in window)) return;
|
|
@@ -14355,7 +14363,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14355
14363
|
}, { root: t });
|
|
14356
14364
|
return n.observe(e), () => n.disconnect();
|
|
14357
14365
|
}, [H, ce]);
|
|
14358
|
-
let ue = e.useMemo(() => l ?
|
|
14366
|
+
let ue = e.useMemo(() => l ? sT(V) : [], [l, V]), de = e.useMemo(() => {
|
|
14359
14367
|
if (!l) return [];
|
|
14360
14368
|
if (!u || C) return ue;
|
|
14361
14369
|
let e = d.trim().toLocaleLowerCase();
|
|
@@ -14421,16 +14429,16 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14421
14429
|
l,
|
|
14422
14430
|
c,
|
|
14423
14431
|
pe
|
|
14424
|
-
]), ve = e.useMemo(() => u && !C ?
|
|
14425
|
-
group:
|
|
14426
|
-
item:
|
|
14427
|
-
separator:
|
|
14432
|
+
]), ve = e.useMemo(() => u && !C ? Pw(V, d, {
|
|
14433
|
+
group: fT,
|
|
14434
|
+
item: mT,
|
|
14435
|
+
separator: hT
|
|
14428
14436
|
}) : e.Children.toArray(V), [
|
|
14429
14437
|
C,
|
|
14430
14438
|
u,
|
|
14431
14439
|
d,
|
|
14432
14440
|
V
|
|
14433
|
-
]), ye = ve.length > 0, W =
|
|
14441
|
+
]), ye = ve.length > 0, W = Xw(c?.singleSelectedValue);
|
|
14434
14442
|
if (l && c) {
|
|
14435
14443
|
if (!p) return null;
|
|
14436
14444
|
let e = fe.length > 0;
|
|
@@ -14439,16 +14447,16 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14439
14447
|
"data-slot": "select-content",
|
|
14440
14448
|
"data-state": "open",
|
|
14441
14449
|
dir: "rtl",
|
|
14442
|
-
className: D(
|
|
14450
|
+
className: D(Cw(), "zui:!absolute zui:left-0 zui:right-0 zui:top-full zui:mt-1.5 zui:w-full", t),
|
|
14443
14451
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14444
14452
|
ref: T,
|
|
14445
14453
|
"data-slot": "select-viewport",
|
|
14446
|
-
className: D(
|
|
14454
|
+
className: D(ww({ hasSearch: u }), "zui:max-h-72 zui:overflow-y-auto"),
|
|
14447
14455
|
onScroll: le,
|
|
14448
14456
|
children: [
|
|
14449
14457
|
u ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
14450
14458
|
"data-slot": "select-search",
|
|
14451
|
-
className:
|
|
14459
|
+
className: Kw,
|
|
14452
14460
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14453
14461
|
dir: "rtl",
|
|
14454
14462
|
className: "zui:flex zui:items-center zui:gap-1",
|
|
@@ -14464,22 +14472,22 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14464
14472
|
dir: "rtl",
|
|
14465
14473
|
autoFocus: !0,
|
|
14466
14474
|
value: d,
|
|
14467
|
-
placeholder:
|
|
14475
|
+
placeholder: zw,
|
|
14468
14476
|
"data-slot": "select-search-input",
|
|
14469
|
-
className: D(
|
|
14477
|
+
className: D(Ow(), "zui:pr-9"),
|
|
14470
14478
|
onChange: (e) => f?.(e.target.value),
|
|
14471
14479
|
onKeyDown: (e) => e.stopPropagation(),
|
|
14472
14480
|
onPointerDown: (e) => e.stopPropagation()
|
|
14473
14481
|
})]
|
|
14474
14482
|
}),
|
|
14475
14483
|
/* @__PURE__ */ (0, P.jsx)(gx, {
|
|
14476
|
-
text:
|
|
14484
|
+
text: Rw,
|
|
14477
14485
|
position: "top",
|
|
14478
14486
|
disabled: c.isDisabled || y.length === 0,
|
|
14479
14487
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
14480
14488
|
type: "button",
|
|
14481
|
-
className:
|
|
14482
|
-
"aria-label":
|
|
14489
|
+
className: Gw,
|
|
14490
|
+
"aria-label": Rw,
|
|
14483
14491
|
disabled: c.isDisabled || y.length === 0,
|
|
14484
14492
|
onPointerDown: (e) => e.stopPropagation(),
|
|
14485
14493
|
onClick: () => c.setMultiSelectedValues([]),
|
|
@@ -14495,13 +14503,13 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14495
14503
|
disabled: c.isDisabled || pe.length === 0 || me,
|
|
14496
14504
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
14497
14505
|
type: "button",
|
|
14498
|
-
className:
|
|
14506
|
+
className: Gw,
|
|
14499
14507
|
"aria-label": c.multiSelectAllLabel,
|
|
14500
14508
|
disabled: c.isDisabled || pe.length === 0 || me,
|
|
14501
14509
|
onPointerDown: (e) => e.stopPropagation(),
|
|
14502
14510
|
onClick: U,
|
|
14503
14511
|
children: /* @__PURE__ */ (0, P.jsx)(Qe, {
|
|
14504
|
-
className: D(
|
|
14512
|
+
className: D(Jw, "zui:text-[var(--zui-color-text)]"),
|
|
14505
14513
|
"aria-hidden": "true"
|
|
14506
14514
|
})
|
|
14507
14515
|
})
|
|
@@ -14517,7 +14525,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14517
14525
|
role: "option",
|
|
14518
14526
|
"aria-selected": n,
|
|
14519
14527
|
dir: "rtl",
|
|
14520
|
-
className: D(
|
|
14528
|
+
className: D(qw, t === fe.length - 1 && "zui:border-b-0"),
|
|
14521
14529
|
disabled: r,
|
|
14522
14530
|
onPointerDown: (t) => ge(t, e.value, r),
|
|
14523
14531
|
onClick: () => _e(e.value, r),
|
|
@@ -14527,7 +14535,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14527
14535
|
}), /* @__PURE__ */ (0, P.jsx)("span", {
|
|
14528
14536
|
"aria-hidden": "true",
|
|
14529
14537
|
className: "zui:flex zui:shrink-0 zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]",
|
|
14530
|
-
children: /* @__PURE__ */ (0, P.jsx)($e, { className: D(
|
|
14538
|
+
children: /* @__PURE__ */ (0, P.jsx)($e, { className: D(Jw, !n && "zui:opacity-0") })
|
|
14531
14539
|
})]
|
|
14532
14540
|
}, e.value);
|
|
14533
14541
|
}) : R ? null : /* @__PURE__ */ (0, P.jsx)("p", {
|
|
@@ -14535,7 +14543,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14535
14543
|
className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-color-text)]",
|
|
14536
14544
|
children: "No results found."
|
|
14537
14545
|
}),
|
|
14538
|
-
R ? /* @__PURE__ */ (0, P.jsx)(
|
|
14546
|
+
R ? /* @__PURE__ */ (0, P.jsx)(aT, {}) : null,
|
|
14539
14547
|
re ? /* @__PURE__ */ (0, P.jsx)("p", {
|
|
14540
14548
|
"data-slot": "select-error",
|
|
14541
14549
|
className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-theme-status-danger)]",
|
|
@@ -14551,23 +14559,23 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14551
14559
|
})
|
|
14552
14560
|
});
|
|
14553
14561
|
}
|
|
14554
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
14562
|
+
return /* @__PURE__ */ (0, P.jsx)(pw, { children: /* @__PURE__ */ (0, P.jsx)(mw, {
|
|
14555
14563
|
ref: s,
|
|
14556
14564
|
"data-slot": "select-content",
|
|
14557
14565
|
dir: "rtl",
|
|
14558
|
-
className: D(
|
|
14566
|
+
className: D(Cw(), r === "popper" && "zui:data-[side=bottom]:translate-y-1 zui:data-[side=left]:-translate-x-1 zui:data-[side=right]:translate-x-1 zui:data-[side=top]:-translate-y-1", t),
|
|
14559
14567
|
position: r,
|
|
14560
14568
|
sideOffset: i,
|
|
14561
14569
|
...o,
|
|
14562
|
-
children: /* @__PURE__ */ (0, P.jsxs)(
|
|
14570
|
+
children: /* @__PURE__ */ (0, P.jsxs)(hw, {
|
|
14563
14571
|
ref: T,
|
|
14564
14572
|
"data-slot": "select-viewport",
|
|
14565
|
-
className: D(
|
|
14573
|
+
className: D(ww({ hasSearch: u }), "zui:max-h-72 zui:overflow-y-auto", r === "popper" && "zui:min-w-[var(--radix-select-trigger-width)]"),
|
|
14566
14574
|
onScroll: le,
|
|
14567
14575
|
children: [
|
|
14568
14576
|
u ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
14569
14577
|
"data-slot": "select-search",
|
|
14570
|
-
className:
|
|
14578
|
+
className: Kw,
|
|
14571
14579
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14572
14580
|
dir: "rtl",
|
|
14573
14581
|
className: "zui:flex zui:items-center zui:gap-1",
|
|
@@ -14582,21 +14590,21 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14582
14590
|
dir: "rtl",
|
|
14583
14591
|
autoFocus: !0,
|
|
14584
14592
|
value: d,
|
|
14585
|
-
placeholder:
|
|
14593
|
+
placeholder: zw,
|
|
14586
14594
|
"data-slot": "select-search-input",
|
|
14587
|
-
className: D(
|
|
14595
|
+
className: D(Ow(), "zui:pr-9"),
|
|
14588
14596
|
onChange: (e) => f?.(e.target.value),
|
|
14589
14597
|
onKeyDown: (e) => e.stopPropagation(),
|
|
14590
14598
|
onPointerDown: (e) => e.stopPropagation()
|
|
14591
14599
|
})]
|
|
14592
14600
|
}), /* @__PURE__ */ (0, P.jsx)(gx, {
|
|
14593
|
-
text:
|
|
14601
|
+
text: Rw,
|
|
14594
14602
|
position: "top",
|
|
14595
14603
|
disabled: (c?.isDisabled ?? !1) || !W,
|
|
14596
14604
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
14597
14605
|
type: "button",
|
|
14598
|
-
className:
|
|
14599
|
-
"aria-label":
|
|
14606
|
+
className: Gw,
|
|
14607
|
+
"aria-label": Rw,
|
|
14600
14608
|
disabled: (c?.isDisabled ?? !1) || !W,
|
|
14601
14609
|
onPointerDown: (e) => e.stopPropagation(),
|
|
14602
14610
|
onClick: () => c?.clearSingleSelection(),
|
|
@@ -14613,7 +14621,7 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14613
14621
|
className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-color-text)]",
|
|
14614
14622
|
children: "No results found."
|
|
14615
14623
|
}),
|
|
14616
|
-
R ? /* @__PURE__ */ (0, P.jsx)(
|
|
14624
|
+
R ? /* @__PURE__ */ (0, P.jsx)(aT, {}) : null,
|
|
14617
14625
|
re ? /* @__PURE__ */ (0, P.jsx)("p", {
|
|
14618
14626
|
"data-slot": "select-error",
|
|
14619
14627
|
className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-theme-status-danger)]",
|
|
@@ -14629,42 +14637,42 @@ var uT = e.forwardRef(function({ className: t, children: n, position: r = "poppe
|
|
|
14629
14637
|
})
|
|
14630
14638
|
}) });
|
|
14631
14639
|
});
|
|
14632
|
-
function
|
|
14633
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
14640
|
+
function fT(e) {
|
|
14641
|
+
return /* @__PURE__ */ (0, P.jsx)(gw, {
|
|
14634
14642
|
"data-slot": "select-group",
|
|
14635
14643
|
...e
|
|
14636
14644
|
});
|
|
14637
14645
|
}
|
|
14638
|
-
var
|
|
14639
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
14646
|
+
var pT = e.forwardRef(function({ className: e, ...t }, n) {
|
|
14647
|
+
return /* @__PURE__ */ (0, P.jsx)(_w, {
|
|
14640
14648
|
ref: n,
|
|
14641
14649
|
"data-slot": "select-label",
|
|
14642
|
-
className: D(
|
|
14650
|
+
className: D(Ew(), e),
|
|
14643
14651
|
...t
|
|
14644
14652
|
});
|
|
14645
|
-
}),
|
|
14646
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
14653
|
+
}), mT = e.forwardRef(function({ className: e, children: t, ...n }, r) {
|
|
14654
|
+
return /* @__PURE__ */ (0, P.jsxs)(vw, {
|
|
14647
14655
|
ref: r,
|
|
14648
14656
|
"data-slot": "select-item",
|
|
14649
14657
|
dir: "rtl",
|
|
14650
|
-
className: D(
|
|
14658
|
+
className: D(Tw(), e),
|
|
14651
14659
|
...n,
|
|
14652
14660
|
children: [/* @__PURE__ */ (0, P.jsx)("span", {
|
|
14653
14661
|
className: "zui:absolute zui:left-2 zui:flex zui:size-[1.2rem] zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]",
|
|
14654
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
14655
|
-
}), /* @__PURE__ */ (0, P.jsx)(
|
|
14662
|
+
children: /* @__PURE__ */ (0, P.jsx)(bw, { children: /* @__PURE__ */ (0, P.jsx)($e, { className: Jw }) })
|
|
14663
|
+
}), /* @__PURE__ */ (0, P.jsx)(yw, {
|
|
14656
14664
|
className: "zui:w-full zui:text-right",
|
|
14657
14665
|
children: t
|
|
14658
14666
|
})]
|
|
14659
14667
|
});
|
|
14660
|
-
}),
|
|
14661
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
14668
|
+
}), hT = e.forwardRef(function({ className: e, ...t }, n) {
|
|
14669
|
+
return /* @__PURE__ */ (0, P.jsx)(xw, {
|
|
14662
14670
|
ref: n,
|
|
14663
14671
|
"data-slot": "select-separator",
|
|
14664
|
-
className: D(
|
|
14672
|
+
className: D(Dw(), e),
|
|
14665
14673
|
...t
|
|
14666
14674
|
});
|
|
14667
|
-
}),
|
|
14675
|
+
}), gT = K("zui:fixed zui:inset-0 zui:z-[80] zui:bg-[var(--zui-theme-overlay-scrim)] zui:backdrop-blur-[1px] zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:data-[state=closed]:fade-out-0 zui:data-[state=open]:fade-in-0"), _T = K("zui:fixed zui:z-[90] zui:flex zui:h-fit zui:max-h-[calc(100dvh-1rem)] zui:min-w-[16rem] zui:max-w-[calc(100vw-1rem)] zui:flex-col zui:gap-4 zui:overflow-y-auto zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-color-surface)] zui:p-4 zui:text-[var(--zui-theme-text-primary)] zui:shadow-[0_24px_48px_-30px_var(--zui-effect-shadow-ink-55)] zui:transition zui:ease-in-out zui:data-[state=closed]:duration-300 zui:data-[state=open]:duration-500 zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:sm:max-h-[calc(100dvh-2rem)] zui:sm:max-w-[calc(100vw-2rem)] zui:sm:p-6", {
|
|
14668
14676
|
variants: { side: {
|
|
14669
14677
|
top: "zui:left-2 zui:top-2 zui:right-2 zui:w-auto zui:border-b radius-lg zui:data-[state=closed]:slide-out-to-top zui:data-[state=open]:slide-in-from-top zui:sm:left-4 zui:sm:right-auto zui:sm:top-4 zui:sm:w-fit",
|
|
14670
14678
|
bottom: "zui:left-2 zui:bottom-2 zui:right-2 zui:w-auto zui:border-t radius-lg zui:data-[state=closed]:slide-out-to-bottom zui:data-[state=open]:slide-in-from-bottom zui:sm:left-4 zui:sm:right-auto zui:sm:bottom-4 zui:sm:w-fit",
|
|
@@ -14672,19 +14680,19 @@ var fT = e.forwardRef(function({ className: e, ...t }, n) {
|
|
|
14672
14680
|
right: "zui:right-2 zui:top-2 zui:bottom-2 zui:w-[min(22rem,calc(100vw-1rem))] zui:border-l radius-lg zui:data-[state=closed]:slide-out-to-right zui:data-[state=open]:slide-in-from-right zui:sm:right-4 zui:sm:top-4 zui:sm:bottom-auto zui:sm:w-fit"
|
|
14673
14681
|
} },
|
|
14674
14682
|
defaultVariants: { side: "right" }
|
|
14675
|
-
}),
|
|
14676
|
-
function
|
|
14683
|
+
}), vT = K("zui:absolute zui:top-4 zui:right-4 radius-xs zui:p-1 zui:text-[var(--zui-theme-text-muted)] zui:opacity-100 zui:transition-colors zui:hover:cursor-pointer zui:hover:bg-[var(--zui-theme-action-ghost-hover)] zui:hover:text-[var(--zui-theme-text-primary)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none"), yT = K("zui:flex zui:flex-col zui:gap-2 zui:text-center zui:sm:text-left"), bT = K("zui:mt-auto zui:flex zui:flex-col-reverse zui:gap-2 zui:sm:flex-row zui:sm:justify-end"), xT = K("zui:text-lg zui:font-semibold zui:tracking-tight zui:text-[var(--zui-theme-text-primary)]"), ST = K("zui:text-sm zui:leading-6 zui:text-[var(--zui-theme-text-secondary)]"), CT = "نمایش پنل", wT = "بستن", TT = "عنوان پنل", ET = "محتوای پنل اینجا نمایش داده میشود.", DT = "zui:inline-flex zui:h-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-[var(--zui-theme-bg-page)] zui:px-4 zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:transition zui:hover:border-[var(--zui-theme-border-strong)] zui:hover:bg-[var(--zui-theme-bg-surface)] zui:focus-visible:outline-none zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)]";
|
|
14684
|
+
function OT({ ariaLabel: e, fallbackLabel: t, fallbackAriaLabel: n }) {
|
|
14677
14685
|
return e && e.trim().length > 0 ? e : typeof t == "string" && t.trim().length > 0 ? t : n;
|
|
14678
14686
|
}
|
|
14679
|
-
function
|
|
14680
|
-
let b = a ?? o ?? "right", x = l ?? u ??
|
|
14687
|
+
function kT({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, dir: i = "rtl", side: a, whatOpen: o, title: s = TT, description: c, content: l, child: u, triggerLabel: d = CT, triggerAriaLabel: f, closeLabel: p = wT, closeAriaLabel: m, showCloseButton: h = !1, showCloseIcon: g = !0, triggerClassName: _, className: v, overlayClassName: y }) {
|
|
14688
|
+
let b = a ?? o ?? "right", x = l ?? u ?? ET, S = OT({
|
|
14681
14689
|
ariaLabel: f,
|
|
14682
14690
|
fallbackLabel: d,
|
|
14683
|
-
fallbackAriaLabel:
|
|
14684
|
-
}), C =
|
|
14691
|
+
fallbackAriaLabel: CT
|
|
14692
|
+
}), C = OT({
|
|
14685
14693
|
ariaLabel: m,
|
|
14686
14694
|
fallbackLabel: p,
|
|
14687
|
-
fallbackAriaLabel:
|
|
14695
|
+
fallbackAriaLabel: wT
|
|
14688
14696
|
}), w = s == null ? c != null : !0;
|
|
14689
14697
|
return /* @__PURE__ */ (0, P.jsxs)(rb, {
|
|
14690
14698
|
open: e,
|
|
@@ -14706,16 +14714,16 @@ function OT({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, dir: i =
|
|
|
14706
14714
|
"data-slot": "sheet-portal",
|
|
14707
14715
|
children: [/* @__PURE__ */ (0, P.jsx)(ob, {
|
|
14708
14716
|
"data-slot": "sheet-overlay",
|
|
14709
|
-
className: D(
|
|
14717
|
+
className: D(gT(), y)
|
|
14710
14718
|
}), /* @__PURE__ */ (0, P.jsxs)(sb, {
|
|
14711
14719
|
"data-slot": "sheet-content",
|
|
14712
14720
|
dir: i,
|
|
14713
|
-
className: D(
|
|
14721
|
+
className: D(_T({ side: b }), v),
|
|
14714
14722
|
children: [
|
|
14715
14723
|
g ? /* @__PURE__ */ (0, P.jsxs)(ub, {
|
|
14716
14724
|
"data-slot": "sheet-content-close",
|
|
14717
14725
|
"aria-label": C,
|
|
14718
|
-
className:
|
|
14726
|
+
className: vT(),
|
|
14719
14727
|
children: [/* @__PURE__ */ (0, P.jsx)(gt, {
|
|
14720
14728
|
className: "zui:size-4",
|
|
14721
14729
|
"aria-hidden": "true"
|
|
@@ -14726,14 +14734,14 @@ function OT({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, dir: i =
|
|
|
14726
14734
|
}) : null,
|
|
14727
14735
|
w ? /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14728
14736
|
"data-slot": "sheet-header",
|
|
14729
|
-
className:
|
|
14737
|
+
className: yT(),
|
|
14730
14738
|
children: [s == null ? null : /* @__PURE__ */ (0, P.jsx)(cb, {
|
|
14731
14739
|
"data-slot": "sheet-title",
|
|
14732
|
-
className:
|
|
14740
|
+
className: xT(),
|
|
14733
14741
|
children: s
|
|
14734
14742
|
}), c == null ? null : /* @__PURE__ */ (0, P.jsx)(lb, {
|
|
14735
14743
|
"data-slot": "sheet-description",
|
|
14736
|
-
className:
|
|
14744
|
+
className: ST(),
|
|
14737
14745
|
children: c
|
|
14738
14746
|
})]
|
|
14739
14747
|
}) : null,
|
|
@@ -14744,14 +14752,14 @@ function OT({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, dir: i =
|
|
|
14744
14752
|
}),
|
|
14745
14753
|
h ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
14746
14754
|
"data-slot": "sheet-footer",
|
|
14747
|
-
className:
|
|
14755
|
+
className: bT(),
|
|
14748
14756
|
children: /* @__PURE__ */ (0, P.jsx)(ub, {
|
|
14749
14757
|
"data-slot": "sheet-close",
|
|
14750
14758
|
asChild: !0,
|
|
14751
14759
|
children: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
14752
14760
|
type: "button",
|
|
14753
14761
|
"aria-label": C,
|
|
14754
|
-
className:
|
|
14762
|
+
className: DT,
|
|
14755
14763
|
children: p
|
|
14756
14764
|
})
|
|
14757
14765
|
})
|
|
@@ -14763,70 +14771,70 @@ function OT({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, dir: i =
|
|
|
14763
14771
|
}
|
|
14764
14772
|
//#endregion
|
|
14765
14773
|
//#region src/components/Table/Table.constants.ts
|
|
14766
|
-
var
|
|
14774
|
+
var AT = "دادهای برای نمایش وجود ندارد.", jT = "ستون قابلنمایشی تعریف نشده است.", MT = "دادهای مطابق جستجو پیدا نشد.", NT = "عملیات", PT = "ردیف", FT = "افزودن", IT = "ویرایش", LT = "حذف", RT = "zui:size-4", zT = "zui:size-6", BT = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed", VT = "zui:w-32 zui:px-3 zui:text-center", HT = "zui:w-16 zui:px-3 zui:text-center", UT = "جستجو کنید", WT = "جستجوی جدول", GT = "تغییر به پیمایش بینهایت", KT = "تغییر به صفحهبندی", qT = "صفحه قبل", JT = "صفحه بعد", YT = "zui:sticky zui:top-0 zui:z-20 zui:bg-[var(--zui-color-primary)]", XT = "208px 0px", ZT = "در حال بارگذاری ردیفهای بیشتر...", QT = "برای بارگذاری بیشتر به پایین اسکرول کنید.", $T = "همه ردیفها نمایش داده شد.", eE = new Intl.DateTimeFormat("fa-IR", { dateStyle: "medium" }), tE = K("zui:relative zui:w-full zui:overflow-hidden"), nE = K("zui:w-full zui:table-fixed zui:text-sm"), rE = K(""), iE = K("zui:[&>tr:first-child>td]:pt-5 zui:[&>tr:nth-child(odd)>td]:bg-[var(--zui-color-muted-surface)] zui:[&>tr:nth-child(even)>td]:bg-[var(--zui-color-surface)]"), aE = K("zui:bg-[var(--zui-color-surface)] zui:font-medium zui:text-[var(--zui-color-text)]"), oE = K("zui:cursor-default"), sE = K("zui:relative zui:h-14 zui:whitespace-normal zui:break-words zui:bg-[var(--zui-color-primary)] zui:px-3 zui:text-right zui:align-middle zui:font-medium zui:text-[var(--zui-color-surface)] zui:[&:has([role=checkbox])]:pr-0 zui:[&>[role=checkbox]]:translate-y-[2px]"), cE = K("zui:px-3 zui:py-3 zui:whitespace-normal zui:break-words zui:align-middle zui:text-[var(--zui-color-text)] zui:[&:has([role=checkbox])]:pr-0 zui:[&>[role=checkbox]]:translate-y-[2px]");
|
|
14767
14775
|
//#endregion
|
|
14768
14776
|
//#region src/components/Table/TableEmptyState.tsx
|
|
14769
|
-
function
|
|
14777
|
+
function lE({ colSpan: e, showSearchInput: t, normalizedSearchTerm: n }) {
|
|
14770
14778
|
return /* @__PURE__ */ (0, P.jsx)("tr", {
|
|
14771
|
-
className:
|
|
14779
|
+
className: oE(),
|
|
14772
14780
|
children: /* @__PURE__ */ (0, P.jsx)("td", {
|
|
14773
14781
|
colSpan: e,
|
|
14774
|
-
className: D(
|
|
14775
|
-
children: t && n.length > 0 ?
|
|
14782
|
+
className: D(cE(), "zui:py-7 zui:text-center zui:text-[var(--zui-color-text)]"),
|
|
14783
|
+
children: t && n.length > 0 ? MT : AT
|
|
14776
14784
|
})
|
|
14777
14785
|
});
|
|
14778
14786
|
}
|
|
14779
14787
|
//#endregion
|
|
14780
14788
|
//#region src/components/Table/TablePaginationControls.tsx
|
|
14781
|
-
function
|
|
14789
|
+
function uE({ shouldRenderInfiniteMode: e, shouldShowInfiniteLoadingStatus: t, shouldShowInfiniteReadyStatus: n, shouldShowInfiniteCompletedStatus: r, shouldRenderPagination: i, loading: a, isRowActionBusy: o, currentPage: s, totalPages: c, onPageChange: l }) {
|
|
14782
14790
|
return /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [e ? /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
14783
14791
|
"data-slot": "table-infinite-scroll-status",
|
|
14784
14792
|
className: "zui:mt-2 zui:flex zui:min-h-6 zui:items-center zui:justify-center zui:gap-2 zui:text-xs zui:text-[var(--zui-theme-text-secondary)]",
|
|
14785
14793
|
children: [
|
|
14786
|
-
t ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(ee, { size: "xs" }), /* @__PURE__ */ (0, P.jsx)("span", { children:
|
|
14794
|
+
t ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(ee, { size: "xs" }), /* @__PURE__ */ (0, P.jsx)("span", { children: ZT })] }) : null,
|
|
14787
14795
|
n ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
14788
14796
|
"data-slot": "table-infinite-scroll-status-ready",
|
|
14789
|
-
children:
|
|
14797
|
+
children: QT
|
|
14790
14798
|
}) : null,
|
|
14791
14799
|
r ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
14792
14800
|
"data-slot": "table-infinite-scroll-status-complete",
|
|
14793
|
-
children:
|
|
14801
|
+
children: $T
|
|
14794
14802
|
}) : null
|
|
14795
14803
|
]
|
|
14796
14804
|
}) : null, i ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
14797
14805
|
"data-slot": "table-pagination",
|
|
14798
14806
|
className: a || o ? "zui:pointer-events-none zui:opacity-65" : void 0,
|
|
14799
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
14807
|
+
children: /* @__PURE__ */ (0, P.jsx)(Ux, {
|
|
14800
14808
|
className: "zui:mt-4",
|
|
14801
14809
|
dir: "rtl",
|
|
14802
14810
|
totalPages: c,
|
|
14803
14811
|
page: s,
|
|
14804
|
-
previousLabel:
|
|
14805
|
-
nextLabel:
|
|
14812
|
+
previousLabel: qT,
|
|
14813
|
+
nextLabel: JT,
|
|
14806
14814
|
onPageChange: l
|
|
14807
14815
|
})
|
|
14808
14816
|
}) : null] });
|
|
14809
14817
|
}
|
|
14810
14818
|
//#endregion
|
|
14811
14819
|
//#region src/components/Table/Table.utils.ts
|
|
14812
|
-
function
|
|
14820
|
+
function dE(e, t) {
|
|
14813
14821
|
return typeof e == "number" && Number.isFinite(e) && e > 0 ? Math.min(12, Math.max(1, Math.floor(e))) : t > 0 ? Math.min(12, t) : 6;
|
|
14814
14822
|
}
|
|
14815
|
-
function
|
|
14823
|
+
function fE(e, t) {
|
|
14816
14824
|
let n = t % 3;
|
|
14817
14825
|
return e.type === "checkbox" ? "zui:size-4" : e.type === "number" ? n === 0 ? "zui:h-4 zui:w-16" : n === 1 ? "zui:h-4 zui:w-12" : "zui:h-4 zui:w-20" : e.type === "date" ? n === 0 ? "zui:h-4 zui:w-28" : n === 1 ? "zui:h-4 zui:w-24" : "zui:h-4 zui:w-32" : e.type === "textarea" ? n === 0 ? "zui:h-4 zui:w-[92%]" : n === 1 ? "zui:h-4 zui:w-[76%]" : "zui:h-4 zui:w-[84%]" : n === 0 ? "zui:h-4 zui:w-[78%]" : n === 1 ? "zui:h-4 zui:w-[62%]" : "zui:h-4 zui:w-[86%]";
|
|
14818
14826
|
}
|
|
14819
|
-
function
|
|
14827
|
+
function pE(e, t) {
|
|
14820
14828
|
if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
|
|
14821
14829
|
let n = [1], r = Math.max(2, e - 1), i = Math.min(t - 1, e + 1);
|
|
14822
14830
|
r > 2 && n.push("ellipsis-start");
|
|
14823
14831
|
for (let e = r; e <= i; e += 1) n.push(e);
|
|
14824
14832
|
return i < t - 1 && n.push("ellipsis-end"), n.push(t), n;
|
|
14825
14833
|
}
|
|
14826
|
-
function
|
|
14834
|
+
function mE(e) {
|
|
14827
14835
|
return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : !1;
|
|
14828
14836
|
}
|
|
14829
|
-
function
|
|
14837
|
+
function hE(e) {
|
|
14830
14838
|
if (e instanceof Date && !Number.isNaN(e.getTime())) return e;
|
|
14831
14839
|
if (typeof e == "string" && e.trim().length > 0) {
|
|
14832
14840
|
let t = new Date(e);
|
|
@@ -14834,13 +14842,13 @@ function mE(e) {
|
|
|
14834
14842
|
}
|
|
14835
14843
|
return null;
|
|
14836
14844
|
}
|
|
14837
|
-
function
|
|
14845
|
+
function gE(e) {
|
|
14838
14846
|
return typeof e.placeholder == "string" && e.placeholder.trim().length > 0 ? e.placeholder : "---";
|
|
14839
14847
|
}
|
|
14840
|
-
function
|
|
14841
|
-
return typeof e.displayPlaceholder == "string" && e.displayPlaceholder.trim().length > 0 ? e.displayPlaceholder :
|
|
14848
|
+
function _E(e) {
|
|
14849
|
+
return typeof e.displayPlaceholder == "string" && e.displayPlaceholder.trim().length > 0 ? e.displayPlaceholder : gE(e);
|
|
14842
14850
|
}
|
|
14843
|
-
function
|
|
14851
|
+
function vE(e, t) {
|
|
14844
14852
|
if (t.type !== "select" && t.type !== "radio" || !Array.isArray(t.options) || t.options.length === 0) return null;
|
|
14845
14853
|
let n = String(e).trim();
|
|
14846
14854
|
if (n.length === 0) return null;
|
|
@@ -14862,16 +14870,16 @@ function _E(e, t) {
|
|
|
14862
14870
|
let l = c.label.trim();
|
|
14863
14871
|
return l.length > 0 ? l : null;
|
|
14864
14872
|
}
|
|
14865
|
-
function
|
|
14866
|
-
if (
|
|
14873
|
+
function yE(e, t) {
|
|
14874
|
+
if (mE(e)) return _E(t);
|
|
14867
14875
|
if (t.type === "checkbox") return e === !0 ? "بله" : "خیر";
|
|
14868
14876
|
if (t.type === "date") {
|
|
14869
|
-
let n =
|
|
14870
|
-
return n ?
|
|
14877
|
+
let n = hE(e);
|
|
14878
|
+
return n ? eE.format(n) : _E(t);
|
|
14871
14879
|
}
|
|
14872
|
-
return typeof e == "string" || typeof e == "number" ?
|
|
14880
|
+
return typeof e == "string" || typeof e == "number" ? vE(e, t) || (t.type === "select" && t.optionsSource ? _E(t) : String(e)) : _E(t);
|
|
14873
14881
|
}
|
|
14874
|
-
function
|
|
14882
|
+
function bE(e, t, n) {
|
|
14875
14883
|
if (typeof n != "function") return;
|
|
14876
14884
|
let r = n(e, t);
|
|
14877
14885
|
if (typeof r == "number") return Number.isFinite(r) ? r : void 0;
|
|
@@ -14880,22 +14888,22 @@ function yE(e, t, n) {
|
|
|
14880
14888
|
return e.length > 0 ? e : void 0;
|
|
14881
14889
|
}
|
|
14882
14890
|
}
|
|
14883
|
-
function
|
|
14891
|
+
function xE(e, t, n, r) {
|
|
14884
14892
|
if (n !== void 0 && typeof r == "function") {
|
|
14885
|
-
let t = e.findIndex((e, t) =>
|
|
14893
|
+
let t = e.findIndex((e, t) => bE(e, t, r) === n);
|
|
14886
14894
|
if (t >= 0) return t;
|
|
14887
14895
|
}
|
|
14888
14896
|
return t >= 0 && t < e.length ? t : -1;
|
|
14889
14897
|
}
|
|
14890
|
-
function
|
|
14891
|
-
let a =
|
|
14898
|
+
function SE(e, t, n, r, i) {
|
|
14899
|
+
let a = xE(e, t, n, r);
|
|
14892
14900
|
if (a < 0) return e;
|
|
14893
14901
|
let o = [...e];
|
|
14894
14902
|
return o[a] = i, o;
|
|
14895
14903
|
}
|
|
14896
14904
|
//#endregion
|
|
14897
14905
|
//#region src/components/Table/hooks/useTablePagination.ts
|
|
14898
|
-
function
|
|
14906
|
+
function CE({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i, isRowActionBusy: a, searchKey: o, maxVisibleRowsBeforeScroll: s }) {
|
|
14899
14907
|
let [c, l] = e.useState("pagination"), [u, d] = e.useState(1), [f, p] = e.useState(1), [m, h] = e.useState(!1), g = e.useRef(null), _ = e.useRef(null), v = e.useRef(!1), y = e.useRef(null), b = r?.onPageChange, x = r?.onLoadMore, S = typeof b == "function", C = typeof x == "function", w = S, T = e.useMemo(() => {
|
|
14900
14908
|
let e = Math.floor(r?.pageSize ?? 10);
|
|
14901
14909
|
return e > 0 ? e : 10;
|
|
@@ -14934,7 +14942,7 @@ function SE({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i,
|
|
|
14934
14942
|
c,
|
|
14935
14943
|
T,
|
|
14936
14944
|
w
|
|
14937
|
-
]), A = e.useMemo(() =>
|
|
14945
|
+
]), A = e.useMemo(() => pE(O, D), [O, D]);
|
|
14938
14946
|
e.useEffect(() => {
|
|
14939
14947
|
w || (d((e) => Math.min(D, Math.max(1, e))), p((e) => Math.min(D, Math.max(1, e))));
|
|
14940
14948
|
}, [w, D]), e.useEffect(() => {
|
|
@@ -15056,7 +15064,7 @@ function SE({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i,
|
|
|
15056
15064
|
e.some((e) => e.isIntersecting) && se();
|
|
15057
15065
|
}, {
|
|
15058
15066
|
root: t,
|
|
15059
|
-
rootMargin:
|
|
15067
|
+
rootMargin: XT
|
|
15060
15068
|
});
|
|
15061
15069
|
return n.observe(e), () => n.disconnect();
|
|
15062
15070
|
}, [
|
|
@@ -15091,7 +15099,7 @@ function SE({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i,
|
|
|
15091
15099
|
}
|
|
15092
15100
|
//#endregion
|
|
15093
15101
|
//#region src/components/Table/hooks/useTableSearch.ts
|
|
15094
|
-
function
|
|
15102
|
+
function wE({ data: t, visibleColumns: n, showSearchInput: r, hasRemoteSearchHandler: i, onSearchChange: a, getRowId: o }) {
|
|
15095
15103
|
let [s, c] = e.useState(""), [l, u] = e.useState(""), d = s.trim().toLocaleLowerCase();
|
|
15096
15104
|
return e.useEffect(() => {
|
|
15097
15105
|
i && a?.(l);
|
|
@@ -15112,10 +15120,10 @@ function CE({ data: t, visibleColumns: n, showSearchInput: r, hasRemoteSearchHan
|
|
|
15112
15120
|
let e = t.map((e, t) => ({
|
|
15113
15121
|
row: e,
|
|
15114
15122
|
rowIndex: t,
|
|
15115
|
-
rowId:
|
|
15123
|
+
rowId: bE(e, t, o)
|
|
15116
15124
|
}));
|
|
15117
15125
|
return i || !r || d.length === 0 ? e : e.filter(({ row: e }) => n.some((t) => {
|
|
15118
|
-
let n =
|
|
15126
|
+
let n = yE(e[t.key], t), r = e[t.key], i = r == null ? "" : String(r);
|
|
15119
15127
|
return n.toLocaleLowerCase().includes(d) || i.toLocaleLowerCase().includes(d);
|
|
15120
15128
|
}));
|
|
15121
15129
|
}, [
|
|
@@ -15134,7 +15142,7 @@ function CE({ data: t, visibleColumns: n, showSearchInput: r, hasRemoteSearchHan
|
|
|
15134
15142
|
}
|
|
15135
15143
|
//#endregion
|
|
15136
15144
|
//#region src/components/Table/Table.tsx
|
|
15137
|
-
var
|
|
15145
|
+
var TE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button]:!w-[2.88rem] zui:[&>button]:!rounded-md zui:[&>button]:!p-0", EE = e.forwardRef(function({ className: t, containerClassName: n, loading: r = !1, isMutating: i = !1, stickyHeaderOnScroll: a = !0, maxVisibleRowsBeforeScroll: o, schema: s, data: c, setData: l, onAdd: u, onEdit: d, onDelete: f, actions: p, onCellSelectChange: m, getRowId: h, showNumberRow: g = !1, children: _ }, v) {
|
|
15138
15146
|
let y = e.Children.count(_) > 0, b = e.useMemo(() => s.columns.filter((e) => e.view), [s.columns]), x = typeof u == "function", S = typeof d == "function", C = typeof f == "function", w = p ?? [], T = w.length > 0, E = s.searchable ?? !1, O = g && !y, k = s.pagination, A = k?.onSearchChange, j = typeof A == "function", M = S || C || T, N = e.useMemo(() => {
|
|
15139
15147
|
let e = s.columns.map((e) => {
|
|
15140
15148
|
if (e.type !== "select" && e.type !== "radio") return [e.key, []];
|
|
@@ -15169,7 +15177,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15169
15177
|
await d({
|
|
15170
15178
|
row: e,
|
|
15171
15179
|
rowIndex: t,
|
|
15172
|
-
rowId: n ??
|
|
15180
|
+
rowId: n ?? bE(e, t, h)
|
|
15173
15181
|
});
|
|
15174
15182
|
} finally {
|
|
15175
15183
|
F(!1);
|
|
@@ -15186,7 +15194,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15186
15194
|
await f({
|
|
15187
15195
|
row: e,
|
|
15188
15196
|
rowIndex: t,
|
|
15189
|
-
rowId: n ??
|
|
15197
|
+
rowId: n ?? bE(e, t, h)
|
|
15190
15198
|
});
|
|
15191
15199
|
} finally {
|
|
15192
15200
|
F(!1);
|
|
@@ -15200,7 +15208,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15200
15208
|
if (!L) {
|
|
15201
15209
|
F(!0);
|
|
15202
15210
|
try {
|
|
15203
|
-
let i = r ??
|
|
15211
|
+
let i = r ?? bE(t, n, h);
|
|
15204
15212
|
await e.onClick({
|
|
15205
15213
|
row: t,
|
|
15206
15214
|
rowIndex: n,
|
|
@@ -15214,7 +15222,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15214
15222
|
if (L) return;
|
|
15215
15223
|
let a = i.trim(), o = a.length > 0 ? a : null;
|
|
15216
15224
|
if (e[r] === o) return;
|
|
15217
|
-
let s = n ??
|
|
15225
|
+
let s = n ?? bE(e, t, h), c = {
|
|
15218
15226
|
...e,
|
|
15219
15227
|
[r]: o
|
|
15220
15228
|
};
|
|
@@ -15228,7 +15236,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15228
15236
|
columnKey: r,
|
|
15229
15237
|
value: a
|
|
15230
15238
|
}) === !1) return;
|
|
15231
|
-
l((e) =>
|
|
15239
|
+
l((e) => SE(e, t, s, h, c));
|
|
15232
15240
|
} catch {
|
|
15233
15241
|
return;
|
|
15234
15242
|
} finally {
|
|
@@ -15239,14 +15247,14 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15239
15247
|
L,
|
|
15240
15248
|
m,
|
|
15241
15249
|
l
|
|
15242
|
-
]), { searchTerm: oe, normalizedSearchTerm: se, filteredRows: B, handleSearchInputChange: V } =
|
|
15250
|
+
]), { searchTerm: oe, normalizedSearchTerm: se, filteredRows: B, handleSearchInputChange: V } = wE({
|
|
15243
15251
|
data: c,
|
|
15244
15252
|
visibleColumns: b,
|
|
15245
15253
|
showSearchInput: E,
|
|
15246
15254
|
hasRemoteSearchHandler: j,
|
|
15247
15255
|
onSearchChange: A,
|
|
15248
15256
|
getRowId: h
|
|
15249
|
-
}), { pagingMode: H, currentPage: ce, totalPages: le, resolvedPageSize: ue, visibleRows: de, showPagingModeToggle: fe, shouldRenderPagination: pe, shouldRenderInfiniteMode: me, canLoadMoreInInfiniteMode: he, shouldUseRemotePaging: ge, shouldUseScrollableRows: _e, tableScrollViewportRef: U, infiniteScrollSentinelRef: ve, tableScrollViewportStyle: ye, handlePageChange: W, handlePagingModeToggle: be, handleTableScrollViewport: xe, isInfiniteRequestPending: Se } =
|
|
15257
|
+
}), { pagingMode: H, currentPage: ce, totalPages: le, resolvedPageSize: ue, visibleRows: de, showPagingModeToggle: fe, shouldRenderPagination: pe, shouldRenderInfiniteMode: me, canLoadMoreInInfiniteMode: he, shouldUseRemotePaging: ge, shouldUseScrollableRows: _e, tableScrollViewportRef: U, infiniteScrollSentinelRef: ve, tableScrollViewportStyle: ye, handlePageChange: W, handlePagingModeToggle: be, handleTableScrollViewport: xe, isInfiniteRequestPending: Se } = CE({
|
|
15250
15258
|
hasChildren: y,
|
|
15251
15259
|
filteredRows: B,
|
|
15252
15260
|
paginationConfig: k,
|
|
@@ -15254,11 +15262,11 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15254
15262
|
isRowActionBusy: L,
|
|
15255
15263
|
searchKey: se,
|
|
15256
15264
|
maxVisibleRowsBeforeScroll: o
|
|
15257
|
-
}), G = _e && a, Ce = e.useMemo(() =>
|
|
15265
|
+
}), G = _e && a, Ce = e.useMemo(() => dE(s.pagination?.pageSize, c.length), [c.length, s.pagination?.pageSize]), we = r && (de.length === 0 || ge && H === "pagination"), Te = me && r && de.length > 0, Ee = me && de.length > 0, De = Ee && (r || Se), Oe = Ee && he && !r && !Se, ke = Ee && !he && !r && !Se, Ae = Math.min(Ce, Math.max(1, Math.min(ue, 3))), je = H === "pagination" ? GT : KT;
|
|
15258
15266
|
return /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
15259
15267
|
"data-slot": "table-container",
|
|
15260
15268
|
dir: "rtl",
|
|
15261
|
-
className: D(
|
|
15269
|
+
className: D(tE(), n),
|
|
15262
15270
|
children: [
|
|
15263
15271
|
!y && (E || x || fe) ? /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
15264
15272
|
"data-slot": "table-controls",
|
|
@@ -15266,13 +15274,13 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15266
15274
|
children: [E ? /* @__PURE__ */ (0, P.jsx)("div", {
|
|
15267
15275
|
"data-slot": "table-search-input",
|
|
15268
15276
|
className: "zui:w-full zui:sm:min-w-0 zui:sm:flex-1",
|
|
15269
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15277
|
+
children: /* @__PURE__ */ (0, P.jsx)(Dx, {
|
|
15270
15278
|
type: "search",
|
|
15271
15279
|
size: "sm",
|
|
15272
15280
|
disabled: r || L,
|
|
15273
15281
|
value: oe,
|
|
15274
|
-
placeholder:
|
|
15275
|
-
"aria-label":
|
|
15282
|
+
placeholder: UT,
|
|
15283
|
+
"aria-label": WT,
|
|
15276
15284
|
className: "zui:m-0.5 zui:w-full",
|
|
15277
15285
|
onChange: V
|
|
15278
15286
|
})
|
|
@@ -15286,7 +15294,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15286
15294
|
trigger: /* @__PURE__ */ (0, P.jsx)("span", {
|
|
15287
15295
|
"data-slot": "table-paging-mode-toggle-button",
|
|
15288
15296
|
"aria-label": je,
|
|
15289
|
-
className:
|
|
15297
|
+
className: TE,
|
|
15290
15298
|
children: /* @__PURE__ */ (0, P.jsx)(ne, {
|
|
15291
15299
|
size: "sm",
|
|
15292
15300
|
variant: "primary",
|
|
@@ -15295,29 +15303,29 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15295
15303
|
onClick: be,
|
|
15296
15304
|
ariaLabel: je,
|
|
15297
15305
|
icon: H === "pagination" ? /* @__PURE__ */ (0, P.jsx)(ct, {
|
|
15298
|
-
className:
|
|
15306
|
+
className: zT,
|
|
15299
15307
|
"aria-hidden": "true"
|
|
15300
15308
|
}) : /* @__PURE__ */ (0, P.jsx)(ft, {
|
|
15301
|
-
className:
|
|
15309
|
+
className: zT,
|
|
15302
15310
|
"aria-hidden": "true"
|
|
15303
15311
|
})
|
|
15304
15312
|
})
|
|
15305
15313
|
})
|
|
15306
15314
|
}) : null, x ? /* @__PURE__ */ (0, P.jsx)(gx, {
|
|
15307
|
-
text:
|
|
15315
|
+
text: FT,
|
|
15308
15316
|
position: "top",
|
|
15309
15317
|
disabled: r || L,
|
|
15310
15318
|
trigger: /* @__PURE__ */ (0, P.jsx)("span", {
|
|
15311
15319
|
"data-slot": "table-action-add-button",
|
|
15312
|
-
"aria-label":
|
|
15313
|
-
className:
|
|
15320
|
+
"aria-label": FT,
|
|
15321
|
+
className: TE,
|
|
15314
15322
|
children: /* @__PURE__ */ (0, P.jsx)(ne, {
|
|
15315
15323
|
size: "sm",
|
|
15316
15324
|
variant: "primary",
|
|
15317
15325
|
kind: "cancel",
|
|
15318
15326
|
disabled: r || L,
|
|
15319
15327
|
onClick: () => void R(),
|
|
15320
|
-
ariaLabel:
|
|
15328
|
+
ariaLabel: FT,
|
|
15321
15329
|
icon: /* @__PURE__ */ (0, P.jsx)(dt, {})
|
|
15322
15330
|
})
|
|
15323
15331
|
})
|
|
@@ -15333,64 +15341,64 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15333
15341
|
children: [/* @__PURE__ */ (0, P.jsx)("table", {
|
|
15334
15342
|
ref: v,
|
|
15335
15343
|
"data-slot": "table",
|
|
15336
|
-
className: D(
|
|
15344
|
+
className: D(nE(), t),
|
|
15337
15345
|
dir: "rtl",
|
|
15338
|
-
children: y ? _ : b.length === 0 ? /* @__PURE__ */ (0, P.jsx)(
|
|
15346
|
+
children: y ? _ : b.length === 0 ? /* @__PURE__ */ (0, P.jsx)(OE, { children: /* @__PURE__ */ (0, P.jsx)(AE, { children: /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15339
15347
|
className: "zui:py-7 zui:text-center zui:text-[var(--zui-color-text)]",
|
|
15340
|
-
children:
|
|
15341
|
-
}) }) }) : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(
|
|
15342
|
-
O ? /* @__PURE__ */ (0, P.jsx)(
|
|
15343
|
-
className: D(
|
|
15344
|
-
children:
|
|
15348
|
+
children: jT
|
|
15349
|
+
}) }) }) : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(DE, { children: /* @__PURE__ */ (0, P.jsxs)(AE, { children: [
|
|
15350
|
+
O ? /* @__PURE__ */ (0, P.jsx)(jE, {
|
|
15351
|
+
className: D(HT, G ? YT : void 0),
|
|
15352
|
+
children: PT
|
|
15345
15353
|
}) : null,
|
|
15346
|
-
b.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
15347
|
-
className: G ?
|
|
15354
|
+
b.map((e) => /* @__PURE__ */ (0, P.jsx)(jE, {
|
|
15355
|
+
className: G ? YT : void 0,
|
|
15348
15356
|
children: e.label
|
|
15349
15357
|
}, `head-${e.key}`)),
|
|
15350
|
-
M ? /* @__PURE__ */ (0, P.jsx)(
|
|
15351
|
-
className: D(
|
|
15352
|
-
children:
|
|
15358
|
+
M ? /* @__PURE__ */ (0, P.jsx)(jE, {
|
|
15359
|
+
className: D(VT, G ? YT : void 0),
|
|
15360
|
+
children: NT
|
|
15353
15361
|
}) : null
|
|
15354
|
-
] }) }), /* @__PURE__ */ (0, P.jsx)(
|
|
15362
|
+
] }) }), /* @__PURE__ */ (0, P.jsx)(OE, { children: we ? Array.from({ length: Ce }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(AE, {
|
|
15355
15363
|
slot: "table-loading-row",
|
|
15356
15364
|
children: [
|
|
15357
|
-
O ? /* @__PURE__ */ (0, P.jsx)(
|
|
15358
|
-
className:
|
|
15359
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15365
|
+
O ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15366
|
+
className: HT,
|
|
15367
|
+
children: /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:mx-auto zui:h-4 zui:w-8" })
|
|
15360
15368
|
}) : null,
|
|
15361
|
-
b.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
15362
|
-
M ? /* @__PURE__ */ (0, P.jsx)(
|
|
15363
|
-
className:
|
|
15369
|
+
b.map((e) => /* @__PURE__ */ (0, P.jsx)(ME, { children: /* @__PURE__ */ (0, P.jsx)(Iw, { className: D("zui:max-w-full", fE(e, t)) }) }, `loading-cell-${e.key}-${t}`)),
|
|
15370
|
+
M ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15371
|
+
className: VT,
|
|
15364
15372
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
15365
15373
|
"data-slot": "table-row-actions-skeleton",
|
|
15366
15374
|
className: "zui:flex zui:items-center zui:justify-center zui:gap-0.5",
|
|
15367
15375
|
children: [
|
|
15368
|
-
S ? /* @__PURE__ */ (0, P.jsx)(
|
|
15369
|
-
T ? w.map((e, t) => /* @__PURE__ */ (0, P.jsx)(
|
|
15370
|
-
C ? /* @__PURE__ */ (0, P.jsx)(
|
|
15376
|
+
S ? /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }) : null,
|
|
15377
|
+
T ? w.map((e, t) => /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }, `custom-action-skeleton-${t}`)) : null,
|
|
15378
|
+
C ? /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }) : null
|
|
15371
15379
|
]
|
|
15372
15380
|
})
|
|
15373
15381
|
}) : null
|
|
15374
15382
|
]
|
|
15375
|
-
}, `loading-row-${t}`)) : de.length === 0 ? /* @__PURE__ */ (0, P.jsx)(
|
|
15383
|
+
}, `loading-row-${t}`)) : de.length === 0 ? /* @__PURE__ */ (0, P.jsx)(lE, {
|
|
15376
15384
|
colSpan: b.length + +!!M + +!!O,
|
|
15377
15385
|
showSearchInput: E,
|
|
15378
15386
|
normalizedSearchTerm: se
|
|
15379
15387
|
}) : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [de.map(({ row: e, rowIndex: t, rowId: n }, r) => {
|
|
15380
15388
|
let i = n === void 0 ? `row-${t}` : `row-id-${String(n)}`, a = pe ? (ce - 1) * ue + r + 1 : r + 1;
|
|
15381
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
15382
|
-
O ? /* @__PURE__ */ (0, P.jsx)(
|
|
15383
|
-
className:
|
|
15389
|
+
return /* @__PURE__ */ (0, P.jsxs)(AE, { children: [
|
|
15390
|
+
O ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15391
|
+
className: HT,
|
|
15384
15392
|
children: Cv({ value: String(a) })
|
|
15385
15393
|
}) : null,
|
|
15386
15394
|
b.map((r) => {
|
|
15387
15395
|
let a = `cell-${r.key}-${i}`;
|
|
15388
15396
|
if (r.viewType === "select") {
|
|
15389
15397
|
let i = N[r.key] ?? [], o = e[r.key], s = typeof o == "string" || typeof o == "number" ? String(o) : "";
|
|
15390
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15398
|
+
return /* @__PURE__ */ (0, P.jsx)(ME, { children: /* @__PURE__ */ (0, P.jsx)(cT, {
|
|
15391
15399
|
size: "sm",
|
|
15392
15400
|
disabled: L || i.length === 0 && !r.optionsSource,
|
|
15393
|
-
placeholder:
|
|
15401
|
+
placeholder: gE(r),
|
|
15394
15402
|
options: i,
|
|
15395
15403
|
remoteOptions: r.optionsSource,
|
|
15396
15404
|
value: s,
|
|
@@ -15400,27 +15408,27 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15400
15408
|
}
|
|
15401
15409
|
}) }, a);
|
|
15402
15410
|
}
|
|
15403
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15411
|
+
return /* @__PURE__ */ (0, P.jsx)(ME, { children: yE(e[r.key], r) }, a);
|
|
15404
15412
|
}),
|
|
15405
|
-
M ? /* @__PURE__ */ (0, P.jsx)(
|
|
15406
|
-
className:
|
|
15413
|
+
M ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15414
|
+
className: VT,
|
|
15407
15415
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
15408
15416
|
"data-slot": "table-row-actions",
|
|
15409
15417
|
className: "zui:flex zui:items-center zui:justify-center zui:gap-0.5",
|
|
15410
15418
|
children: [
|
|
15411
15419
|
S ? /* @__PURE__ */ (0, P.jsx)(gx, {
|
|
15412
|
-
text:
|
|
15420
|
+
text: IT,
|
|
15413
15421
|
position: "top",
|
|
15414
15422
|
disabled: L,
|
|
15415
15423
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
15416
15424
|
type: "button",
|
|
15417
15425
|
disabled: L,
|
|
15418
|
-
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45",
|
|
15419
|
-
"aria-label":
|
|
15426
|
+
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45", BT, "zui:text-[var(--zui-theme-text-primary)]"),
|
|
15427
|
+
"aria-label": IT,
|
|
15420
15428
|
"data-slot": "table-action-edit-button",
|
|
15421
15429
|
onClick: () => void re(e, t, n),
|
|
15422
15430
|
children: /* @__PURE__ */ (0, P.jsx)(ut, {
|
|
15423
|
-
className:
|
|
15431
|
+
className: RT,
|
|
15424
15432
|
"aria-hidden": "true"
|
|
15425
15433
|
})
|
|
15426
15434
|
})
|
|
@@ -15432,7 +15440,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15432
15440
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
15433
15441
|
type: "button",
|
|
15434
15442
|
disabled: L,
|
|
15435
|
-
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45",
|
|
15443
|
+
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45", BT, "zui:text-[var(--zui-theme-text-primary)]"),
|
|
15436
15444
|
"aria-label": r.tooltip,
|
|
15437
15445
|
"data-slot": "table-action-custom-button",
|
|
15438
15446
|
onClick: () => void z(r, e, t, n),
|
|
@@ -15440,18 +15448,18 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15440
15448
|
})
|
|
15441
15449
|
}, `${r.tooltip}-${i}`)) : null,
|
|
15442
15450
|
C ? /* @__PURE__ */ (0, P.jsx)(gx, {
|
|
15443
|
-
text:
|
|
15451
|
+
text: LT,
|
|
15444
15452
|
position: "top",
|
|
15445
15453
|
disabled: L,
|
|
15446
15454
|
trigger: /* @__PURE__ */ (0, P.jsx)("button", {
|
|
15447
15455
|
type: "button",
|
|
15448
15456
|
disabled: L,
|
|
15449
|
-
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45",
|
|
15450
|
-
"aria-label":
|
|
15457
|
+
className: D("zui:inline-flex zui:size-9 zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:transition zui:hover:bg-[var(--zui-theme-bg-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-45", BT, "zui:text-[var(--zui-theme-status-danger)]"),
|
|
15458
|
+
"aria-label": LT,
|
|
15451
15459
|
"data-slot": "table-action-delete-button",
|
|
15452
15460
|
onClick: () => void ie(e, t, n),
|
|
15453
15461
|
children: /* @__PURE__ */ (0, P.jsx)(mt, {
|
|
15454
|
-
className:
|
|
15462
|
+
className: RT,
|
|
15455
15463
|
"aria-hidden": "true"
|
|
15456
15464
|
})
|
|
15457
15465
|
})
|
|
@@ -15460,23 +15468,23 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15460
15468
|
})
|
|
15461
15469
|
}) : null
|
|
15462
15470
|
] }, i);
|
|
15463
|
-
}), Te ? Array.from({ length: Ae }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(
|
|
15471
|
+
}), Te ? Array.from({ length: Ae }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(AE, {
|
|
15464
15472
|
slot: "table-loading-row",
|
|
15465
15473
|
children: [
|
|
15466
|
-
O ? /* @__PURE__ */ (0, P.jsx)(
|
|
15467
|
-
className:
|
|
15468
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15474
|
+
O ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15475
|
+
className: HT,
|
|
15476
|
+
children: /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:mx-auto zui:h-4 zui:w-8" })
|
|
15469
15477
|
}) : null,
|
|
15470
|
-
b.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
15471
|
-
M ? /* @__PURE__ */ (0, P.jsx)(
|
|
15472
|
-
className:
|
|
15478
|
+
b.map((e) => /* @__PURE__ */ (0, P.jsx)(ME, { children: /* @__PURE__ */ (0, P.jsx)(Iw, { className: D("zui:max-w-full", fE(e, t)) }) }, `infinite-loading-cell-${e.key}-${t}`)),
|
|
15479
|
+
M ? /* @__PURE__ */ (0, P.jsx)(ME, {
|
|
15480
|
+
className: VT,
|
|
15473
15481
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
15474
15482
|
"data-slot": "table-row-actions-skeleton",
|
|
15475
15483
|
className: "zui:flex zui:items-center zui:justify-center zui:gap-0.5",
|
|
15476
15484
|
children: [
|
|
15477
|
-
S ? /* @__PURE__ */ (0, P.jsx)(
|
|
15478
|
-
T ? w.map((e, t) => /* @__PURE__ */ (0, P.jsx)(
|
|
15479
|
-
C ? /* @__PURE__ */ (0, P.jsx)(
|
|
15485
|
+
S ? /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }) : null,
|
|
15486
|
+
T ? w.map((e, t) => /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }, `infinite-custom-action-skeleton-${t}`)) : null,
|
|
15487
|
+
C ? /* @__PURE__ */ (0, P.jsx)(Iw, { className: "zui:size-9" }) : null
|
|
15480
15488
|
]
|
|
15481
15489
|
})
|
|
15482
15490
|
}) : null
|
|
@@ -15489,7 +15497,7 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15489
15497
|
className: "zui:h-px zui:w-full"
|
|
15490
15498
|
}) : null]
|
|
15491
15499
|
}),
|
|
15492
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
15500
|
+
/* @__PURE__ */ (0, P.jsx)(uE, {
|
|
15493
15501
|
shouldRenderInfiniteMode: me,
|
|
15494
15502
|
shouldShowInfiniteLoadingStatus: De,
|
|
15495
15503
|
shouldShowInfiniteReadyStatus: Oe,
|
|
@@ -15503,54 +15511,54 @@ var wE = "zui:inline-flex zui:shrink-0 zui:[&>button]:!h-[2.88rem] zui:[&>button
|
|
|
15503
15511
|
})
|
|
15504
15512
|
]
|
|
15505
15513
|
});
|
|
15506
|
-
}),
|
|
15514
|
+
}), DE = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15507
15515
|
return /* @__PURE__ */ (0, P.jsx)("thead", {
|
|
15508
15516
|
ref: n,
|
|
15509
15517
|
"data-slot": "table-header",
|
|
15510
|
-
className: D(
|
|
15518
|
+
className: D(rE(), e),
|
|
15511
15519
|
children: t
|
|
15512
15520
|
});
|
|
15513
|
-
}),
|
|
15521
|
+
}), OE = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15514
15522
|
return /* @__PURE__ */ (0, P.jsx)("tbody", {
|
|
15515
15523
|
ref: n,
|
|
15516
15524
|
"data-slot": "table-body",
|
|
15517
|
-
className: D(
|
|
15525
|
+
className: D(iE(), e),
|
|
15518
15526
|
children: t
|
|
15519
15527
|
});
|
|
15520
|
-
}),
|
|
15528
|
+
}), kE = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15521
15529
|
return /* @__PURE__ */ (0, P.jsx)("tfoot", {
|
|
15522
15530
|
ref: n,
|
|
15523
15531
|
"data-slot": "table-footer",
|
|
15524
|
-
className: D(
|
|
15532
|
+
className: D(aE(), e),
|
|
15525
15533
|
children: t
|
|
15526
15534
|
});
|
|
15527
|
-
}),
|
|
15535
|
+
}), AE = e.forwardRef(function({ className: e, children: t, state: n, slot: r = "table-row" }, i) {
|
|
15528
15536
|
return /* @__PURE__ */ (0, P.jsx)("tr", {
|
|
15529
15537
|
ref: i,
|
|
15530
15538
|
"data-slot": r,
|
|
15531
15539
|
"data-state": n,
|
|
15532
|
-
className: D(
|
|
15540
|
+
className: D(oE(), e),
|
|
15533
15541
|
children: t
|
|
15534
15542
|
});
|
|
15535
|
-
}),
|
|
15543
|
+
}), jE = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15536
15544
|
return /* @__PURE__ */ (0, P.jsx)("th", {
|
|
15537
15545
|
ref: n,
|
|
15538
15546
|
"data-slot": "table-head",
|
|
15539
|
-
className: D(
|
|
15547
|
+
className: D(sE(), e),
|
|
15540
15548
|
children: t
|
|
15541
15549
|
});
|
|
15542
|
-
}),
|
|
15550
|
+
}), ME = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15543
15551
|
return /* @__PURE__ */ (0, P.jsx)("td", {
|
|
15544
15552
|
ref: n,
|
|
15545
15553
|
"data-slot": "table-cell",
|
|
15546
|
-
className: D(
|
|
15554
|
+
className: D(cE(), e),
|
|
15547
15555
|
children: t
|
|
15548
15556
|
});
|
|
15549
15557
|
});
|
|
15550
|
-
|
|
15558
|
+
EE.displayName = "Table", DE.displayName = "TableHeader", OE.displayName = "TableBody", kE.displayName = "TableFooter", AE.displayName = "TableRow", jE.displayName = "TableHead", ME.displayName = "TableCell";
|
|
15551
15559
|
//#endregion
|
|
15552
15560
|
//#region src/components/Textarea/Textarea.variant.ts
|
|
15553
|
-
var
|
|
15561
|
+
var NE = K(["zui:placeholder:text-[var(--zui-color-border)] zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:field-sizing-content zui:flex zui:min-h-[4.8rem] zui:w-full radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:px-3 zui:py-2 zui:text-base zui:text-[var(--zui-color-text)] zui:outline-none zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm", Ev].join(" "), {
|
|
15554
15562
|
variants: { resize: {
|
|
15555
15563
|
none: "zui:resize-none",
|
|
15556
15564
|
y: "zui:resize-y",
|
|
@@ -15560,22 +15568,22 @@ var ME = K(["zui:placeholder:text-[var(--zui-color-border)] zui:selection:bg-[va
|
|
|
15560
15568
|
});
|
|
15561
15569
|
//#endregion
|
|
15562
15570
|
//#region src/components/Textarea/Textarea.tsx
|
|
15563
|
-
function
|
|
15571
|
+
function PE(e) {
|
|
15564
15572
|
return e == null ? !1 : typeof e == "string" ? e.length > 0 : typeof e == "number" ? !0 : Array.isArray(e) ? e.length > 0 : !1;
|
|
15565
15573
|
}
|
|
15566
|
-
function
|
|
15567
|
-
let b = e.useId(), x = u ?? b, S = i, [C, w] = e.useState(!1), [T, E] = e.useState(() =>
|
|
15574
|
+
function FE({ className: t, resize: n = "none", title: r, required: i = !1, placeholder: a, onChange: o, onBlur: s, onFocus: c, onInvalid: l, id: u, name: d, disabled: f = !1, readOnly: p = !1, autoComplete: m, rows: h, maxLength: g, "aria-label": _, value: v, defaultValue: y }) {
|
|
15575
|
+
let b = e.useId(), x = u ?? b, S = i, [C, w] = e.useState(!1), [T, E] = e.useState(() => PE(v ?? y)), O = v !== void 0;
|
|
15568
15576
|
e.useEffect(() => {
|
|
15569
|
-
O && E(
|
|
15577
|
+
O && E(PE(v));
|
|
15570
15578
|
}, [O, v]);
|
|
15571
15579
|
let k = e.useCallback((e) => {
|
|
15572
|
-
O || E(
|
|
15580
|
+
O || E(PE(e.target.value)), C && w(!1), o?.(e);
|
|
15573
15581
|
}, [
|
|
15574
15582
|
O,
|
|
15575
15583
|
C,
|
|
15576
15584
|
o
|
|
15577
15585
|
]), A = e.useCallback((e) => {
|
|
15578
|
-
E(
|
|
15586
|
+
E(PE(e.target.value)), s?.(e);
|
|
15579
15587
|
}, [s]), j = e.useCallback((e) => {
|
|
15580
15588
|
w(!0), l?.(e);
|
|
15581
15589
|
}, [l]);
|
|
@@ -15616,7 +15624,7 @@ function PE({ className: t, resize: n = "none", title: r, required: i = !1, plac
|
|
|
15616
15624
|
onInvalid: j,
|
|
15617
15625
|
value: v,
|
|
15618
15626
|
defaultValue: y,
|
|
15619
|
-
className: D(
|
|
15627
|
+
className: D(NE({
|
|
15620
15628
|
resize: n,
|
|
15621
15629
|
className: t
|
|
15622
15630
|
}), "zui:text-right")
|
|
@@ -15626,11 +15634,11 @@ function PE({ className: t, resize: n = "none", title: r, required: i = !1, plac
|
|
|
15626
15634
|
}
|
|
15627
15635
|
//#endregion
|
|
15628
15636
|
//#region node_modules/@radix-ui/react-toast/dist/index.mjs
|
|
15629
|
-
var
|
|
15637
|
+
var IE = "ToastProvider", [LE, RE, zE] = Wx("Toast"), [BE, VE] = oe("Toast", [zE]), [HE, UE] = BE(IE), WE = (t) => {
|
|
15630
15638
|
let { __scopeToast: n, label: r = "Notification", duration: i = 5e3, swipeDirection: a = "right", swipeThreshold: o = 50, children: s } = t, [c, l] = e.useState(null), [u, d] = e.useState(0), f = e.useRef(!1), p = e.useRef(!1);
|
|
15631
|
-
return r.trim() || console.error(`Invalid prop \`label\` supplied to \`${
|
|
15639
|
+
return r.trim() || console.error(`Invalid prop \`label\` supplied to \`${IE}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ (0, P.jsx)(LE.Provider, {
|
|
15632
15640
|
scope: n,
|
|
15633
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15641
|
+
children: /* @__PURE__ */ (0, P.jsx)(HE, {
|
|
15634
15642
|
scope: n,
|
|
15635
15643
|
label: r,
|
|
15636
15644
|
duration: i,
|
|
@@ -15647,9 +15655,9 @@ var FE = "ToastProvider", [IE, LE, RE] = Ux("Toast"), [zE, BE] = oe("Toast", [RE
|
|
|
15647
15655
|
})
|
|
15648
15656
|
});
|
|
15649
15657
|
};
|
|
15650
|
-
|
|
15651
|
-
var
|
|
15652
|
-
let { __scopeToast: r, hotkey: i =
|
|
15658
|
+
WE.displayName = IE;
|
|
15659
|
+
var GE = "ToastViewport", KE = ["F8"], qE = "toast.viewportPause", JE = "toast.viewportResume", YE = e.forwardRef((t, n) => {
|
|
15660
|
+
let { __scopeToast: r, hotkey: i = KE, label: a = "Notifications ({hotkey})", ...o } = t, s = UE(GE, r), c = RE(r), l = e.useRef(null), u = e.useRef(null), d = e.useRef(null), f = e.useRef(null), p = z(n, f, s.onViewportChange), m = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), h = s.toastCount > 0;
|
|
15653
15661
|
e.useEffect(() => {
|
|
15654
15662
|
let e = (e) => {
|
|
15655
15663
|
i.length !== 0 && i.every((t) => e[t] || e.code === t) && f.current?.focus();
|
|
@@ -15660,12 +15668,12 @@ var WE = "ToastViewport", GE = ["F8"], KE = "toast.viewportPause", qE = "toast.v
|
|
|
15660
15668
|
if (h && e && t) {
|
|
15661
15669
|
let n = () => {
|
|
15662
15670
|
if (!s.isClosePausedRef.current) {
|
|
15663
|
-
let e = new CustomEvent(
|
|
15671
|
+
let e = new CustomEvent(qE);
|
|
15664
15672
|
t.dispatchEvent(e), s.isClosePausedRef.current = !0;
|
|
15665
15673
|
}
|
|
15666
15674
|
}, r = () => {
|
|
15667
15675
|
if (s.isClosePausedRef.current) {
|
|
15668
|
-
let e = new CustomEvent(
|
|
15676
|
+
let e = new CustomEvent(JE);
|
|
15669
15677
|
t.dispatchEvent(e), s.isClosePausedRef.current = !1;
|
|
15670
15678
|
}
|
|
15671
15679
|
}, i = (t) => {
|
|
@@ -15680,7 +15688,7 @@ var WE = "ToastViewport", GE = ["F8"], KE = "toast.viewportPause", qE = "toast.v
|
|
|
15680
15688
|
}, [h, s.isClosePausedRef]);
|
|
15681
15689
|
let g = e.useCallback(({ tabbingDirection: e }) => {
|
|
15682
15690
|
let t = c().map((t) => {
|
|
15683
|
-
let n = t.ref.current, r = [n, ...
|
|
15691
|
+
let n = t.ref.current, r = [n, ...SD(n)];
|
|
15684
15692
|
return e === "forwards" ? r : r.reverse();
|
|
15685
15693
|
});
|
|
15686
15694
|
return (e === "forwards" ? t.reverse() : t).flat();
|
|
@@ -15697,7 +15705,7 @@ var WE = "ToastViewport", GE = ["F8"], KE = "toast.viewportPause", qE = "toast.v
|
|
|
15697
15705
|
return;
|
|
15698
15706
|
}
|
|
15699
15707
|
let i = g({ tabbingDirection: r ? "backwards" : "forwards" }), a = i.findIndex((e) => e === n);
|
|
15700
|
-
|
|
15708
|
+
CD(i.slice(a + 1)) ? t.preventDefault() : r ? u.current?.focus() : d.current?.focus();
|
|
15701
15709
|
}
|
|
15702
15710
|
};
|
|
15703
15711
|
return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
|
|
@@ -15709,13 +15717,13 @@ var WE = "ToastViewport", GE = ["F8"], KE = "toast.viewportPause", qE = "toast.v
|
|
|
15709
15717
|
tabIndex: -1,
|
|
15710
15718
|
style: { pointerEvents: h ? void 0 : "none" },
|
|
15711
15719
|
children: [
|
|
15712
|
-
h && /* @__PURE__ */ (0, P.jsx)(
|
|
15720
|
+
h && /* @__PURE__ */ (0, P.jsx)(ZE, {
|
|
15713
15721
|
ref: u,
|
|
15714
15722
|
onFocusFromOutsideViewport: () => {
|
|
15715
|
-
|
|
15723
|
+
CD(g({ tabbingDirection: "forwards" }));
|
|
15716
15724
|
}
|
|
15717
15725
|
}),
|
|
15718
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
15726
|
+
/* @__PURE__ */ (0, P.jsx)(LE.Slot, {
|
|
15719
15727
|
scope: r,
|
|
15720
15728
|
children: /* @__PURE__ */ (0, P.jsx)(G.ol, {
|
|
15721
15729
|
tabIndex: -1,
|
|
@@ -15723,18 +15731,18 @@ var WE = "ToastViewport", GE = ["F8"], KE = "toast.viewportPause", qE = "toast.v
|
|
|
15723
15731
|
ref: p
|
|
15724
15732
|
})
|
|
15725
15733
|
}),
|
|
15726
|
-
h && /* @__PURE__ */ (0, P.jsx)(
|
|
15734
|
+
h && /* @__PURE__ */ (0, P.jsx)(ZE, {
|
|
15727
15735
|
ref: d,
|
|
15728
15736
|
onFocusFromOutsideViewport: () => {
|
|
15729
|
-
|
|
15737
|
+
CD(g({ tabbingDirection: "backwards" }));
|
|
15730
15738
|
}
|
|
15731
15739
|
})
|
|
15732
15740
|
]
|
|
15733
15741
|
});
|
|
15734
15742
|
});
|
|
15735
|
-
|
|
15736
|
-
var
|
|
15737
|
-
let { __scopeToast: n, onFocusFromOutsideViewport: r, ...i } = e, a =
|
|
15743
|
+
YE.displayName = GE;
|
|
15744
|
+
var XE = "ToastFocusProxy", ZE = e.forwardRef((e, t) => {
|
|
15745
|
+
let { __scopeToast: n, onFocusFromOutsideViewport: r, ...i } = e, a = UE(XE, n);
|
|
15738
15746
|
return /* @__PURE__ */ (0, P.jsx)(Ob, {
|
|
15739
15747
|
tabIndex: 0,
|
|
15740
15748
|
...i,
|
|
@@ -15746,17 +15754,17 @@ var YE = "ToastFocusProxy", XE = e.forwardRef((e, t) => {
|
|
|
15746
15754
|
}
|
|
15747
15755
|
});
|
|
15748
15756
|
});
|
|
15749
|
-
|
|
15750
|
-
var
|
|
15757
|
+
ZE.displayName = XE;
|
|
15758
|
+
var QE = "Toast", $E = "toast.swipeStart", eD = "toast.swipeMove", tD = "toast.swipeCancel", nD = "toast.swipeEnd", rD = e.forwardRef((e, t) => {
|
|
15751
15759
|
let { forceMount: n, open: r, defaultOpen: i, onOpenChange: a, ...o } = e, [s, c] = ce({
|
|
15752
15760
|
prop: r,
|
|
15753
15761
|
defaultProp: i ?? !0,
|
|
15754
15762
|
onChange: a,
|
|
15755
|
-
caller:
|
|
15763
|
+
caller: QE
|
|
15756
15764
|
});
|
|
15757
15765
|
return /* @__PURE__ */ (0, P.jsx)(me, {
|
|
15758
15766
|
present: n || s,
|
|
15759
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15767
|
+
children: /* @__PURE__ */ (0, P.jsx)(oD, {
|
|
15760
15768
|
open: s,
|
|
15761
15769
|
...o,
|
|
15762
15770
|
ref: t,
|
|
@@ -15780,9 +15788,9 @@ var ZE = "Toast", QE = "toast.swipeStart", $E = "toast.swipeMove", eD = "toast.s
|
|
|
15780
15788
|
})
|
|
15781
15789
|
});
|
|
15782
15790
|
});
|
|
15783
|
-
|
|
15784
|
-
var [
|
|
15785
|
-
let { __scopeToast: r, type: i = "foreground", duration: a, open: o, onClose: s, onEscapeKeyDown: c, onPause: l, onResume: u, onSwipeStart: d, onSwipeMove: p, onSwipeCancel: m, onSwipeEnd: h, ...g } = t, _ =
|
|
15791
|
+
rD.displayName = QE;
|
|
15792
|
+
var [iD, aD] = BE(QE, { onClose() {} }), oD = e.forwardRef((t, n) => {
|
|
15793
|
+
let { __scopeToast: r, type: i = "foreground", duration: a, open: o, onClose: s, onEscapeKeyDown: c, onPause: l, onResume: u, onSwipeStart: d, onSwipeMove: p, onSwipeCancel: m, onSwipeEnd: h, ...g } = t, _ = UE(QE, r), [v, y] = e.useState(null), b = z(n, (e) => y(e)), x = e.useRef(null), S = e.useRef(null), C = a || _.duration, w = e.useRef(0), T = e.useRef(C), E = e.useRef(0), { onToastAdd: D, onToastRemove: O } = _, k = wt(() => {
|
|
15786
15794
|
v?.contains(document.activeElement) && _.viewport?.focus(), s();
|
|
15787
15795
|
}), A = e.useCallback((e) => {
|
|
15788
15796
|
!e || e === Infinity || (window.clearTimeout(E.current), w.current = (/* @__PURE__ */ new Date()).getTime(), E.current = window.setTimeout(k, e));
|
|
@@ -15796,8 +15804,8 @@ var [rD, iD] = zE(ZE, { onClose() {} }), aD = e.forwardRef((t, n) => {
|
|
|
15796
15804
|
let e = (/* @__PURE__ */ new Date()).getTime() - w.current;
|
|
15797
15805
|
T.current -= e, window.clearTimeout(E.current), l?.();
|
|
15798
15806
|
};
|
|
15799
|
-
return e.addEventListener(
|
|
15800
|
-
e.removeEventListener(
|
|
15807
|
+
return e.addEventListener(qE, n), e.addEventListener(JE, t), () => {
|
|
15808
|
+
e.removeEventListener(qE, n), e.removeEventListener(JE, t);
|
|
15801
15809
|
};
|
|
15802
15810
|
}
|
|
15803
15811
|
}, [
|
|
@@ -15814,16 +15822,16 @@ var [rD, iD] = zE(ZE, { onClose() {} }), aD = e.forwardRef((t, n) => {
|
|
|
15814
15822
|
_.isClosePausedRef,
|
|
15815
15823
|
A
|
|
15816
15824
|
]), e.useEffect(() => (D(), () => O()), [D, O]);
|
|
15817
|
-
let j = e.useMemo(() => v ?
|
|
15818
|
-
return _.viewport ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [j && /* @__PURE__ */ (0, P.jsx)(
|
|
15825
|
+
let j = e.useMemo(() => v ? _D(v) : null, [v]);
|
|
15826
|
+
return _.viewport ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [j && /* @__PURE__ */ (0, P.jsx)(sD, {
|
|
15819
15827
|
__scopeToast: r,
|
|
15820
15828
|
role: "status",
|
|
15821
15829
|
"aria-live": i === "foreground" ? "assertive" : "polite",
|
|
15822
15830
|
children: j
|
|
15823
|
-
}), /* @__PURE__ */ (0, P.jsx)(
|
|
15831
|
+
}), /* @__PURE__ */ (0, P.jsx)(iD, {
|
|
15824
15832
|
scope: r,
|
|
15825
15833
|
onClose: k,
|
|
15826
|
-
children: f.createPortal(/* @__PURE__ */ (0, P.jsx)(
|
|
15834
|
+
children: f.createPortal(/* @__PURE__ */ (0, P.jsx)(LE.ItemSlot, {
|
|
15827
15835
|
scope: r,
|
|
15828
15836
|
children: /* @__PURE__ */ (0, P.jsx)(zt, {
|
|
15829
15837
|
asChild: !0,
|
|
@@ -15859,7 +15867,7 @@ var [rD, iD] = zE(ZE, { onClose() {} }), aD = e.forwardRef((t, n) => {
|
|
|
15859
15867
|
originalEvent: e,
|
|
15860
15868
|
delta: l
|
|
15861
15869
|
};
|
|
15862
|
-
r ? (S.current = l,
|
|
15870
|
+
r ? (S.current = l, vD(eD, p, u, { discrete: !1 })) : yD(l, _.swipeDirection, c) ? (S.current = l, vD($E, d, u, { discrete: !1 }), e.target.setPointerCapture(e.pointerId)) : (Math.abs(t) > c || Math.abs(n) > c) && (x.current = null);
|
|
15863
15871
|
}),
|
|
15864
15872
|
onPointerUp: B(t.onPointerUp, (e) => {
|
|
15865
15873
|
let t = S.current, n = e.target;
|
|
@@ -15868,16 +15876,16 @@ var [rD, iD] = zE(ZE, { onClose() {} }), aD = e.forwardRef((t, n) => {
|
|
|
15868
15876
|
originalEvent: e,
|
|
15869
15877
|
delta: t
|
|
15870
15878
|
};
|
|
15871
|
-
|
|
15879
|
+
yD(t, _.swipeDirection, _.swipeThreshold) ? vD(nD, h, r, { discrete: !0 }) : vD(tD, m, r, { discrete: !0 }), n.addEventListener("click", (e) => e.preventDefault(), { once: !0 });
|
|
15872
15880
|
}
|
|
15873
15881
|
})
|
|
15874
15882
|
})
|
|
15875
15883
|
})
|
|
15876
15884
|
}), _.viewport)
|
|
15877
15885
|
})] }) : null;
|
|
15878
|
-
}),
|
|
15879
|
-
let { __scopeToast: n, children: r, ...i } = t, a =
|
|
15880
|
-
return
|
|
15886
|
+
}), sD = (t) => {
|
|
15887
|
+
let { __scopeToast: n, children: r, ...i } = t, a = UE(QE, n), [o, s] = e.useState(!1), [c, l] = e.useState(!1);
|
|
15888
|
+
return bD(() => s(!0)), e.useEffect(() => {
|
|
15881
15889
|
let e = window.setTimeout(() => l(!0), 1e3);
|
|
15882
15890
|
return () => window.clearTimeout(e);
|
|
15883
15891
|
}, []), c ? null : /* @__PURE__ */ (0, P.jsx)(Ji, {
|
|
@@ -15891,37 +15899,37 @@ var [rD, iD] = zE(ZE, { onClose() {} }), aD = e.forwardRef((t, n) => {
|
|
|
15891
15899
|
] })
|
|
15892
15900
|
})
|
|
15893
15901
|
});
|
|
15894
|
-
},
|
|
15902
|
+
}, cD = "ToastTitle", lD = e.forwardRef((e, t) => {
|
|
15895
15903
|
let { __scopeToast: n, ...r } = e;
|
|
15896
15904
|
return /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
15897
15905
|
...r,
|
|
15898
15906
|
ref: t
|
|
15899
15907
|
});
|
|
15900
15908
|
});
|
|
15901
|
-
|
|
15902
|
-
var
|
|
15909
|
+
lD.displayName = cD;
|
|
15910
|
+
var uD = "ToastDescription", dD = e.forwardRef((e, t) => {
|
|
15903
15911
|
let { __scopeToast: n, ...r } = e;
|
|
15904
15912
|
return /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
15905
15913
|
...r,
|
|
15906
15914
|
ref: t
|
|
15907
15915
|
});
|
|
15908
15916
|
});
|
|
15909
|
-
|
|
15910
|
-
var
|
|
15917
|
+
dD.displayName = uD;
|
|
15918
|
+
var fD = "ToastAction", pD = e.forwardRef((e, t) => {
|
|
15911
15919
|
let { altText: n, ...r } = e;
|
|
15912
|
-
return n.trim() ? /* @__PURE__ */ (0, P.jsx)(
|
|
15920
|
+
return n.trim() ? /* @__PURE__ */ (0, P.jsx)(gD, {
|
|
15913
15921
|
altText: n,
|
|
15914
15922
|
asChild: !0,
|
|
15915
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
15923
|
+
children: /* @__PURE__ */ (0, P.jsx)(hD, {
|
|
15916
15924
|
...r,
|
|
15917
15925
|
ref: t
|
|
15918
15926
|
})
|
|
15919
|
-
}) : (console.error(`Invalid prop \`altText\` supplied to \`${
|
|
15927
|
+
}) : (console.error(`Invalid prop \`altText\` supplied to \`${fD}\`. Expected non-empty \`string\`.`), null);
|
|
15920
15928
|
});
|
|
15921
|
-
|
|
15922
|
-
var
|
|
15923
|
-
let { __scopeToast: n, ...r } = e, i =
|
|
15924
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15929
|
+
pD.displayName = fD;
|
|
15930
|
+
var mD = "ToastClose", hD = e.forwardRef((e, t) => {
|
|
15931
|
+
let { __scopeToast: n, ...r } = e, i = aD(mD, n);
|
|
15932
|
+
return /* @__PURE__ */ (0, P.jsx)(gD, {
|
|
15925
15933
|
asChild: !0,
|
|
15926
15934
|
children: /* @__PURE__ */ (0, P.jsx)(G.button, {
|
|
15927
15935
|
type: "button",
|
|
@@ -15931,8 +15939,8 @@ var pD = "ToastClose", mD = e.forwardRef((e, t) => {
|
|
|
15931
15939
|
})
|
|
15932
15940
|
});
|
|
15933
15941
|
});
|
|
15934
|
-
|
|
15935
|
-
var
|
|
15942
|
+
hD.displayName = mD;
|
|
15943
|
+
var gD = e.forwardRef((e, t) => {
|
|
15936
15944
|
let { __scopeToast: n, altText: r, ...i } = e;
|
|
15937
15945
|
return /* @__PURE__ */ (0, P.jsx)(G.div, {
|
|
15938
15946
|
"data-radix-toast-announce-exclude": "",
|
|
@@ -15941,19 +15949,19 @@ var hD = e.forwardRef((e, t) => {
|
|
|
15941
15949
|
ref: t
|
|
15942
15950
|
});
|
|
15943
15951
|
});
|
|
15944
|
-
function
|
|
15952
|
+
function _D(e) {
|
|
15945
15953
|
let t = [];
|
|
15946
15954
|
return Array.from(e.childNodes).forEach((e) => {
|
|
15947
|
-
if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent),
|
|
15955
|
+
if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent), xD(e)) {
|
|
15948
15956
|
let n = e.ariaHidden || e.hidden || e.style.display === "none", r = e.dataset.radixToastAnnounceExclude === "";
|
|
15949
15957
|
if (!n) if (r) {
|
|
15950
15958
|
let n = e.dataset.radixToastAnnounceAlt;
|
|
15951
15959
|
n && t.push(n);
|
|
15952
|
-
} else t.push(...
|
|
15960
|
+
} else t.push(..._D(e));
|
|
15953
15961
|
}
|
|
15954
15962
|
}), t;
|
|
15955
15963
|
}
|
|
15956
|
-
function
|
|
15964
|
+
function vD(e, t, n, { discrete: r }) {
|
|
15957
15965
|
let i = n.originalEvent.currentTarget, a = new CustomEvent(e, {
|
|
15958
15966
|
bubbles: !0,
|
|
15959
15967
|
cancelable: !0,
|
|
@@ -15961,11 +15969,11 @@ function _D(e, t, n, { discrete: r }) {
|
|
|
15961
15969
|
});
|
|
15962
15970
|
t && i.addEventListener(e, t, { once: !0 }), r ? Ce(i, a) : i.dispatchEvent(a);
|
|
15963
15971
|
}
|
|
15964
|
-
var
|
|
15972
|
+
var yD = (e, t, n = 0) => {
|
|
15965
15973
|
let r = Math.abs(e.x), i = Math.abs(e.y), a = r > i;
|
|
15966
15974
|
return t === "left" || t === "right" ? a && r > n : !a && i > n;
|
|
15967
15975
|
};
|
|
15968
|
-
function
|
|
15976
|
+
function bD(e = () => {}) {
|
|
15969
15977
|
let t = wt(e);
|
|
15970
15978
|
V(() => {
|
|
15971
15979
|
let e = 0, n = 0;
|
|
@@ -15974,10 +15982,10 @@ function yD(e = () => {}) {
|
|
|
15974
15982
|
};
|
|
15975
15983
|
}, [t]);
|
|
15976
15984
|
}
|
|
15977
|
-
function
|
|
15985
|
+
function xD(e) {
|
|
15978
15986
|
return e.nodeType === e.ELEMENT_NODE;
|
|
15979
15987
|
}
|
|
15980
|
-
function
|
|
15988
|
+
function SD(e) {
|
|
15981
15989
|
let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
|
|
15982
15990
|
let t = e.tagName === "INPUT" && e.type === "hidden";
|
|
15983
15991
|
return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
@@ -15985,11 +15993,11 @@ function xD(e) {
|
|
|
15985
15993
|
for (; n.nextNode();) t.push(n.currentNode);
|
|
15986
15994
|
return t;
|
|
15987
15995
|
}
|
|
15988
|
-
function
|
|
15996
|
+
function CD(e) {
|
|
15989
15997
|
let t = document.activeElement;
|
|
15990
15998
|
return e.some((e) => e === t ? !0 : (e.focus(), document.activeElement !== t));
|
|
15991
15999
|
}
|
|
15992
|
-
var
|
|
16000
|
+
var wD = WE, TD = YE, ED = rD, DD = lD, OD = dD, kD = pD, AD = hD, jD = K("zui:fixed zui:left-0 zui:bottom-0 zui:z-[100] zui:flex zui:max-h-screen zui:w-full zui:flex-col-reverse zui:gap-3 zui:p-4 zui:sm:flex-col zui:md:max-w-[420px]"), MD = K("zui:group zui:pointer-events-auto zui:relative zui:flex zui:w-full zui:items-center zui:justify-between zui:gap-4 zui:overflow-hidden zui:rounded-[var(--zui-radius-xs)] zui:border zui:bg-[var(--zui-color-surface)] zui:p-4 zui:pl-6 zui:text-[var(--zui-theme-text-primary)] zui:shadow-[0_6px_18px_-14px_var(--zui-effect-shadow-ink-35)] zui:transition-all zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:data-[state=closed]:fill-mode-forwards zui:data-[state=closed]:fade-out-80 zui:data-[state=closed]:slide-out-to-left-[130%] zui:data-[state=closed]:[animation-duration:var(--zui-motion-duration-toast-close)] zui:data-[state=closed]:[animation-timing-function:var(--zui-motion-ease-toast-close)] zui:data-[state=open]:slide-in-from-bottom-full zui:data-[swipe=cancel]:translate-x-0 zui:data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] zui:data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] zui:data-[swipe=move]:transition-none", {
|
|
15993
16001
|
variants: { variant: {
|
|
15994
16002
|
default: "zui:border-[var(--zui-theme-border-default)]",
|
|
15995
16003
|
info: "zui:border-[var(--zui-theme-status-info)]",
|
|
@@ -15999,90 +16007,90 @@ var CD = UE, wD = JE, TD = nD, ED = cD, DD = uD, OD = fD, kD = mD, AD = K("zui:f
|
|
|
15999
16007
|
destructive: "zui:border-[var(--zui-theme-status-danger)]"
|
|
16000
16008
|
} },
|
|
16001
16009
|
defaultVariants: { variant: "default" }
|
|
16002
|
-
}),
|
|
16010
|
+
}), ND = K("zui:inline-flex zui:h-8 zui:shrink-0 zui:items-center zui:justify-center zui:rounded-[var(--zui-radius-xs)] zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:px-3 zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:transition-colors zui:hover:bg-[var(--zui-theme-action-ghost-hover)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:opacity-50"), PD = K("zui:absolute zui:top-2 zui:left-2 zui:inline-flex zui:size-7 zui:items-center zui:justify-center zui:bg-transparent zui:p-0 zui:text-[var(--zui-theme-text-primary)] zui:opacity-100 zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-110 zui:hover:cursor-pointer zui:hover:bg-transparent zui:hover:text-[var(--zui-theme-text-primary)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]"), FD = K("zui:text-sm zui:font-semibold zui:text-current"), ID = K("zui:text-sm zui:text-current");
|
|
16003
16011
|
//#endregion
|
|
16004
16012
|
//#region src/components/Toast/Toast.tsx
|
|
16005
|
-
function
|
|
16006
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16013
|
+
function LD(e) {
|
|
16014
|
+
return /* @__PURE__ */ (0, P.jsx)(wD, {
|
|
16007
16015
|
"data-slot": "toast-provider",
|
|
16008
16016
|
...e
|
|
16009
16017
|
});
|
|
16010
16018
|
}
|
|
16011
|
-
var
|
|
16012
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16019
|
+
var RD = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16020
|
+
return /* @__PURE__ */ (0, P.jsx)(TD, {
|
|
16013
16021
|
ref: n,
|
|
16014
16022
|
"data-slot": "toast-viewport",
|
|
16015
16023
|
"data-zui-toast-viewport": "",
|
|
16016
|
-
className: D(
|
|
16024
|
+
className: D(jD(), e),
|
|
16017
16025
|
...t
|
|
16018
16026
|
});
|
|
16019
16027
|
});
|
|
16020
|
-
function
|
|
16021
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16028
|
+
function zD({ className: e, variant: t, ...n }) {
|
|
16029
|
+
return /* @__PURE__ */ (0, P.jsx)(ED, {
|
|
16022
16030
|
"data-slot": "toast",
|
|
16023
16031
|
"data-zui-toast-root": "",
|
|
16024
16032
|
dir: "rtl",
|
|
16025
|
-
className: D(
|
|
16033
|
+
className: D(MD({ variant: t }), "zui:text-right", e),
|
|
16026
16034
|
...n
|
|
16027
16035
|
});
|
|
16028
16036
|
}
|
|
16029
|
-
var
|
|
16030
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16037
|
+
var BD = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16038
|
+
return /* @__PURE__ */ (0, P.jsx)(kD, {
|
|
16031
16039
|
ref: n,
|
|
16032
16040
|
"data-slot": "toast-action",
|
|
16033
|
-
className: D(
|
|
16041
|
+
className: D(ND(), e),
|
|
16034
16042
|
...t
|
|
16035
16043
|
});
|
|
16036
|
-
}),
|
|
16037
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16044
|
+
}), VD = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16045
|
+
return /* @__PURE__ */ (0, P.jsx)(AD, {
|
|
16038
16046
|
ref: n,
|
|
16039
16047
|
"data-slot": "toast-close",
|
|
16040
16048
|
"aria-label": "بستن",
|
|
16041
|
-
className: D(
|
|
16049
|
+
className: D(PD(), e),
|
|
16042
16050
|
...t,
|
|
16043
16051
|
children: /* @__PURE__ */ (0, P.jsx)(gt, {
|
|
16044
16052
|
className: "zui:size-[1.2rem] zui:text-current",
|
|
16045
16053
|
"aria-hidden": "true"
|
|
16046
16054
|
})
|
|
16047
16055
|
});
|
|
16048
|
-
}),
|
|
16049
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16056
|
+
}), HD = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16057
|
+
return /* @__PURE__ */ (0, P.jsx)(DD, {
|
|
16050
16058
|
ref: n,
|
|
16051
16059
|
"data-slot": "toast-title",
|
|
16052
|
-
className: D(
|
|
16060
|
+
className: D(FD(), e),
|
|
16053
16061
|
...t
|
|
16054
16062
|
});
|
|
16055
|
-
}),
|
|
16056
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16063
|
+
}), UD = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16064
|
+
return /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
16057
16065
|
ref: n,
|
|
16058
16066
|
"data-slot": "toast-description",
|
|
16059
|
-
className: D(
|
|
16067
|
+
className: D(ID(), e),
|
|
16060
16068
|
...t
|
|
16061
16069
|
});
|
|
16062
|
-
}),
|
|
16063
|
-
function
|
|
16070
|
+
}), WD = 2147483647, GD = /* @__PURE__ */ new Set();
|
|
16071
|
+
function KD(e) {
|
|
16064
16072
|
return e === "succes" ? "success" : e;
|
|
16065
16073
|
}
|
|
16066
|
-
function
|
|
16067
|
-
return
|
|
16068
|
-
|
|
16074
|
+
function qD(e) {
|
|
16075
|
+
return GD.add(e), () => {
|
|
16076
|
+
GD.delete(e);
|
|
16069
16077
|
};
|
|
16070
16078
|
}
|
|
16071
|
-
function
|
|
16072
|
-
let { safeDuration: i, isPersistent: a } =
|
|
16079
|
+
function JD({ title: e, message: t, duration: n, type: r }) {
|
|
16080
|
+
let { safeDuration: i, isPersistent: a } = YD(n), o = {
|
|
16073
16081
|
title: e,
|
|
16074
16082
|
message: t,
|
|
16075
16083
|
duration: i,
|
|
16076
16084
|
isPersistent: a,
|
|
16077
|
-
type:
|
|
16085
|
+
type: KD(r)
|
|
16078
16086
|
};
|
|
16079
|
-
|
|
16087
|
+
GD.forEach((e) => {
|
|
16080
16088
|
e(o);
|
|
16081
16089
|
});
|
|
16082
16090
|
}
|
|
16083
|
-
function
|
|
16091
|
+
function YD(e) {
|
|
16084
16092
|
return e == null || !Number.isFinite(e) || e <= 0 ? {
|
|
16085
|
-
safeDuration:
|
|
16093
|
+
safeDuration: WD,
|
|
16086
16094
|
isPersistent: !0
|
|
16087
16095
|
} : {
|
|
16088
16096
|
safeDuration: e,
|
|
@@ -16091,7 +16099,7 @@ function JD(e) {
|
|
|
16091
16099
|
}
|
|
16092
16100
|
//#endregion
|
|
16093
16101
|
//#region src/components/Toast/function/toastVisual.ts
|
|
16094
|
-
var
|
|
16102
|
+
var XD = {
|
|
16095
16103
|
info: {
|
|
16096
16104
|
Icon: lt,
|
|
16097
16105
|
iconClassName: "zui:text-[var(--zui-theme-status-info)]",
|
|
@@ -16113,23 +16121,23 @@ var YD = {
|
|
|
16113
16121
|
progressClassName: "zui:bg-[var(--zui-theme-status-danger)]"
|
|
16114
16122
|
}
|
|
16115
16123
|
};
|
|
16116
|
-
function
|
|
16117
|
-
return
|
|
16124
|
+
function ZD(e) {
|
|
16125
|
+
return XD[e];
|
|
16118
16126
|
}
|
|
16119
16127
|
//#endregion
|
|
16120
16128
|
//#region src/components/Toast/ToastHost.tsx
|
|
16121
|
-
var
|
|
16122
|
-
function
|
|
16129
|
+
var QD = 5, $D = 420;
|
|
16130
|
+
function eO() {
|
|
16123
16131
|
return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(16).slice(2)}`;
|
|
16124
16132
|
}
|
|
16125
|
-
function
|
|
16133
|
+
function tO() {
|
|
16126
16134
|
let [e, t] = d([]), n = u(/* @__PURE__ */ new Map());
|
|
16127
|
-
s(() =>
|
|
16135
|
+
s(() => qD((e) => {
|
|
16128
16136
|
t((t) => [{
|
|
16129
|
-
id:
|
|
16137
|
+
id: eO(),
|
|
16130
16138
|
open: !0,
|
|
16131
16139
|
...e
|
|
16132
|
-
}, ...t].slice(0,
|
|
16140
|
+
}, ...t].slice(0, QD));
|
|
16133
16141
|
}), []), s(() => {
|
|
16134
16142
|
let e = n.current;
|
|
16135
16143
|
return () => {
|
|
@@ -16147,10 +16155,10 @@ function eO() {
|
|
|
16147
16155
|
} : t));
|
|
16148
16156
|
let a = window.setTimeout(() => {
|
|
16149
16157
|
n.current.delete(e), t((t) => t.filter((t) => t.id !== e));
|
|
16150
|
-
},
|
|
16158
|
+
}, $D);
|
|
16151
16159
|
n.current.set(e, a);
|
|
16152
16160
|
}, []);
|
|
16153
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
16161
|
+
return /* @__PURE__ */ (0, P.jsxs)(LD, { children: [e.map((e) => /* @__PURE__ */ (0, P.jsxs)(zD, {
|
|
16154
16162
|
open: e.open,
|
|
16155
16163
|
duration: e.isPersistent ? Infinity : e.duration,
|
|
16156
16164
|
variant: e.type,
|
|
@@ -16160,29 +16168,29 @@ function eO() {
|
|
|
16160
16168
|
className: "zui:flex zui:items-start zui:gap-3",
|
|
16161
16169
|
children: [/* @__PURE__ */ (0, P.jsx)("span", {
|
|
16162
16170
|
className: "zui:mt-0.5 zui:shrink-0",
|
|
16163
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
16171
|
+
children: /* @__PURE__ */ (0, P.jsx)(nO, { type: e.type })
|
|
16164
16172
|
}), /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
16165
16173
|
className: "zui:grid zui:gap-1",
|
|
16166
|
-
children: [/* @__PURE__ */ (0, P.jsx)(
|
|
16174
|
+
children: [/* @__PURE__ */ (0, P.jsx)(HD, { children: e.title }), /* @__PURE__ */ (0, P.jsx)(UD, { children: e.message })]
|
|
16167
16175
|
})]
|
|
16168
16176
|
}),
|
|
16169
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
16170
|
-
!e.isPersistent && /* @__PURE__ */ (0, P.jsx)(
|
|
16177
|
+
/* @__PURE__ */ (0, P.jsx)(VD, {}),
|
|
16178
|
+
!e.isPersistent && /* @__PURE__ */ (0, P.jsx)(rO, {
|
|
16171
16179
|
duration: e.duration,
|
|
16172
16180
|
type: e.type
|
|
16173
16181
|
})
|
|
16174
16182
|
]
|
|
16175
|
-
}, e.id)), /* @__PURE__ */ (0, P.jsx)(
|
|
16183
|
+
}, e.id)), /* @__PURE__ */ (0, P.jsx)(RD, {})] });
|
|
16176
16184
|
}
|
|
16177
|
-
function
|
|
16178
|
-
let { Icon: t, iconClassName: n } =
|
|
16185
|
+
function nO({ type: e }) {
|
|
16186
|
+
let { Icon: t, iconClassName: n } = ZD(e);
|
|
16179
16187
|
return /* @__PURE__ */ (0, P.jsx)(t, {
|
|
16180
16188
|
className: `zui:size-5 ${n}`,
|
|
16181
16189
|
"aria-hidden": "true"
|
|
16182
16190
|
});
|
|
16183
16191
|
}
|
|
16184
|
-
function
|
|
16185
|
-
let { progressClassName: n } =
|
|
16192
|
+
function rO({ duration: e, type: t }) {
|
|
16193
|
+
let { progressClassName: n } = ZD(t);
|
|
16186
16194
|
return /* @__PURE__ */ (0, P.jsx)("span", {
|
|
16187
16195
|
className: `zui:pointer-events-none zui:absolute zui:right-0 zui:bottom-0 zui:left-0 zui:h-1 zui:origin-right ${n}`,
|
|
16188
16196
|
style: { animation: `zui-toast-progress ${e}ms linear forwards` },
|
|
@@ -16190,4 +16198,4 @@ function nO({ duration: e, type: t }) {
|
|
|
16190
16198
|
});
|
|
16191
16199
|
}
|
|
16192
16200
|
//#endregion
|
|
16193
|
-
export { ne as Button, Ct as Checkbox, Sy as DatePicker, wb as Dialog,
|
|
16201
|
+
export { ne as Button, Ct as Checkbox, Sy as DatePicker, wb as Dialog, Dx as Input, WD as PERSISTENT_DURATION, Ux as Pagination, qS as RadioGroup, JS as RadioGroupItem, cT as Select, dT as SelectContent, fT as SelectGroup, mT as SelectItem, pT as SelectLabel, hT as SelectSeparator, lT as SelectTrigger, uT as SelectValue, kT as Sheet, Iw as Skeleton, ee as Spinner, EE as Table, OE as TableBody, ME as TableCell, kE as TableFooter, jE as TableHead, DE as TableHeader, AE as TableRow, FE as Textarea, zD as Toast, BD as ToastAction, VD as ToastClose, UD as ToastDescription, tO as ToastHost, LD as ToastProvider, HD as ToastTitle, RD as ToastViewport, gx as Tooltip, T as applyTheme, w as createThemeCssVariables, by as formatPersianDate, xy as formatPersianDateRangeLabel, C as resolveTheme, JD as showToast, qD as subscribeToast, x as theme, S as themeCssVariables };
|