@undp/design-system-react
Version:
React based design system for UNDP
1,142 lines (1,141 loc) • 32.7 kB
JavaScript
import { r as e, t } from "./rolldown-runtime-Dqa2HsxW.js";
import { t as n } from "./utils-ca9as9Ye.js";
import { t as r } from "./dist-CQzJbxrW.js";
import { a as i, c as a, i as o, n as s, o as c, r as l, t as u } from "./toConsumableArray-B2IbiHOl.js";
import * as d from "react";
import { useMemo as f } from "react";
import { jsx as p, jsxs as m } from "react/jsx-runtime";
import { flushSync as h } from "react-dom";
//#endregion
//#region node_modules/rc-util/es/hooks/useEvent.js
var g = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
(function() {
var e = {}.hasOwnProperty;
function n() {
for (var e = "", t = 0; t < arguments.length; t++) {
var n = arguments[t];
n && (e = i(e, r(n)));
}
return e;
}
function r(t) {
if (typeof t == "string" || typeof t == "number") return t;
if (typeof t != "object") return "";
if (Array.isArray(t)) return n.apply(null, t);
if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) return t.toString();
var r = "";
for (var a in t) e.call(t, a) && t[a] && (r = i(r, a));
return r;
}
function i(e, t) {
return t ? e ? e + " " + t : e + t : e;
}
t !== void 0 && t.exports ? (n.default = n, t.exports = n) : typeof define == "function" && typeof define.amd == "object" && define.amd ? define("classnames", [], function() {
return n;
}) : window.classNames = n;
})();
})))());
function _(e) {
var t = d.useRef();
return t.current = e, d.useCallback(function() {
var e, n = [...arguments];
return (e = t.current)?.call.apply(e, [t].concat(n));
}, []);
}
//#endregion
//#region node_modules/rc-util/es/Dom/canUseDom.js
function v() {
return !!(typeof window < "u" && window.document && window.document.createElement);
}
//#endregion
//#region node_modules/rc-util/es/hooks/useLayoutEffect.js
var y = process.env.NODE_ENV !== "test" && v() ? d.useLayoutEffect : d.useEffect, b = function(e, t) {
var n = d.useRef(!0);
y(function() {
return e(n.current);
}, t), y(function() {
return n.current = !1, function() {
n.current = !0;
};
}, []);
}, x = function(e, t) {
b(function(t) {
if (!t) return e();
}, t);
};
//#endregion
//#region node_modules/rc-util/es/hooks/useState.js
function S(e) {
var t = d.useRef(!1), n = o(d.useState(e), 2), r = n[0], i = n[1];
d.useEffect(function() {
return t.current = !1, function() {
t.current = !0;
};
}, []);
function a(e, n) {
n && t.current || i(e);
}
return [r, a];
}
//#endregion
//#region node_modules/rc-util/es/hooks/useMergedState.js
function C(e) {
return e !== void 0;
}
function w(e, t) {
var n = t || {}, r = n.defaultValue, i = n.value, a = n.onChange, s = n.postState, c = o(S(function() {
return C(i) ? i : C(r) ? typeof r == "function" ? r() : r : typeof e == "function" ? e() : e;
}), 2), l = c[0], u = c[1], d = i === void 0 ? l : i, f = s ? s(d) : d, p = _(a), m = o(S([d]), 2), h = m[0], g = m[1];
return x(function() {
var e = h[0];
l !== e && p(l, e);
}, [h]), x(function() {
C(i) || u(i);
}, [i]), [f, _(function(e, t) {
u(e, t), g([d], t);
})];
}
//#endregion
//#region node_modules/rc-util/es/warning.js
var T = {}, E = [], D = function(e) {
E.push(e);
};
function O(e, t) {
if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
var n = E.reduce(function(e, t) {
return t(e ?? "", "warning");
}, t);
n && console.error(`Warning: ${n}`);
}
}
function k(e, t) {
if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
var n = E.reduce(function(e, t) {
return t(e ?? "", "note");
}, t);
n && console.warn(`Note: ${n}`);
}
}
function A() {
T = {};
}
function j(e, t, n) {
!t && !T[n] && (e(!1, n), T[n] = !0);
}
function M(e, t) {
j(O, e, t);
}
function N(e, t) {
j(k, e, t);
}
M.preMessage = D, M.resetWarned = A, M.noteOnce = N;
//#endregion
//#region node_modules/rc-util/es/isEqual.js
function ee(e, t) {
var n = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], r = /* @__PURE__ */ new Set();
function i(e, t) {
var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, s = r.has(e);
if (M(!s, "Warning: There may be circular references"), s) return !1;
if (e === t) return !0;
if (n && o > 1) return !1;
r.add(e);
var c = o + 1;
if (Array.isArray(e)) {
if (!Array.isArray(t) || e.length !== t.length) return !1;
for (var l = 0; l < e.length; l++) if (!i(e[l], t[l], c)) return !1;
return !0;
}
if (e && t && a(e) === "object" && a(t) === "object") {
var u = Object.keys(e);
return u.length === Object.keys(t).length && u.every(function(n) {
return i(e[n], t[n], c);
});
}
return !1;
}
return i(e, t);
}
//#endregion
//#region node_modules/rc-slider/es/util.js
function P(e, t, n) {
return (e - t) / (n - t);
}
function F(e, t, n, r) {
var i = P(t, n, r), a = {};
switch (e) {
case "rtl":
a.right = `${i * 100}%`, a.transform = "translateX(50%)";
break;
case "btt":
a.bottom = `${i * 100}%`, a.transform = "translateY(50%)";
break;
case "ttb":
a.top = `${i * 100}%`, a.transform = "translateY(-50%)";
break;
default:
a.left = `${i * 100}%`, a.transform = "translateX(-50%)";
break;
}
return a;
}
function I(e, t) {
return Array.isArray(e) ? e[t] : e;
}
//#endregion
//#region node_modules/rc-util/es/KeyCode.js
var L = {
MAC_ENTER: 3,
BACKSPACE: 8,
TAB: 9,
NUM_CENTER: 12,
ENTER: 13,
SHIFT: 16,
CTRL: 17,
ALT: 18,
PAUSE: 19,
CAPS_LOCK: 20,
ESC: 27,
SPACE: 32,
PAGE_UP: 33,
PAGE_DOWN: 34,
END: 35,
HOME: 36,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40,
PRINT_SCREEN: 44,
INSERT: 45,
DELETE: 46,
ZERO: 48,
ONE: 49,
TWO: 50,
THREE: 51,
FOUR: 52,
FIVE: 53,
SIX: 54,
SEVEN: 55,
EIGHT: 56,
NINE: 57,
QUESTION_MARK: 63,
A: 65,
B: 66,
C: 67,
D: 68,
E: 69,
F: 70,
G: 71,
H: 72,
I: 73,
J: 74,
K: 75,
L: 76,
M: 77,
N: 78,
O: 79,
P: 80,
Q: 81,
R: 82,
S: 83,
T: 84,
U: 85,
V: 86,
W: 87,
X: 88,
Y: 89,
Z: 90,
META: 91,
WIN_KEY_RIGHT: 92,
CONTEXT_MENU: 93,
NUM_ZERO: 96,
NUM_ONE: 97,
NUM_TWO: 98,
NUM_THREE: 99,
NUM_FOUR: 100,
NUM_FIVE: 101,
NUM_SIX: 102,
NUM_SEVEN: 103,
NUM_EIGHT: 104,
NUM_NINE: 105,
NUM_MULTIPLY: 106,
NUM_PLUS: 107,
NUM_MINUS: 109,
NUM_PERIOD: 110,
NUM_DIVISION: 111,
F1: 112,
F2: 113,
F3: 114,
F4: 115,
F5: 116,
F6: 117,
F7: 118,
F8: 119,
F9: 120,
F10: 121,
F11: 122,
F12: 123,
NUMLOCK: 144,
SEMICOLON: 186,
DASH: 189,
EQUALS: 187,
COMMA: 188,
PERIOD: 190,
SLASH: 191,
APOSTROPHE: 192,
SINGLE_QUOTE: 222,
OPEN_SQUARE_BRACKET: 219,
BACKSLASH: 220,
CLOSE_SQUARE_BRACKET: 221,
WIN_KEY: 224,
MAC_FF_META: 224,
WIN_IME: 229,
isTextModifyingKeyEvent: function(e) {
var t = e.keyCode;
if (e.altKey && !e.ctrlKey || e.metaKey || t >= L.F1 && t <= L.F12) return !1;
switch (t) {
case L.ALT:
case L.CAPS_LOCK:
case L.CONTEXT_MENU:
case L.CTRL:
case L.DOWN:
case L.END:
case L.ESC:
case L.HOME:
case L.INSERT:
case L.LEFT:
case L.MAC_FF_META:
case L.META:
case L.NUMLOCK:
case L.NUM_CENTER:
case L.PAGE_DOWN:
case L.PAGE_UP:
case L.PAUSE:
case L.PRINT_SCREEN:
case L.RIGHT:
case L.SHIFT:
case L.UP:
case L.WIN_KEY:
case L.WIN_KEY_RIGHT: return !1;
default: return !0;
}
},
isCharacterKey: function(e) {
if (e >= L.ZERO && e <= L.NINE || e >= L.NUM_ZERO && e <= L.NUM_MULTIPLY || e >= L.A && e <= L.Z || window.navigator.userAgent.indexOf("WebKit") !== -1 && e === 0) return !0;
switch (e) {
case L.SPACE:
case L.QUESTION_MARK:
case L.NUM_PLUS:
case L.NUM_MINUS:
case L.NUM_PERIOD:
case L.NUM_DIVISION:
case L.SEMICOLON:
case L.DASH:
case L.EQUALS:
case L.COMMA:
case L.PERIOD:
case L.SLASH:
case L.APOSTROPHE:
case L.SINGLE_QUOTE:
case L.OPEN_SQUARE_BRACKET:
case L.BACKSLASH:
case L.CLOSE_SQUARE_BRACKET: return !0;
default: return !1;
}
}
}, R = /*#__PURE__*/ d.createContext({
min: 0,
max: 0,
direction: "ltr",
step: 1,
includedStart: 0,
includedEnd: 0,
tabIndex: 0,
keyboard: !0,
styles: {},
classNames: {}
}), z = /*#__PURE__*/ d.createContext({}), te = [
"prefixCls",
"value",
"valueIndex",
"onStartMove",
"onDelete",
"style",
"render",
"dragging",
"draggingDelete",
"onOffsetChange",
"onChangeComplete",
"onFocus",
"onMouseEnter"
], B = /*#__PURE__*/ d.forwardRef(function(e, t) {
var n = e.prefixCls, r = e.value, a = e.valueIndex, o = e.onStartMove, u = e.onDelete, f = e.style, p = e.render, m = e.dragging, h = e.draggingDelete, _ = e.onOffsetChange, v = e.onChangeComplete, y = e.onFocus, b = e.onMouseEnter, x = l(e, te), S = d.useContext(R), C = S.min, w = S.max, T = S.direction, E = S.disabled, D = S.keyboard, O = S.range, k = S.tabIndex, A = S.ariaLabelForHandle, j = S.ariaLabelledByForHandle, M = S.ariaRequired, N = S.ariaValueTextFormatterForHandle, ee = S.styles, P = S.classNames, z = `${n}-handle`, B = function(e) {
E || o(e, a);
}, ne = function(e) {
y?.(e, a);
}, re = function(e) {
b(e, a);
}, ie = function(e) {
if (!E && D) {
var t = null;
switch (e.which || e.keyCode) {
case L.LEFT:
t = T === "ltr" || T === "btt" ? -1 : 1;
break;
case L.RIGHT:
t = T === "ltr" || T === "btt" ? 1 : -1;
break;
case L.UP:
t = T === "ttb" ? -1 : 1;
break;
case L.DOWN:
t = T === "ttb" ? 1 : -1;
break;
case L.HOME:
t = "min";
break;
case L.END:
t = "max";
break;
case L.PAGE_UP:
t = 2;
break;
case L.PAGE_DOWN:
t = -2;
break;
case L.BACKSPACE:
case L.DELETE:
u?.(a);
break;
}
t !== null && (e.preventDefault(), _(t, a));
}
}, ae = function(e) {
switch (e.which || e.keyCode) {
case L.LEFT:
case L.RIGHT:
case L.UP:
case L.DOWN:
case L.HOME:
case L.END:
case L.PAGE_UP:
case L.PAGE_DOWN:
v?.();
break;
}
}, V = F(T, r, C, w), oe = {};
a !== null && (oe = {
tabIndex: E ? null : I(k, a),
role: "slider",
"aria-valuemin": C,
"aria-valuemax": w,
"aria-valuenow": r,
"aria-disabled": E,
"aria-label": I(A, a),
"aria-labelledby": I(j, a),
"aria-required": I(M, a),
"aria-valuetext": I(N, a)?.(r),
"aria-orientation": T === "ltr" || T === "rtl" ? "horizontal" : "vertical",
onMouseDown: B,
onTouchStart: B,
onFocus: ne,
onMouseEnter: re,
onKeyDown: ie,
onKeyUp: ae
});
var H = /*#__PURE__*/ d.createElement("div", s({
ref: t,
className: (0, g.default)(z, c(c(c({}, `${z}-${a + 1}`, a !== null && O), `${z}-dragging`, m), `${z}-dragging-delete`, h), P.handle),
style: i(i(i({}, V), f), ee.handle)
}, oe, x));
return p && (H = p(H, {
index: a,
prefixCls: n,
value: r,
dragging: m,
draggingDelete: h
})), H;
});
process.env.NODE_ENV !== "production" && (B.displayName = "Handle");
//#endregion
//#region node_modules/rc-slider/es/Handles/index.js
var ne = [
"prefixCls",
"style",
"onStartMove",
"onOffsetChange",
"values",
"handleRender",
"activeHandleRender",
"draggingIndex",
"draggingDelete",
"onFocus"
], re = /*#__PURE__*/ d.forwardRef(function(e, t) {
var n = e.prefixCls, r = e.style, a = e.onStartMove, c = e.onOffsetChange, u = e.values, f = e.handleRender, p = e.activeHandleRender, m = e.draggingIndex, g = e.draggingDelete, _ = e.onFocus, v = l(e, ne), y = d.useRef({}), b = o(d.useState(!1), 2), x = b[0], S = b[1], C = o(d.useState(-1), 2), w = C[0], T = C[1], E = function(e) {
T(e), S(!0);
}, D = function(e, t) {
E(t), _?.(e);
}, O = function(e, t) {
E(t);
};
d.useImperativeHandle(t, function() {
return {
focus: function(e) {
var t;
(t = y.current[e]) == null || t.focus();
},
hideHelp: function() {
h(function() {
S(!1);
});
}
};
});
var k = i({
prefixCls: n,
onStartMove: a,
onOffsetChange: c,
render: f,
onFocus: D,
onMouseEnter: O
}, v);
return /*#__PURE__*/ d.createElement(d.Fragment, null, u.map(function(e, t) {
var n = m === t;
return /*#__PURE__*/ d.createElement(B, s({
ref: function(e) {
e ? y.current[t] = e : delete y.current[t];
},
dragging: n,
draggingDelete: n && g,
style: I(r, t),
key: t,
value: e,
valueIndex: t
}, k));
}), p && x && /*#__PURE__*/ d.createElement(B, s({ key: "a11y" }, k, {
value: u[w],
valueIndex: null,
dragging: m !== -1,
draggingDelete: g,
render: p,
style: { pointerEvents: "none" },
tabIndex: null,
"aria-hidden": !0
})));
});
process.env.NODE_ENV !== "production" && (re.displayName = "Handles");
//#endregion
//#region node_modules/rc-slider/es/Marks/Mark.js
var ie = function(e) {
var t = e.prefixCls, n = e.style, r = e.children, a = e.value, o = e.onClick, s = d.useContext(R), l = s.min, u = s.max, f = s.direction, p = s.includedStart, m = s.includedEnd, h = s.included, _ = `${t}-text`, v = F(f, a, l, u);
return /*#__PURE__*/ d.createElement("span", {
className: (0, g.default)(_, c({}, `${_}-active`, h && p <= a && a <= m)),
style: i(i({}, v), n),
onMouseDown: function(e) {
e.stopPropagation();
},
onClick: function() {
o(a);
}
}, r);
}, ae = function(e) {
var t = e.prefixCls, n = e.marks, r = e.onClick, i = `${t}-mark`;
return n.length ? /*#__PURE__*/ d.createElement("div", { className: i }, n.map(function(e) {
var t = e.value, n = e.style, a = e.label;
return /*#__PURE__*/ d.createElement(ie, {
key: t,
prefixCls: i,
style: n,
value: t,
onClick: r
}, a);
})) : null;
}, V = function(e) {
var t = e.prefixCls, n = e.value, r = e.style, a = e.activeStyle, o = d.useContext(R), s = o.min, l = o.max, u = o.direction, f = o.included, p = o.includedStart, m = o.includedEnd, h = `${t}-dot`, _ = f && p <= n && n <= m, v = i(i({}, F(u, n, s, l)), typeof r == "function" ? r(n) : r);
return _ && (v = i(i({}, v), typeof a == "function" ? a(n) : a)), /*#__PURE__*/ d.createElement("span", {
className: (0, g.default)(h, c({}, `${h}-active`, _)),
style: v
});
}, oe = function(e) {
var t = e.prefixCls, n = e.marks, r = e.dots, i = e.style, a = e.activeStyle, o = d.useContext(R), s = o.min, c = o.max, l = o.step, u = d.useMemo(function() {
var e = /* @__PURE__ */ new Set();
if (n.forEach(function(t) {
e.add(t.value);
}), r && l !== null) for (var t = s; t <= c;) e.add(t), t += l;
return Array.from(e);
}, [
s,
c,
l,
r,
n
]);
return /*#__PURE__*/ d.createElement("div", { className: `${t}-step` }, u.map(function(e) {
return /*#__PURE__*/ d.createElement(V, {
prefixCls: t,
key: e,
value: e,
style: i,
activeStyle: a
});
}));
}, H = function(e) {
var t = e.prefixCls, n = e.style, r = e.start, a = e.end, o = e.index, s = e.onStartMove, l = e.replaceCls, u = d.useContext(R), f = u.direction, p = u.min, m = u.max, h = u.disabled, _ = u.range, v = u.classNames, y = `${t}-track`, b = P(r, p, m), x = P(a, p, m), S = function(e) {
!h && s && s(e, -1);
}, C = {};
switch (f) {
case "rtl":
C.right = `${b * 100}%`, C.width = `${x * 100 - b * 100}%`;
break;
case "btt":
C.bottom = `${b * 100}%`, C.height = `${x * 100 - b * 100}%`;
break;
case "ttb":
C.top = `${b * 100}%`, C.height = `${x * 100 - b * 100}%`;
break;
default: C.left = `${b * 100}%`, C.width = `${x * 100 - b * 100}%`;
}
var w = l || (0, g.default)(y, c(c({}, `${y}-${o + 1}`, o !== null && _), `${t}-track-draggable`, s), v.track);
return /*#__PURE__*/ d.createElement("div", {
className: w,
style: i(i({}, C), n),
onMouseDown: S,
onTouchStart: S
});
}, se = function(e) {
var t = e.prefixCls, n = e.style, r = e.values, a = e.startPoint, o = e.onStartMove, s = d.useContext(R), c = s.included, l = s.range, u = s.min, f = s.styles, p = s.classNames, m = d.useMemo(function() {
if (!l) {
if (r.length === 0) return [];
var e = a ?? u, t = r[0];
return [{
start: Math.min(e, t),
end: Math.max(e, t)
}];
}
for (var n = [], i = 0; i < r.length - 1; i += 1) n.push({
start: r[i],
end: r[i + 1]
});
return n;
}, [
r,
l,
a,
u
]);
if (!c) return null;
var h = m != null && m.length && (p.tracks || f.tracks) ? /*#__PURE__*/ d.createElement(H, {
index: null,
prefixCls: t,
start: m[0].start,
end: m[m.length - 1].end,
replaceCls: (0, g.default)(p.tracks, `${t}-tracks`),
style: f.tracks
}) : null;
return /*#__PURE__*/ d.createElement(d.Fragment, null, h, m.map(function(e, r) {
var a = e.start, s = e.end;
return /*#__PURE__*/ d.createElement(H, {
index: r,
prefixCls: t,
style: i(i({}, I(n, r)), f.track),
start: a,
end: s,
key: r,
onStartMove: o
});
}));
}, U = 130;
function ce(e) {
var t = "targetTouches" in e ? e.targetTouches[0] : e;
return {
pageX: t.pageX,
pageY: t.pageY
};
}
function le(e, t, n, r, i, a, s, c, l, f, p) {
var m = o(d.useState(null), 2), h = m[0], g = m[1], v = o(d.useState(-1), 2), y = v[0], x = v[1], S = o(d.useState(!1), 2), C = S[0], w = S[1], T = o(d.useState(n), 2), E = T[0], D = T[1], O = o(d.useState(n), 2), k = O[0], A = O[1], j = d.useRef(null), M = d.useRef(null), N = d.useRef(null), ee = d.useContext(z), P = ee.onDragStart, F = ee.onDragChange;
b(function() {
y === -1 && D(n);
}, [n, y]), d.useEffect(function() {
return function() {
document.removeEventListener("mousemove", j.current), document.removeEventListener("mouseup", M.current), N.current && (N.current.removeEventListener("touchmove", j.current), N.current.removeEventListener("touchend", M.current));
};
}, []);
var I = function(e, t, n) {
t !== void 0 && g(t), D(e);
var r = e;
n && (r = e.filter(function(e, t) {
return t !== y;
})), s(r), F && F({
rawValues: e,
deleteIndex: n ? y : -1,
draggingIndex: y,
draggingValue: t
});
}, L = _(function(e, t, n) {
if (e === -1) {
var o = k[0], s = k[k.length - 1], c = r - o, d = i - s, f = t * (i - r);
f = Math.max(f, c), f = Math.min(f, d), f = a(o + f) - o, I(k.map(function(e) {
return e + f;
}));
} else {
var p = (i - r) * t, m = u(E);
m[e] = k[e];
var h = l(m, p, e, "dist");
I(h.values, h.value, n);
}
});
return [
y,
h,
C,
d.useMemo(function() {
var e = u(n).sort(function(e, t) {
return e - t;
}), t = u(E).sort(function(e, t) {
return e - t;
}), r = {};
t.forEach(function(e) {
r[e] = (r[e] || 0) + 1;
}), e.forEach(function(e) {
r[e] = (r[e] || 0) - 1;
});
var i = +!!f;
return Object.values(r).reduce(function(e, t) {
return e + Math.abs(t);
}, 0) <= i ? E : n;
}, [
n,
E,
f
]),
function(r, i, a) {
r.stopPropagation();
var o = a || n, s = o[i];
x(i), g(s), A(o), D(o), w(!1);
var l = ce(r), u = l.pageX, d = l.pageY, m = !1;
P && P({
rawValues: o,
draggingIndex: i,
draggingValue: s
});
var h = function(n) {
n.preventDefault();
var r = ce(n), a = r.pageX, o = r.pageY, s = a - u, c = o - d, l = e.current.getBoundingClientRect(), h = l.width, g = l.height, _, v;
switch (t) {
case "btt":
_ = -c / g, v = s;
break;
case "ttb":
_ = c / g, v = s;
break;
case "rtl":
_ = -s / h, v = c;
break;
default: _ = s / h, v = c;
}
m = f ? Math.abs(v) > U && p < E.length : !1, w(m), L(i, _, m);
}, _ = function e(t) {
t.preventDefault(), document.removeEventListener("mouseup", e), document.removeEventListener("mousemove", h), N.current && (N.current.removeEventListener("touchmove", j.current), N.current.removeEventListener("touchend", M.current)), j.current = null, M.current = null, N.current = null, c(m), x(-1), w(!1);
};
document.addEventListener("mouseup", _), document.addEventListener("mousemove", h), r.currentTarget.addEventListener("touchend", _), r.currentTarget.addEventListener("touchmove", h), j.current = h, M.current = _, N.current = r.currentTarget;
}
];
}
//#endregion
//#region node_modules/rc-slider/es/hooks/useOffset.js
function ue(e, t, n, r, i, a) {
var o = d.useCallback(function(n) {
return Math.max(e, Math.min(t, n));
}, [e, t]), s = d.useCallback(function(r) {
if (n !== null) {
var i = e + Math.round((o(r) - e) / n) * n, a = function(e) {
return (String(e).split(".")[1] || "").length;
}, s = Math.max(a(n), a(t), a(e)), c = Number(i.toFixed(s));
return e <= c && c <= t ? c : null;
}
return null;
}, [
n,
e,
t,
o
]), c = d.useCallback(function(i) {
var a = o(i), c = r.map(function(e) {
return e.value;
});
n !== null && c.push(s(i)), c.push(e, t);
var l = c[0], u = t - e;
return c.forEach(function(e) {
var t = Math.abs(a - e);
t <= u && (l = e, u = t);
}), l;
}, [
e,
t,
r,
n,
o,
s
]), l = function i(a, o, c) {
var l = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "unit";
if (typeof o == "number") {
var d, f = a[c], p = f + o, m = [];
r.forEach(function(e) {
m.push(e.value);
}), m.push(e, t), m.push(s(f));
var h = o > 0 ? 1 : -1;
l === "unit" ? m.push(s(f + h * n)) : m.push(s(p)), m = m.filter(function(e) {
return e !== null;
}).filter(function(e) {
return o < 0 ? e <= f : e >= f;
}), l === "unit" && (m = m.filter(function(e) {
return e !== f;
}));
var g = l === "unit" ? f : p;
d = m[0];
var _ = Math.abs(d - g);
if (m.forEach(function(e) {
var t = Math.abs(e - g);
t < _ && (d = e, _ = t);
}), d === void 0) return o < 0 ? e : t;
if (l === "dist") return d;
if (Math.abs(o) > 1) {
var v = u(a);
return v[c] = d, i(v, o - h, c, l);
}
return d;
} else if (o === "min") return e;
else if (o === "max") return t;
}, f = function(e, t, n) {
var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "unit", i = e[n], a = l(e, t, n, r);
return {
value: a,
changed: a !== i
};
}, p = function(e) {
return a === null && e === 0 || typeof a == "number" && e < a;
};
return [c, function(e, t, n) {
var r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "unit", o = e.map(c), s = o[n];
if (o[n] = l(o, t, n, r), i === !1) {
var u = a || 0;
n > 0 && o[n - 1] !== s && (o[n] = Math.max(o[n], o[n - 1] + u)), n < o.length - 1 && o[n + 1] !== s && (o[n] = Math.min(o[n], o[n + 1] - u));
} else if (typeof a == "number" || a === null) {
for (var d = n + 1; d < o.length; d += 1) for (var m = !0; p(o[d] - o[d - 1]) && m;) {
var h = f(o, 1, d);
o[d] = h.value, m = h.changed;
}
for (var g = n; g > 0; --g) for (var _ = !0; p(o[g] - o[g - 1]) && _;) {
var v = f(o, -1, g - 1);
o[g - 1] = v.value, _ = v.changed;
}
for (var y = o.length - 1; y > 0; --y) for (var b = !0; p(o[y] - o[y - 1]) && b;) {
var x = f(o, -1, y - 1);
o[y - 1] = x.value, b = x.changed;
}
for (var S = 0; S < o.length - 1; S += 1) for (var C = !0; p(o[S + 1] - o[S]) && C;) {
var w = f(o, 1, S + 1);
o[S + 1] = w.value, C = w.changed;
}
}
return {
value: o[n],
values: o
};
}];
}
//#endregion
//#region node_modules/rc-slider/es/hooks/useRange.js
function de(e) {
return f(function() {
if (e === !0 || !e) return [
!!e,
!1,
!1,
0
];
var t = e.editable, n = e.draggableTrack, r = e.minCount, i = e.maxCount;
return process.env.NODE_ENV !== "production" && O(!t || !n, "`editable` can not work with `draggableTrack`."), [
!0,
t,
!t && n,
r || 0,
i
];
}, [e]);
}
//#endregion
//#region node_modules/rc-slider/es/Slider.js
var fe = /*#__PURE__*/ d.forwardRef(function(e, t) {
var n = e.prefixCls, r = n === void 0 ? "rc-slider" : n, s = e.className, l = e.style, f = e.classNames, p = e.styles, m = e.id, h = e.disabled, v = h !== void 0 && h, y = e.keyboard, b = y === void 0 || y, x = e.autoFocus, S = e.onFocus, C = e.onBlur, T = e.min, E = T === void 0 ? 0 : T, D = e.max, O = D === void 0 ? 100 : D, k = e.step, A = k === void 0 ? 1 : k, j = e.value, N = e.defaultValue, P = e.range, F = e.count, I = e.onChange, L = e.onBeforeChange, z = e.onAfterChange, te = e.onChangeComplete, B = e.allowCross, ne = B === void 0 || B, ie = e.pushable, V = ie !== void 0 && ie, H = e.reverse, U = e.vertical, ce = e.included, fe = ce === void 0 || ce, pe = e.startPoint, me = e.trackStyle, he = e.handleStyle, ge = e.railStyle, _e = e.dotStyle, ve = e.activeDotStyle, ye = e.marks, be = e.dots, xe = e.handleRender, Se = e.activeHandleRender, Ce = e.track, we = e.tabIndex, Te = we === void 0 ? 0 : we, Ee = e.ariaLabelForHandle, De = e.ariaLabelledByForHandle, Oe = e.ariaRequired, ke = e.ariaValueTextFormatterForHandle, W = d.useRef(null), Ae = d.useRef(null), je = d.useMemo(function() {
return U ? H ? "ttb" : "btt" : H ? "rtl" : "ltr";
}, [H, U]), G = o(de(P), 5), K = G[0], Me = G[1], Ne = G[2], Pe = G[3], Fe = G[4], q = d.useMemo(function() {
return isFinite(E) ? E : 0;
}, [E]), J = d.useMemo(function() {
return isFinite(O) ? O : 100;
}, [O]), Y = d.useMemo(function() {
return A !== null && A <= 0 ? 1 : A;
}, [A]), Ie = d.useMemo(function() {
return typeof V == "boolean" ? V ? Y : !1 : V >= 0 && V;
}, [V, Y]), Le = d.useMemo(function() {
return Object.keys(ye || {}).map(function(e) {
var t = ye[e], n = { value: Number(e) };
return t && a(t) === "object" && !/*#__PURE__*/ d.isValidElement(t) && ("label" in t || "style" in t) ? (n.style = t.style, n.label = t.label) : n.label = t, n;
}).filter(function(e) {
var t = e.label;
return t || typeof t == "number";
}).sort(function(e, t) {
return e.value - t.value;
});
}, [ye]), Re = o(ue(q, J, Y, Le, ne, Ie), 2), ze = Re[0], Be = Re[1], Ve = o(w(N, { value: j }), 2), X = Ve[0], He = Ve[1], Z = d.useMemo(function() {
var e = X == null ? [] : Array.isArray(X) ? X : [X], t = o(e, 1)[0], n = X === null ? [] : [t === void 0 ? q : t];
if (K) {
if (n = u(e), F || X === void 0) {
var r = F >= 0 ? F + 1 : 2;
for (n = n.slice(0, r); n.length < r;) n.push(n[n.length - 1] ?? q);
}
n.sort(function(e, t) {
return e - t;
});
}
return n.forEach(function(e, t) {
n[t] = ze(e);
}), n;
}, [
X,
K,
q,
F,
ze
]), Q = function(e) {
return K ? e : e[0];
}, Ue = _(function(e) {
var t = u(e).sort(function(e, t) {
return e - t;
});
I && !ee(t, Z, !0) && I(Q(t)), He(t);
}), We = _(function(e) {
e && W.current.hideHelp();
var t = Q(Z);
z?.(t), M(!z, "[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead."), te?.(t);
}), Ge = function(e) {
if (!(v || !Me || Z.length <= Pe)) {
var t = u(Z);
t.splice(e, 1), L?.(Q(t)), Ue(t);
var n = Math.max(0, e - 1);
W.current.hideHelp(), W.current.focus(n);
}
}, $ = o(le(Ae, je, Z, q, J, ze, Ue, We, Be, Me, Pe), 5), Ke = $[0], qe = $[1], Je = $[2], Ye = $[3], Xe = $[4], Ze = function(e, t) {
if (!v) {
var n = u(Z), r = 0, i = 0, a = J - q;
Z.forEach(function(t, n) {
var o = Math.abs(e - t);
o <= a && (a = o, r = n), t < e && (i = n);
});
var o = r;
Me && a !== 0 && (!Fe || Z.length < Fe) ? (n.splice(i + 1, 0, e), o = i + 1) : n[r] = e, K && !Z.length && F === void 0 && n.push(e);
var s = Q(n);
if (L?.(s), Ue(n), t) {
var c, l;
(c = document.activeElement) == null || (l = c.blur) == null || l.call(c), W.current.focus(o), Xe(t, o, n);
} else z?.(s), M(!z, "[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead."), te?.(s);
}
}, Qe = function(e) {
e.preventDefault();
var t = Ae.current.getBoundingClientRect(), n = t.width, r = t.height, i = t.left, a = t.top, o = t.bottom, s = t.right, c = e.clientX, l = e.clientY, u;
switch (je) {
case "btt":
u = (o - l) / r;
break;
case "ttb":
u = (l - a) / r;
break;
case "rtl":
u = (s - c) / n;
break;
default: u = (c - i) / n;
}
Ze(ze(q + u * (J - q)), e);
}, $e = o(d.useState(null), 2), et = $e[0], tt = $e[1], nt = function(e, t) {
if (!v) {
var n = Be(Z, e, t);
L?.(Q(Z)), Ue(n.values), tt(n.value);
}
};
d.useEffect(function() {
if (et !== null) {
var e = Z.indexOf(et);
e >= 0 && W.current.focus(e);
}
tt(null);
}, [et]);
var rt = d.useMemo(function() {
return Ne && Y === null ? (process.env.NODE_ENV !== "production" && M(!1, "`draggableTrack` is not supported when `step` is `null`."), !1) : Ne;
}, [Ne, Y]), it = _(function(e, t) {
Xe(e, t), L?.(Q(Z));
}), at = Ke !== -1;
d.useEffect(function() {
if (!at) {
var e = Z.lastIndexOf(qe);
W.current.focus(e);
}
}, [at]);
var ot = d.useMemo(function() {
return u(Ye).sort(function(e, t) {
return e - t;
});
}, [Ye]), st = o(d.useMemo(function() {
return K ? [ot[0], ot[ot.length - 1]] : [q, ot[0]];
}, [
ot,
K,
q
]), 2), ct = st[0], lt = st[1];
d.useImperativeHandle(t, function() {
return {
focus: function() {
W.current.focus(0);
},
blur: function() {
var e, t = document.activeElement;
(e = Ae.current) != null && e.contains(t) && t?.blur();
}
};
}), d.useEffect(function() {
x && W.current.focus(0);
}, []);
var ut = d.useMemo(function() {
return {
min: q,
max: J,
direction: je,
disabled: v,
keyboard: b,
step: Y,
included: fe,
includedStart: ct,
includedEnd: lt,
range: K,
tabIndex: Te,
ariaLabelForHandle: Ee,
ariaLabelledByForHandle: De,
ariaRequired: Oe,
ariaValueTextFormatterForHandle: ke,
styles: p || {},
classNames: f || {}
};
}, [
q,
J,
je,
v,
b,
Y,
fe,
ct,
lt,
K,
Te,
Ee,
De,
Oe,
ke,
p,
f
]);
return /*#__PURE__*/ d.createElement(R.Provider, { value: ut }, /*#__PURE__*/ d.createElement("div", {
ref: Ae,
className: (0, g.default)(r, s, c(c(c(c({}, `${r}-disabled`, v), `${r}-vertical`, U), `${r}-horizontal`, !U), `${r}-with-marks`, Le.length)),
style: l,
onMouseDown: Qe,
id: m
}, /*#__PURE__*/ d.createElement("div", {
className: (0, g.default)(`${r}-rail`, f?.rail),
style: i(i({}, ge), p?.rail)
}), Ce !== !1 && /*#__PURE__*/ d.createElement(se, {
prefixCls: r,
style: me,
values: Z,
startPoint: pe,
onStartMove: rt ? it : void 0
}), /*#__PURE__*/ d.createElement(oe, {
prefixCls: r,
marks: Le,
dots: be,
style: _e,
activeStyle: ve
}), /*#__PURE__*/ d.createElement(re, {
ref: W,
prefixCls: r,
style: he,
values: Ye,
draggingIndex: Ke,
draggingDelete: Je,
onStartMove: it,
onOffsetChange: nt,
onFocus: S,
onBlur: C,
handleRender: xe,
activeHandleRender: Se,
onChangeComplete: We,
onDelete: Me ? Ge : void 0
}), /*#__PURE__*/ d.createElement(ae, {
prefixCls: r,
marks: Le,
onClick: Ze
})));
});
process.env.NODE_ENV !== "production" && (fe.displayName = "Slider");
//#endregion
//#region node_modules/rc-slider/es/index.js
var pe = fe, me = r("h-1", {
variants: { color: {
primary: "bg-primary!",
secondary: "bg-secondary!",
tertiary: "bg-tertiary!",
quaternary: "bg-quaternary!",
foreground: "bg-foreground!"
} },
defaultVariants: { color: "primary" }
}), he = r("rounded-full border-2 opacity-100!", {
variants: { color: {
primary: "border-primary! bg-primary!",
secondary: "border-secondary! bg-secondary!",
tertiary: "border-tertiary! bg-tertiary!",
quaternary: "border-quaternary! bg-quaternary!",
foreground: "border-foreground! bg-foreground!"
} },
defaultVariants: { color: "primary" }
});
function ge(e) {
let { min: t = 0, max: r = 100, disabled: i, trackClassName: a, className: o, railClassName: s, sliderClassName: c, handleClassName: l, color: u, showHandleValue: d = !1 } = e;
return /* @__PURE__ */ p("div", {
className: n("w-full px-4 py-6 [&_.rc-slider-disabled]:bg-transparent!", o),
children: /* @__PURE__ */ p(pe, {
...e,
min: t,
max: r,
handleRender: (e, t) => /* @__PURE__ */ m("div", { children: [e, d ? /* @__PURE__ */ p("div", {
className: "mb-4 border border-primary-gray-200 bg-surface px-1 text-content-primary text-sm",
style: {
left: e.props.style?.left,
position: "absolute",
textAlign: "center",
transform: "translateX(-50%) translateY(calc(-100% - 12px))"
},
children: t.value
}) : null] }),
className: n("h-2", i ? "cursor-not-allowed opacity-disabled" : "cursor-pointer", c),
classNames: {
rail: n("bg-surface-sm! h-1", s),
track: n(me({ color: u }), a),
handle: n(he({ color: u }), l)
},
dotStyle: { borderColor: "var(--surface-md)" },
activeDotStyle: { borderColor: u === "primary" ? "var(--primary-hover)" : u === "secondary" ? "var(--secondary-hover)" : u === "tertiary" ? "var(--tertiary-hover)" : u === "quaternary" ? "var(--quaternary-hover)" : u === "foreground" ? "var(--foreground-soft)" : "var(--primary-hover)" }
})
});
}
//#endregion
export { ge as t };
//# sourceMappingURL=slider-CelO84AN.js.map