chop-logic-components
Version:
React UI components library for Chop Logic project
1,219 lines • 81 kB
JavaScript
import Xe, { createContext as ht, useState as k, useEffect as $, useId as _t, useContext as K, useRef as Y, useCallback as ae } from "react";
import xt from "react-dom";
const J = Xe.createContext({});
var B = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Warning = "warning", e.Info = "info", e.Help = "help", e))(B || {}), R = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Icon = "icon", e.Inner = "inner", e))(R || {}), m = /* @__PURE__ */ ((e) => (e.ArrowDown = "arrow-down", e.ArrowUp = "arrow-up", e.Back = "back", e.Cancel = "cancel", e.CheckboxChecked = "checkbox-checked", e.CheckboxUnchecked = "checkbox-unchecked", e.CheckMark = "check-mark", e.ChevronDown = "chevron-down", e.ChevronLeft = "chevron-left", e.ChevronRight = "chevron-right", e.ChevronUp = "chevron-up", e.Clear = "clear", e.Copy = "copy", e.Cut = "cut", e.Delete = "delete", e.Download = "download", e.Error = "error", e.Forward = "forward", e.Graduate = "graduate", e.Help = "help", e.Hide = "hide", e.Home = "home", e.Info = "info", e.Login = "login", e.Paste = "paste", e.Question = "question", e.Save = "save", e.Show = "show", e.Upload = "upload", e.Warning = "warning", e.Remove = "remove", e))(m || {}), H = /* @__PURE__ */ ((e) => (e.Dots = "dots", e.Brackets = "brackets", e.Linear = "linear", e.Square = "square", e.Circle = "circle", e.Pulse = "pulse", e.Arrow = "arrow", e.Filler = "filler", e.Rotation = "rotation", e))(H || {}), T = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horizontal", e))(T || {}), F = /* @__PURE__ */ ((e) => (e.Light = "cl-components-light-theme", e.Dark = "cl-components-dark-theme", e))(F || {}), Qe = /* @__PURE__ */ ((e) => (e.Span = "span", e.Div = "div", e.P = "p", e.Strong = "strong", e.Em = "em", e))(Qe || {});
const Ze = ht({
mode: F.Light,
setMode: () => {
}
});
var de = { exports: {} }, re = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var $e;
function ft() {
if ($e) return re;
$e = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(s, o, l) {
var c = null;
if (l !== void 0 && (c = "" + l), o.key !== void 0 && (c = "" + o.key), "key" in o) {
l = {};
for (var a in o)
a !== "key" && (l[a] = o[a]);
} else l = o;
return o = l.ref, {
$$typeof: e,
type: s,
key: c,
ref: o !== void 0 ? o : null,
props: l
};
}
return re.Fragment = t, re.jsx = r, re.jsxs = r, re;
}
var se = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Be;
function bt() {
return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
function e(d) {
if (d == null) return null;
if (typeof d == "function")
return d.$$typeof === ee ? null : d.displayName || d.name || null;
if (typeof d == "string") return d;
switch (d) {
case p:
return "Fragment";
case g:
return "Profiler";
case w:
return "StrictMode";
case S:
return "Suspense";
case L:
return "SuspenseList";
case X:
return "Activity";
}
if (typeof d == "object")
switch (typeof d.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), d.$$typeof) {
case f:
return "Portal";
case M:
return (d.displayName || "Context") + ".Provider";
case C:
return (d._context.displayName || "Context") + ".Consumer";
case I:
var v = d.render;
return d = d.displayName, d || (d = v.displayName || v.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
case z:
return v = d.displayName || null, v !== null ? v : e(d.type) || "Memo";
case D:
v = d._payload, d = d._init;
try {
return e(d(v));
} catch {
}
}
return null;
}
function t(d) {
return "" + d;
}
function r(d) {
try {
t(d);
var v = !1;
} catch {
v = !0;
}
if (v) {
v = console;
var y = v.error, E = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
return y.call(
v,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
E
), t(d);
}
}
function s(d) {
if (d === p) return "<>";
if (typeof d == "object" && d !== null && d.$$typeof === D)
return "<...>";
try {
var v = e(d);
return v ? "<" + v + ">" : "<...>";
} catch {
return "<...>";
}
}
function o() {
var d = O.A;
return d === null ? null : d.getOwner();
}
function l() {
return Error("react-stack-top-frame");
}
function c(d) {
if (G.call(d, "key")) {
var v = Object.getOwnPropertyDescriptor(d, "key").get;
if (v && v.isReactWarning) return !1;
}
return d.key !== void 0;
}
function a(d, v) {
function y() {
Ae || (Ae = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
v
));
}
y.isReactWarning = !0, Object.defineProperty(d, "key", {
get: y,
configurable: !0
});
}
function i() {
var d = e(this.type);
return Se[d] || (Se[d] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), d = this.props.ref, d !== void 0 ? d : null;
}
function u(d, v, y, E, W, N, ge, ke) {
return y = N.ref, d = {
$$typeof: b,
type: d,
key: v,
props: N,
_owner: W
}, (y !== void 0 ? y : null) !== null ? Object.defineProperty(d, "ref", {
enumerable: !1,
get: i
}) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(d, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(d, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ge
}), Object.defineProperty(d, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ke
}), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
}
function h(d, v, y, E, W, N, ge, ke) {
var A = v.children;
if (A !== void 0)
if (E)
if (te(A)) {
for (E = 0; E < A.length; E++)
x(A[E]);
Object.freeze && Object.freeze(A);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else x(A);
if (G.call(v, "key")) {
A = e(d);
var Q = Object.keys(v).filter(function(ut) {
return ut !== "key";
});
E = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", Te[A + E] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
E,
A,
Q,
A
), Te[A + E] = !0);
}
if (A = null, y !== void 0 && (r(y), A = "" + y), c(v) && (r(v.key), A = "" + v.key), "key" in v) {
y = {};
for (var ye in v)
ye !== "key" && (y[ye] = v[ye]);
} else y = v;
return A && a(
y,
typeof d == "function" ? d.displayName || d.name || "Unknown" : d
), u(
d,
A,
N,
W,
o(),
y,
ge,
ke
);
}
function x(d) {
typeof d == "object" && d !== null && d.$$typeof === b && d._store && (d._store.validated = 1);
}
var _ = Xe, b = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), M = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), O = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, te = Array.isArray, ne = console.createTask ? console.createTask : function() {
return null;
};
_ = {
"react-stack-bottom-frame": function(d) {
return d();
}
};
var Ae, Se = {}, ze = _["react-stack-bottom-frame"].bind(
_,
l
)(), Re = ne(s(l)), Te = {};
se.Fragment = p, se.jsx = function(d, v, y, E, W) {
var N = 1e4 > O.recentlyCreatedOwnerStacks++;
return h(
d,
v,
y,
!1,
E,
W,
N ? Error("react-stack-top-frame") : ze,
N ? ne(s(d)) : Re
);
}, se.jsxs = function(d, v, y, E, W) {
var N = 1e4 > O.recentlyCreatedOwnerStacks++;
return h(
d,
v,
y,
!0,
E,
W,
N ? Error("react-stack-top-frame") : ze,
N ? ne(s(d)) : Re
);
};
}()), se;
}
var De;
function mt() {
return De || (De = 1, process.env.NODE_ENV === "production" ? de.exports = ft() : de.exports = bt()), de.exports;
}
var n = mt();
const Js = ({ children: e, injectedMode: t }) => {
const [r, s] = k(F.Light);
return $(() => {
r && typeof r == "string" && (document.body.classList.remove(F.Light, F.Dark), document.body.classList.add(r));
}, [r]), $(() => {
t && typeof t == "string" && (document.body.classList.remove(F.Light, F.Dark), document.body.classList.add(t));
}, [t]), /* @__PURE__ */ n.jsx(Ze.Provider, { value: { mode: r, setMode: s }, children: e });
}, ve = ({ ref: e, onClickOutsideHandler: t, dependentRef: r }) => {
$(() => {
const s = (o) => {
const l = (e == null ? void 0 : e.current) && !e.current.contains(o.target), c = r != null && r.current ? !r.current.contains(o.target) : !0;
l && c && t();
};
return document.addEventListener("mousedown", s), () => {
document.removeEventListener("mousedown", s);
};
}, [e, r, t]);
}, vt = ({ ref: e, isVisible: t }) => {
const [r, s] = k({ width: 0, height: 0 });
return $(() => {
e != null && e.current && t && s({
width: e.current.offsetWidth,
height: e.current.offsetHeight
});
}, [e, t]), r;
};
function q(e) {
const t = _t(), r = e ?? t, s = `${r}_error`, o = `${r}_dropdown`;
return {
elementId: r,
errorId: s,
dropdownId: o
};
}
const pe = ({ ref: e, keyCode: t, onKeyPress: r }) => {
$(() => {
const s = (o) => {
(o == null ? void 0 : o.code) === t && (e != null && e.current) && r();
};
return document.addEventListener("keydown", s, !1), () => {
document.removeEventListener("keydown", s, !1);
};
}, [e, t, r]);
}, pt = ({ modalRef: e, isOpened: t }) => {
$(() => {
const r = e.current;
if (!t || !r) return;
const s = r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'), o = s[0], l = s[s.length - 1], c = (a) => {
a.key === "Tab" && (a.shiftKey && document.activeElement === o ? (a.preventDefault(), l.focus()) : !a.shiftKey && document.activeElement === l && (a.preventDefault(), o.focus()));
};
return r.addEventListener("keydown", c), () => {
r.removeEventListener("keydown", c);
};
}, [e, t]);
}, et = (e, t = 300) => {
const [r, s] = k(!1);
return $(() => {
e && !r ? s(!0) : !e && r && setTimeout(() => {
s(!1);
}, t);
}, [e]), r;
}, ie = (e) => {
const { resetSignal: t } = K(J);
$(() => {
t && e();
}, [t, e]);
};
function He() {
const { innerWidth: e, innerHeight: t } = window;
return { width: e, height: t };
}
function jt() {
const [e, t] = k(He());
return $(() => {
function r() {
t(He());
}
return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
}, []), e;
}
const wt = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: s = 4 }) => {
const [o, l] = k({ top: 0, left: 0 }), { width: c, height: a } = vt({
ref: t,
isVisible: r
}), { width: i, height: u } = jt();
return $(() => {
if (r && (e != null && e.current)) {
const h = e == null ? void 0 : e.current.getBoundingClientRect();
let x = Math.round(h.bottom + s), _ = Math.round(h.left);
x + a > window.innerHeight && (x = Math.round(h.top - a - s)), _ + c > window.innerWidth && (_ = Math.round(window.innerWidth - c - s)), _ < 0 && (_ = s), l({ top: x, left: _ });
}
}, [r, e, a, c, s, i, u]), o;
}, Xs = () => K(Ze), Qs = (e, t) => {
const [r, s] = k(!1);
return $(() => {
const { current: o } = e;
o && (() => {
if (t === "width") {
const { scrollWidth: c = 0, clientWidth: a = 0 } = o;
s(c > a);
}
if (t === "height") {
const { scrollHeight: c = 0, clientHeight: a = 0 } = o;
s(c > a);
}
})();
}, [e, t]), r;
}, tt = ({
isOpened: e,
onClose: t,
autoClose: r = !0,
autoCloseDelay: s = 3e3
}) => {
$(() => {
if (!e || !r) return;
const o = setTimeout(() => {
t();
}, s);
return () => clearTimeout(o);
}, [e, r, s, t]);
};
function j(e) {
return e.map((r) => {
if (typeof r == "string")
return r.trim();
if (typeof r == "object") {
const s = [];
for (const o in r)
r[o] && s.push(o.trim());
return s.join(" ");
}
}).filter((r) => !!r).join(" ");
}
const gt = "_errorMessage_73zww_89", kt = "_errorMessage__visible_73zww_111", Le = {
errorMessage: gt,
errorMessage__visible: kt
}, nt = ({ errorId: e, testId: t, message: r = "Error!", visible: s = !1, className: o }) => {
const l = j([Le.errorMessage, o, { [Le.errorMessage__visible]: s }]);
return /* @__PURE__ */ n.jsx("span", { id: e, className: l, "data-testid": t, "aria-hidden": !s, children: r });
}, yt = "_label_1ktmi_36", Ct = {
label: yt
}, Z = ({ label: e, required: t, inputId: r, icon: s, iconPosition: o, isTextHidden: l = !1 }) => {
const c = !!s && o === "left", a = !!s && o === "right";
return /* @__PURE__ */ n.jsxs("label", { className: Ct.label, htmlFor: r, children: [
c && s,
!l && /* @__PURE__ */ n.jsxs("span", { children: [
e,
t && /* @__PURE__ */ n.jsx("abbr", { title: "required", children: "*" })
] }),
a && s
] });
}, Mt = "_wrapper_7eqoa_37", It = "_input_7eqoa_63", Ne = {
wrapper: Mt,
input: It
}, rt = ({ children: e, ...t }) => /* @__PURE__ */ n.jsxs("div", { className: Ne.wrapper, children: [
/* @__PURE__ */ n.jsx("input", { ...t, className: Ne.input }),
e
] }), Et = "_button_vlmd4_37", At = {
button: Et
};
function le(e) {
const t = document.getElementById(e);
t && t.focus();
}
function st({
e,
options: t,
onClose: r
}) {
let s = "";
t.forEach((l) => {
document.getElementById(l.id) === document.activeElement && (s = l.id);
});
const o = t.findIndex((l) => l.id === s);
switch (e.key) {
case "Escape":
e.preventDefault(), r();
break;
case "ArrowUp": {
e.preventDefault();
const l = o - 1 >= 0 ? o - 1 : t.length - 1, c = t[l];
c && le(c.id);
break;
}
case "ArrowDown":
case "Tab": {
e.preventDefault();
const l = o === t.length - 1 ? 0 : o + 1, c = t[l];
c && le(c.id);
break;
}
}
}
const St = ({ children: e, className: t, ...r }) => /* @__PURE__ */ n.jsx("button", { ...r, className: j([At.button, t]), children: e }), zt = "_button_1qide_37", Rt = "_button_shadow_1qide_51", Tt = "_button_edge_1qide_63", $t = "_button_front_1qide_72", ue = {
button: zt,
button_shadow: Rt,
button_edge: Tt,
button_front: $t
}, Bt = ({ children: e, className: t, ...r }) => /* @__PURE__ */ n.jsxs("button", { ...r, className: j([ue.button, t]), children: [
/* @__PURE__ */ n.jsx("span", { className: ue.button_shadow }),
/* @__PURE__ */ n.jsx("span", { className: ue.button_edge }),
/* @__PURE__ */ n.jsx("span", { className: ue.button_front, children: e })
] }), Dt = "_button_biacj_37", Ht = {
button: Dt
}, Lt = ({ children: e, className: t, ...r }) => /* @__PURE__ */ n.jsx("button", { ...r, className: j([Ht.button, t]), children: e }), Nt = "_button_o1x7s_50", Pt = {
button: Nt
}, Ot = ({ onClick: e, label: t, icon: r, disabled: s, className: o, ...l }) => /* @__PURE__ */ n.jsx(
"button",
{
className: j([Pt.button, o]),
onClick: e,
"aria-label": t,
type: "button",
disabled: s,
...l,
children: /* @__PURE__ */ n.jsx(P, { name: r })
}
);
function Wt({
item: e,
columns: t,
renderDataItem: r
}) {
const s = [];
for (const o of t) {
let l;
r && e[o.field] ? l = r(e, o.field) : e[o.field] ? l = e[o.field].toString() : l = "", s.push(l);
}
return s;
}
const Vt = "_cell_veiud_1", Ut = {
cell: Vt
}, qt = ({ value: e }) => /* @__PURE__ */ n.jsx("td", { className: Ut.cell, children: e }), Gt = "_cell_veiud_1", Ft = {
cell: Gt
};
function je({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx(
"path",
{
fill: "currentColor",
d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"
}
)
] });
}
function we({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { fill: "currentColor", d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z" })
] });
}
const Yt = "_checkbox_bpqws_2", Kt = "_checkbox__disabled_bpqws_14", Jt = "_checkbox_input_bpqws_26", he = {
checkbox: Yt,
checkbox__disabled: Kt,
checkbox_input: Jt
}, ot = ({ name: e, label: t, disabled: r, required: s = !1, onChange: o, checked: l = !1, ...c }) => {
const { elementId: a } = q(c == null ? void 0 : c.id), i = j([
he.checkbox,
{
[he.checkbox__disabled]: !!r,
[he.checkbox__checked]: l
}
]);
return /* @__PURE__ */ n.jsxs("div", { className: i, children: [
/* @__PURE__ */ n.jsx(
"input",
{
id: a,
name: e,
type: "checkbox",
disabled: r,
required: s,
checked: l,
onChange: o,
className: he.checkbox_input
}
),
/* @__PURE__ */ n.jsx(
Z,
{
label: t,
required: s,
inputId: a,
isTextHidden: !0,
iconPosition: "left",
icon: l ? /* @__PURE__ */ n.jsx(je, {}) : /* @__PURE__ */ n.jsx(we, {})
}
)
] });
}, Xt = ({ rowId: e, isRowSelected: t, selectRowById: r, deselectRowById: s, disabled: o }) => {
const l = (c) => {
const { checked: a } = c.target;
a ? r(e) : s(e);
};
return /* @__PURE__ */ n.jsx("td", { className: Ft.cell, children: /* @__PURE__ */ n.jsx(ot, { label: "Select row", onChange: l, id: `select_row_${e}`, checked: t, disabled: o }) });
}, Qt = "_row_1qhna_1", Zt = "_row__selected_1qhna_5", Pe = {
row: Qt,
row__selected: Zt
}, en = ({ rowId: e, selectRowById: t, deselectRowById: r, selectable: s, values: o, selectedIds: l, disabled: c }) => {
const a = l.includes(e);
return /* @__PURE__ */ n.jsxs("tr", { className: j([Pe.row, { [Pe.row__selected]: a }]), children: [
s && /* @__PURE__ */ n.jsx(
Xt,
{
rowId: e,
selectRowById: t,
deselectRowById: r,
isRowSelected: a,
disabled: c
}
),
o.map((i, u) => /* @__PURE__ */ n.jsx(qt, { value: i }, `row_${u}`))
] });
}, tn = "_body_1u1xs_36", nn = {
body: tn
}, rn = ({ selectRowById: e, deselectRowById: t, renderDataItem: r, selectedIds: s, selectable: o, data: l, columns: c }) => /* @__PURE__ */ n.jsx("tbody", { className: nn.body, children: l.map((a) => {
const i = Wt({ item: a, columns: c, renderDataItem: r });
return /* @__PURE__ */ n.jsx(
en,
{
rowId: a.id,
disabled: a == null ? void 0 : a.disabled,
selectRowById: e,
deselectRowById: t,
selectable: o,
values: i,
selectedIds: s
},
a.id
);
}) }), sn = "_headerCell_b9h0f_1", on = {
headerCell: sn
}, cn = ({ title: e, component: t }) => /* @__PURE__ */ n.jsx("th", { className: on.headerCell, children: t ?? e ?? "" }), ln = "_headerCell_wd2ft_1", an = {
headerCell: ln
}, dn = ({ gridId: e, isAllSelected: t, selectAll: r, deselectAll: s, disabled: o }) => {
const l = (c) => {
const { checked: a } = c.target;
a ? r() : s();
};
return /* @__PURE__ */ n.jsx("th", { className: an.headerCell, children: /* @__PURE__ */ n.jsx(
ot,
{
label: "Select all rows",
onChange: l,
id: `select_all_${e}`,
checked: t,
disabled: o
}
) });
}, un = "_head_p4d5s_36", hn = "_head_row_p4d5s_47", Oe = {
head: un,
head_row: hn
}, _n = ({
columns: e,
gridId: t,
selectAll: r,
deselectAll: s,
selectable: o,
isAllSelected: l,
isAllCheckboxDisabled: c = !1
}) => /* @__PURE__ */ n.jsx("thead", { className: Oe.head, children: /* @__PURE__ */ n.jsxs("tr", { className: Oe.head_row, children: [
o && /* @__PURE__ */ n.jsx(
dn,
{
isAllSelected: l,
disabled: c,
gridId: t,
selectAll: r,
deselectAll: s
}
),
e.map((a) => /* @__PURE__ */ n.jsx(cn, { title: a.title, component: a.component }, `${a.title}_${t}`))
] }) }), xn = "_column_s4wq6_1", fn = "_column__first_s4wq6_4", bn = "_column__highlighted_s4wq6_7", oe = {
column: xn,
column__first: fn,
column__highlighted: bn
}, mn = ({ columns: e, selectable: t }) => /* @__PURE__ */ n.jsxs("colgroup", { children: [
t && /* @__PURE__ */ n.jsx("col", { className: j([oe.column, oe.column__first]) }),
e.map((r, s) => /* @__PURE__ */ n.jsx(
"col",
{
className: j([
oe.column,
r == null ? void 0 : r.className,
{
[oe.column__first]: s === 0 && !t,
[oe.column__highlighted]: !!(r != null && r.highlighted)
}
])
},
r == null ? void 0 : r.title
))
] }), vn = "_tabList_kvuij_1", pn = "_tabList__vertical_kvuij_7", We = {
tabList: vn,
tabList__vertical: pn
}, jn = "_tabButton_1yxke_37", wn = "_tabButton__disabled_1yxke_76", gn = "_tabButton__selected_1yxke_80", kn = "_tabButton__vertical_1yxke_87", _e = {
tabButton: jn,
tabButton__disabled: wn,
tabButton__selected: gn,
tabButton__vertical: kn
}, yn = ({ title: e, onTabSelect: t, tabId: r, isSelected: s, isDisabled: o = !1, tabPanelId: l, mode: c }) => {
const a = j([
_e.tabButton,
{
[_e.tabButton__disabled]: o,
[_e.tabButton__vertical]: c === T.Vertical,
[_e.tabButton__selected]: s
}
]);
return /* @__PURE__ */ n.jsx(
"button",
{
role: "tab",
id: r,
onClick: () => t(r),
"aria-selected": s,
"aria-controls": l,
className: a,
children: e
}
);
}, Cn = ({ tabs: e, onTabSelect: t, selectedTabId: r, tabPanelIds: s, mode: o, tabIds: l }) => {
const c = j([We.tabList, { [We.tabList__vertical]: o === T.Vertical }]), a = (i) => {
const u = l.findIndex((h) => h === r);
switch (i.key) {
case "ArrowLeft":
case "ArrowUp": {
if (i.preventDefault(), i.key === "ArrowUp" && o === T.Horizontal || i.key === "ArrowLeft" && o === T.Vertical) break;
const h = u - 1 >= 0 ? u - 1 : l.length - 1, x = l[h];
x && (le(x), t(x));
break;
}
case "ArrowRight":
case "ArrowDown": {
if (i.preventDefault(), i.key === "ArrowDown" && o === T.Horizontal || i.key === "ArrowRight" && o === T.Vertical) break;
const h = u === l.length - 1 ? 0 : u + 1, x = l[h];
x && (le(x), t(x));
break;
}
}
};
return /* @__PURE__ */ n.jsx("div", { role: "tablist", onKeyDown: a, className: c, children: e.map(({ id: i, title: u, disabled: h }, x) => /* @__PURE__ */ n.jsx(
yn,
{
title: u,
onTabSelect: t,
tabId: i,
isSelected: i === r,
isDisabled: h,
tabPanelId: s[x],
mode: o
},
i
)) });
}, Mn = "_tabContent_xm9b1_36", In = {
tabContent: Mn
}, En = ({ tabs: e, selectedTabId: t }) => {
var o;
const r = (o = e.find((l) => l.id === t)) == null ? void 0 : o.content, s = `tabpanel_${t}`;
return /* @__PURE__ */ n.jsx("div", { role: "tabpanel", "aria-labelledby": t, id: s, className: In.tabContent, children: r });
}, An = "_subMenuBar_1oeh1_55", Sn = "_subMenuBar__horizontal_1oeh1_75", Ve = {
subMenuBar: An,
subMenuBar__horizontal: Sn
}, zn = "_menuLeaf_1deic_37", Rn = {
menuLeaf: zn
}, Tn = ({ item: e }) => {
const { icon: t, link: r, label: s, onFocus: o, onClick: l, onHover: c } = e, a = r ? /* @__PURE__ */ n.jsx("a", { href: r, target: "_blank", rel: "noreferrer", children: s }) : /* @__PURE__ */ n.jsx("span", { children: s });
return /* @__PURE__ */ n.jsxs("li", { className: Rn.menuLeaf, tabIndex: 0, role: "menuitem", onFocus: o, onClick: l, onMouseOver: c, children: [
/* @__PURE__ */ n.jsx(P, { name: t }),
a
] });
}, $n = "_subMenu_10zc6_37", Bn = "_text_10zc6_54", Ue = {
subMenu: $n,
text: Bn
}, Dn = ({ item: e, isSubMenuOpened: t, toggleSubMenu: r, closeSubMenu: s, openSubMenu: o, openedOn: l, mode: c, children: a }) => {
const { icon: i, link: u, label: h } = e, x = Y(null), _ = Y(null), b = u ? /* @__PURE__ */ n.jsxs("a", { href: u, target: "_blank", rel: "noreferrer", children: [
/* @__PURE__ */ n.jsx(P, { name: i }),
h
] }) : /* @__PURE__ */ n.jsxs("span", { children: [
/* @__PURE__ */ n.jsx(P, { name: i }),
h
] }), f = (w) => {
w.stopPropagation(), w.key === " " && r();
};
return ve({ ref: x, dependentRef: _, onClickOutsideHandler: () => {
c !== T.Vertical && s();
} }), /* @__PURE__ */ n.jsxs(
"li",
{
className: Ue.subMenu,
tabIndex: 0,
role: "menuitem",
"aria-haspopup": "true",
"aria-expanded": t,
onKeyDown: f,
onMouseEnter: l === "hover" ? o : void 0,
onMouseLeave: l === "hover" ? s : void 0,
ref: x,
children: [
/* @__PURE__ */ n.jsxs("span", { className: Ue.text, ref: _, onClick: r, children: [
b,
/* @__PURE__ */ n.jsx(P, { name: t ? m.ArrowUp : m.ArrowDown })
] }),
t && a
]
}
);
}, ct = ({ item: e, mode: t, openedOn: r }) => {
var h, x;
const s = !((h = e == null ? void 0 : e.nestedItems) != null && h.length), [o, l] = k(!1), c = j([
Ve.subMenuBar,
{ [Ve.subMenuBar__horizontal]: t === T.Horizontal }
]);
if (s)
return /* @__PURE__ */ n.jsx(Tn, { item: e });
const a = () => {
l(!o);
}, i = () => {
l(!1);
}, u = () => {
l(!0);
};
return /* @__PURE__ */ n.jsx(
Dn,
{
item: e,
isSubMenuOpened: o,
toggleSubMenu: a,
closeSubMenu: i,
openSubMenu: u,
mode: t,
openedOn: r,
children: /* @__PURE__ */ n.jsx("ul", { className: c, role: "menu", "aria-label": e.label, children: (x = e == null ? void 0 : e.nestedItems) == null ? void 0 : x.map((_) => /* @__PURE__ */ n.jsx(ct, { item: _, mode: t, openedOn: r }, _.id)) })
}
);
};
function Me({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z" })
] });
}
function Ie({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z" })
] });
}
const Hn = "_combobox_b5ibg_37", lt = {
combobox: Hn
}, Ln = ({
opened: e,
onClick: t,
comboboxId: r,
dropdownId: s,
selected: o,
name: l,
placeholder: c,
disabled: a,
required: i
}) => /* @__PURE__ */ n.jsxs(
"button",
{
type: "button",
name: l,
value: o == null ? void 0 : o.id,
role: "combobox",
"aria-haspopup": "listbox",
"aria-expanded": e,
"aria-controls": s,
id: r,
onClick: t,
disabled: a,
"aria-required": i,
className: lt.combobox,
children: [
o != null && o.label ? /* @__PURE__ */ n.jsx("span", { children: o == null ? void 0 : o.label }) : /* @__PURE__ */ n.jsx("span", { children: c }),
e ? /* @__PURE__ */ n.jsx(Ie, {}) : /* @__PURE__ */ n.jsx(Me, {})
]
}
), Nn = "_dropdown_1kuhz_6", Pn = "_dropdown__opened_1kuhz_25", me = {
dropdown: Nn,
dropdown__opened: Pn
};
function at({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z" })
] });
}
const On = "_option_ln261_36", Wn = "_option__selected_ln261_64", Vn = "_option__multi_ln261_67", ce = {
option: On,
option__selected: Wn,
option__multi: Vn
}, Un = ({ value: e, selected: t, onSelect: r, onClear: s }) => {
const { id: o, label: l } = e, c = j([ce.option, { [ce.option__selected]: t }]), a = (u) => {
t ? s() : r(u);
}, i = (u) => (h) => {
switch (h.key) {
case " ":
case "SpaceBar":
case "Enter":
h.preventDefault(), a(u);
break;
}
};
return /* @__PURE__ */ n.jsxs(
"li",
{
id: o,
role: "option",
"aria-selected": t,
tabIndex: 0,
onKeyDown: i(o),
onClick: () => a(o),
className: c,
children: [
/* @__PURE__ */ n.jsx("span", { children: l }),
t && /* @__PURE__ */ n.jsx(at, {})
]
}
);
}, qn = ({ options: e, opened: t, onClose: r, onSelect: s, dropdownId: o, comboboxId: l, selected: c, onClear: a }) => {
const i = (h) => {
s(h), r(), le(l);
}, u = j([me.dropdown, { [me.dropdown__opened]: t }]);
return /* @__PURE__ */ n.jsx(
"ul",
{
role: "listbox",
id: o,
tabIndex: -1,
onKeyDown: (h) => st({ e: h, options: e, onClose: r }),
className: u,
children: e.map((h) => /* @__PURE__ */ n.jsx(
Un,
{
value: h,
onSelect: () => i(h.id),
onClear: a,
selected: h.id === (c == null ? void 0 : c.id)
},
h.id
))
}
);
}, Gn = ({
opened: e,
onClick: t,
comboboxId: r,
dropdownId: s,
name: o,
placeholder: l,
disabled: c,
required: a,
values: i
}) => {
const u = i == null ? void 0 : i.filter((_) => _.selected).map((_) => _.label), h = i == null ? void 0 : i.filter((_) => _.selected).map((_) => _.id);
let x = /* @__PURE__ */ n.jsx("span", { children: l });
return u && u.length === (i == null ? void 0 : i.length) ? x = /* @__PURE__ */ n.jsx("span", { children: "All items selected" }) : u && u.length === 1 ? x = /* @__PURE__ */ n.jsx("span", { children: u[0] }) : u && u.length > 1 && (x = /* @__PURE__ */ n.jsx("span", { children: `${u.length} items selected` })), /* @__PURE__ */ n.jsxs(
"button",
{
type: "button",
name: o,
value: h,
role: "combobox",
"aria-haspopup": "listbox",
"aria-expanded": e,
"aria-controls": s,
id: r,
onClick: t,
disabled: c,
"aria-required": a,
className: lt.combobox,
children: [
x,
e ? /* @__PURE__ */ n.jsx(Ie, {}) : /* @__PURE__ */ n.jsx(Me, {})
]
}
);
}, Fn = ({ value: e, onSelect: t }) => {
const { id: r, label: s, selected: o } = e, l = j([ce.option, ce.option__multi, { [ce.option__selected]: o }]), c = (a) => (i) => {
switch (i.key) {
case " ":
case "SpaceBar":
case "Enter":
i.preventDefault(), t(a);
break;
}
};
return /* @__PURE__ */ n.jsxs(
"li",
{
id: r,
role: "option",
"aria-selected": o,
tabIndex: 0,
onKeyDown: c(r),
onClick: () => t(r),
className: l,
children: [
o ? /* @__PURE__ */ n.jsx(je, {}) : /* @__PURE__ */ n.jsx(we, {}),
/* @__PURE__ */ n.jsx("span", { children: s })
]
}
);
}, Yn = ({ options: e, opened: t, onClose: r, onSelect: s, dropdownId: o }) => {
const l = j([me.dropdown, { [me.dropdown__opened]: t }]);
return /* @__PURE__ */ n.jsx(
"ul",
{
role: "listbox",
id: o,
tabIndex: -1,
onKeyDown: (c) => st({ e: c, options: e, onClose: r }),
className: l,
children: e.map((c) => /* @__PURE__ */ n.jsx(Fn, { value: c, onSelect: () => s(c.id) }, c.id))
}
);
};
function Kn({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 48, d: "M328 112L184 256l144 144" })
] });
}
function Jn({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 470 1000", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M452 656c12 12 18 26.333 18 43s-6 31-18 43c-12 10.667-26.333 16-43 16s-31-5.333-43-16L234 590 102 742c-12 10.667-26.333 16-43 16s-31-5.333-43-16C5.333 730 0 715.667 0 699s5.333-31 16-43l138-156L16 342C5.333 330 0 315.667 0 299s5.333-31 16-43c12-10.667 26.333-16 43-16s31 5.333 43 16l132 152 132-152c12-10.667 26.333-16 43-16s31 5.333 43 16c12 12 18 26.333 18 43s-6 31-18 43L314 500l138 156" })
] });
}
function Xn({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx(
"path",
{
fillRule: "evenodd",
d: "M1.553 6.776a.5.5 0 01.67-.223L8 9.44l5.776-2.888a.5.5 0 11.448.894l-6 3a.5.5 0 01-.448 0l-6-3a.5.5 0 01-.223-.67z"
}
)
] });
}
function Qn({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx(
"path",
{
fillRule: "evenodd",
d: "M9.224 1.553a.5.5 0 01.223.67L6.56 8l2.888 5.776a.5.5 0 11-.894.448l-3-6a.5.5 0 010-.448l3-6a.5.5 0 01.67-.223z"
}
)
] });
}
function Zn({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx(
"path",
{
fillRule: "evenodd",
d: "M6.776 1.553a.5.5 0 01.671.223l3 6a.5.5 0 010 .448l-3 6a.5.5 0 11-.894-.448L9.44 8 6.553 2.224a.5.5 0 01.223-.671z"
}
)
] });
}
function er({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { fillRule: "evenodd", d: "M7.776 5.553a.5.5 0 01.448 0l6 3a.5.5 0 11-.448.894L8 6.56 2.224 9.447a.5.5 0 11-.448-.894l6-3z" })
] });
}
function tr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("style", {}) }),
/* @__PURE__ */ n.jsx("path", { d: "M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6c-.3 1.5-.4 3-.4 4.4 0 14.4 11.6 26 26 26h723c1.5 0 3-.1 4.4-.4 14.2-2.4 23.7-15.9 21.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z" })
] });
}
function nr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
viewBox: "0 0 24 24",
height: "1em",
width: "1em",
...t,
children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M11 9 H20 A2 2 0 0 1 22 11 V20 A2 2 0 0 1 20 22 H11 A2 2 0 0 1 9 20 V11 A2 2 0 0 1 11 9 z" }),
/* @__PURE__ */ n.jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
]
}
);
}
function rr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
viewBox: "0 0 24 24",
height: "1em",
width: "1em",
role: "img",
...t,
children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { stroke: "none", d: "M0 0h24v24H0z" }),
/* @__PURE__ */ n.jsx("path", { d: "M10 17 A3 3 0 0 1 7 20 A3 3 0 0 1 4 17 A3 3 0 0 1 10 17 z" }),
/* @__PURE__ */ n.jsx("path", { d: "M20 17 A3 3 0 0 1 17 20 A3 3 0 0 1 14 17 A3 3 0 0 1 20 17 z" }),
/* @__PURE__ */ n.jsx("path", { d: "M9.15 14.85L18 4M6 4l8.85 10.85" })
]
}
);
}
function sr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })
] });
}
function or({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })
] });
}
function cr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }),
/* @__PURE__ */ n.jsx("path", { d: "M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z" })
] });
}
function lr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 48, d: "M184 112l144 144-144 144" })
] });
}
const ar = ({ title: e, ...t }) => /* @__PURE__ */ n.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 448 512", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M219.3.5c3.1-.6 6.3-.6 9.4 0l200 40C439.9 42.7 448 52.6 448 64s-8.1 21.3-19.3 23.5L352 102.9V160c0 70.7-57.3 128-128 128S96 230.7 96 160v-57.1l-48-9.6v65.1l15.7 78.4c.9 4.7-.3 9.6-3.3 13.3S52.8 256 48 256H16c-4.8 0-9.3-2.1-12.4-5.9s-4.3-8.6-3.3-13.3L16 158.4V86.6C6.5 83.3 0 74.3 0 64c0-11.4 8.1-21.3 19.3-23.5l200-40zM111.9 327.7c10.5-3.4 21.8.4 29.4 8.5l71 75.5c6.3 6.7 17 6.7 23.3 0l71-75.5c7.6-8.1 18.9-11.9 29.4-8.5 65 20.9 112 81.7 112 153.6 0 17-13.8 30.7-30.7 30.7H30.7C13.8 512 0 498.2 0 481.3c0-71.9 47-132.7 111.9-153.6z" })
] });
function ir({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z" })
] });
}
function dr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.642 8.642 0 011.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a.994.994 0 000 .633C2.073 12.383 4.367 19 12 19zm0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a.994.994 0 000-.633C21.927 11.617 19.633 5 12 5zm4.972 10.558l-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.26 9.26 0 0112 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558z" })
] });
}
const ur = ({ title: e, ...t }) => /* @__PURE__ */ n.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 1024 1024", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M946.5 505 560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z" })
] });
function hr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }),
/* @__PURE__ */ n.jsx("path", { d: "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" })
] });
}
const _r = ({ title: e, ...t }) => /* @__PURE__ */ n.jsxs("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 1024 1024", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 0 1 520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 0 1 270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 0 1 0 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z" })
] });
function xr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { d: "M20 11V5c0-1.103-.897-2-2-2h-3a1 1 0 00-1-1H8a1 1 0 00-1 1H4c-1.103 0-2 .897-2 2v13c0 1.103.897 2 2 2h7c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-7c0-1.103-.897-2-2-2zm-9 2v5H4V5h3v2h8V5h3v6h-5c-1.103 0-2 .897-2 2zm2 7v-7h7l.001 7H13z" })
] });
}
function fr({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx("path", { fill: "none", stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 32, d: "M256 80a176 176 0 10176 176A176 176 0 00256 80z" }),
/* @__PURE__ */ n.jsx(
"path",
{
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeMiterlimit: 10,
strokeWidth: 28,
d: "M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296"
}
),
/* @__PURE__ */ n.jsx("path", { d: "M270 348 A20 20 0 0 1 250 368 A20 20 0 0 1 230 348 A20 20 0 0 1 270 348 z" })
] });
}
function br({ title: e, ...t }) {
return /* @__PURE__ */ n.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...t, children: [
e && /* @__PURE__ */ n.jsx("title", { children: e }),
/* @__PURE__ */ n.jsx(
"path",
{
fill: "none",
stroke: "currentColor",
strokeLinejoin: "round",
strokeWidth: 32,
d: "M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z"
}
),
/* @__PURE__ */ n.jsx(
"path",
{
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 32,
d: "M336.67 192.33L206.66 322.34M336.67 322.34L206