@datavac/ui-kit 1.7.0-select.1 → 1.7.1-theme-toggle.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/dist/index.js
CHANGED
|
@@ -8032,89 +8032,111 @@ function tp(e) {
|
|
|
8032
8032
|
//#endregion
|
|
8033
8033
|
//#region src/components/ThemeProvider/ThemeProvider.tsx
|
|
8034
8034
|
var np = n(null);
|
|
8035
|
-
function rp(
|
|
8035
|
+
function rp() {
|
|
8036
|
+
return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
8037
|
+
}
|
|
8038
|
+
function ip(e) {
|
|
8039
|
+
return e === "system" ? rp() : e;
|
|
8040
|
+
}
|
|
8041
|
+
function ap(e) {
|
|
8042
|
+
if (e) return e;
|
|
8043
|
+
if (typeof window > "u") return "system";
|
|
8044
|
+
let t = localStorage.getItem("datavac-theme");
|
|
8045
|
+
return t && (t === "light" || t === "dark" || t === "system") ? t : "system";
|
|
8046
|
+
}
|
|
8047
|
+
function op({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
|
|
8036
8048
|
let a = l(() => ({
|
|
8037
8049
|
...$f,
|
|
8038
8050
|
...n
|
|
8039
|
-
}), [n]), [s, c] = d(t
|
|
8051
|
+
}), [n]), [s, c] = d(() => ap(t)), [u, f] = d(() => rp()), m = s === "system" ? u : s, h = a[m] ?? Xf;
|
|
8040
8052
|
o(() => {
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
8044
|
-
|
|
8045
|
-
|
|
8046
|
-
|
|
8047
|
-
|
|
8048
|
-
|
|
8049
|
-
|
|
8053
|
+
if (s !== "system") return;
|
|
8054
|
+
let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => f(rp());
|
|
8055
|
+
return e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
8056
|
+
}, [s]), o(() => {
|
|
8057
|
+
(r ? document.documentElement.classList : document.body.classList).toggle("dark", m === "dark"), localStorage.setItem("datavac-theme", s);
|
|
8058
|
+
}, [
|
|
8059
|
+
m,
|
|
8060
|
+
s,
|
|
8061
|
+
r
|
|
8062
|
+
]);
|
|
8063
|
+
let g = i((e) => {
|
|
8064
|
+
(e === "system" || a[e]) && c(e);
|
|
8065
|
+
}, [a]), _ = i(() => {
|
|
8066
|
+
c((e) => ip(e) === "dark" ? "light" : "dark");
|
|
8050
8067
|
}, []);
|
|
8051
8068
|
return /* @__PURE__ */ p(np.Provider, {
|
|
8052
8069
|
value: {
|
|
8053
8070
|
themeName: s,
|
|
8054
|
-
|
|
8055
|
-
|
|
8056
|
-
|
|
8071
|
+
resolvedTheme: m,
|
|
8072
|
+
tokens: h,
|
|
8073
|
+
setTheme: g,
|
|
8074
|
+
toggleTheme: _
|
|
8057
8075
|
},
|
|
8058
8076
|
children: e
|
|
8059
8077
|
});
|
|
8060
8078
|
}
|
|
8061
|
-
function
|
|
8079
|
+
function sp() {
|
|
8062
8080
|
let e = a(np);
|
|
8063
8081
|
if (!e) throw Error("useTheme must be used within <ThemeProvider>");
|
|
8064
8082
|
return e;
|
|
8065
8083
|
}
|
|
8066
8084
|
//#endregion
|
|
8067
8085
|
//#region src/components/ThemeToggle/ThemeToggle.tsx
|
|
8068
|
-
function
|
|
8069
|
-
let { themeName: t,
|
|
8070
|
-
|
|
8071
|
-
|
|
8072
|
-
}, []),
|
|
8086
|
+
function cp({ className: e }) {
|
|
8087
|
+
let { themeName: t, resolvedTheme: n, setTheme: r, toggleTheme: i } = sp(), a = n === "dark", s = t === "system", [c, l] = d(!1);
|
|
8088
|
+
if (o(() => {
|
|
8089
|
+
l(!0);
|
|
8090
|
+
}, []), !c) return null;
|
|
8091
|
+
let u = () => {
|
|
8092
|
+
s ? r(a ? "light" : "dark") : i();
|
|
8093
|
+
};
|
|
8094
|
+
return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
8073
8095
|
className: K("hidden md:flex items-center gap-2", e),
|
|
8074
8096
|
children: [
|
|
8075
8097
|
/* @__PURE__ */ p("span", {
|
|
8076
|
-
className: K("text-xs font-sans",
|
|
8098
|
+
className: K("text-xs font-sans", a ? "text-fg-muted" : "text-fg"),
|
|
8077
8099
|
children: "День"
|
|
8078
8100
|
}),
|
|
8079
8101
|
/* @__PURE__ */ p(Yf, {
|
|
8080
|
-
checked:
|
|
8081
|
-
onChange: () =>
|
|
8102
|
+
checked: a,
|
|
8103
|
+
onChange: () => u(),
|
|
8082
8104
|
size: "sm",
|
|
8083
|
-
trackClassName:
|
|
8084
|
-
thumbClassName:
|
|
8085
|
-
"aria-label":
|
|
8105
|
+
trackClassName: a ? "bg-neutral" : "bg-card",
|
|
8106
|
+
thumbClassName: a ? "bg-accent" : "bg-neutral",
|
|
8107
|
+
"aria-label": a ? "Включить светлую тему" : "Включить тёмную тему"
|
|
8086
8108
|
}),
|
|
8087
8109
|
/* @__PURE__ */ p("span", {
|
|
8088
|
-
className: K("text-xs font-sans",
|
|
8110
|
+
className: K("text-xs font-sans", a ? "text-fg" : "text-fg-muted"),
|
|
8089
8111
|
children: "Ночь"
|
|
8090
8112
|
})
|
|
8091
8113
|
]
|
|
8092
8114
|
}), /* @__PURE__ */ m("button", {
|
|
8093
8115
|
role: "switch",
|
|
8094
|
-
"aria-checked":
|
|
8095
|
-
"aria-label":
|
|
8096
|
-
onClick:
|
|
8116
|
+
"aria-checked": a,
|
|
8117
|
+
"aria-label": a ? "Включить светлую тему" : "Включить тёмную тему",
|
|
8118
|
+
onClick: u,
|
|
8097
8119
|
className: K("relative flex md:hidden w-[58px] h-8 rounded-pill bg-neutral overflow-hidden", e),
|
|
8098
8120
|
children: [
|
|
8099
|
-
/* @__PURE__ */ p("span", { className: K("absolute top-[3px] w-[26px] h-[26px] bg-white rounded-full shadow transition-all duration-200",
|
|
8121
|
+
/* @__PURE__ */ p("span", { className: K("absolute top-[3px] w-[26px] h-[26px] bg-white rounded-full shadow transition-all duration-200", a ? "left-[29px]" : "left-[3px]") }),
|
|
8100
8122
|
/* @__PURE__ */ p("span", {
|
|
8101
|
-
className: "absolute left-
|
|
8123
|
+
className: K("absolute left-1 top-1/2 -translate-y-1/2 pointer-events-none", a ? "text-white" : "text-black"),
|
|
8102
8124
|
children: /* @__PURE__ */ p(Vs, {})
|
|
8103
8125
|
}),
|
|
8104
8126
|
/* @__PURE__ */ p("span", {
|
|
8105
|
-
className: "absolute right-
|
|
8127
|
+
className: K("absolute right-1 top-1/2 -translate-y-1/2 pointer-events-none", a ? "text-black" : "text-white"),
|
|
8106
8128
|
children: /* @__PURE__ */ p(Is, {})
|
|
8107
8129
|
})
|
|
8108
8130
|
]
|
|
8109
|
-
})] })
|
|
8131
|
+
})] });
|
|
8110
8132
|
}
|
|
8111
8133
|
//#endregion
|
|
8112
8134
|
//#region src/components/TagFilter/TagFilter.tsx
|
|
8113
|
-
var
|
|
8135
|
+
var lp = (e, t, n) => {
|
|
8114
8136
|
let r = e === t, i = n?.includes(t) ?? !1;
|
|
8115
8137
|
return r ? "bg-[#4F5153] text-white" : i ? "bg-white text-[#E30C5C]" : "bg-white text-[#323335]";
|
|
8116
8138
|
};
|
|
8117
|
-
function
|
|
8139
|
+
function up({ tags: e, active: t, onChange: n, className: r, highlighted: i = [] }) {
|
|
8118
8140
|
let a = (e) => {
|
|
8119
8141
|
n(t === e ? null : e);
|
|
8120
8142
|
};
|
|
@@ -8123,22 +8145,22 @@ function sp({ tags: e, active: t, onChange: n, className: r, highlighted: i = []
|
|
|
8123
8145
|
children: e.map((e) => /* @__PURE__ */ p(xt, {
|
|
8124
8146
|
onClick: () => a(e),
|
|
8125
8147
|
"aria-pressed": t === e,
|
|
8126
|
-
className:
|
|
8148
|
+
className: lp(t, e, i),
|
|
8127
8149
|
children: e
|
|
8128
8150
|
}, e))
|
|
8129
8151
|
});
|
|
8130
8152
|
}
|
|
8131
8153
|
//#endregion
|
|
8132
8154
|
//#region node_modules/@radix-ui/number/dist/index.mjs
|
|
8133
|
-
function
|
|
8155
|
+
function dp(e, [t, n]) {
|
|
8134
8156
|
return Math.min(n, Math.max(t, e));
|
|
8135
8157
|
}
|
|
8136
8158
|
//#endregion
|
|
8137
8159
|
//#region node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot/dist/index.mjs
|
|
8138
8160
|
/* @__NO_SIDE_EFFECTS__ */
|
|
8139
|
-
function
|
|
8140
|
-
let n = /* @__PURE__ */
|
|
8141
|
-
let { children: i, ...a } = t, o = e.Children.toArray(i), s = o.find(
|
|
8161
|
+
function fp(t) {
|
|
8162
|
+
let n = /* @__PURE__ */ pp(t), r = e.forwardRef((t, r) => {
|
|
8163
|
+
let { children: i, ...a } = t, o = e.Children.toArray(i), s = o.find(hp);
|
|
8142
8164
|
if (s) {
|
|
8143
8165
|
let t = s.props.children, i = o.map((n) => n === s ? e.Children.count(t) > 1 ? e.Children.only(null) : e.isValidElement(t) ? t.props.children : null : n);
|
|
8144
8166
|
return /* @__PURE__ */ p(n, {
|
|
@@ -8156,22 +8178,22 @@ function lp(t) {
|
|
|
8156
8178
|
return r.displayName = `${t}.Slot`, r;
|
|
8157
8179
|
}
|
|
8158
8180
|
/* @__NO_SIDE_EFFECTS__ */
|
|
8159
|
-
function
|
|
8181
|
+
function pp(t) {
|
|
8160
8182
|
let n = e.forwardRef((t, n) => {
|
|
8161
8183
|
let { children: r, ...i } = t;
|
|
8162
8184
|
if (e.isValidElement(r)) {
|
|
8163
|
-
let t =
|
|
8185
|
+
let t = _p(r), a = gp(i, r.props);
|
|
8164
8186
|
return r.type !== e.Fragment && (a.ref = n ? it(n, t) : t), e.cloneElement(r, a);
|
|
8165
8187
|
}
|
|
8166
8188
|
return e.Children.count(r) > 1 ? e.Children.only(null) : null;
|
|
8167
8189
|
});
|
|
8168
8190
|
return n.displayName = `${t}.SlotClone`, n;
|
|
8169
8191
|
}
|
|
8170
|
-
var
|
|
8171
|
-
function
|
|
8172
|
-
return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId ===
|
|
8192
|
+
var mp = Symbol("radix.slottable");
|
|
8193
|
+
function hp(t) {
|
|
8194
|
+
return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === mp;
|
|
8173
8195
|
}
|
|
8174
|
-
function
|
|
8196
|
+
function gp(e, t) {
|
|
8175
8197
|
let n = { ...t };
|
|
8176
8198
|
for (let r in t) {
|
|
8177
8199
|
let i = e[r], a = t[r];
|
|
@@ -8188,13 +8210,13 @@ function pp(e, t) {
|
|
|
8188
8210
|
...n
|
|
8189
8211
|
};
|
|
8190
8212
|
}
|
|
8191
|
-
function
|
|
8213
|
+
function _p(e) {
|
|
8192
8214
|
let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
8193
8215
|
return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
8194
8216
|
}
|
|
8195
8217
|
//#endregion
|
|
8196
8218
|
//#region node_modules/@radix-ui/react-use-previous/dist/index.mjs
|
|
8197
|
-
function
|
|
8219
|
+
function vp(t) {
|
|
8198
8220
|
let n = e.useRef({
|
|
8199
8221
|
value: t,
|
|
8200
8222
|
previous: t
|
|
@@ -8203,26 +8225,26 @@ function hp(t) {
|
|
|
8203
8225
|
}
|
|
8204
8226
|
//#endregion
|
|
8205
8227
|
//#region node_modules/@radix-ui/react-select/dist/index.mjs
|
|
8206
|
-
var
|
|
8228
|
+
var yp = [
|
|
8207
8229
|
" ",
|
|
8208
8230
|
"Enter",
|
|
8209
8231
|
"ArrowUp",
|
|
8210
8232
|
"ArrowDown"
|
|
8211
|
-
],
|
|
8212
|
-
let { __scopeSelect: n, children: r, open: i, defaultOpen: a, onOpenChange: o, value: s, defaultValue: c, onValueChange: l, dir: u, name: d, autoComplete: f, disabled: h, required: g, form: _ } = t, v =
|
|
8233
|
+
], bp = [" ", "Enter"], xp = "Select", [Sp, Cp, wp] = Ku(xp), [Tp, Ep] = Et(xp, [wp, Li]), Dp = Li(), [Op, kp] = Tp(xp), [Ap, jp] = Tp(xp), Mp = (t) => {
|
|
8234
|
+
let { __scopeSelect: n, children: r, open: i, defaultOpen: a, onOpenChange: o, value: s, defaultValue: c, onValueChange: l, dir: u, name: d, autoComplete: f, disabled: h, required: g, form: _ } = t, v = Dp(n), [y, b] = e.useState(null), [x, S] = e.useState(null), [C, w] = e.useState(!1), T = ld(u), [E, D] = _a({
|
|
8213
8235
|
prop: i,
|
|
8214
8236
|
defaultProp: a ?? !1,
|
|
8215
8237
|
onChange: o,
|
|
8216
|
-
caller:
|
|
8238
|
+
caller: xp
|
|
8217
8239
|
}), [O, k] = _a({
|
|
8218
8240
|
prop: s,
|
|
8219
8241
|
defaultProp: c,
|
|
8220
8242
|
onChange: l,
|
|
8221
|
-
caller:
|
|
8243
|
+
caller: xp
|
|
8222
8244
|
}), A = e.useRef(null), j = y ? _ || !!y.closest("form") : !0, [M, N] = e.useState(/* @__PURE__ */ new Set()), P = Array.from(M).map((e) => e.props.value).join(";");
|
|
8223
8245
|
return /* @__PURE__ */ p($i, {
|
|
8224
8246
|
...v,
|
|
8225
|
-
children: /* @__PURE__ */ m(
|
|
8247
|
+
children: /* @__PURE__ */ m(Op, {
|
|
8226
8248
|
required: g,
|
|
8227
8249
|
scope: n,
|
|
8228
8250
|
trigger: y,
|
|
@@ -8239,9 +8261,9 @@ var gp = [
|
|
|
8239
8261
|
dir: T,
|
|
8240
8262
|
triggerPointerDownPosRef: A,
|
|
8241
8263
|
disabled: h,
|
|
8242
|
-
children: [/* @__PURE__ */ p(
|
|
8264
|
+
children: [/* @__PURE__ */ p(Sp.Provider, {
|
|
8243
8265
|
scope: n,
|
|
8244
|
-
children: /* @__PURE__ */ p(
|
|
8266
|
+
children: /* @__PURE__ */ p(Ap, {
|
|
8245
8267
|
scope: t.__scopeSelect,
|
|
8246
8268
|
onNativeOptionAdd: e.useCallback((e) => {
|
|
8247
8269
|
N((t) => new Set(t).add(e));
|
|
@@ -8254,7 +8276,7 @@ var gp = [
|
|
|
8254
8276
|
}, []),
|
|
8255
8277
|
children: r
|
|
8256
8278
|
})
|
|
8257
|
-
}), j ? /* @__PURE__ */ m(
|
|
8279
|
+
}), j ? /* @__PURE__ */ m(Dm, {
|
|
8258
8280
|
"aria-hidden": !0,
|
|
8259
8281
|
required: g,
|
|
8260
8282
|
tabIndex: -1,
|
|
@@ -8269,10 +8291,10 @@ var gp = [
|
|
|
8269
8291
|
})
|
|
8270
8292
|
});
|
|
8271
8293
|
};
|
|
8272
|
-
|
|
8273
|
-
var
|
|
8274
|
-
let { __scopeSelect: r, disabled: i = !1, ...a } = t, o =
|
|
8275
|
-
let t = u().filter((e) => !e.disabled), n =
|
|
8294
|
+
Mp.displayName = xp;
|
|
8295
|
+
var Np = "SelectTrigger", Pp = e.forwardRef((t, n) => {
|
|
8296
|
+
let { __scopeSelect: r, disabled: i = !1, ...a } = t, o = Dp(r), s = kp(Np, r), c = s.disabled || i, l = q(n, s.onTriggerChange), u = Cp(r), d = e.useRef("touch"), [f, m, h] = km((e) => {
|
|
8297
|
+
let t = u().filter((e) => !e.disabled), n = Am(t, e, t.find((e) => e.value === s.value));
|
|
8276
8298
|
n !== void 0 && s.onValueChange(n.value);
|
|
8277
8299
|
}), g = (e) => {
|
|
8278
8300
|
c || (s.onOpenChange(!0), h()), e && (s.triggerPointerDownPosRef.current = {
|
|
@@ -8294,7 +8316,7 @@ var Ap = "SelectTrigger", jp = e.forwardRef((t, n) => {
|
|
|
8294
8316
|
"data-state": s.open ? "open" : "closed",
|
|
8295
8317
|
disabled: c,
|
|
8296
8318
|
"data-disabled": c ? "" : void 0,
|
|
8297
|
-
"data-placeholder":
|
|
8319
|
+
"data-placeholder": Om(s.value) ? "" : void 0,
|
|
8298
8320
|
...a,
|
|
8299
8321
|
ref: l,
|
|
8300
8322
|
onClick: J(a.onClick, (e) => {
|
|
@@ -8307,25 +8329,25 @@ var Ap = "SelectTrigger", jp = e.forwardRef((t, n) => {
|
|
|
8307
8329
|
}),
|
|
8308
8330
|
onKeyDown: J(a.onKeyDown, (e) => {
|
|
8309
8331
|
let t = f.current !== "";
|
|
8310
|
-
!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && m(e.key), !(t && e.key === " ") &&
|
|
8332
|
+
!(e.ctrlKey || e.altKey || e.metaKey) && e.key.length === 1 && m(e.key), !(t && e.key === " ") && yp.includes(e.key) && (g(), e.preventDefault());
|
|
8311
8333
|
})
|
|
8312
8334
|
})
|
|
8313
8335
|
});
|
|
8314
8336
|
});
|
|
8315
|
-
|
|
8316
|
-
var
|
|
8317
|
-
let { __scopeSelect: n, className: r, style: i, children: a, placeholder: o = "", ...s } = e, c =
|
|
8337
|
+
Pp.displayName = Np;
|
|
8338
|
+
var Fp = "SelectValue", Ip = e.forwardRef((e, t) => {
|
|
8339
|
+
let { __scopeSelect: n, className: r, style: i, children: a, placeholder: o = "", ...s } = e, c = kp(Fp, n), { onValueNodeHasChildrenChange: l } = c, u = a !== void 0, d = q(t, c.onValueNodeChange);
|
|
8318
8340
|
return X(() => {
|
|
8319
8341
|
l(u);
|
|
8320
8342
|
}, [l, u]), /* @__PURE__ */ p(Y.span, {
|
|
8321
8343
|
...s,
|
|
8322
8344
|
ref: d,
|
|
8323
8345
|
style: { pointerEvents: "none" },
|
|
8324
|
-
children:
|
|
8346
|
+
children: Om(c.value) ? /* @__PURE__ */ p(f, { children: o }) : a
|
|
8325
8347
|
});
|
|
8326
8348
|
});
|
|
8327
|
-
|
|
8328
|
-
var
|
|
8349
|
+
Ip.displayName = Fp;
|
|
8350
|
+
var Lp = "SelectIcon", Rp = e.forwardRef((e, t) => {
|
|
8329
8351
|
let { __scopeSelect: n, children: r, ...i } = e;
|
|
8330
8352
|
return /* @__PURE__ */ p(Y.span, {
|
|
8331
8353
|
"aria-hidden": !0,
|
|
@@ -8334,34 +8356,34 @@ var Pp = "SelectIcon", Fp = e.forwardRef((e, t) => {
|
|
|
8334
8356
|
children: r || "▼"
|
|
8335
8357
|
});
|
|
8336
8358
|
});
|
|
8337
|
-
|
|
8338
|
-
var
|
|
8359
|
+
Rp.displayName = Lp;
|
|
8360
|
+
var zp = "SelectPortal", Bp = (e) => /* @__PURE__ */ p(ia, {
|
|
8339
8361
|
asChild: !0,
|
|
8340
8362
|
...e
|
|
8341
8363
|
});
|
|
8342
|
-
|
|
8343
|
-
var
|
|
8344
|
-
let r =
|
|
8364
|
+
Bp.displayName = zp;
|
|
8365
|
+
var Vp = "SelectContent", Hp = e.forwardRef((t, n) => {
|
|
8366
|
+
let r = kp(Vp, t.__scopeSelect), [i, a] = e.useState();
|
|
8345
8367
|
if (X(() => {
|
|
8346
8368
|
a(new DocumentFragment());
|
|
8347
8369
|
}, []), !r.open) {
|
|
8348
8370
|
let e = i;
|
|
8349
|
-
return e ? h.createPortal(/* @__PURE__ */ p(
|
|
8371
|
+
return e ? h.createPortal(/* @__PURE__ */ p(Wp, {
|
|
8350
8372
|
scope: t.__scopeSelect,
|
|
8351
|
-
children: /* @__PURE__ */ p(
|
|
8373
|
+
children: /* @__PURE__ */ p(Sp.Slot, {
|
|
8352
8374
|
scope: t.__scopeSelect,
|
|
8353
8375
|
children: /* @__PURE__ */ p("div", { children: t.children })
|
|
8354
8376
|
})
|
|
8355
8377
|
}), e) : null;
|
|
8356
8378
|
}
|
|
8357
|
-
return /* @__PURE__ */ p(
|
|
8379
|
+
return /* @__PURE__ */ p(Jp, {
|
|
8358
8380
|
...t,
|
|
8359
8381
|
ref: n
|
|
8360
8382
|
});
|
|
8361
8383
|
});
|
|
8362
|
-
|
|
8363
|
-
var
|
|
8364
|
-
let { __scopeSelect: r, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: o, onPointerDownOutside: s, side: c, sideOffset: l, align: u, alignOffset: d, arrowPadding: f, collisionBoundary: m, collisionPadding: h, sticky: g, hideWhenDetached: _, avoidCollisions: v, ...y } = t, b =
|
|
8384
|
+
Hp.displayName = Vp;
|
|
8385
|
+
var Up = 10, [Wp, Gp] = Tp(Vp), Kp = "SelectContentImpl", qp = /* @__PURE__ */ fp("SelectContent.RemoveScroll"), Jp = e.forwardRef((t, n) => {
|
|
8386
|
+
let { __scopeSelect: r, position: i = "item-aligned", onCloseAutoFocus: a, onEscapeKeyDown: o, onPointerDownOutside: s, side: c, sideOffset: l, align: u, alignOffset: d, arrowPadding: f, collisionBoundary: m, collisionPadding: h, sticky: g, hideWhenDetached: _, avoidCollisions: v, ...y } = t, b = kp(Vp, r), [x, S] = e.useState(null), [C, w] = e.useState(null), T = q(n, (e) => S(e)), [E, D] = e.useState(null), [O, k] = e.useState(null), A = Cp(r), [j, M] = e.useState(!1), N = e.useRef(!1);
|
|
8365
8387
|
e.useEffect(() => {
|
|
8366
8388
|
if (x) return Oa(x);
|
|
8367
8389
|
}, [x]), Zt();
|
|
@@ -8407,8 +8429,8 @@ var Bp = 10, [Vp, Hp] = Sp(Rp), Up = "SelectContentImpl", Wp = /* @__PURE__ */ l
|
|
|
8407
8429
|
window.removeEventListener("blur", e), window.removeEventListener("resize", e);
|
|
8408
8430
|
};
|
|
8409
8431
|
}, [I]);
|
|
8410
|
-
let [te, ne] =
|
|
8411
|
-
let t = A().filter((e) => !e.disabled), n =
|
|
8432
|
+
let [te, ne] = km((e) => {
|
|
8433
|
+
let t = A().filter((e) => !e.disabled), n = Am(t, e, t.find((e) => e.ref.current === document.activeElement));
|
|
8412
8434
|
n && setTimeout(() => n.ref.current.focus());
|
|
8413
8435
|
}), re = e.useCallback((e, t, n) => {
|
|
8414
8436
|
let r = !N.current && !n;
|
|
@@ -8416,7 +8438,7 @@ var Bp = 10, [Vp, Hp] = Sp(Rp), Up = "SelectContentImpl", Wp = /* @__PURE__ */ l
|
|
|
8416
8438
|
}, [b.value]), L = e.useCallback(() => x?.focus(), [x]), R = e.useCallback((e, t, n) => {
|
|
8417
8439
|
let r = !N.current && !n;
|
|
8418
8440
|
(b.value !== void 0 && b.value === t || r) && k(e);
|
|
8419
|
-
}, [b.value]), z = i === "popper" ?
|
|
8441
|
+
}, [b.value]), z = i === "popper" ? Qp : Xp, ie = z === Qp ? {
|
|
8420
8442
|
side: c,
|
|
8421
8443
|
sideOffset: l,
|
|
8422
8444
|
align: u,
|
|
@@ -8428,7 +8450,7 @@ var Bp = 10, [Vp, Hp] = Sp(Rp), Up = "SelectContentImpl", Wp = /* @__PURE__ */ l
|
|
|
8428
8450
|
hideWhenDetached: _,
|
|
8429
8451
|
avoidCollisions: v
|
|
8430
8452
|
} : {};
|
|
8431
|
-
return /* @__PURE__ */ p(
|
|
8453
|
+
return /* @__PURE__ */ p(Wp, {
|
|
8432
8454
|
scope: r,
|
|
8433
8455
|
content: x,
|
|
8434
8456
|
viewport: C,
|
|
@@ -8443,7 +8465,7 @@ var Bp = 10, [Vp, Hp] = Sp(Rp), Up = "SelectContentImpl", Wp = /* @__PURE__ */ l
|
|
|
8443
8465
|
isPositioned: j,
|
|
8444
8466
|
searchRef: te,
|
|
8445
8467
|
children: /* @__PURE__ */ p(Ro, {
|
|
8446
|
-
as:
|
|
8468
|
+
as: qp,
|
|
8447
8469
|
allowPinchZoom: !0,
|
|
8448
8470
|
children: /* @__PURE__ */ p(rn, {
|
|
8449
8471
|
asChild: !0,
|
|
@@ -8499,19 +8521,19 @@ var Bp = 10, [Vp, Hp] = Sp(Rp), Up = "SelectContentImpl", Wp = /* @__PURE__ */ l
|
|
|
8499
8521
|
})
|
|
8500
8522
|
});
|
|
8501
8523
|
});
|
|
8502
|
-
|
|
8503
|
-
var
|
|
8504
|
-
let { __scopeSelect: r, onPlaced: i, ...a } = t, o =
|
|
8524
|
+
Jp.displayName = Kp;
|
|
8525
|
+
var Yp = "SelectItemAlignedPosition", Xp = e.forwardRef((t, n) => {
|
|
8526
|
+
let { __scopeSelect: r, onPlaced: i, ...a } = t, o = kp(Vp, r), s = Gp(Vp, r), [c, l] = e.useState(null), [u, d] = e.useState(null), f = q(n, (e) => d(e)), m = Cp(r), h = e.useRef(!1), g = e.useRef(!0), { viewport: _, selectedItem: v, selectedItemText: y, focusSelectedItem: b } = s, x = e.useCallback(() => {
|
|
8505
8527
|
if (o.trigger && o.valueNode && c && u && _ && v && y) {
|
|
8506
8528
|
let e = o.trigger.getBoundingClientRect(), t = u.getBoundingClientRect(), n = o.valueNode.getBoundingClientRect(), r = y.getBoundingClientRect();
|
|
8507
8529
|
if (o.dir !== "rtl") {
|
|
8508
|
-
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 -
|
|
8530
|
+
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 - Up, d = dp(a, [Up, Math.max(Up, u - l)]);
|
|
8509
8531
|
c.style.minWidth = s + "px", c.style.left = d + "px";
|
|
8510
8532
|
} else {
|
|
8511
|
-
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 -
|
|
8533
|
+
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 - Up, d = dp(a, [Up, Math.max(Up, u - l)]);
|
|
8512
8534
|
c.style.minWidth = s + "px", c.style.right = d + "px";
|
|
8513
8535
|
}
|
|
8514
|
-
let a = m(), s = window.innerHeight -
|
|
8536
|
+
let a = m(), s = window.innerHeight - Up * 2, l = _.scrollHeight, d = window.getComputedStyle(u), f = parseInt(d.borderTopWidth, 10), p = parseInt(d.paddingTop, 10), g = parseInt(d.borderBottomWidth, 10), b = parseInt(d.paddingBottom, 10), x = f + p + l + b + g, S = Math.min(v.offsetHeight * 5, x), C = window.getComputedStyle(_), w = parseInt(C.paddingTop, 10), T = parseInt(C.paddingBottom, 10), E = e.top + e.height / 2 - Up, D = s - E, O = v.offsetHeight / 2, k = v.offsetTop + O, A = f + p + k, j = x - A;
|
|
8515
8537
|
if (A <= E) {
|
|
8516
8538
|
let e = a.length > 0 && v === a[a.length - 1].ref.current;
|
|
8517
8539
|
c.style.bottom = "0px";
|
|
@@ -8523,7 +8545,7 @@ var Kp = "SelectItemAlignedPosition", qp = e.forwardRef((t, n) => {
|
|
|
8523
8545
|
let t = Math.max(E, f + _.offsetTop + (e ? w : 0) + O) + j;
|
|
8524
8546
|
c.style.height = t + "px", _.scrollTop = A - E + _.offsetTop;
|
|
8525
8547
|
}
|
|
8526
|
-
c.style.margin = `${
|
|
8548
|
+
c.style.margin = `${Up}px 0`, c.style.minHeight = S + "px", c.style.maxHeight = s + "px", i?.(), requestAnimationFrame(() => h.current = !0);
|
|
8527
8549
|
}
|
|
8528
8550
|
}, [
|
|
8529
8551
|
m,
|
|
@@ -8541,7 +8563,7 @@ var Kp = "SelectItemAlignedPosition", qp = e.forwardRef((t, n) => {
|
|
|
8541
8563
|
let [S, C] = e.useState();
|
|
8542
8564
|
return X(() => {
|
|
8543
8565
|
u && C(window.getComputedStyle(u).zIndex);
|
|
8544
|
-
}, [u]), /* @__PURE__ */ p(
|
|
8566
|
+
}, [u]), /* @__PURE__ */ p($p, {
|
|
8545
8567
|
scope: r,
|
|
8546
8568
|
contentWrapper: c,
|
|
8547
8569
|
shouldExpandOnScrollRef: h,
|
|
@@ -8568,11 +8590,11 @@ var Kp = "SelectItemAlignedPosition", qp = e.forwardRef((t, n) => {
|
|
|
8568
8590
|
})
|
|
8569
8591
|
});
|
|
8570
8592
|
});
|
|
8571
|
-
|
|
8572
|
-
var
|
|
8573
|
-
let { __scopeSelect: n, align: r = "start", collisionPadding: i =
|
|
8593
|
+
Xp.displayName = Yp;
|
|
8594
|
+
var Zp = "SelectPopperPosition", Qp = e.forwardRef((e, t) => {
|
|
8595
|
+
let { __scopeSelect: n, align: r = "start", collisionPadding: i = Up, ...a } = e;
|
|
8574
8596
|
return /* @__PURE__ */ p(ta, {
|
|
8575
|
-
...
|
|
8597
|
+
...Dp(n),
|
|
8576
8598
|
...a,
|
|
8577
8599
|
ref: t,
|
|
8578
8600
|
align: r,
|
|
@@ -8588,13 +8610,13 @@ var Jp = "SelectPopperPosition", Yp = e.forwardRef((e, t) => {
|
|
|
8588
8610
|
}
|
|
8589
8611
|
});
|
|
8590
8612
|
});
|
|
8591
|
-
|
|
8592
|
-
var [
|
|
8593
|
-
let { __scopeSelect: r, nonce: i, ...a } = t, o =
|
|
8613
|
+
Qp.displayName = Zp;
|
|
8614
|
+
var [$p, em] = Tp(Vp, {}), tm = "SelectViewport", nm = e.forwardRef((t, n) => {
|
|
8615
|
+
let { __scopeSelect: r, nonce: i, ...a } = t, o = Gp(tm, r), s = em(tm, r), c = q(n, o.onViewportChange), l = e.useRef(0);
|
|
8594
8616
|
return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("style", {
|
|
8595
8617
|
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}" },
|
|
8596
8618
|
nonce: i
|
|
8597
|
-
}), /* @__PURE__ */ p(
|
|
8619
|
+
}), /* @__PURE__ */ p(Sp.Slot, {
|
|
8598
8620
|
scope: r,
|
|
8599
8621
|
children: /* @__PURE__ */ p(Y.div, {
|
|
8600
8622
|
"data-radix-select-viewport": "",
|
|
@@ -8612,7 +8634,7 @@ var [Xp, Zp] = Sp(Rp, {}), Qp = "SelectViewport", $p = e.forwardRef((t, n) => {
|
|
|
8612
8634
|
if (r?.current && n) {
|
|
8613
8635
|
let e = Math.abs(l.current - t.scrollTop);
|
|
8614
8636
|
if (e > 0) {
|
|
8615
|
-
let r = window.innerHeight -
|
|
8637
|
+
let r = window.innerHeight - Up * 2, i = parseFloat(n.style.minHeight), a = parseFloat(n.style.height), o = Math.max(i, a);
|
|
8616
8638
|
if (o < r) {
|
|
8617
8639
|
let i = o + e, a = Math.min(r, i), s = i - a;
|
|
8618
8640
|
n.style.height = a + "px", n.style.bottom === "0px" && (t.scrollTop = s > 0 ? s : 0, n.style.justifyContent = "flex-end");
|
|
@@ -8624,10 +8646,10 @@ var [Xp, Zp] = Sp(Rp, {}), Qp = "SelectViewport", $p = e.forwardRef((t, n) => {
|
|
|
8624
8646
|
})
|
|
8625
8647
|
})] });
|
|
8626
8648
|
});
|
|
8627
|
-
|
|
8628
|
-
var
|
|
8649
|
+
nm.displayName = tm;
|
|
8650
|
+
var rm = "SelectGroup", [im, am] = Tp(rm), om = e.forwardRef((e, t) => {
|
|
8629
8651
|
let { __scopeSelect: n, ...r } = e, i = vn();
|
|
8630
|
-
return /* @__PURE__ */ p(
|
|
8652
|
+
return /* @__PURE__ */ p(im, {
|
|
8631
8653
|
scope: n,
|
|
8632
8654
|
id: i,
|
|
8633
8655
|
children: /* @__PURE__ */ p(Y.div, {
|
|
@@ -8638,22 +8660,22 @@ var em = "SelectGroup", [tm, nm] = Sp(em), rm = e.forwardRef((e, t) => {
|
|
|
8638
8660
|
})
|
|
8639
8661
|
});
|
|
8640
8662
|
});
|
|
8641
|
-
|
|
8642
|
-
var
|
|
8643
|
-
let { __scopeSelect: n, ...r } = e, i =
|
|
8663
|
+
om.displayName = rm;
|
|
8664
|
+
var sm = "SelectLabel", cm = e.forwardRef((e, t) => {
|
|
8665
|
+
let { __scopeSelect: n, ...r } = e, i = am(sm, n);
|
|
8644
8666
|
return /* @__PURE__ */ p(Y.div, {
|
|
8645
8667
|
id: i.id,
|
|
8646
8668
|
...r,
|
|
8647
8669
|
ref: t
|
|
8648
8670
|
});
|
|
8649
8671
|
});
|
|
8650
|
-
|
|
8651
|
-
var
|
|
8652
|
-
let { __scopeSelect: r, value: i, disabled: a = !1, textValue: o, ...s } = t, c =
|
|
8672
|
+
cm.displayName = sm;
|
|
8673
|
+
var lm = "SelectItem", [um, dm] = Tp(lm), fm = e.forwardRef((t, n) => {
|
|
8674
|
+
let { __scopeSelect: r, value: i, disabled: a = !1, textValue: o, ...s } = t, c = kp(lm, r), l = Gp(lm, r), u = c.value === i, [d, f] = e.useState(o ?? ""), [m, h] = e.useState(!1), g = q(n, (e) => l.itemRefCallback?.(e, i, a)), _ = vn(), v = e.useRef("touch"), y = () => {
|
|
8653
8675
|
a || (c.onValueChange(i), c.onOpenChange(!1));
|
|
8654
8676
|
};
|
|
8655
8677
|
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.");
|
|
8656
|
-
return /* @__PURE__ */ p(
|
|
8678
|
+
return /* @__PURE__ */ p(um, {
|
|
8657
8679
|
scope: r,
|
|
8658
8680
|
value: i,
|
|
8659
8681
|
disabled: a,
|
|
@@ -8662,7 +8684,7 @@ var om = "SelectItem", [sm, cm] = Sp(om), lm = e.forwardRef((t, n) => {
|
|
|
8662
8684
|
onItemTextChange: e.useCallback((e) => {
|
|
8663
8685
|
f((t) => t || (e?.textContent ?? "").trim());
|
|
8664
8686
|
}, []),
|
|
8665
|
-
children: /* @__PURE__ */ p(
|
|
8687
|
+
children: /* @__PURE__ */ p(Sp.ItemSlot, {
|
|
8666
8688
|
scope: r,
|
|
8667
8689
|
value: i,
|
|
8668
8690
|
disabled: a,
|
|
@@ -8696,15 +8718,15 @@ var om = "SelectItem", [sm, cm] = Sp(om), lm = e.forwardRef((t, n) => {
|
|
|
8696
8718
|
e.currentTarget === document.activeElement && l.onItemLeave?.();
|
|
8697
8719
|
}),
|
|
8698
8720
|
onKeyDown: J(s.onKeyDown, (e) => {
|
|
8699
|
-
l.searchRef?.current !== "" && e.key === " " || (
|
|
8721
|
+
l.searchRef?.current !== "" && e.key === " " || (bp.includes(e.key) && y(), e.key === " " && e.preventDefault());
|
|
8700
8722
|
})
|
|
8701
8723
|
})
|
|
8702
8724
|
})
|
|
8703
8725
|
});
|
|
8704
8726
|
});
|
|
8705
|
-
|
|
8706
|
-
var
|
|
8707
|
-
let { __scopeSelect: r, className: i, style: a, ...o } = t, s =
|
|
8727
|
+
fm.displayName = lm;
|
|
8728
|
+
var pm = "SelectItemText", mm = e.forwardRef((t, n) => {
|
|
8729
|
+
let { __scopeSelect: r, className: i, style: a, ...o } = t, s = kp(pm, r), c = Gp(pm, r), l = dm(pm, r), u = jp(pm, r), [d, g] = e.useState(null), _ = q(n, (e) => g(e), l.onItemTextChange, (e) => c.itemTextRefCallback?.(e, l.value, l.disabled)), v = d?.textContent, y = e.useMemo(() => /* @__PURE__ */ p("option", {
|
|
8708
8730
|
value: l.value,
|
|
8709
8731
|
disabled: l.disabled,
|
|
8710
8732
|
children: v
|
|
@@ -8723,18 +8745,18 @@ var um = "SelectItemText", dm = e.forwardRef((t, n) => {
|
|
|
8723
8745
|
ref: _
|
|
8724
8746
|
}), l.isSelected && s.valueNode && !s.valueNodeHasChildren ? h.createPortal(o.children, s.valueNode) : null] });
|
|
8725
8747
|
});
|
|
8726
|
-
|
|
8727
|
-
var
|
|
8748
|
+
mm.displayName = pm;
|
|
8749
|
+
var hm = "SelectItemIndicator", gm = e.forwardRef((e, t) => {
|
|
8728
8750
|
let { __scopeSelect: n, ...r } = e;
|
|
8729
|
-
return
|
|
8751
|
+
return dm(hm, n).isSelected ? /* @__PURE__ */ p(Y.span, {
|
|
8730
8752
|
"aria-hidden": !0,
|
|
8731
8753
|
...r,
|
|
8732
8754
|
ref: t
|
|
8733
8755
|
}) : null;
|
|
8734
8756
|
});
|
|
8735
|
-
|
|
8736
|
-
var
|
|
8737
|
-
let r =
|
|
8757
|
+
gm.displayName = hm;
|
|
8758
|
+
var _m = "SelectScrollUpButton", vm = e.forwardRef((t, n) => {
|
|
8759
|
+
let r = Gp(_m, t.__scopeSelect), i = em(_m, t.__scopeSelect), [a, o] = e.useState(!1), s = q(n, i.onScrollButtonChange);
|
|
8738
8760
|
return X(() => {
|
|
8739
8761
|
if (r.viewport && r.isPositioned) {
|
|
8740
8762
|
let e = function() {
|
|
@@ -8742,7 +8764,7 @@ var mm = "SelectScrollUpButton", hm = e.forwardRef((t, n) => {
|
|
|
8742
8764
|
}, t = r.viewport;
|
|
8743
8765
|
return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
|
|
8744
8766
|
}
|
|
8745
|
-
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ p(
|
|
8767
|
+
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ p(xm, {
|
|
8746
8768
|
...t,
|
|
8747
8769
|
ref: s,
|
|
8748
8770
|
onAutoScroll: () => {
|
|
@@ -8751,9 +8773,9 @@ var mm = "SelectScrollUpButton", hm = e.forwardRef((t, n) => {
|
|
|
8751
8773
|
}
|
|
8752
8774
|
}) : null;
|
|
8753
8775
|
});
|
|
8754
|
-
|
|
8755
|
-
var
|
|
8756
|
-
let r =
|
|
8776
|
+
vm.displayName = _m;
|
|
8777
|
+
var ym = "SelectScrollDownButton", bm = e.forwardRef((t, n) => {
|
|
8778
|
+
let r = Gp(ym, t.__scopeSelect), i = em(ym, t.__scopeSelect), [a, o] = e.useState(!1), s = q(n, i.onScrollButtonChange);
|
|
8757
8779
|
return X(() => {
|
|
8758
8780
|
if (r.viewport && r.isPositioned) {
|
|
8759
8781
|
let e = function() {
|
|
@@ -8762,7 +8784,7 @@ var gm = "SelectScrollDownButton", _m = e.forwardRef((t, n) => {
|
|
|
8762
8784
|
}, t = r.viewport;
|
|
8763
8785
|
return e(), t.addEventListener("scroll", e), () => t.removeEventListener("scroll", e);
|
|
8764
8786
|
}
|
|
8765
|
-
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ p(
|
|
8787
|
+
}, [r.viewport, r.isPositioned]), a ? /* @__PURE__ */ p(xm, {
|
|
8766
8788
|
...t,
|
|
8767
8789
|
ref: s,
|
|
8768
8790
|
onAutoScroll: () => {
|
|
@@ -8771,9 +8793,9 @@ var gm = "SelectScrollDownButton", _m = e.forwardRef((t, n) => {
|
|
|
8771
8793
|
}
|
|
8772
8794
|
}) : null;
|
|
8773
8795
|
});
|
|
8774
|
-
|
|
8775
|
-
var
|
|
8776
|
-
let { __scopeSelect: r, onAutoScroll: i, ...a } = t, o =
|
|
8796
|
+
bm.displayName = ym;
|
|
8797
|
+
var xm = e.forwardRef((t, n) => {
|
|
8798
|
+
let { __scopeSelect: r, onAutoScroll: i, ...a } = t, o = Gp("SelectScrollButton", r), s = e.useRef(null), c = Cp(r), l = e.useCallback(() => {
|
|
8777
8799
|
s.current !== null && (window.clearInterval(s.current), s.current = null);
|
|
8778
8800
|
}, []);
|
|
8779
8801
|
return e.useEffect(() => () => l(), [l]), X(() => {
|
|
@@ -8796,7 +8818,7 @@ var vm = e.forwardRef((t, n) => {
|
|
|
8796
8818
|
l();
|
|
8797
8819
|
})
|
|
8798
8820
|
});
|
|
8799
|
-
}),
|
|
8821
|
+
}), Sm = "SelectSeparator", Cm = e.forwardRef((e, t) => {
|
|
8800
8822
|
let { __scopeSelect: n, ...r } = e;
|
|
8801
8823
|
return /* @__PURE__ */ p(Y.div, {
|
|
8802
8824
|
"aria-hidden": !0,
|
|
@@ -8804,18 +8826,18 @@ var vm = e.forwardRef((t, n) => {
|
|
|
8804
8826
|
ref: t
|
|
8805
8827
|
});
|
|
8806
8828
|
});
|
|
8807
|
-
|
|
8808
|
-
var
|
|
8809
|
-
let { __scopeSelect: n, ...r } = e, i =
|
|
8829
|
+
Cm.displayName = Sm;
|
|
8830
|
+
var wm = "SelectArrow", Tm = e.forwardRef((e, t) => {
|
|
8831
|
+
let { __scopeSelect: n, ...r } = e, i = Dp(n), a = kp(wm, n), o = Gp(wm, n);
|
|
8810
8832
|
return a.open && o.position === "popper" ? /* @__PURE__ */ p(na, {
|
|
8811
8833
|
...i,
|
|
8812
8834
|
...r,
|
|
8813
8835
|
ref: t
|
|
8814
8836
|
}) : null;
|
|
8815
8837
|
});
|
|
8816
|
-
|
|
8817
|
-
var
|
|
8818
|
-
let a = e.useRef(null), o = q(i, a), s =
|
|
8838
|
+
Tm.displayName = wm;
|
|
8839
|
+
var Em = "SelectBubbleInput", Dm = e.forwardRef(({ __scopeSelect: t, value: n, ...r }, i) => {
|
|
8840
|
+
let a = e.useRef(null), o = q(i, a), s = vp(n);
|
|
8819
8841
|
return e.useEffect(() => {
|
|
8820
8842
|
let e = a.current;
|
|
8821
8843
|
if (!e) return;
|
|
@@ -8834,11 +8856,11 @@ var Cm = "SelectBubbleInput", wm = e.forwardRef(({ __scopeSelect: t, value: n, .
|
|
|
8834
8856
|
defaultValue: n
|
|
8835
8857
|
});
|
|
8836
8858
|
});
|
|
8837
|
-
|
|
8838
|
-
function
|
|
8859
|
+
Dm.displayName = Em;
|
|
8860
|
+
function Om(e) {
|
|
8839
8861
|
return e === "" || e === void 0;
|
|
8840
8862
|
}
|
|
8841
|
-
function
|
|
8863
|
+
function km(t) {
|
|
8842
8864
|
let n = Ft(t), r = e.useRef(""), i = e.useRef(0), a = e.useCallback((e) => {
|
|
8843
8865
|
let t = r.current + e;
|
|
8844
8866
|
n(t), (function e(t) {
|
|
@@ -8853,23 +8875,23 @@ function Em(t) {
|
|
|
8853
8875
|
o
|
|
8854
8876
|
];
|
|
8855
8877
|
}
|
|
8856
|
-
function
|
|
8857
|
-
let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a =
|
|
8878
|
+
function Am(e, t, n) {
|
|
8879
|
+
let r = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1, a = jm(e, Math.max(i, 0));
|
|
8858
8880
|
r.length === 1 && (a = a.filter((e) => e !== n));
|
|
8859
8881
|
let o = a.find((e) => e.textValue.toLowerCase().startsWith(r.toLowerCase()));
|
|
8860
8882
|
return o === n ? void 0 : o;
|
|
8861
8883
|
}
|
|
8862
|
-
function
|
|
8884
|
+
function jm(e, t) {
|
|
8863
8885
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
8864
8886
|
}
|
|
8865
|
-
var
|
|
8887
|
+
var Mm = Mp, Nm = Pp, Pm = Ip, Fm = Rp, Im = Bp, Lm = Hp, Rm = nm, zm = fm, Bm = mm;
|
|
8866
8888
|
//#endregion
|
|
8867
8889
|
//#region src/components/Select/Select.tsx
|
|
8868
|
-
function
|
|
8869
|
-
return /* @__PURE__ */ m(
|
|
8890
|
+
function Vm({ options: e, value: t, onChange: n, placeholder: r, icon: i, triggerClassName: a, contentClassName: o, viewportClassName: s, itemClassName: c }) {
|
|
8891
|
+
return /* @__PURE__ */ m(Mm, {
|
|
8870
8892
|
value: t,
|
|
8871
8893
|
onValueChange: n,
|
|
8872
|
-
children: [/* @__PURE__ */ m(
|
|
8894
|
+
children: [/* @__PURE__ */ m(Nm, {
|
|
8873
8895
|
className: K("flex gap-2 items-center px-4 py-3 group bg-card rounded-input w-82 text-fg text-[14px] leading-[1.3] focus-visible:outline-accent-hover focus-visible:outline-1", a),
|
|
8874
8896
|
children: [
|
|
8875
8897
|
i && /* @__PURE__ */ p("span", {
|
|
@@ -8878,24 +8900,24 @@ function Rm({ options: e, value: t, onChange: n, placeholder: r, icon: i, trigge
|
|
|
8878
8900
|
}),
|
|
8879
8901
|
/* @__PURE__ */ p("div", {
|
|
8880
8902
|
className: "flex-1 min-w-0 text-start",
|
|
8881
|
-
children: /* @__PURE__ */ p(
|
|
8903
|
+
children: /* @__PURE__ */ p(Pm, { placeholder: r })
|
|
8882
8904
|
}),
|
|
8883
|
-
/* @__PURE__ */ p(
|
|
8905
|
+
/* @__PURE__ */ p(Fm, { children: /* @__PURE__ */ p(Ts, { className: "transition-transform duration-500 group-data-[state=open]:rotate-180 shrink-0" }) })
|
|
8884
8906
|
]
|
|
8885
|
-
}), /* @__PURE__ */ p(
|
|
8907
|
+
}), /* @__PURE__ */ p(Im, { children: /* @__PURE__ */ p(Lm, {
|
|
8886
8908
|
position: "popper",
|
|
8887
8909
|
sideOffset: 4,
|
|
8888
8910
|
className: K("p-2 w-82 text-fg bg-card rounded-input shadow-[0px_2px_12px_rgb(0_0_0/0.08)]", o),
|
|
8889
|
-
children: /* @__PURE__ */ p(
|
|
8911
|
+
children: /* @__PURE__ */ p(Rm, {
|
|
8890
8912
|
className: K("flex flex-col gap-1", s),
|
|
8891
|
-
children: e.map((e) => /* @__PURE__ */ p(
|
|
8913
|
+
children: e.map((e) => /* @__PURE__ */ p(zm, {
|
|
8892
8914
|
value: e.value,
|
|
8893
8915
|
className: K("px-2 py-2.25 text-[14px] leading-[1.3] rounded-sm data-[state=checked]:bg-page data-[highlighted]:outline-1 data-[highlighted]:outline-accent-hover data-[highlighted]:outline-offset-[-1px]", c),
|
|
8894
|
-
children: /* @__PURE__ */ p(
|
|
8916
|
+
children: /* @__PURE__ */ p(Bm, { children: e.label })
|
|
8895
8917
|
}, e.value))
|
|
8896
8918
|
})
|
|
8897
8919
|
}) })]
|
|
8898
8920
|
});
|
|
8899
8921
|
}
|
|
8900
8922
|
//#endregion
|
|
8901
|
-
export { Wd as Accordion, Gd as AccordionItem, qf as AdministrationIcon, bs as ArrowDownArrowUpIcon, xs as ArrowDownToBracketIcon, Ss as ArrowUpRightFromSquareIcon, Cs as ArrowsIcon, bt as Badge, ws as BottleIcon, yt as Button, nt as Caption, qd as Card, Ts as ChevronDownIcon, xt as Chip, Es as CircleAttentionIcon, Ds as CircleMinusIcon, Os as CirclePlusIcon, ks as CircleXmarkIcon, As as CopyIcon, St as Counter, js as DnaIcon, zu as Drawer, Jd as EmptyState, Yd as ErrorState, Ms as FileArrowDownIcon, $e as Heading, Ns as InfoCircleIcon, Ct as Input, tt as Label, Ps as MenuIcon, Fs as MinusIcon, Is as MoonStarsIcon, Ls as PlusIcon, Ys as SearchBar, ys as SearchDropdown, Rs as SearchIcon, zs as SearchListIcon,
|
|
8923
|
+
export { Wd as Accordion, Gd as AccordionItem, qf as AdministrationIcon, bs as ArrowDownArrowUpIcon, xs as ArrowDownToBracketIcon, Ss as ArrowUpRightFromSquareIcon, Cs as ArrowsIcon, bt as Badge, ws as BottleIcon, yt as Button, nt as Caption, qd as Card, Ts as ChevronDownIcon, xt as Chip, Es as CircleAttentionIcon, Ds as CircleMinusIcon, Os as CirclePlusIcon, ks as CircleXmarkIcon, As as CopyIcon, St as Counter, js as DnaIcon, zu as Drawer, Jd as EmptyState, Yd as ErrorState, Ms as FileArrowDownIcon, $e as Heading, Ns as InfoCircleIcon, Ct as Input, tt as Label, Ps as MenuIcon, Fs as MinusIcon, Is as MoonStarsIcon, Ls as PlusIcon, Ys as SearchBar, ys as SearchDropdown, Rs as SearchIcon, zs as SearchListIcon, Vm as Select, _s as Skeleton, gs as Spinner, Vs as SunIcon, Bs as SunMiniIcon, Yf as Switch, Lf as Tabs, up as TagFilter, Hs as TestTubeIcon, et as Text, op as ThemeProvider, cp as ThemeToggle, Us as ThermometerIcon, Hc as Tooltip, Ws as VirusIcon, Ks as XmarkIcon, Gs as XmarkLargeIcon, K as cn, Zf as darkTheme, Xf as defaultTheme, $f as themes, tp as tokensToCssVars, sp as useTheme };
|