@indxsearch/systm 1.1.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +59 -0
- package/dist/cursors.css +196 -0
- package/dist/index.es.js +98 -97
- package/dist/index.umd.js +6 -6
- package/dist/patterns.css +33 -0
- package/dist/systm.css +1 -1
- package/package.json +4 -2
package/dist/index.es.js
CHANGED
|
@@ -2,7 +2,7 @@ import * as u from "react";
|
|
|
2
2
|
import te, { useState as tr, useEffect as So, useRef as _o, useLayoutEffect as Eo } from "react";
|
|
3
3
|
import * as _t from "react-dom";
|
|
4
4
|
import Ro from "react-dom";
|
|
5
|
-
var at = { exports: {} },
|
|
5
|
+
var at = { exports: {} }, ze = {};
|
|
6
6
|
/**
|
|
7
7
|
* @license React
|
|
8
8
|
* react-jsx-runtime.production.js
|
|
@@ -14,7 +14,7 @@ var at = { exports: {} }, Ue = {};
|
|
|
14
14
|
*/
|
|
15
15
|
var xn;
|
|
16
16
|
function Co() {
|
|
17
|
-
if (xn) return
|
|
17
|
+
if (xn) return ze;
|
|
18
18
|
xn = 1;
|
|
19
19
|
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
|
|
20
20
|
function n(r, o, s) {
|
|
@@ -32,7 +32,7 @@ function Co() {
|
|
|
32
32
|
props: s
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return ze.Fragment = t, ze.jsx = n, ze.jsxs = n, ze;
|
|
36
36
|
}
|
|
37
37
|
var Ye = {};
|
|
38
38
|
/**
|
|
@@ -201,10 +201,10 @@ function To() {
|
|
|
201
201
|
else m(D);
|
|
202
202
|
if (C.call(F, "key")) {
|
|
203
203
|
D = e(S);
|
|
204
|
-
var
|
|
205
|
-
return
|
|
204
|
+
var U = Object.keys(F).filter(function(z) {
|
|
205
|
+
return z !== "key";
|
|
206
206
|
});
|
|
207
|
-
$ = 0 <
|
|
207
|
+
$ = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", H[D + $] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
208
208
|
`A props object containing a "key" prop is being spread into JSX:
|
|
209
209
|
let props = %s;
|
|
210
210
|
<%s {...props} />
|
|
@@ -213,7 +213,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
213
213
|
<%s key={someKey} {...props} />`,
|
|
214
214
|
$,
|
|
215
215
|
D,
|
|
216
|
-
|
|
216
|
+
U,
|
|
217
217
|
D
|
|
218
218
|
), H[D + $] = !0);
|
|
219
219
|
}
|
|
@@ -294,6 +294,7 @@ function Al(e) {
|
|
|
294
294
|
jt.button,
|
|
295
295
|
jt[t],
|
|
296
296
|
jt[n],
|
|
297
|
+
a.disabled ? "cursor-not-allowed" : "cursor-pointer",
|
|
297
298
|
s
|
|
298
299
|
].filter(Boolean).join(" ");
|
|
299
300
|
return /* @__PURE__ */ b.jsxs("button", { className: f, ...a, children: [
|
|
@@ -314,7 +315,7 @@ const Do = "_checkboxWrapper_1wbyq_1", jo = "_checkbox_1wbyq_1", Lo = "_label_1w
|
|
|
314
315
|
"label",
|
|
315
316
|
{
|
|
316
317
|
htmlFor: o,
|
|
317
|
-
className: `${qe.checkboxWrapper} ${n} ${s ? qe.disabled : ""}`,
|
|
318
|
+
className: `${qe.checkboxWrapper} ${n} ${s ? qe.disabled : ""} ${s ? "cursor-not-allowed" : "cursor-pointer"}`,
|
|
318
319
|
children: [
|
|
319
320
|
/* @__PURE__ */ b.jsx("input", { id: o, type: "checkbox", className: qe.checkbox, ...r }),
|
|
320
321
|
e && /* @__PURE__ */ b.jsx("span", { className: qe.label, children: e }),
|
|
@@ -329,12 +330,12 @@ const Do = "_checkboxWrapper_1wbyq_1", jo = "_checkbox_1wbyq_1", Lo = "_label_1w
|
|
|
329
330
|
function kl({ children: e, className: t }) {
|
|
330
331
|
return /* @__PURE__ */ b.jsx("div", { className: `${En.container} ${En.default} ${t || ""}`, children: e });
|
|
331
332
|
}
|
|
332
|
-
const Vo = "_container_10bfq_1", $o = "_header_10bfq_11", Ho = "_title_10bfq_31",
|
|
333
|
+
const Vo = "_container_10bfq_1", $o = "_header_10bfq_11", Ho = "_title_10bfq_31", Uo = "_body_10bfq_49", Ne = {
|
|
333
334
|
container: Vo,
|
|
334
335
|
header: $o,
|
|
335
336
|
title: Ho,
|
|
336
|
-
body:
|
|
337
|
-
},
|
|
337
|
+
body: Uo
|
|
338
|
+
}, zo = ({ color: e = "black", size: t = 21 }) => {
|
|
338
339
|
const n = 0.7142857142857143, r = t, o = typeof t == "number" ? t * n : `calc(${t} * 0.7142857142857143)`;
|
|
339
340
|
return b.jsx("svg", { width: r, height: o, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: b.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1H2V2H1V1ZM3 3H2V2H3V3ZM4 3V4H3V3H4ZM5 2H4V3H5V2ZM5 2V1H6V2H5Z", fill: e }) });
|
|
340
341
|
}, Yo = ({ color: e = "black", size: t = 21 }) => {
|
|
@@ -473,7 +474,7 @@ const pi = "_radioWrapper_1faq0_1", hi = "_radioInput_1faq0_9", mi = "_customRad
|
|
|
473
474
|
checked: o = !1,
|
|
474
475
|
onChange: s,
|
|
475
476
|
disabled: i = !1
|
|
476
|
-
}) => /* @__PURE__ */ b.jsxs("label", { className: `${Ke.radioWrapper} ${i ? Ke.disabled : ""}`, children: [
|
|
477
|
+
}) => /* @__PURE__ */ b.jsxs("label", { className: `${Ke.radioWrapper} ${i ? Ke.disabled : ""} ${i ? "cursor-not-allowed" : "cursor-pointer"}`, children: [
|
|
477
478
|
/* @__PURE__ */ b.jsx(
|
|
478
479
|
"input",
|
|
479
480
|
{
|
|
@@ -506,7 +507,7 @@ const pi = "_radioWrapper_1faq0_1", hi = "_radioInput_1faq0_9", mi = "_customRad
|
|
|
506
507
|
"label",
|
|
507
508
|
{
|
|
508
509
|
htmlFor: i,
|
|
509
|
-
className: `${ct.switch} ${r ? ct.disabled : ""}`,
|
|
510
|
+
className: `${ct.switch} ${r ? ct.disabled : ""} ${r ? "cursor-not-allowed" : "cursor-pointer"}`,
|
|
510
511
|
children: [
|
|
511
512
|
/* @__PURE__ */ b.jsx(
|
|
512
513
|
"input",
|
|
@@ -523,7 +524,7 @@ const pi = "_radioWrapper_1faq0_1", hi = "_radioInput_1faq0_9", mi = "_customRad
|
|
|
523
524
|
]
|
|
524
525
|
}
|
|
525
526
|
);
|
|
526
|
-
}, xi = "
|
|
527
|
+
}, xi = "_basetrack_g50sm_1", Si = "_selectedtrack_g50sm_29", _i = "_livetrack_g50sm_36", Ei = "_livetrackFaceted_g50sm_42", Ri = "_livetrackDefault_g50sm_45", Ci = "_thumbs_g50sm_48", Ti = "_disabled_g50sm_82", re = {
|
|
527
528
|
basetrack: xi,
|
|
528
529
|
selectedtrack: Si,
|
|
529
530
|
livetrack: _i,
|
|
@@ -719,19 +720,19 @@ function nr() {
|
|
|
719
720
|
var q = E.getThumbs();
|
|
720
721
|
if (q.length < 1)
|
|
721
722
|
return;
|
|
722
|
-
var Z = {}, D = E.getOffsets(),
|
|
723
|
-
if (
|
|
724
|
-
var
|
|
723
|
+
var Z = {}, D = E.getOffsets(), U = L(P, D, q, C, k, A, M), G = M(C[P].toFixed(A));
|
|
724
|
+
if (U.length) {
|
|
725
|
+
var z = U.reduce(function(ce, be, xe, it) {
|
|
725
726
|
return ce.length ? t(t([], ce, !0), [D[it[xe]].x], !1) : [D[it[xe]].x];
|
|
726
727
|
}, []);
|
|
727
|
-
if (Math.min.apply(Math,
|
|
728
|
+
if (Math.min.apply(Math, z) === D[P].x) {
|
|
728
729
|
var Y = [];
|
|
729
|
-
|
|
730
|
+
U.forEach(function(ce) {
|
|
730
731
|
Y.push(C[ce].toFixed(A));
|
|
731
732
|
}), G = Array.from(new Set(Y.sort(function(ce, be) {
|
|
732
733
|
return parseFloat(ce) - parseFloat(be);
|
|
733
734
|
}))).map(M).join(k);
|
|
734
|
-
var K = Math.min.apply(Math,
|
|
735
|
+
var K = Math.min.apply(Math, z), ee = Math.max.apply(Math, z), ae = q[U[z.indexOf(ee)]].getBoundingClientRect().width;
|
|
735
736
|
Z.left = "".concat(Math.abs(K - (ee + ae)) / 2, "px"), Z.transform = "translate(-50%, 0)";
|
|
736
737
|
} else
|
|
737
738
|
Z.visibility = "hidden";
|
|
@@ -1251,7 +1252,7 @@ const Fl = (e) => {
|
|
|
1251
1252
|
"div",
|
|
1252
1253
|
{
|
|
1253
1254
|
...w,
|
|
1254
|
-
className: `${re.thumbs} ${o ? re.disabled : ""}`,
|
|
1255
|
+
className: `${re.thumbs} ${o ? re.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-resize-col"}`,
|
|
1255
1256
|
style: {
|
|
1256
1257
|
...w.style,
|
|
1257
1258
|
zIndex: "3"
|
|
@@ -1321,7 +1322,7 @@ const Fl = (e) => {
|
|
|
1321
1322
|
"div",
|
|
1322
1323
|
{
|
|
1323
1324
|
...c,
|
|
1324
|
-
className: `${re.thumbs} ${o ? re.disabled : ""}`,
|
|
1325
|
+
className: `${re.thumbs} ${o ? re.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-resize-col"}`,
|
|
1325
1326
|
style: {
|
|
1326
1327
|
...c.style,
|
|
1327
1328
|
zIndex: "3"
|
|
@@ -1552,7 +1553,7 @@ function Vi(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
1552
1553
|
return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
|
|
1553
1554
|
}, [n, t]);
|
|
1554
1555
|
}
|
|
1555
|
-
var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLayer.pointerDownOutside",
|
|
1556
|
+
var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLayer.pointerDownOutside", Ui = "dismissableLayer.focusOutside", kn, or = u.createContext({
|
|
1556
1557
|
layers: /* @__PURE__ */ new Set(),
|
|
1557
1558
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
1558
1559
|
branches: /* @__PURE__ */ new Set()
|
|
@@ -1605,7 +1606,7 @@ var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLa
|
|
|
1605
1606
|
}
|
|
1606
1607
|
);
|
|
1607
1608
|
on.displayName = $i;
|
|
1608
|
-
var
|
|
1609
|
+
var zi = "DismissableLayerBranch", Yi = u.forwardRef((e, t) => {
|
|
1609
1610
|
const n = u.useContext(or), r = u.useRef(null), o = Q(t, r);
|
|
1610
1611
|
return u.useEffect(() => {
|
|
1611
1612
|
const s = r.current;
|
|
@@ -1615,7 +1616,7 @@ var Ui = "DismissableLayerBranch", Yi = u.forwardRef((e, t) => {
|
|
|
1615
1616
|
};
|
|
1616
1617
|
}, [n.branches]), /* @__PURE__ */ b.jsx(J.div, { ...e, ref: o });
|
|
1617
1618
|
});
|
|
1618
|
-
Yi.displayName =
|
|
1619
|
+
Yi.displayName = zi;
|
|
1619
1620
|
function qi(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
1620
1621
|
const n = Oe(e), r = u.useRef(!1), o = u.useRef(() => {
|
|
1621
1622
|
});
|
|
@@ -1650,7 +1651,7 @@ function Ki(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
1650
1651
|
const n = Oe(e), r = u.useRef(!1);
|
|
1651
1652
|
return u.useEffect(() => {
|
|
1652
1653
|
const o = (s) => {
|
|
1653
|
-
s.target && !r.current && ir(
|
|
1654
|
+
s.target && !r.current && ir(Ui, n, { originalEvent: s }, {
|
|
1654
1655
|
discrete: !1
|
|
1655
1656
|
});
|
|
1656
1657
|
};
|
|
@@ -2462,7 +2463,7 @@ function de(e) {
|
|
|
2462
2463
|
function ve(e) {
|
|
2463
2464
|
return Ct() ? e instanceof HTMLElement || e instanceof se(e).HTMLElement : !1;
|
|
2464
2465
|
}
|
|
2465
|
-
function
|
|
2466
|
+
function Un(e) {
|
|
2466
2467
|
return !Ct() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof se(e).ShadowRoot;
|
|
2467
2468
|
}
|
|
2468
2469
|
const Es = /* @__PURE__ */ new Set(["inline", "contents"]);
|
|
@@ -2531,10 +2532,10 @@ function Re(e) {
|
|
|
2531
2532
|
// Step into the shadow DOM of the parent of a slotted node.
|
|
2532
2533
|
e.assignedSlot || // DOM Element detected.
|
|
2533
2534
|
e.parentNode || // ShadowRoot detected.
|
|
2534
|
-
|
|
2535
|
+
Un(e) && e.host || // Fallback.
|
|
2535
2536
|
ge(e)
|
|
2536
2537
|
);
|
|
2537
|
-
return
|
|
2538
|
+
return Un(t) ? t.host : t;
|
|
2538
2539
|
}
|
|
2539
2540
|
function dr(e) {
|
|
2540
2541
|
const t = Re(e);
|
|
@@ -2666,7 +2667,7 @@ function Ls(e) {
|
|
|
2666
2667
|
y: a
|
|
2667
2668
|
};
|
|
2668
2669
|
}
|
|
2669
|
-
const
|
|
2670
|
+
const zn = 25;
|
|
2670
2671
|
function Fs(e, t) {
|
|
2671
2672
|
const n = se(e), r = ge(e), o = n.visualViewport;
|
|
2672
2673
|
let s = r.clientWidth, i = r.clientHeight, a = 0, d = 0;
|
|
@@ -2678,8 +2679,8 @@ function Fs(e, t) {
|
|
|
2678
2679
|
const f = Ot(r);
|
|
2679
2680
|
if (f <= 0) {
|
|
2680
2681
|
const g = r.ownerDocument, m = g.body, v = getComputedStyle(m), p = g.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, l = Math.abs(r.clientWidth - m.clientWidth - p);
|
|
2681
|
-
l <=
|
|
2682
|
-
} else f <=
|
|
2682
|
+
l <= zn && (s -= l);
|
|
2683
|
+
} else f <= zn && (s += f);
|
|
2683
2684
|
return {
|
|
2684
2685
|
width: s,
|
|
2685
2686
|
height: i,
|
|
@@ -2761,7 +2762,7 @@ function Hs(e) {
|
|
|
2761
2762
|
height: n
|
|
2762
2763
|
};
|
|
2763
2764
|
}
|
|
2764
|
-
function
|
|
2765
|
+
function Us(e, t, n) {
|
|
2765
2766
|
const r = ve(t), o = ge(t), s = n === "fixed", i = Ae(e, !0, s, t);
|
|
2766
2767
|
let a = {
|
|
2767
2768
|
scrollLeft: 0,
|
|
@@ -2814,10 +2815,10 @@ function vr(e, t) {
|
|
|
2814
2815
|
r = qn(r, t);
|
|
2815
2816
|
return r && We(r) && Wt(r) && !un(r) ? n : r || Ms(e) || n;
|
|
2816
2817
|
}
|
|
2817
|
-
const
|
|
2818
|
+
const zs = async function(e) {
|
|
2818
2819
|
const t = this.getOffsetParent || vr, n = this.getDimensions, r = await n(e.floating);
|
|
2819
2820
|
return {
|
|
2820
|
-
reference:
|
|
2821
|
+
reference: Us(e.reference, await t(e.floating), e.strategy),
|
|
2821
2822
|
floating: {
|
|
2822
2823
|
x: 0,
|
|
2823
2824
|
y: 0,
|
|
@@ -2834,7 +2835,7 @@ const qs = {
|
|
|
2834
2835
|
getDocumentElement: ge,
|
|
2835
2836
|
getClippingRect: $s,
|
|
2836
2837
|
getOffsetParent: vr,
|
|
2837
|
-
getElementRects:
|
|
2838
|
+
getElementRects: zs,
|
|
2838
2839
|
getClientRects: js,
|
|
2839
2840
|
getDimensions: Hs,
|
|
2840
2841
|
getScale: Fe,
|
|
@@ -3185,7 +3186,7 @@ var _r = "PopperAnchor", Er = u.forwardRef(
|
|
|
3185
3186
|
Er.displayName = _r;
|
|
3186
3187
|
var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
|
|
3187
3188
|
(e, t) => {
|
|
3188
|
-
var D,
|
|
3189
|
+
var D, U, G, z, Y, K;
|
|
3189
3190
|
const {
|
|
3190
3191
|
__scopePopper: n,
|
|
3191
3192
|
side: r = "bottom",
|
|
@@ -3240,7 +3241,7 @@ var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
|
|
|
3240
3241
|
ne(() => {
|
|
3241
3242
|
M && (S == null || S());
|
|
3242
3243
|
}, [M, S]);
|
|
3243
|
-
const F = (D = A.arrow) == null ? void 0 : D.x, V = (
|
|
3244
|
+
const F = (D = A.arrow) == null ? void 0 : D.x, V = (U = A.arrow) == null ? void 0 : U.y, $ = ((G = A.arrow) == null ? void 0 : G.centerOffset) !== 0, [q, Z] = u.useState();
|
|
3244
3245
|
return ne(() => {
|
|
3245
3246
|
w && Z(window.getComputedStyle(w).zIndex);
|
|
3246
3247
|
}, [w]), /* @__PURE__ */ b.jsx(
|
|
@@ -3255,7 +3256,7 @@ var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
|
|
|
3255
3256
|
minWidth: "max-content",
|
|
3256
3257
|
zIndex: q,
|
|
3257
3258
|
"--radix-popper-transform-origin": [
|
|
3258
|
-
(
|
|
3259
|
+
(z = A.transformOrigin) == null ? void 0 : z.x,
|
|
3259
3260
|
(Y = A.transformOrigin) == null ? void 0 : Y.y
|
|
3260
3261
|
].join(" "),
|
|
3261
3262
|
// hide the content if using the hide middleware and should be hidden
|
|
@@ -3641,12 +3642,12 @@ jr.isSideCarExport = !0;
|
|
|
3641
3642
|
function $a(e, t) {
|
|
3642
3643
|
return e.useMedium(t), jr;
|
|
3643
3644
|
}
|
|
3644
|
-
var Lr = Va(),
|
|
3645
|
+
var Lr = Va(), Ut = function() {
|
|
3645
3646
|
}, Mt = u.forwardRef(function(e, t) {
|
|
3646
3647
|
var n = u.useRef(null), r = u.useState({
|
|
3647
|
-
onScrollCapture:
|
|
3648
|
-
onWheelCapture:
|
|
3649
|
-
onTouchMoveCapture:
|
|
3648
|
+
onScrollCapture: Ut,
|
|
3649
|
+
onWheelCapture: Ut,
|
|
3650
|
+
onTouchMoveCapture: Ut
|
|
3650
3651
|
}), o = r[0], s = r[1], i = e.forwardProps, a = e.children, d = e.className, f = e.removeScrollBar, g = e.enabled, m = e.shards, v = e.sideCar, p = e.noRelative, l = e.noIsolation, c = e.inert, h = e.allowPinchZoom, w = e.as, y = w === void 0 ? "div" : w, x = e.gapMode, R = Dr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), _ = v, O = Fa([n, t]), T = pe(pe({}, R), o);
|
|
3651
3652
|
return u.createElement(
|
|
3652
3653
|
u.Fragment,
|
|
@@ -3668,7 +3669,7 @@ var Ha = function() {
|
|
|
3668
3669
|
if (typeof __webpack_nonce__ < "u")
|
|
3669
3670
|
return __webpack_nonce__;
|
|
3670
3671
|
};
|
|
3671
|
-
function
|
|
3672
|
+
function Ua() {
|
|
3672
3673
|
if (!document)
|
|
3673
3674
|
return null;
|
|
3674
3675
|
var e = document.createElement("style");
|
|
@@ -3676,7 +3677,7 @@ function za() {
|
|
|
3676
3677
|
var t = Ha();
|
|
3677
3678
|
return t && e.setAttribute("nonce", t), e;
|
|
3678
3679
|
}
|
|
3679
|
-
function
|
|
3680
|
+
function za(e, t) {
|
|
3680
3681
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
3681
3682
|
}
|
|
3682
3683
|
function Ya(e) {
|
|
@@ -3687,7 +3688,7 @@ var qa = function() {
|
|
|
3687
3688
|
var e = 0, t = null;
|
|
3688
3689
|
return {
|
|
3689
3690
|
add: function(n) {
|
|
3690
|
-
e == 0 && (t =
|
|
3691
|
+
e == 0 && (t = Ua()) && (za(t, n), Ya(t)), e++;
|
|
3691
3692
|
},
|
|
3692
3693
|
remove: function() {
|
|
3693
3694
|
e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
|
|
@@ -3713,11 +3714,11 @@ var qa = function() {
|
|
|
3713
3714
|
top: 0,
|
|
3714
3715
|
right: 0,
|
|
3715
3716
|
gap: 0
|
|
3716
|
-
},
|
|
3717
|
+
}, zt = function(e) {
|
|
3717
3718
|
return parseInt(e || "", 10) || 0;
|
|
3718
3719
|
}, Za = function(e) {
|
|
3719
3720
|
var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
3720
|
-
return [
|
|
3721
|
+
return [zt(n), zt(r), zt(o)];
|
|
3721
3722
|
}, Ga = function(e) {
|
|
3722
3723
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
3723
3724
|
return Xa;
|
|
@@ -3973,10 +3974,10 @@ var gn = u.forwardRef(function(e, t) {
|
|
|
3973
3974
|
return u.createElement(Mt, pe({}, e, { ref: t, sideCar: hc }));
|
|
3974
3975
|
});
|
|
3975
3976
|
gn.classNames = Mt.classNames;
|
|
3976
|
-
var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Select", [kt, Nt, gc] = ji(Me), [
|
|
3977
|
+
var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Select", [kt, Nt, gc] = ji(Me), [Ue] = Et(Me, [
|
|
3977
3978
|
gc,
|
|
3978
3979
|
At
|
|
3979
|
-
]), It = At(), [yc, Ce] =
|
|
3980
|
+
]), It = At(), [yc, Ce] = Ue(Me), [wc, bc] = Ue(Me), $r = (e) => {
|
|
3980
3981
|
const {
|
|
3981
3982
|
__scopeSelect: t,
|
|
3982
3983
|
children: n,
|
|
@@ -4063,7 +4064,7 @@ var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Sele
|
|
|
4063
4064
|
) });
|
|
4064
4065
|
};
|
|
4065
4066
|
$r.displayName = Me;
|
|
4066
|
-
var Hr = "SelectTrigger",
|
|
4067
|
+
var Hr = "SelectTrigger", Ur = u.forwardRef(
|
|
4067
4068
|
(e, t) => {
|
|
4068
4069
|
const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = It(n), i = Ce(Hr, n), a = i.disabled || r, d = Q(t, i.onTriggerChange), f = Nt(n), g = u.useRef("touch"), [m, v, p] = lo((c) => {
|
|
4069
4070
|
const h = f().filter((x) => !x.disabled), w = h.find((x) => x.value === i.value), y = uo(h, c, w);
|
|
@@ -4106,10 +4107,10 @@ var Hr = "SelectTrigger", zr = u.forwardRef(
|
|
|
4106
4107
|
) });
|
|
4107
4108
|
}
|
|
4108
4109
|
);
|
|
4109
|
-
|
|
4110
|
-
var
|
|
4110
|
+
Ur.displayName = Hr;
|
|
4111
|
+
var zr = "SelectValue", Yr = u.forwardRef(
|
|
4111
4112
|
(e, t) => {
|
|
4112
|
-
const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = Ce(
|
|
4113
|
+
const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = Ce(zr, n), { onValueNodeHasChildrenChange: f } = d, g = s !== void 0, m = Q(t, d.onValueNodeChange);
|
|
4113
4114
|
return ne(() => {
|
|
4114
4115
|
f(g);
|
|
4115
4116
|
}, [f, g]), /* @__PURE__ */ b.jsx(
|
|
@@ -4123,7 +4124,7 @@ var Ur = "SelectValue", Yr = u.forwardRef(
|
|
|
4123
4124
|
);
|
|
4124
4125
|
}
|
|
4125
4126
|
);
|
|
4126
|
-
Yr.displayName =
|
|
4127
|
+
Yr.displayName = zr;
|
|
4127
4128
|
var xc = "SelectIcon", qr = u.forwardRef(
|
|
4128
4129
|
(e, t) => {
|
|
4129
4130
|
const { __scopeSelect: n, children: r, ...o } = e;
|
|
@@ -4149,7 +4150,7 @@ var ke = "SelectContent", Xr = u.forwardRef(
|
|
|
4149
4150
|
}
|
|
4150
4151
|
);
|
|
4151
4152
|
Xr.displayName = ke;
|
|
4152
|
-
var ue = 10, [Zr, Te] =
|
|
4153
|
+
var ue = 10, [Zr, Te] = Ue(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ et("SelectContent.RemoveScroll"), Gr = u.forwardRef(
|
|
4153
4154
|
(e, t) => {
|
|
4154
4155
|
const {
|
|
4155
4156
|
__scopeSelect: n,
|
|
@@ -4179,9 +4180,9 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
|
|
|
4179
4180
|
}, [x]), sr();
|
|
4180
4181
|
const k = u.useCallback(
|
|
4181
4182
|
(D) => {
|
|
4182
|
-
const [
|
|
4183
|
+
const [U, ...G] = E().map((K) => K.ref.current), [z] = G.slice(-1), Y = document.activeElement;
|
|
4183
4184
|
for (const K of D)
|
|
4184
|
-
if (K === Y || (K == null || K.scrollIntoView({ block: "nearest" }), K ===
|
|
4185
|
+
if (K === Y || (K == null || K.scrollIntoView({ block: "nearest" }), K === U && _ && (_.scrollTop = 0), K === z && _ && (_.scrollTop = _.scrollHeight), K == null || K.focus(), document.activeElement !== Y)) return;
|
|
4185
4186
|
},
|
|
4186
4187
|
[E, _]
|
|
4187
4188
|
), M = u.useCallback(
|
|
@@ -4195,17 +4196,17 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
|
|
|
4195
4196
|
u.useEffect(() => {
|
|
4196
4197
|
if (x) {
|
|
4197
4198
|
let D = { x: 0, y: 0 };
|
|
4198
|
-
const
|
|
4199
|
+
const U = (z) => {
|
|
4199
4200
|
var Y, K;
|
|
4200
4201
|
D = {
|
|
4201
|
-
x: Math.abs(Math.round(
|
|
4202
|
-
y: Math.abs(Math.round(
|
|
4202
|
+
x: Math.abs(Math.round(z.pageX) - (((Y = j.current) == null ? void 0 : Y.x) ?? 0)),
|
|
4203
|
+
y: Math.abs(Math.round(z.pageY) - (((K = j.current) == null ? void 0 : K.y) ?? 0))
|
|
4203
4204
|
};
|
|
4204
|
-
}, G = (
|
|
4205
|
-
D.x <= 10 && D.y <= 10 ?
|
|
4205
|
+
}, G = (z) => {
|
|
4206
|
+
D.x <= 10 && D.y <= 10 ? z.preventDefault() : x.contains(z.target) || A(!1), document.removeEventListener("pointermove", U), j.current = null;
|
|
4206
4207
|
};
|
|
4207
|
-
return j.current !== null && (document.addEventListener("pointermove",
|
|
4208
|
-
document.removeEventListener("pointermove",
|
|
4208
|
+
return j.current !== null && (document.addEventListener("pointermove", U), document.addEventListener("pointerup", G, { capture: !0, once: !0 })), () => {
|
|
4209
|
+
document.removeEventListener("pointermove", U), document.removeEventListener("pointerup", G, { capture: !0 });
|
|
4209
4210
|
};
|
|
4210
4211
|
}
|
|
4211
4212
|
}, [x, A, j]), u.useEffect(() => {
|
|
@@ -4215,18 +4216,18 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
|
|
|
4215
4216
|
};
|
|
4216
4217
|
}, [A]);
|
|
4217
4218
|
const [H, S] = lo((D) => {
|
|
4218
|
-
const
|
|
4219
|
-
|
|
4219
|
+
const U = E().filter((Y) => !Y.disabled), G = U.find((Y) => Y.ref.current === document.activeElement), z = uo(U, D, G);
|
|
4220
|
+
z && setTimeout(() => z.ref.current.focus());
|
|
4220
4221
|
}), F = u.useCallback(
|
|
4221
|
-
(D,
|
|
4222
|
-
const
|
|
4223
|
-
(y.value !== void 0 && y.value ===
|
|
4222
|
+
(D, U, G) => {
|
|
4223
|
+
const z = !N.current && !G;
|
|
4224
|
+
(y.value !== void 0 && y.value === U || z) && (I(D), z && (N.current = !0));
|
|
4224
4225
|
},
|
|
4225
4226
|
[y.value]
|
|
4226
4227
|
), V = u.useCallback(() => x == null ? void 0 : x.focus(), [x]), $ = u.useCallback(
|
|
4227
|
-
(D,
|
|
4228
|
-
const
|
|
4229
|
-
(y.value !== void 0 && y.value ===
|
|
4228
|
+
(D, U, G) => {
|
|
4229
|
+
const z = !N.current && !G;
|
|
4230
|
+
(y.value !== void 0 && y.value === U || z) && W(D);
|
|
4230
4231
|
},
|
|
4231
4232
|
[y.value]
|
|
4232
4233
|
), q = r === "popper" ? Jt : Jr, Z = q === Jt ? {
|
|
@@ -4266,8 +4267,8 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
|
|
|
4266
4267
|
D.preventDefault();
|
|
4267
4268
|
},
|
|
4268
4269
|
onUnmountAutoFocus: X(o, (D) => {
|
|
4269
|
-
var
|
|
4270
|
-
(
|
|
4270
|
+
var U;
|
|
4271
|
+
(U = y.trigger) == null || U.focus({ preventScroll: !0 }), D.preventDefault();
|
|
4271
4272
|
}),
|
|
4272
4273
|
children: /* @__PURE__ */ b.jsx(
|
|
4273
4274
|
on,
|
|
@@ -4299,14 +4300,14 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
|
|
|
4299
4300
|
...w.style
|
|
4300
4301
|
},
|
|
4301
4302
|
onKeyDown: X(w.onKeyDown, (D) => {
|
|
4302
|
-
const
|
|
4303
|
-
if (D.key === "Tab" && D.preventDefault(), !
|
|
4304
|
-
let
|
|
4305
|
-
if (["ArrowUp", "End"].includes(D.key) && (
|
|
4306
|
-
const Y = D.target, K =
|
|
4307
|
-
|
|
4303
|
+
const U = D.ctrlKey || D.altKey || D.metaKey;
|
|
4304
|
+
if (D.key === "Tab" && D.preventDefault(), !U && D.key.length === 1 && S(D.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(D.key)) {
|
|
4305
|
+
let z = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
|
|
4306
|
+
if (["ArrowUp", "End"].includes(D.key) && (z = z.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(D.key)) {
|
|
4307
|
+
const Y = D.target, K = z.indexOf(Y);
|
|
4308
|
+
z = z.slice(K + 1);
|
|
4308
4309
|
}
|
|
4309
|
-
setTimeout(() => k(
|
|
4310
|
+
setTimeout(() => k(z)), D.preventDefault();
|
|
4310
4311
|
}
|
|
4311
4312
|
})
|
|
4312
4313
|
}
|
|
@@ -4342,15 +4343,15 @@ var Rc = "SelectItemAlignedPosition", Jr = u.forwardRef((e, t) => {
|
|
|
4342
4343
|
]);
|
|
4343
4344
|
a.style.minWidth = ae + "px", a.style.right = xe + "px";
|
|
4344
4345
|
}
|
|
4345
|
-
const W = v(), E = window.innerHeight - ue * 2, C = c.scrollHeight, P = window.getComputedStyle(f), N = parseInt(P.borderTopWidth, 10), k = parseInt(P.paddingTop, 10), M = parseInt(P.borderBottomWidth, 10), A = parseInt(P.paddingBottom, 10), j = N + k + C + A + M, H = Math.min(h.offsetHeight * 5, j), S = window.getComputedStyle(c), F = parseInt(S.paddingTop, 10), V = parseInt(S.paddingBottom, 10), $ = T.top + T.height / 2 - ue, q = E - $, Z = h.offsetHeight / 2, D = h.offsetTop + Z,
|
|
4346
|
-
if (
|
|
4346
|
+
const W = v(), E = window.innerHeight - ue * 2, C = c.scrollHeight, P = window.getComputedStyle(f), N = parseInt(P.borderTopWidth, 10), k = parseInt(P.paddingTop, 10), M = parseInt(P.borderBottomWidth, 10), A = parseInt(P.paddingBottom, 10), j = N + k + C + A + M, H = Math.min(h.offsetHeight * 5, j), S = window.getComputedStyle(c), F = parseInt(S.paddingTop, 10), V = parseInt(S.paddingBottom, 10), $ = T.top + T.height / 2 - ue, q = E - $, Z = h.offsetHeight / 2, D = h.offsetTop + Z, U = N + k + D, G = j - U;
|
|
4347
|
+
if (U <= $) {
|
|
4347
4348
|
const Y = W.length > 0 && h === W[W.length - 1].ref.current;
|
|
4348
4349
|
a.style.bottom = "0px";
|
|
4349
4350
|
const K = f.clientHeight - c.offsetTop - c.offsetHeight, ee = Math.max(
|
|
4350
4351
|
q,
|
|
4351
4352
|
Z + // viewport might have padding bottom, include it to avoid a scrollable viewport
|
|
4352
4353
|
(Y ? V : 0) + K + M
|
|
4353
|
-
), ae =
|
|
4354
|
+
), ae = U + ee;
|
|
4354
4355
|
a.style.height = ae + "px";
|
|
4355
4356
|
} else {
|
|
4356
4357
|
const Y = W.length > 0 && h === W[0].ref.current;
|
|
@@ -4360,7 +4361,7 @@ var Rc = "SelectItemAlignedPosition", Jr = u.forwardRef((e, t) => {
|
|
|
4360
4361
|
N + c.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
|
|
4361
4362
|
(Y ? F : 0) + Z
|
|
4362
4363
|
) + G;
|
|
4363
|
-
a.style.height = ee + "px", c.scrollTop =
|
|
4364
|
+
a.style.height = ee + "px", c.scrollTop = U - $ + c.offsetTop;
|
|
4364
4365
|
}
|
|
4365
4366
|
a.style.margin = `${ue}px 0`, a.style.minHeight = H + "px", a.style.maxHeight = E + "px", r == null || r(), requestAnimationFrame(() => p.current = !0);
|
|
4366
4367
|
}
|
|
@@ -4454,7 +4455,7 @@ var Cc = "SelectPopperPosition", Jt = u.forwardRef((e, t) => {
|
|
|
4454
4455
|
);
|
|
4455
4456
|
});
|
|
4456
4457
|
Jt.displayName = Cc;
|
|
4457
|
-
var [Tc, yn] =
|
|
4458
|
+
var [Tc, yn] = Ue(ke, {}), Qt = "SelectViewport", Qr = u.forwardRef(
|
|
4458
4459
|
(e, t) => {
|
|
4459
4460
|
const { __scopeSelect: n, nonce: r, ...o } = e, s = Te(Qt, n), i = yn(Qt, n), a = Q(t, s.onViewportChange), d = u.useRef(0);
|
|
4460
4461
|
return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
|
|
@@ -4507,7 +4508,7 @@ var [Tc, yn] = ze(ke, {}), Qt = "SelectViewport", Qr = u.forwardRef(
|
|
|
4507
4508
|
}
|
|
4508
4509
|
);
|
|
4509
4510
|
Qr.displayName = Qt;
|
|
4510
|
-
var eo = "SelectGroup", [Pc, Oc] =
|
|
4511
|
+
var eo = "SelectGroup", [Pc, Oc] = Ue(eo), Ac = u.forwardRef(
|
|
4511
4512
|
(e, t) => {
|
|
4512
4513
|
const { __scopeSelect: n, ...r } = e, o = Rt();
|
|
4513
4514
|
return /* @__PURE__ */ b.jsx(Pc, { scope: n, id: o, children: /* @__PURE__ */ b.jsx(J.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
|
|
@@ -4521,7 +4522,7 @@ var to = "SelectLabel", Mc = u.forwardRef(
|
|
|
4521
4522
|
}
|
|
4522
4523
|
);
|
|
4523
4524
|
Mc.displayName = to;
|
|
4524
|
-
var St = "SelectItem", [kc, no] =
|
|
4525
|
+
var St = "SelectItem", [kc, no] = Ue(St), ro = u.forwardRef(
|
|
4525
4526
|
(e, t) => {
|
|
4526
4527
|
const {
|
|
4527
4528
|
__scopeSelect: n,
|
|
@@ -4777,7 +4778,7 @@ function uo(e, t, n) {
|
|
|
4777
4778
|
function Wc(e, t) {
|
|
4778
4779
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
4779
4780
|
}
|
|
4780
|
-
var Vc = $r, $c =
|
|
4781
|
+
var Vc = $r, $c = Ur, Hc = Yr, Uc = qr, zc = Kr, Yc = Xr, qc = Qr, Kc = ro, Xc = oo;
|
|
4781
4782
|
const Zc = "_trigger_14rt8_1", Gc = "_icon_14rt8_33", Jc = "_content_14rt8_39", Qc = "_viewport_14rt8_47", el = "_item_14rt8_51", Je = {
|
|
4782
4783
|
trigger: Zc,
|
|
4783
4784
|
icon: Gc,
|
|
@@ -4792,11 +4793,11 @@ const Zc = "_trigger_14rt8_1", Gc = "_icon_14rt8_33", Jc = "_content_14rt8_39",
|
|
|
4792
4793
|
className: o = "",
|
|
4793
4794
|
disabled: s = !1
|
|
4794
4795
|
}) => /* @__PURE__ */ b.jsxs(Vc, { value: e, onValueChange: t, disabled: s, children: [
|
|
4795
|
-
/* @__PURE__ */ b.jsxs($c, { className: `${Je.trigger} ${o}`, children: [
|
|
4796
|
+
/* @__PURE__ */ b.jsxs($c, { className: `${Je.trigger} ${o} cursor-pointer`, children: [
|
|
4796
4797
|
/* @__PURE__ */ b.jsx(Hc, { placeholder: r }),
|
|
4797
|
-
/* @__PURE__ */ b.jsx(
|
|
4798
|
+
/* @__PURE__ */ b.jsx(Uc, { className: Je.icon, children: /* @__PURE__ */ b.jsx(zo, { size: 14, color: "currentColor" }) })
|
|
4798
4799
|
] }),
|
|
4799
|
-
/* @__PURE__ */ b.jsx(
|
|
4800
|
+
/* @__PURE__ */ b.jsx(zc, { children: /* @__PURE__ */ b.jsx(Yc, { className: Je.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ b.jsx(qc, { className: Je.viewport, children: n.map((i) => /* @__PURE__ */ b.jsx(
|
|
4800
4801
|
Kc,
|
|
4801
4802
|
{
|
|
4802
4803
|
value: i.value,
|
|
@@ -5125,13 +5126,13 @@ function $l({ children: e }) {
|
|
|
5125
5126
|
function Hl({ children: e }) {
|
|
5126
5127
|
return /* @__PURE__ */ b.jsx("tr", { className: _e.dataRow, children: e });
|
|
5127
5128
|
}
|
|
5128
|
-
function
|
|
5129
|
+
function Ul({ label: e, children: t }) {
|
|
5129
5130
|
return e || t ? /* @__PURE__ */ b.jsx("td", { children: /* @__PURE__ */ b.jsxs("div", { className: _e.cellInner, children: [
|
|
5130
5131
|
e && /* @__PURE__ */ b.jsx("span", { className: _e.cellLabel, children: e }),
|
|
5131
5132
|
t && /* @__PURE__ */ b.jsx("div", { className: _e.cellContent, children: t })
|
|
5132
5133
|
] }) }) : /* @__PURE__ */ b.jsx("td", { children: t });
|
|
5133
5134
|
}
|
|
5134
|
-
function
|
|
5135
|
+
function zl({ children: e }) {
|
|
5135
5136
|
return /* @__PURE__ */ b.jsx("span", { className: _e.value, children: e });
|
|
5136
5137
|
}
|
|
5137
5138
|
function Yl({ children: e }) {
|
|
@@ -5149,10 +5150,10 @@ export {
|
|
|
5149
5150
|
Bl as Select,
|
|
5150
5151
|
Fl as Slider,
|
|
5151
5152
|
Vl as Table,
|
|
5152
|
-
|
|
5153
|
+
Ul as TableCell,
|
|
5153
5154
|
$l as TableHeader,
|
|
5154
5155
|
Yl as TableIcon,
|
|
5155
5156
|
Hl as TableRow,
|
|
5156
|
-
|
|
5157
|
+
zl as TableValue,
|
|
5157
5158
|
Ll as ToggleSwitch
|
|
5158
5159
|
};
|