@abyss-project/commons-front-core 13.3.0 → 15.0.0

package/dist/Tabs-C1qcQ2i5.js

@@ -1,2335 +0,0 @@
-import { jsx as i, jsxs as v, Fragment as ne } from "react/jsx-runtime";
-import { useId as E, useRef as j, useState as I, cloneElement as St, useMemo as ye, useCallback as Q, useEffect as G, forwardRef as It, createContext as Be, useContext as Ne, useLayoutEffect as _e } from "react";
-import { alpha as Tt, styled as a, useTheme as Ve, getContrastRatio as $e } from "@mui/material/styles";
-import ce from "@mui/material/FormControl";
-import de from "@mui/material/FormHelperText";
-import je from "@mui/material/InputLabel";
-import Fe from "@mui/material/MenuItem";
-import $t from "@mui/material/Select";
-import { visuallyHidden as Ft } from "@mui/utils";
-import { useIntl as z } from "react-intl";
-import { b as Me, S as Mt, f as M, i as Rt, a as Wt, r as Ot, u as At, A as Et, E as zt } from "./AbyssCloud-D_AbU9k7.js";
-import Ge from "@mui/material/ButtonBase";
-import ve from "@mui/material/OutlinedInput";
-import Dt from "@mui/material/InputAdornment";
-import Z from "@mui/material/Button";
-import { byteSizeIEC as Lt } from "@abyss-project/main";
-import Pt from "@mui/icons-material/FileUploadOutlined";
-import Ht, { autocompleteClasses as Re } from "@mui/material/Autocomplete";
-import We from "@mui/material/CircularProgress";
-import ee from "@mui/material/IconButton";
-import Oe from "@mui/material/Tooltip";
-import Ae from "@mui/icons-material/CloudOutlined";
-import Bt from "@mui/icons-material/CloudOffOutlined";
-import Nt from "@mui/icons-material/FileDownloadOutlined";
-import Ue from "@mui/icons-material/FolderOpenOutlined";
-import _t from "@mui/icons-material/OpenInNewRounded";
-import Vt from "@mui/icons-material/RefreshRounded";
-import jt from "@mui/material/FormLabel";
-import { isMuiElement as Gt } from "@mui/material/utils";
-import Ut from "@mui/icons-material/CheckCircleOutline";
-import ue from "@mui/icons-material/Close";
-import qt from "@mui/icons-material/ErrorOutline";
-import Kt from "@mui/icons-material/InfoOutlined";
-import Yt from "@mui/icons-material/WarningAmber";
-import Xt from "@mui/material/Checkbox";
-import Qt from "@mui/icons-material/DescriptionOutlined";
-import Zt from "@mui/icons-material/FolderOutlined";
-import Jt from "@mui/icons-material/ChevronRightRounded";
-import en from "@mui/material/Popover";
-import tn from "@mui/material/Alert";
-import nn from "@mui/material/TextField";
-import on from "@mui/material/Dialog";
-import Ee from "@mui/material/useMediaQuery";
-import rn from "@mui/material/Modal";
-import sn from "@mui/material/Slide";
-import { Link as an } from "react-router-dom";
-var $ = /* @__PURE__ */ ((e) => (e.Mobile = "mobile", e.Tablet = "tablet", e.Desktop = "desktop", e))($ || {});
-const qe = {
-  tablet: Me.md,
-  desktop: Me.lg
-}, ln = 0.05, fe = (e) => `(min-width:${qe[e]}px)`, me = (e) => `(max-width:${qe[e] - ln}px)`, B = {
-  /** From the start of `tier` up. */
-  up: (e) => `@media ${fe(e)}`,
-  /** Below the start of `tier`. */
-  down: (e) => `@media ${me(e)}`,
-  /** The widths of `tier` only. */
-  only: (e) => {
-    switch (e) {
-      case "mobile":
-        return `@media ${me(
-          "tablet"
-          /* Tablet */
-        )}`;
-      case "tablet":
-        return `@media ${fe(
-          "tablet"
-          /* Tablet */
-        )} and ${me(
-          "desktop"
-          /* Desktop */
-        )}`;
-      case "desktop":
-        return `@media ${fe(
-          "desktop"
-          /* Desktop */
-        )}`;
-    }
-  }
-}, o = (e) => `${e}px`, R = (e) => `1px solid ${e}`, ge = (e) => Tt(e, Mt), te = (e) => ({
-  outline: `2px solid ${e.design.tokens["focus.ring"]}`,
-  outlineOffset: "2px"
-}), Zr = (e, t) => t === "small" ? e.design.densityValues.compact.control : e.design.densityValues[e.design.density].control, Jr = (e) => e.design.densityValues[e.design.density].row, Ke = (e) => ({
-  [B.down($.Tablet)]: {
-    minHeight: o(e.design.densityValues.touchTarget)
-  }
-}), Ye = (e) => ({
-  [B.down($.Tablet)]: {
-    minWidth: o(e.design.densityValues.touchTarget),
-    minHeight: o(e.design.densityValues.touchTarget)
-  }
-}), oe = (e, t, n = "fast") => t.map(
-  (r) => `${r} ${e.design.durations[n]}ms ${e.design.easings.standard}`
-).join(", "), Xe = () => {
-  const e = Ee(B.up($.Desktop), {
-    noSsr: !0
-  }), t = Ee(B.down($.Tablet), {
-    noSsr: !0
-  });
-  return e ? $.Desktop : t ? $.Mobile : $.Tablet;
-};
-var J = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(J || {});
-const se = (e, t) => `calc(${o(t)} + env(safe-area-inset-${e}))`, dn = 0.3, cn = a("div")({
-  position: "absolute",
-  left: 0,
-  right: 0,
-  bottom: 0,
-  maxHeight: "100%",
-  display: "flex",
-  outline: "none"
-}), un = a("div")(({ theme: e }) => {
-  const { tokens: t, radii: n, space: r, elevations: s, fonts: c } = e.design;
-  return {
-    flex: "1 1 auto",
-    minWidth: 0,
-    maxHeight: `calc(100vh - ${se(J.Top, r[8])})`,
-    display: "flex",
-    flexDirection: "column",
-    gap: o(r[3]),
-    paddingTop: o(r[2]),
-    paddingBottom: se(J.Bottom, r[6]),
-    paddingLeft: se(J.Left, r[4]),
-    paddingRight: se(J.Right, r[4]),
-    backgroundColor: t["bg.surface"],
-    color: t["text.primary"],
-    fontFamily: c.sans,
-    borderTop: R(t["border.strong"]),
-    borderTopLeftRadius: o(n.lg),
-    borderTopRightRadius: o(n.lg),
-    boxShadow: s.modal,
-    outline: "none",
-    position: "relative"
-  };
-}), gn = a(ee)(({ theme: e }) => ({
-  position: "absolute",
-  top: o(e.design.space[1]),
-  right: se(J.Right, e.design.space[2]),
-  ...Ye(e)
-})), pn = a("div")(({ theme: e }) => {
-  const { space: t, densityValues: n } = e.design;
-  return {
-    flex: "none",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: o(t[2]),
-    minHeight: o(n.touchTarget / 2),
-    touchAction: "none",
-    cursor: "grab"
-  };
-}), fn = a("span")(({ theme: e }) => {
-  const { tokens: t, radii: n, space: r } = e.design;
-  return {
-    width: o(r[8]),
-    height: o(r[1]),
-    borderRadius: o(n.sm),
-    backgroundColor: t["border.strong"]
-  };
-}), mn = a("h2", {
-  shouldForwardProp: (e) => e !== "besideClose"
-})(({ theme: e, besideClose: t }) => {
-  const { typeScale: n, densityValues: r, space: s } = e.design;
-  return {
-    alignSelf: "stretch",
-    margin: 0,
-    // Clear of the close button in the corner.
-    paddingRight: t ? o(r.touchTarget + s[2]) : void 0,
-    fontSize: o(n.sectionTitle),
-    fontWeight: M.semibold,
-    overflowWrap: "anywhere"
-  };
-}), hn = a("div")({
-  flex: "1 1 auto",
-  minHeight: 0,
-  overflowY: "auto",
-  overscrollBehavior: "contain"
-});
-function Qe({
-  open: e,
-  onClose: t,
-  title: n,
-  closeLabel: r,
-  children: s
-}) {
-  const c = Ve(), l = z(), d = E(), g = j(null), m = j(null), [p, h] = I(0), [y, b] = I(!1), f = (C) => {
-    C.currentTarget.setPointerCapture(C.pointerId), m.current = C.clientY, b(!0);
-  }, u = (C) => {
-    m.current !== null && h(Math.max(0, C.clientY - m.current));
-  }, x = (C) => {
-    var D;
-    if (m.current === null)
-      return;
-    const P = Math.max(0, C.clientY - m.current), F = ((D = g.current) == null ? void 0 : D.getBoundingClientRect().height) ?? 0;
-    m.current = null, b(!1), h(0), F > 0 && P >= F * dn && t();
-  }, k = () => {
-    m.current = null, b(!1), h(0);
-  };
-  return /* @__PURE__ */ i(rn, { open: e, onClose: () => t(), children: /* @__PURE__ */ i(
-    sn,
-    {
-      in: e,
-      direction: "up",
-      timeout: c.design.durations.slow,
-      easing: c.design.easings.sheet,
-      children: /* @__PURE__ */ i(cn, { children: /* @__PURE__ */ v(
-        un,
-        {
-          ref: g,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": n ? d : void 0,
-          "aria-label": n ? void 0 : l.formatMessage({ id: "ds.mobile.bottom-sheet.label" }),
-          tabIndex: -1,
-          style: {
-            transform: `translateY(${o(p)})`,
-            transition: y ? "none" : `transform ${c.design.durations.base}ms ${c.design.easings.sheet}`
-          },
-          children: [
-            /* @__PURE__ */ v(
-              pn,
-              {
-                "data-testid": "bottom-sheet-drag-zone",
-                onPointerDown: f,
-                onPointerMove: u,
-                onPointerUp: x,
-                onPointerCancel: k,
-                children: [
-                  /* @__PURE__ */ i(fn, { "aria-hidden": "true" }),
-                  n ? /* @__PURE__ */ i(mn, { id: d, besideClose: r !== void 0, children: n }) : null
-                ]
-              }
-            ),
-            r !== void 0 && /* @__PURE__ */ i(gn, { "aria-label": r, onClick: () => t(), children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 }) }),
-            /* @__PURE__ */ i(hn, { children: s })
-          ]
-        }
-      ) })
-    }
-  ) });
-}
-var xe = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e))(xe || {});
-const bn = a(on)(({ theme: e }) => {
-  const { tokens: t, fonts: n, space: r } = e.design;
-  return {
-    "& .MuiDialog-paper": {
-      margin: o(r[4]),
-      maxHeight: `calc(100% - ${o(r[7])})`,
-      backgroundColor: t["bg.surface"],
-      color: t["text.primary"],
-      fontFamily: n.sans,
-      overflow: "hidden"
-    },
-    "& .MuiDialog-paperFullWidth": {
-      width: `calc(100% - ${o(r[7])})`
-    }
-  };
-}), yn = a("div")(({ theme: e }) => {
-  const { tokens: t, space: n } = e.design;
-  return {
-    flex: "none",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-    gap: o(n[4]),
-    padding: `${o(n[4])} ${o(n[5])}`,
-    borderBottom: R(t["border.subtle"])
-  };
-}), vn = a("div")({ minWidth: 0 }), xn = a("h2")(({ theme: e }) => ({
-  margin: 0,
-  fontSize: o(e.design.typeScale.sectionTitle),
-  fontWeight: M.semibold,
-  overflowWrap: "anywhere"
-})), wn = a("p")(({ theme: e }) => {
-  const { tokens: t, space: n, typeScale: r } = e.design;
-  return {
-    margin: `${o(n[1])} 0 0`,
-    color: t["text.muted"],
-    fontSize: o(r.body),
-    overflowWrap: "anywhere"
-  };
-}), kn = a("div")(({ theme: e }) => ({
-  flex: "1 1 auto",
-  minHeight: 0,
-  overflowY: "auto",
-  padding: o(e.design.space[5]),
-  fontSize: o(e.design.typeScale.body)
-})), Cn = a("div")(({ theme: e }) => {
-  const { tokens: t, space: n } = e.design;
-  return {
-    flex: "none",
-    display: "flex",
-    flexWrap: "wrap",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: o(n[3]),
-    padding: `${o(n[3])} ${o(n[5])}`,
-    borderTop: R(t["border.subtle"])
-  };
-}), Sn = a("p")(({ theme: e }) => ({
-  margin: `0 0 ${o(e.design.space[3])}`,
-  color: e.design.tokens["text.muted"],
-  fontSize: o(e.design.typeScale.bodyMobile),
-  overflowWrap: "anywhere"
-})), In = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: o(e.design.space[2]),
-  marginTop: o(e.design.space[4]),
-  "& > *": { flex: "1 1 0" }
-}));
-function Ze({
-  open: e,
-  onClose: t,
-  title: n,
-  description: r,
-  size: s = "md",
-  actions: c,
-  children: l
-}) {
-  const d = z(), g = Xe() === $.Mobile, m = E(), p = E();
-  return g ? /* @__PURE__ */ v(
-    Qe,
-    {
-      open: e,
-      onClose: t,
-      title: n,
-      closeLabel: d.formatMessage({ id: "ds.layers.modal.close" }),
-      children: [
-        r !== void 0 && /* @__PURE__ */ i(Sn, { children: r }),
-        l,
-        c !== void 0 && /* @__PURE__ */ i(In, { children: c })
-      ]
-    }
-  ) : /* @__PURE__ */ v(
-    bn,
-    {
-      open: e,
-      onClose: () => t(),
-      maxWidth: s,
-      fullWidth: !0,
-      "aria-labelledby": m,
-      "aria-describedby": r !== void 0 ? p : void 0,
-      children: [
-        /* @__PURE__ */ v(yn, { children: [
-          /* @__PURE__ */ v(vn, { children: [
-            /* @__PURE__ */ i(xn, { id: m, children: n }),
-            r !== void 0 && /* @__PURE__ */ i(wn, { id: p, children: r })
-          ] }),
-          /* @__PURE__ */ i(
-            ee,
-            {
-              "aria-label": d.formatMessage({ id: "ds.layers.modal.close" }),
-              onClick: t,
-              children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i(kn, { children: l }),
-        c !== void 0 && /* @__PURE__ */ i(Cn, { children: c })
-      ]
-    }
-  );
-}
-const Tn = a(jt)(({ theme: e }) => ({
-  display: "block",
-  maxWidth: "100%",
-  marginBottom: o(e.design.space[2]),
-  fontSize: o(e.design.typeScale.small),
-  fontWeight: M.medium,
-  lineHeight: e.typography.caption.lineHeight,
-  color: e.design.tokens["text.secondary"],
-  "&.Mui-focused": { color: e.design.tokens["text.secondary"] },
-  "&.Mui-error": { color: e.design.tokens["status.danger"] },
-  "&.Mui-disabled": { color: e.design.tokens["text.muted"] }
-}));
-function Je({
-  label: e,
-  help: t,
-  error: n,
-  required: r = !1,
-  children: s
-}) {
-  const c = E(), l = s.props.id ?? c, d = `${l}-label`, g = t !== void 0 ? `${l}-help` : void 0, m = n !== void 0 ? `${l}-error` : void 0, p = [s.props["aria-describedby"], g, m].filter((y) => y !== void 0 && y !== "").join(" ") || void 0, h = St(s, {
-    id: l,
-    "aria-describedby": p,
-    ...Gt(s, ["Select"]) && { labelId: d }
-  });
-  return /* @__PURE__ */ v(ce, { fullWidth: !0, error: n !== void 0, required: r, children: [
-    /* @__PURE__ */ i(Tn, { id: d, htmlFor: l, children: e }),
-    h,
-    t !== void 0 && /* @__PURE__ */ i(de, { id: g, error: !1, children: t }),
-    n !== void 0 && /* @__PURE__ */ i(de, { id: m, children: n })
-  ] });
-}
-var et = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Danger = "danger", e))(et || {});
-const tt = {
-  info: { solid: "status.info", soft: "status.info.soft" },
-  success: {
-    solid: "status.success",
-    soft: "status.success.soft"
-  },
-  warning: {
-    solid: "status.warning",
-    soft: "status.warning.soft"
-  },
-  danger: {
-    solid: "status.danger",
-    soft: "status.danger.soft"
-  }
-}, $n = {
-  info: Kt,
-  success: Ut,
-  warning: Yt,
-  danger: qt
-}, Fn = a("div", {
-  shouldForwardProp: (e) => e !== "severity"
-})(({ theme: e, severity: t }) => {
-  const { tokens: n, space: r, radii: s, fonts: c, typeScale: l } = e.design, { solid: d, soft: g } = tt[t];
-  return {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: o(r[3]),
-    minWidth: 0,
-    boxSizing: "border-box",
-    padding: `${o(r[3])} ${o(r[3])} ${o(r[3])} ${o(r[4])}`,
-    backgroundColor: n[g],
-    border: R(n[d]),
-    borderRadius: o(s.md),
-    color: n["text.primary"],
-    fontFamily: c.sans,
-    fontSize: o(l.body)
-  };
-}), Mn = a("span", {
-  shouldForwardProp: (e) => e !== "severity"
-})(({ theme: e, severity: t }) => {
-  const { tokens: n, space: r } = e.design;
-  return {
-    display: "inline-flex",
-    flex: "none",
-    // Centered on the first line of text.
-    paddingTop: o(r[1] / 2),
-    color: n[tt[t].solid],
-    "& svg": {
-      width: o(r[4] + r[1]),
-      height: o(r[4] + r[1])
-    }
-  };
-}), Rn = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flex: "1 1 auto",
-  flexWrap: "wrap",
-  alignItems: "center",
-  columnGap: o(e.design.space[4]),
-  rowGap: o(e.design.space[2]),
-  minWidth: 0,
-  [B.down($.Tablet)]: {
-    flexDirection: "column",
-    alignItems: "flex-start"
-  }
-})), Wn = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: o(e.design.space[1]),
-  flex: "1 1 auto",
-  minWidth: 0,
-  paddingTop: o(e.design.space[1] / 2),
-  lineHeight: e.typography.body2.lineHeight,
-  overflowWrap: "anywhere"
-})), On = a("strong")({
-  display: "block",
-  fontWeight: M.semibold
-}), An = a("div")({
-  display: "flex",
-  flex: "none",
-  alignItems: "center"
-}), En = a(ee)(({ theme: e }) => Ye(e));
-function zn({
-  severity: e,
-  title: t,
-  children: n,
-  action: r,
-  onClose: s,
-  icon: c
-}) {
-  const l = z(), d = E(), g = $n[e];
-  return /* @__PURE__ */ v(
-    Fn,
-    {
-      severity: e,
-      role: e === "danger" ? "alert" : "status",
-      "aria-labelledby": t !== void 0 ? d : void 0,
-      "data-severity": e,
-      children: [
-        /* @__PURE__ */ i(Mn, { severity: e, "aria-hidden": !0, children: c ?? /* @__PURE__ */ i(g, {}) }),
-        /* @__PURE__ */ v(Rn, { children: [
-          /* @__PURE__ */ v(Wn, { children: [
-            t !== void 0 && /* @__PURE__ */ i(On, { id: d, children: t }),
-            /* @__PURE__ */ i("div", { children: n })
-          ] }),
-          r !== void 0 && /* @__PURE__ */ i(An, { children: r })
-        ] }),
-        s !== void 0 && /* @__PURE__ */ i(
-          En,
-          {
-            size: "small",
-            "aria-label": l.formatMessage({ id: "ds.states.callout.close" }),
-            onClick: s,
-            children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 })
-          }
-        )
-      ]
-    }
-  );
-}
-const X = (e) => e.id ?? e.name, nt = (e, t, n) => (t === void 0 || e.sizeOctet <= t) && Rt(e, n), ot = (e, t, n) => [
-  ...(e.childFile ?? []).filter(
-    (r) => nt(r, t, n)
-  ),
-  ...(e.childFolder ?? []).flatMap(
-    (r) => ot(r, t, n)
-  )
-], he = a("div", {
-  shouldForwardProp: (e) => e !== "selected"
-})(({ theme: e, selected: t }) => {
-  const { tokens: n, space: r, radii: s, densityValues: c, density: l, typeScale: d } = e.design;
-  return {
-    display: "flex",
-    alignItems: "center",
-    gap: o(r[1]),
-    minHeight: o(c[l].control),
-    borderRadius: o(s.md),
-    backgroundColor: t ? ge(n.accent) : "transparent",
-    fontSize: o(d.body),
-    color: n["text.primary"],
-    ...Ke(e)
-  };
-}), rt = (e) => {
-  const { tokens: t, space: n, radii: r, fonts: s } = e.design;
-  return {
-    flex: "1 1 auto",
-    minWidth: 0,
-    display: "flex",
-    alignItems: "center",
-    gap: o(n[2]),
-    alignSelf: "stretch",
-    margin: 0,
-    padding: `0 ${o(n[2])}`,
-    border: "none",
-    borderRadius: o(r.md),
-    background: "none",
-    color: "inherit",
-    font: "inherit",
-    fontFamily: s.sans,
-    textAlign: "left",
-    cursor: "pointer",
-    transition: oe(e, ["background-color"]),
-    "&:hover": { backgroundColor: t["bg.hover"] },
-    "&:focus-visible": te(e)
-  };
-}, it = a("button")(({ theme: e }) => rt(e)), Dn = a("label")(({ theme: e }) => rt(e)), st = a("span", {
-  shouldForwardProp: (e) => e !== "strong"
-})(({ strong: e }) => ({
-  flex: "1 1 auto",
-  minWidth: 0,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  fontWeight: e ? M.medium : M.regular
-})), at = a("span")(({ theme: e }) => {
-  const { tokens: t, space: n, radii: r } = e.design;
-  return {
-    display: "inline-flex",
-    flex: "none",
-    alignItems: "center",
-    justifyContent: "center",
-    width: o(n[5]),
-    height: o(n[5]),
-    overflow: "hidden",
-    borderRadius: o(r.sm),
-    color: t["text.muted"],
-    "& svg": { width: o(n[5]), height: o(n[5]) },
-    "& img": { width: "100%", height: "100%", objectFit: "cover" }
-  };
-}), Ln = a(Jt, {
-  shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => ({
-  flex: "none",
-  width: o(e.design.space[4]),
-  height: o(e.design.space[4]),
-  color: e.design.tokens["text.muted"],
-  transform: t ? "rotate(90deg)" : "none",
-  transition: oe(e, ["transform"])
-})), lt = a(Xt)(({ theme: e }) => ({
-  [B.down($.Tablet)]: {
-    padding: o(
-      (e.design.densityValues.touchTarget - e.design.space[5]) / 2
-    )
-  }
-})), Pn = a("ul")(({ theme: e }) => ({
-  margin: 0,
-  padding: 0,
-  listStyle: "none",
-  borderLeft: R(e.design.tokens["border.subtle"]),
-  marginLeft: o(e.design.space[3])
-})), ze = a("li")({ listStyle: "none" });
-function dt({
-  folders: e,
-  files: t,
-  context: n
-}) {
-  return /* @__PURE__ */ v(ne, { children: [
-    e.map((r) => /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Nn, { folder: r, context: n }) }, r.id ?? r.name)),
-    t.filter((r) => nt(r, n.maxSize, n.accept)).map((r) => /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Bn, { file: r, context: n }) }, X(r)))
-  ] });
-}
-function Hn({
-  file: e,
-  getFileThumbnailUrl: t
-}) {
-  const [n, r] = I(!1), s = e.thumbnailPublicAccessId !== null && !e.isEncrypt && !n ? t(e.thumbnailPublicAccessId) : null;
-  return /* @__PURE__ */ i(at, { "aria-hidden": !0, children: s !== null ? /* @__PURE__ */ i(
-    "img",
-    {
-      src: s,
-      alt: "",
-      draggable: !1,
-      onError: () => r(!0)
-    }
-  ) : /* @__PURE__ */ i(Qt, {}) });
-}
-function Bn({
-  file: e,
-  context: t
-}) {
-  const n = E(), r = t.selectedIds.has(X(e)), s = () => r ? t.unselect([e]) : t.select([e]), c = /* @__PURE__ */ v(ne, { children: [
-    /* @__PURE__ */ i(
-      Hn,
-      {
-        file: e,
-        getFileThumbnailUrl: t.getFileThumbnailUrl
-      }
-    ),
-    /* @__PURE__ */ i(st, { strong: r, title: e.name, children: e.name })
-  ] });
-  return t.multiple ? /* @__PURE__ */ v(he, { selected: r, children: [
-    /* @__PURE__ */ i(
-      lt,
-      {
-        id: n,
-        size: "small",
-        checked: r,
-        onChange: s
-      }
-    ),
-    /* @__PURE__ */ i(Dn, { htmlFor: n, children: c })
-  ] }) : /* @__PURE__ */ i(he, { selected: r, children: /* @__PURE__ */ i(it, { type: "button", "aria-pressed": r, onClick: s, children: c }) });
-}
-function Nn({
-  folder: e,
-  context: t
-}) {
-  const n = z(), r = E(), [s, c] = I(!1), l = ot(e, t.maxSize, t.accept), d = l.filter(
-    (m) => t.selectedIds.has(X(m))
-  ).length, g = l.length > 0 && d === l.length;
-  return /* @__PURE__ */ v(ne, { children: [
-    /* @__PURE__ */ v(he, { selected: g, children: [
-      t.multiple && /* @__PURE__ */ i(
-        lt,
-        {
-          size: "small",
-          checked: g,
-          indeterminate: d > 0 && !g,
-          disabled: l.length === 0,
-          onChange: () => g ? t.unselect(l) : t.select(l),
-          inputProps: {
-            "aria-label": n.formatMessage(
-              { id: "ds.business.cloud-import.select-folder" },
-              { name: e.name }
-            )
-          }
-        }
-      ),
-      /* @__PURE__ */ v(
-        it,
-        {
-          type: "button",
-          "aria-expanded": s,
-          "aria-controls": s ? r : void 0,
-          onClick: () => c(!s),
-          children: [
-            /* @__PURE__ */ i(Ln, { open: s, "aria-hidden": !0 }),
-            /* @__PURE__ */ i(at, { "aria-hidden": !0, children: s ? /* @__PURE__ */ i(Ue, {}) : /* @__PURE__ */ i(Zt, {}) }),
-            /* @__PURE__ */ i(st, { strong: g, title: e.name, children: e.name })
-          ]
-        }
-      )
-    ] }),
-    s && /* @__PURE__ */ i(Pn, { id: r, children: /* @__PURE__ */ i(
-      dt,
-      {
-        folders: e.childFolder ?? [],
-        files: e.childFile ?? [],
-        context: t
-      }
-    ) })
-  ] });
-}
-const De = "shared", Le = {
-  "org-common": 0,
-  "perso-in-org": 1,
-  project: 2,
-  personal: 3
-}, _n = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: o(e.design.space[3]),
-  minWidth: 0
-})), Vn = a("div")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "flex-end",
-  gap: o(e.design.space[2]),
-  minWidth: 0,
-  // The Space field takes the room the two icon buttons leave.
-  [`& > .${Re.root}`]: { flex: "1 1 auto", minWidth: 0 },
-  [`& > :not(.${Re.root})`]: { flex: "none" }
-})), jn = a("p")(({ theme: e }) => ({
-  margin: 0,
-  fontSize: o(e.design.typeScale.small),
-  color: e.design.tokens["text.muted"]
-})), Gn = a("ul")(({ theme: e }) => {
-  const { tokens: t, space: n, radii: r } = e.design;
-  return {
-    margin: 0,
-    padding: o(n[1]),
-    listStyle: "none",
-    minHeight: o(n[10] * 3),
-    border: R(t["border.subtle"]),
-    borderRadius: o(r.md)
-  };
-}), ie = a("div")(({ theme: e }) => {
-  const { tokens: t, space: n, typeScale: r } = e.design;
-  return {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: o(n[3]),
-    minHeight: o(n[10] * 3),
-    padding: o(n[5]),
-    textAlign: "center",
-    fontSize: o(r.body),
-    color: t["text.secondary"],
-    "& > svg": {
-      width: o(n[7]),
-      height: o(n[7]),
-      color: t["text.muted"]
-    }
-  };
-}), Un = a("span")(({ theme: e }) => {
-  const { tokens: t, space: n, radii: r } = e.design;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: o(n[9] + n[2]),
-    height: o(n[9] + n[2]),
-    borderRadius: o(r.lg),
-    backgroundColor: ge(t["status.warning"]),
-    color: t["status.warning"],
-    "& svg": { width: o(n[6]), height: o(n[6]) }
-  };
-}), qn = a("p")(({ theme: e }) => ({
-  margin: 0,
-  fontWeight: M.semibold,
-  color: e.design.tokens["text.primary"]
-})), Kn = a("p")({ margin: 0 }), Yn = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: o(e.design.space[3])
-})), Xn = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.body),
-  color: e.design.tokens["text.secondary"]
-})), Qn = a("li")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: o(e.design.space[2]),
-  ...Ke(e)
-})), Zn = a("span")({
-  display: "flex",
-  flexDirection: "column",
-  minWidth: 0
-}), Jn = a("span")({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}), eo = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.caption),
-  color: e.design.tokens["text.muted"],
-  // A narrow screen wraps it: the scope and the organization tell same-named Spaces apart.
-  overflowWrap: "anywhere"
-})), ct = a("span")(({ theme: e }) => {
-  const { tokens: t, space: n, radii: r } = e.design;
-  return {
-    display: "inline-flex",
-    flex: "none",
-    alignItems: "center",
-    justifyContent: "center",
-    minWidth: o(n[5]),
-    height: o(n[5]),
-    borderRadius: o(r.sm),
-    color: t["accent.text"],
-    "& > svg": { width: o(n[4]), height: o(n[4]) }
-  };
-}), to = a(ct)(({ theme: e }) => ({
-  marginRight: o(e.design.space[2])
-})), no = a("li")({ listStyle: "none" }), oo = a("div")(({ theme: e }) => {
-  const { space: t, tokens: n, typeScale: r } = e.design;
-  return {
-    padding: `${o(t[2])} ${o(t[3])} ${o(t[1])}`,
-    fontSize: o(r.caption),
-    fontWeight: M.semibold,
-    letterSpacing: "0.05em",
-    textTransform: "uppercase",
-    color: n["text.muted"]
-  };
-}), ro = a("ul")({ margin: 0, padding: 0 });
-function io({
-  cloudPicker: e,
-  onImport: t,
-  multiple: n = !1,
-  maxSize: r,
-  accept: s
-}) {
-  const {
-    abyssCloudUrl: c,
-    getFileThumbnailUrl: l,
-    getSpaceDisplay: d,
-    clouds: g,
-    cloudShares: m,
-    isLoading: p,
-    hasError: h,
-    refresh: y,
-    onCreateCloud: b,
-    fetchCloudRepository: f
-  } = e, u = z(), [x, k] = I(null), [C, P] = I(null), [F, D] = I(
-    "loading"
-    /* Loading */
-  ), [U, A] = I([]), [W, re] = I(!1), [ae, _] = I(!1), q = ye(() => {
-    const w = [], T = /* @__PURE__ */ new Map(), S = u.formatMessage({
-      id: "ds.business.cloud-import.section-organization"
-    });
-    for (const O of g ?? []) {
-      if (!O.organizationId) {
-        w.push(O);
-        continue;
-      }
-      const H = d == null ? void 0 : d(O), V = T.get(O.organizationId) ?? {
-        name: (H == null ? void 0 : H.organizationName) ?? S,
-        items: []
-      };
-      V.items.push(O), T.set(O.organizationId, V);
-    }
-    if (d)
-      for (const O of T.values())
-        O.items.sort((H, V) => {
-          const L = Le[d(H).scope ?? "personal"], Te = Le[d(V).scope ?? "personal"];
-          return L !== Te ? L - Te : d(H).label.localeCompare(d(V).label);
-        });
-    const N = (O, H) => (V) => {
-      const L = d == null ? void 0 : d(V);
-      return {
-        space: V,
-        sectionKey: O,
-        sectionLabel: H,
-        label: (L == null ? void 0 : L.label) ?? Ot(V, u),
-        subtitle: L == null ? void 0 : L.subtitle,
-        avatar: L == null ? void 0 : L.avatar
-      };
-    };
-    return [
-      ...w.map(
-        N(
-          "personal",
-          u.formatMessage({
-            id: "ds.business.cloud-import.section-personal"
-          })
-        )
-      ),
-      ...[...T].flatMap(
-        ([O, H]) => H.items.map(N(`org:${O}`, H.name))
-      ),
-      ...(m ?? []).map(
-        N(
-          De,
-          u.formatMessage({ id: "ds.business.cloud-import.section-shared" })
-        )
-      )
-    ];
-  }, [g, m, d, u]), K = q.find((w) => w.space.id === (x == null ? void 0 : x.id)) ?? null, pe = j(0), we = j(f);
-  we.current = f;
-  const le = Q(async (w) => {
-    const T = ++pe.current;
-    D(
-      "loading"
-      /* Loading */
-    ), A([]);
-    try {
-      if (w.id === void 0)
-        throw new Error("A Space without an id has no tree");
-      const S = await we.current(w.id);
-      T === pe.current && (P(S), D(
-        "ready"
-        /* Ready */
-      ));
-    } catch {
-      T === pe.current && D(
-        "failed"
-        /* Failed */
-      );
-    }
-  }, []), yt = j(y);
-  G(() => {
-    yt.current();
-  }, []), G(() => {
-    if (x && q.some((S) => S.space.id === x.id))
-      return;
-    const w = q.map((S) => S.space), T = w.find(
-      (S) => !!S.userId && !S.organizationId && !S.projectId
-    );
-    k(T ?? w[0] ?? null);
-  }, [q, x]), G(() => {
-    x && le(x);
-  }, [x, le]);
-  const vt = async () => {
-    if (_(!1), !await y()) {
-      _(!0);
-      return;
-    }
-    x && await le(x);
-  }, xt = async () => {
-    re(!0);
-    try {
-      await b();
-    } finally {
-      re(!1);
-    }
-  }, wt = {
-    multiple: n,
-    maxSize: r,
-    accept: s,
-    selectedIds: new Set(U.map(X)),
-    getFileThumbnailUrl: l,
-    select: (w) => A((T) => {
-      if (!n)
-        return w.slice(0, 1);
-      const S = new Set(T.map(X));
-      return [
-        ...T,
-        ...w.filter((N) => !S.has(X(N)))
-      ];
-    }),
-    unselect: (w) => {
-      const T = new Set(w.map(X));
-      A(
-        (S) => S.filter((N) => !T.has(X(N)))
-      );
-    }
-  }, kt = g !== null && m !== null, ke = /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(
-    We,
-    {
-      size: 32,
-      "aria-label": u.formatMessage({
-        id: "ds.business.cloud-import.loading"
-      })
-    }
-  ) });
-  if (!kt && (p || !h))
-    return ke;
-  if (q.length === 0)
-    return /* @__PURE__ */ v(ie, { children: [
-      /* @__PURE__ */ i(Un, { "aria-hidden": !0, children: /* @__PURE__ */ i(Bt, {}) }),
-      /* @__PURE__ */ i(qn, { children: u.formatMessage({
-        id: "ds.business.cloud-import.create-error.title"
-      }) }),
-      /* @__PURE__ */ i(Kn, { children: u.formatMessage({
-        id: "ds.business.cloud-import.create-error.description"
-      }) }),
-      /* @__PURE__ */ i(
-        Z,
-        {
-          variant: "contained",
-          startIcon: /* @__PURE__ */ i(Ae, { "aria-hidden": !0 }),
-          loading: W || p,
-          onClick: () => void xt(),
-          children: u.formatMessage({
-            id: "ds.business.cloud-import.create-error.create-button"
-          })
-        }
-      )
-    ] });
-  if (K === null)
-    return ke;
-  const Ct = Wt(
-    c,
-    K.space,
-    K.sectionKey === De
-  ), Ce = u.formatMessage({
-    id: "ds.business.cloud-import.refresh"
-  }), Se = u.formatMessage({
-    id: "ds.business.cloud-import.open-in-cloud"
-  }), Ie = (w) => w.avatar ?? /* @__PURE__ */ i(Ae, {});
-  return /* @__PURE__ */ v(_n, { children: [
-    ae && /* @__PURE__ */ i(
-      zn,
-      {
-        severity: et.Danger,
-        onClose: () => _(!1),
-        children: u.formatMessage({ id: "ds.business.cloud-import.refresh-error" })
-      }
-    ),
-    /* @__PURE__ */ v(Vn, { children: [
-      /* @__PURE__ */ i(
-        Ht,
-        {
-          fullWidth: !0,
-          disableClearable: !0,
-          options: q,
-          value: K,
-          groupBy: (w) => w.sectionLabel,
-          getOptionLabel: (w) => w.label,
-          isOptionEqualToValue: (w, T) => w.space.id === T.space.id,
-          onChange: (w, T) => k(T.space),
-          filterOptions: (w, { inputValue: T }) => {
-            const S = T.trim().toLowerCase();
-            return S === "" || S === K.label.toLowerCase() ? w : w.filter(
-              (N) => [N.label, N.subtitle ?? ""].some(
-                (O) => O.toLowerCase().includes(S)
-              )
-            );
-          },
-          renderGroup: (w) => /* @__PURE__ */ v(no, { children: [
-            /* @__PURE__ */ i(oo, { children: w.group }),
-            /* @__PURE__ */ i(ro, { children: w.children })
-          ] }, w.key),
-          renderOption: ({ key: w, ...T }, S) => /* @__PURE__ */ v(Qn, { ...T, children: [
-            /* @__PURE__ */ i(ct, { "aria-hidden": !0, children: Ie(S) }),
-            /* @__PURE__ */ v(Zn, { children: [
-              /* @__PURE__ */ i(Jn, { children: S.label }),
-              S.subtitle !== void 0 && /* @__PURE__ */ i(eo, { children: S.subtitle })
-            ] })
-          ] }, w),
-          renderInput: (w) => /* @__PURE__ */ i(
-            Je,
-            {
-              label: u.formatMessage({
-                id: "ds.business.cloud-import.space-label"
-              }),
-              children: /* @__PURE__ */ i(
-                ve,
-                {
-                  ...w.InputProps,
-                  id: w.id,
-                  fullWidth: !0,
-                  inputProps: w.inputProps,
-                  startAdornment: /* @__PURE__ */ i(to, { "aria-hidden": !0, children: Ie(K) })
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ i(Oe, { title: Ce, children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(
-        ee,
-        {
-          "aria-label": Ce,
-          disabled: F === "loading" || p,
-          onClick: () => void vt(),
-          children: /* @__PURE__ */ i(Vt, { "aria-hidden": !0 })
-        }
-      ) }) }),
-      /* @__PURE__ */ i(Oe, { title: Se, children: /* @__PURE__ */ i(
-        ee,
-        {
-          component: "a",
-          href: Ct,
-          target: "_blank",
-          rel: "noreferrer",
-          "aria-label": Se,
-          children: /* @__PURE__ */ i(_t, { "aria-hidden": !0 })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ i(jn, { children: u.formatMessage({ id: "ds.business.cloud-import.filtered-hint" }) }),
-    F === "loading" && /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(
-      We,
-      {
-        size: 24,
-        "aria-label": u.formatMessage({
-          id: "ds.business.cloud-import.tree-loading"
-        })
-      }
-    ) }),
-    F === "failed" && /* @__PURE__ */ v(ie, { role: "alert", children: [
-      u.formatMessage({ id: "ds.business.cloud-import.tree-error" }),
-      /* @__PURE__ */ i(
-        Z,
-        {
-          variant: "outlined",
-          onClick: () => void le(K.space),
-          children: u.formatMessage({ id: "ds.business.cloud-import.retry" })
-        }
-      )
-    ] }),
-    F === "ready" && C !== null && (C.folders.length === 0 && C.files.length === 0 ? /* @__PURE__ */ v(ie, { children: [
-      /* @__PURE__ */ i(Ue, { "aria-hidden": !0 }),
-      u.formatMessage({ id: "ds.business.cloud-import.empty-space" })
-    ] }) : /* @__PURE__ */ i(
-      Gn,
-      {
-        "aria-label": u.formatMessage({
-          id: "ds.business.cloud-import.tree-label"
-        }),
-        children: /* @__PURE__ */ i(
-          dt,
-          {
-            folders: C.folders,
-            files: C.files,
-            context: wt
-          }
-        )
-      }
-    )),
-    /* @__PURE__ */ v(Yn, { children: [
-      /* @__PURE__ */ i(Xn, { role: "status", children: u.formatMessage(
-        { id: "ds.business.cloud-import.selected" },
-        { count: U.length }
-      ) }),
-      /* @__PURE__ */ i(
-        Z,
-        {
-          variant: "contained",
-          startIcon: /* @__PURE__ */ i(Nt, { "aria-hidden": !0 }),
-          disabled: U.length === 0,
-          onClick: () => t(K.space, U),
-          children: u.formatMessage({ id: "ds.business.cloud-import.import" })
-        }
-      )
-    ] })
-  ] });
-}
-function so({
-  open: e,
-  onClose: t,
-  onImport: n,
-  cloudPicker: r,
-  multiple: s,
-  maxSize: c,
-  accept: l
-}) {
-  const d = z();
-  return /* @__PURE__ */ i(
-    Ze,
-    {
-      open: e,
-      onClose: t,
-      size: xe.Medium,
-      title: d.formatMessage({ id: "ds.business.cloud-import.title" }),
-      children: e && /* @__PURE__ */ i(
-        io,
-        {
-          cloudPicker: r,
-          multiple: s,
-          maxSize: c,
-          accept: l,
-          onImport: (g, m) => {
-            n(g, m), t();
-          }
-        }
-      )
-    }
-  );
-}
-const ao = /* @__PURE__ */ new Set(["a", "button"]), lo = a("div", {
-  shouldForwardProp: (e) => e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as"
-})(({ theme: e, ownerState: t }) => {
-  const { tokens: n, radii: r, space: s } = e.design;
-  return {
-    display: "flex",
-    flexDirection: "column",
-    minWidth: 0,
-    boxSizing: "border-box",
-    backgroundColor: n["bg.surface"],
-    border: R(n["border.subtle"]),
-    borderRadius: o(r.md),
-    padding: o(s[t.padding]),
-    color: n["text.primary"],
-    ...t.interactive && {
-      cursor: "pointer",
-      font: "inherit",
-      textAlign: "inherit",
-      textDecoration: "none",
-      transition: oe(e, ["border-color"]),
-      "&:hover": { borderColor: n["border.strong"] },
-      "&:focus-visible": te(e)
-    }
-  };
-}), ei = It(function({
-  interactive: t = !1,
-  padding: n = 4,
-  component: r = "div",
-  children: s,
-  onKeyDown: c,
-  role: l,
-  tabIndex: d,
-  ...g
-}, m) {
-  const p = t && typeof r == "string" && !ao.has(r), h = Q(
-    (b) => {
-      typeof m == "function" ? m(b) : m !== null && (m.current = b);
-    },
-    [m]
-  );
-  return /* @__PURE__ */ i(
-    lo,
-    {
-      ref: h,
-      as: r,
-      ownerState: { interactive: t, padding: n },
-      role: l ?? (p ? "button" : void 0),
-      tabIndex: d ?? (p ? 0 : void 0),
-      onKeyDown: (b) => {
-        c == null || c(b), p && !b.defaultPrevented && b.target === b.currentTarget && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), b.currentTarget.click());
-      },
-      ...g,
-      children: s
-    }
-  );
-});
-var ut = /* @__PURE__ */ ((e) => (e.Medium = "medium", e.Compact = "compact", e))(ut || {});
-const co = Be(
-  "medium"
-  /* Medium */
-), uo = a(ce)(({ theme: e }) => ({
-  // Three times the largest spacing step: room for a label and the arrow.
-  minWidth: o(e.design.space[10] * 3),
-  maxWidth: "100%"
-})), go = a(je)(({ theme: e }) => ({
-  position: "relative",
-  transform: "none",
-  maxWidth: "100%",
-  pointerEvents: "auto",
-  marginBottom: o(e.design.space[2]),
-  fontSize: o(e.design.typeScale.small),
-  fontWeight: M.medium,
-  lineHeight: e.typography.caption.lineHeight,
-  color: e.design.tokens["text.secondary"],
-  "&.Mui-focused": { color: e.design.tokens["text.secondary"] },
-  "&.Mui-error": { color: e.design.tokens["status.danger"] },
-  "&.Mui-disabled": { color: e.design.tokens["text.muted"] }
-})), po = a("span")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: o(e.design.space[2]),
-  minWidth: 0
-})), fo = a("i", {
-  shouldForwardProp: (e) => e !== "token"
-})(({ theme: e, token: t }) => ({
-  flex: "none",
-  width: o(e.design.space[2]),
-  height: o(e.design.space[2]),
-  borderRadius: o(e.design.radii.sm / 2),
-  backgroundColor: e.design.tokens[t]
-})), mo = a("span")({
-  display: "flex",
-  flexDirection: "column",
-  minWidth: 0
-}), ho = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.caption),
-  color: e.design.tokens["text.muted"],
-  whiteSpace: "normal"
-})), be = a("span")({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}), bo = a(be)(({ theme: e }) => ({
-  color: e.design.tokens["text.muted"]
-}));
-function ti({
-  label: e,
-  options: t,
-  value: n,
-  onChange: r,
-  multiple: s = !1,
-  disabled: c,
-  error: l,
-  size: d
-}) {
-  const g = z(), m = Ne(co), p = (d ?? m) === ut.Compact, h = p ? uo : ce, y = E(), b = `${y}-label`, f = `${y}-helper`, u = new Map(t.map((k) => [k.value, k]));
-  return /* @__PURE__ */ v(h, { fullWidth: !p, disabled: c, error: !!l, children: [
-    /* @__PURE__ */ i(
-      go,
-      {
-        id: b,
-        shrink: !0,
-        style: p ? Ft : void 0,
-        children: e
-      }
-    ),
-    /* @__PURE__ */ v(
-      $t,
-      {
-        labelId: b,
-        multiple: s,
-        value: n,
-        displayEmpty: !0,
-        renderValue: (k) => {
-          const C = Array.isArray(k) ? k : [k];
-          return p && C.length === 0 ? /* @__PURE__ */ i(bo, { "aria-hidden": !0, children: e }) : /* @__PURE__ */ i(be, { children: C.map((P) => {
-            var F;
-            return ((F = u.get(P)) == null ? void 0 : F.label) ?? P;
-          }).join(", ") });
-        },
-        "aria-describedby": l ? f : void 0,
-        onChange: (k) => r(k.target.value),
-        children: [
-          t.length === 0 && /* @__PURE__ */ i(Fe, { disabled: !0, value: "", children: g.formatMessage({ id: "ds.inputs.rich-select.empty" }) }),
-          t.map((k) => /* @__PURE__ */ i(Fe, { value: k.value, children: /* @__PURE__ */ v(po, { children: [
-            k.tone && /* @__PURE__ */ i(fo, { token: k.tone }),
-            k.icon,
-            /* @__PURE__ */ v(mo, { children: [
-              /* @__PURE__ */ i(be, { children: k.label }),
-              k.description && /* @__PURE__ */ i(ho, { children: k.description })
-            ] })
-          ] }) }, k.value))
-        ]
-      }
-    ),
-    l && /* @__PURE__ */ i(de, { id: f, children: l })
-  ] });
-}
-const ni = { l: 0.72, c: 0.12 }, oi = [
-  266,
-  296,
-  326,
-  356,
-  26,
-  56,
-  86,
-  116,
-  146,
-  176,
-  206,
-  236
-], gt = [
-  "#81a2f0",
-  "#ab94e7",
-  "#cb89cd",
-  "#e084a7",
-  "#e6867d",
-  "#de9056",
-  "#c69f41",
-  "#a1ae50",
-  "#70b976",
-  "#37bda2",
-  "#18b9c9",
-  "#4eb0e5"
-], ri = "#767676", ii = gt[6], si = "#111a2f", ai = "#5674be", yo = /^#?([0-9a-f]{6})$/i, Y = (e) => {
-  const t = yo.exec(e.trim());
-  return t ? `#${t[1].toLowerCase()}` : null;
-}, vo = a("div")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: o(e.design.space[3])
-})), xo = a("span")(({ theme: e }) => ({
-  flex: "none",
-  width: o(e.design.densityValues[e.design.density].control),
-  height: o(e.design.densityValues[e.design.density].control),
-  borderRadius: o(e.design.radii.md),
-  border: R(e.design.tokens["border.control"])
-})), wo = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: o(e.design.space[2]),
-  marginTop: o(e.design.space[2])
-})), ko = a(Ge)(({ theme: e }) => {
-  const { densityValues: t, density: n, space: r } = e.design, s = t[n].control - r[2];
-  return {
-    width: o(s),
-    height: o(s),
-    borderRadius: o(e.design.radii.sm),
-    border: R(e.design.tokens["border.control"]),
-    // The chosen swatch carries the ring of the design system (`focus.ring` is the accent).
-    '&[aria-pressed="true"]': te(e),
-    "&.Mui-focusVisible": te(e),
-    [B.down($.Tablet)]: {
-      width: o(e.design.densityValues.touchTarget),
-      height: o(e.design.densityValues.touchTarget)
-    }
-  };
-});
-function li({
-  label: e,
-  value: t,
-  onChange: n,
-  swatches: r = gt
-}) {
-  const s = z(), c = E(), [l, d] = I(t), g = l !== "" && Y(l) === null;
-  G(() => {
-    d(
-      (h) => Y(h) === Y(t) ? h : t
-    );
-  }, [t]);
-  const m = (h) => {
-    d(h);
-    const y = Y(h);
-    y !== null && y !== Y(t) && n(y);
-  }, p = Y(t);
-  return /* @__PURE__ */ v(ce, { fullWidth: !0, error: g, children: [
-    /* @__PURE__ */ i(je, { htmlFor: `${c}-hex`, children: e }),
-    /* @__PURE__ */ v(vo, { children: [
-      /* @__PURE__ */ i(
-        xo,
-        {
-          "aria-hidden": "true",
-          style: { backgroundColor: p ?? void 0 }
-        }
-      ),
-      /* @__PURE__ */ i(
-        ve,
-        {
-          id: `${c}-hex`,
-          fullWidth: !0,
-          value: l,
-          error: g,
-          inputProps: {
-            "aria-describedby": g ? `${c}-error` : void 0,
-            spellCheck: !1,
-            autoComplete: "off"
-          },
-          onChange: (h) => m(h.target.value)
-        }
-      )
-    ] }),
-    g && /* @__PURE__ */ i(de, { id: `${c}-error`, children: s.formatMessage({ id: "ds.inputs.color.invalid" }) }),
-    /* @__PURE__ */ i(
-      wo,
-      {
-        role: "group",
-        "aria-label": s.formatMessage({ id: "ds.inputs.color.swatches" }),
-        children: r.map((h) => /* @__PURE__ */ i(
-          ko,
-          {
-            "aria-pressed": Y(h) === p,
-            "aria-label": h,
-            style: { backgroundColor: h },
-            onClick: () => n(Y(h) ?? h)
-          },
-          h
-        ))
-      }
-    )
-  ] });
-}
-const Co = 6, So = a("div", {
-  shouldForwardProp: (e) => e !== "edges"
-})(({ theme: e, edges: t }) => {
-  const { tokens: n, radii: r, space: s } = e.design, c = o(s[1] * Co), l = n["text.primary"], d = t.start ? `transparent, ${l} ${c}` : l, g = t.end ? `${l} calc(100% - ${c}), transparent` : l;
-  return {
-    maskImage: t.start || t.end ? `linear-gradient(to right, ${d}, ${g})` : "none",
-    display: "inline-flex",
-    maxWidth: "100%",
-    minWidth: 0,
-    border: R(n["border.subtle"]),
-    borderRadius: o(r.md),
-    overflowX: "auto",
-    overflowY: "hidden",
-    backgroundColor: n["bg.surface"],
-    // Below 768 px each segment keeps a 44 px target: the band wraps onto more rows rather than
-    // hiding segments behind a sideways scroll. A rule between neighbours would then start the
-    // second row with a stray line and leave the rows unsplit: the band loses its border and each
-    // segment draws its own, apart by a gap in both directions.
-    [B.down($.Tablet)]: {
-      flexWrap: "wrap",
-      rowGap: o(s[1]),
-      columnGap: o(s[1]),
-      overflowX: "visible",
-      maskImage: "none",
-      border: "none",
-      backgroundColor: "transparent"
-    }
-  };
-}), Io = a(Ge)(({ theme: e }) => {
-  const { tokens: t, space: n, typeScale: r, fonts: s, densityValues: c, radii: l } = e.design;
-  return {
-    flex: "none",
-    gap: o(n[2]),
-    minHeight: o(c[e.design.density].control),
-    paddingLeft: o(n[3]),
-    paddingRight: o(n[3]),
-    fontFamily: s.sans,
-    fontSize: o(r.body),
-    whiteSpace: "nowrap",
-    color: t["text.secondary"],
-    transition: oe(e, ["background-color", "color"]),
-    "& + &": { borderLeft: R(t["border.subtle"]) },
-    '&[aria-checked="true"]': {
-      backgroundColor: t["bg.raised"],
-      color: t["text.primary"],
-      fontWeight: M.medium
-    },
-    "&:hover": { backgroundColor: t["bg.hover"] },
-    "&.Mui-focusVisible": { ...te(e), outlineOffset: "-2px" },
-    // A short label (« 1 h », « 7 j ») would leave a segment narrower than a finger. Each segment
-    // is its own bordered tile once the band wraps.
-    [B.down($.Tablet)]: {
-      minWidth: o(c.touchTarget),
-      minHeight: o(c.touchTarget),
-      border: R(t["border.subtle"]),
-      borderRadius: o(l.md),
-      backgroundColor: t["bg.surface"],
-      '&[aria-checked="true"]': { backgroundColor: t["bg.raised"] }
-    }
-  };
-}), To = a("span")(({ theme: e }) => ({
-  fontFamily: e.design.fonts.mono,
-  fontSize: o(e.design.typeScale.caption),
-  color: e.design.tokens["text.muted"]
-}));
-function di({
-  options: e,
-  value: t,
-  onChange: n,
-  ariaLabel: r
-}) {
-  const s = j(null), [c, l] = I({ start: !1, end: !1 }), d = Q(() => {
-    const p = s.current;
-    if (!p)
-      return;
-    const h = p.scrollLeft > 0, y = p.scrollLeft + p.clientWidth < p.scrollWidth - 1;
-    l(
-      (b) => b.start === h && b.end === y ? b : { start: h, end: y }
-    );
-  }, []);
-  G(() => (d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d)), [d, e]);
-  const g = (p) => {
-    var b, f;
-    const h = e.findIndex((u) => u.value === t);
-    let y;
-    switch (p.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        y = (h + 1) % e.length;
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        y = (h - 1 + e.length) % e.length;
-        break;
-      case "Home":
-        y = 0;
-        break;
-      case "End":
-        y = e.length - 1;
-        break;
-      default:
-        return;
-    }
-    p.preventDefault(), n(e[y].value), (f = (b = s.current) == null ? void 0 : b.querySelectorAll('[role="radio"]')[y]) == null || f.focus();
-  }, m = Math.max(
-    e.findIndex((p) => p.value === t),
-    0
-  );
-  return /* @__PURE__ */ i(
-    So,
-    {
-      ref: s,
-      role: "radiogroup",
-      "aria-label": r,
-      edges: c,
-      onKeyDown: g,
-      onScroll: d,
-      children: e.map((p, h) => {
-        const y = p.value === t;
-        return /* @__PURE__ */ v(
-          Io,
-          {
-            role: "radio",
-            "aria-checked": y,
-            tabIndex: h === m ? 0 : -1,
-            onClick: () => n(p.value),
-            children: [
-              p.label,
-              p.count !== void 0 && /* @__PURE__ */ i(To, { children: p.count })
-            ]
-          },
-          p.value
-        );
-      })
-    }
-  );
-}
-const $o = [32, 160, 8239, 8201].map(
-  (e) => String.fromCharCode(e)
-), Fo = (e) => {
-  var n, r;
-  const t = new Intl.NumberFormat(e).formatToParts(11111.1);
-  return {
-    group: ((n = t.find((s) => s.type === "group")) == null ? void 0 : n.value) ?? " ",
-    decimal: ((r = t.find((s) => s.type === "decimal")) == null ? void 0 : r.value) ?? "."
-  };
-}, Pe = (e, t) => {
-  const r = [t.group, ...$o].reduce(
-    (c, l) => c.split(l).join(""),
-    e.trim()
-  ).replace(",", ".");
-  if (r === "" || !/^-?\d*\.?\d+$|^-?\d+\.$/.test(r))
-    return null;
-  const s = Number.parseFloat(r);
-  return Number.isFinite(s) ? s : null;
-};
-function ci({
-  label: e,
-  value: t,
-  onChange: n,
-  decimals: r = 0,
-  min: s = 0,
-  disabled: c,
-  adornment: l
-}) {
-  const d = z(), g = ye(
-    () => Fo(d.locale),
-    [d.locale]
-  ), m = Q(
-    (u) => u === null ? "" : d.formatNumber(u, {
-      minimumFractionDigits: r,
-      maximumFractionDigits: r
-    }),
-    [d, r]
-  ), [p, h] = I(!1), [y, b] = I(() => m(t));
-  return G(() => {
-    p || b(m(t));
-  }, [t, p, m]), /* @__PURE__ */ i(Je, { label: e, children: /* @__PURE__ */ i(
-    ve,
-    {
-      disabled: c,
-      value: y,
-      inputProps: { inputMode: "decimal" },
-      onFocus: () => {
-        h(!0), t !== null && b(String(t).replace(".", g.decimal));
-      },
-      onChange: (u) => {
-        b(u.target.value);
-        const x = Pe(u.target.value, g);
-        x !== null ? n(x) : u.target.value === "" && n(null);
-      },
-      onBlur: () => {
-        h(!1);
-        let u = Pe(y, g);
-        u !== null && (u = Number.parseFloat(Math.max(u, s).toFixed(r))), n(u), b(m(u));
-      },
-      endAdornment: l ? /* @__PURE__ */ i(Dt, { position: "end", children: l }) : void 0
-    }
-  ) });
-}
-const Mo = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: o(e.design.space[2]),
-  minWidth: 0
-})), Ro = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.small),
-  fontWeight: M.medium,
-  color: e.design.tokens["text.secondary"]
-})), Wo = a("div", {
-  shouldForwardProp: (e) => e !== "active"
-})(({ theme: e, active: t }) => {
-  const { tokens: n, space: r, radii: s } = e.design;
-  return {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: o(r[3]),
-    minHeight: o(r[10] * 3),
-    padding: `${o(r[6])} ${o(r[4])}`,
-    boxSizing: "border-box",
-    border: `1px dashed ${t ? n.accent : n["border.control"]}`,
-    borderRadius: o(s.md),
-    backgroundColor: t ? ge(n.accent) : n["bg.raised"],
-    color: n["text.secondary"],
-    textAlign: "center",
-    cursor: "pointer",
-    transition: oe(e, ["border-color", "background-color"]),
-    "&:hover": { borderColor: n.accent }
-  };
-}), Oo = a("span")(({ theme: e }) => {
-  const { tokens: t, space: n } = e.design;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: o(n[9]),
-    height: o(n[9]),
-    borderRadius: "50%",
-    backgroundColor: ge(t.accent),
-    color: t["accent.text"],
-    "& svg": { width: o(n[5]), height: o(n[5]) }
-  };
-}), Ao = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.body),
-  [B.down($.Tablet)]: { display: "none" }
-})), Eo = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: o(e.design.space[2])
-})), zo = a("span")(({ theme: e }) => ({
-  fontSize: o(e.design.typeScale.small),
-  color: e.design.tokens["text.muted"]
-})), Do = a("p")(({ theme: e }) => ({
-  margin: 0,
-  fontSize: o(e.design.typeScale.small),
-  color: e.design.tokens["status.danger"]
-})), Lo = a("img")(({ theme: e }) => ({
-  width: o(e.design.space[4]),
-  height: o(e.design.space[4])
-})), Po = (e) => {
-  const { value: t, unit: n } = Lt(e);
-  return `${t} ${n}`;
-};
-function ui({
-  onDrop: e,
-  multiple: t = !0,
-  accept: n,
-  maxSize: r,
-  caption: s,
-  title: c,
-  cloudImport: l,
-  children: d
-}) {
-  const g = z(), m = E(), p = E(), [h, y] = I(null), [b, f] = I(!1), u = r === void 0 ? null : Po(r), x = s ?? (u === null ? null : g.formatMessage(
-    { id: "ds.inputs.drop-zone.max-size" },
-    { size: u, multiple: String(t) }
-  )), k = (A, W) => {
-    const re = r === void 0 ? [] : A.filter((_) => _.size > r), ae = A.filter((_) => !re.includes(_));
-    W.some(
-      (_) => _.errors.some((q) => q.code === zt.TooManyFiles)
-    ) ? y(
-      "too-many"
-      /* TooMany */
-    ) : W.length > 0 ? y(
-      "rejected-type"
-      /* Rejected */
-    ) : re.length > 0 ? y(
-      A.length === 1 ? "too-big" : "some-too-big"
-      /* SomeTooBig */
-    ) : y(null), ae.length > 0 && e(ae);
-  }, { getRootProps: C, getInputProps: P, isDragActive: F, open: D } = At({
-    onDrop: k,
-    multiple: t,
-    accept: n,
-    // The zone itself is not a control: the button inside is, for the keyboard and screen readers.
-    noClick: !0,
-    noKeyboard: !0
-  }), U = g.formatMessage(
-    { id: "ds.inputs.drop-zone.browse" },
-    { multiple: String(t) }
-  );
-  return /* @__PURE__ */ v(
-    Mo,
-    {
-      role: "group",
-      "aria-labelledby": c !== void 0 ? m : void 0,
-      "aria-describedby": x !== null ? p : void 0,
-      children: [
-        c !== void 0 && /* @__PURE__ */ i(Ro, { id: m, children: c }),
-        /* @__PURE__ */ v(Wo, { ...C({ onClick: D }), active: F, children: [
-          /* @__PURE__ */ i("input", { ...P({ "aria-hidden": !0 }) }),
-          d ?? /* @__PURE__ */ v(ne, { children: [
-            /* @__PURE__ */ i(Oo, { "aria-hidden": !0, children: /* @__PURE__ */ i(Pt, {}) }),
-            /* @__PURE__ */ i(Ao, { children: g.formatMessage(
-              {
-                id: F ? "ds.inputs.drop-zone.release" : "ds.inputs.drop-zone.prompt"
-              },
-              { multiple: String(t) }
-            ) })
-          ] }),
-          /* @__PURE__ */ i(
-            Z,
-            {
-              variant: "outlined",
-              onClick: (A) => {
-                A.stopPropagation(), D();
-              },
-              children: U
-            }
-          )
-        ] }),
-        (l !== void 0 || x !== null) && /* @__PURE__ */ v(Eo, { children: [
-          l !== void 0 && /* @__PURE__ */ i(
-            Z,
-            {
-              variant: "text",
-              startIcon: /* @__PURE__ */ i(Lo, { src: Et, alt: "" }),
-              onClick: () => f(!0),
-              children: g.formatMessage({ id: "ds.inputs.drop-zone.cloud" })
-            }
-          ),
-          x !== null && /* @__PURE__ */ i(zo, { id: p, children: x })
-        ] }),
-        /* @__PURE__ */ i(Do, { role: "alert", children: h !== null && g.formatMessage(
-          { id: `ds.inputs.drop-zone.${h}` },
-          { size: u ?? "" }
-        ) }),
-        l !== void 0 && /* @__PURE__ */ i(
-          so,
-          {
-            open: b,
-            onClose: () => f(!1),
-            onImport: l.onImport,
-            cloudPicker: l,
-            multiple: t,
-            maxSize: r,
-            accept: n === void 0 ? void 0 : Object.entries(n).flatMap(([A, W]) => [
-              A,
-              ...W
-            ])
-          }
-        )
-      ]
-    }
-  );
-}
-var Ho = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e.Warning = "warning", e))(Ho || {});
-const Bo = a("form")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: o(e.design.space[4]),
-  color: e.design.tokens["text.secondary"],
-  overflowWrap: "anywhere"
-})), No = (e, t) => {
-  const { paper: n } = e.design.tokens, r = e.design.tokens["paper.on"];
-  return $e(t, n) >= $e(t, r) ? n : r;
-}, _o = {
-  default: "primary",
-  danger: "error",
-  warning: "warning"
-};
-function Vo({
-  open: e,
-  title: t,
-  body: n,
-  confirmLabel: r,
-  tone: s = "default",
-  confirmationText: c,
-  onConfirm: l,
-  onCancel: d
-}) {
-  const g = z(), m = Ve(), p = E(), [h, y] = I(""), [b, f] = I(!1), [u, x] = I(!1), [k, C] = I(e);
-  e !== k && (C(e), e && (y(""), x(!1)));
-  const P = !b && (c === void 0 || h === c), F = s !== "default", D = () => {
-    b || d();
-  }, U = () => {
-    if (!P)
-      return;
-    x(!1);
-    let W;
-    try {
-      W = l();
-    } catch {
-      x(!0);
-      return;
-    }
-    W instanceof Promise && (f(!0), W.then(
-      () => f(!1),
-      () => {
-        f(!1), x(!0);
-      }
-    ));
-  }, A = (W) => {
-    W.preventDefault(), U();
-  };
-  return /* @__PURE__ */ i(
-    Ze,
-    {
-      open: e,
-      onClose: D,
-      size: xe.Small,
-      title: t,
-      actions: /* @__PURE__ */ v(ne, { children: [
-        /* @__PURE__ */ i(
-          Z,
-          {
-            variant: "outlined",
-            disabled: b,
-            autoFocus: c === void 0 && F,
-            onClick: D,
-            children: g.formatMessage({ id: "ds.layers.confirm-dialog.cancel" })
-          }
-        ),
-        /* @__PURE__ */ i(
-          Z,
-          {
-            type: "submit",
-            form: p,
-            variant: "contained",
-            color: _o[s],
-            disabled: !P,
-            loading: b,
-            autoFocus: c === void 0 && !F,
-            sx: s === "warning" ? {
-              "&:not(.Mui-disabled)": {
-                color: No(
-                  m,
-                  m.design.tokens["status.warning"]
-                )
-              }
-            } : void 0,
-            children: r
-          }
-        )
-      ] }),
-      children: /* @__PURE__ */ v(Bo, { id: p, onSubmit: A, noValidate: !0, children: [
-        /* @__PURE__ */ i("div", { children: n }),
-        c !== void 0 && /* @__PURE__ */ i(
-          nn,
-          {
-            label: g.formatMessage(
-              { id: "ds.layers.confirm-dialog.type-to-confirm" },
-              { text: c }
-            ),
-            value: h,
-            onChange: (W) => y(W.target.value),
-            disabled: b,
-            autoFocus: !0,
-            autoComplete: "off",
-            fullWidth: !0
-          }
-        ),
-        u && /* @__PURE__ */ i(tn, { severity: "error", children: g.formatMessage({ id: "ds.layers.confirm-dialog.failed" }) })
-      ] })
-    }
-  );
-}
-var jo = /* @__PURE__ */ ((e) => (e.BottomStart = "bottom-start", e.BottomEnd = "bottom-end", e))(jo || {});
-const Go = 320, Uo = a("div")(({ theme: e }) => {
-  const { tokens: t, space: n } = e.design;
-  return {
-    flex: "none",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: o(n[3]),
-    padding: `${o(n[2])} ${o(n[2])} ${o(n[2])} ${o(n[4])}`,
-    borderBottom: R(t["border.subtle"])
-  };
-}), qo = a("h2")(({ theme: e }) => ({
-  margin: 0,
-  minWidth: 0,
-  color: e.design.tokens["text.primary"],
-  fontSize: o(e.design.typeScale.body),
-  fontWeight: M.semibold,
-  overflowWrap: "anywhere"
-})), pt = a("div")(({ theme: e }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: o(e.design.space[3]),
-  fontSize: o(e.design.typeScale.body)
-})), Ko = a(pt)(({ theme: e }) => ({
-  padding: o(e.design.space[4])
-}));
-function gi({
-  anchorEl: e,
-  open: t,
-  onClose: n,
-  title: r,
-  placement: s = "bottom-start",
-  width: c = Go,
-  children: l
-}) {
-  const d = z(), g = E(), m = Xe() === $.Mobile, p = d.formatMessage({
-    id: "ds.layers.anchored-panel.close"
-  }), h = t && e !== null;
-  if (m)
-    return /* @__PURE__ */ i(
-      Qe,
-      {
-        open: h,
-        onClose: n,
-        title: r,
-        closeLabel: p,
-        children: /* @__PURE__ */ i(pt, { children: l })
-      }
-    );
-  const y = s === "bottom-end" ? "right" : "left";
-  return /* @__PURE__ */ v(
-    en,
-    {
-      anchorEl: e,
-      open: h,
-      onClose: () => n(),
-      anchorOrigin: { vertical: "bottom", horizontal: y },
-      transformOrigin: { vertical: "top", horizontal: y },
-      slotProps: {
-        paper: {
-          role: "dialog",
-          "aria-modal": !0,
-          "aria-labelledby": g,
-          sx: (b) => ({
-            width: o(c),
-            maxWidth: `calc(100vw - ${o(b.design.space[4] * 2)})`,
-            marginTop: o(b.design.space[1]),
-            color: b.design.tokens["text.primary"],
-            fontFamily: b.design.fonts.sans
-          })
-        }
-      },
-      children: [
-        /* @__PURE__ */ v(Uo, { children: [
-          /* @__PURE__ */ i(qo, { id: g, children: r }),
-          /* @__PURE__ */ i(ee, { "aria-label": p, onClick: n, children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 }) })
-        ] }),
-        /* @__PURE__ */ i(Ko, { children: l })
-      ]
-    }
-  );
-}
-const ft = Be(null);
-function pi({ children: e }) {
-  const [t, n] = I([]), [r, s] = I(null), c = j(0), l = j([]);
-  l.current = t;
-  const d = t.length > 0 ? t[0] : null;
-  d !== null && d !== r && s(d), G(
-    () => () => {
-      l.current.forEach((h) => h.resolve(!1));
-    },
-    []
-  );
-  const g = Q(
-    (h) => new Promise((y) => {
-      c.current += 1;
-      const b = { id: c.current, options: h, resolve: y };
-      n((f) => [...f, b]);
-    }),
-    []
-  ), m = (h) => {
-    d !== null && (d.resolve(h), n((y) => y.filter((b) => b !== d)));
-  }, p = ye(() => ({ confirm: g }), [g]);
-  return /* @__PURE__ */ v(ft.Provider, { value: p, children: [
-    e,
-    r !== null && // A new key per request: each one starts from an empty confirmation field.
-    /* @__PURE__ */ i(
-      Vo,
-      {
-        open: d === r,
-        ...r.options,
-        onConfirm: () => m(!0),
-        onCancel: () => m(!1)
-      },
-      r.id
-    )
-  ] });
-}
-function fi() {
-  const e = Ne(ft);
-  if (e === null)
-    throw new Error(
-      "useConfirmDialog must be called inside a ConfirmDialogProvider"
-    );
-  return e;
-}
-const Yo = 1, Xo = (e, t) => t === "vertical" ? e.scrollHeight - e.clientHeight - e.scrollTop : e.scrollWidth - e.clientWidth - e.scrollLeft, Qo = (e, t, n) => {
-  const [r, s] = I(!1), c = Q(() => {
-    const l = e.current;
-    l !== null && s(Xo(l, t) > Yo);
-  }, [e, t]);
-  return _e(c, [c, n]), G(() => {
-    const l = e.current;
-    if (l === null)
-      return;
-    l.addEventListener("scroll", c, { passive: !0 });
-    const d = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
-    return d !== null && (d.observe(l), Array.from(l.children).forEach((g) => d.observe(g))), () => {
-      l.removeEventListener("scroll", c), d == null || d.disconnect();
-    };
-  }, [e, c, n]), r;
-};
-var Zo = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e))(Zo || {});
-const Jo = 2, er = /* @__PURE__ */ new Set(["Enter", " "]), tr = a("div", {
-  shouldForwardProp: (e) => e !== "variant"
-})(({ theme: e, variant: t }) => ({
-  minWidth: 0,
-  ...t === "primary" && {
-    borderBottom: R(e.design.tokens["border.subtle"])
-  }
-})), mt = 32, nr = a("div", {
-  shouldForwardProp: (e) => e !== "variant" && e !== "fade"
-})(({ theme: e, variant: t, fade: n }) => {
-  const s = `linear-gradient(to right, ${e.design.tokens["text.primary"]} calc(100% - ${o(
-    mt
-  )}), transparent)`;
-  return {
-    position: "relative",
-    display: "flex",
-    gap: o(e.design.space[t === "primary" ? 1 : 2]),
-    overflowX: "auto",
-    overflowY: "hidden",
-    scrollbarWidth: "none",
-    "&::-webkit-scrollbar": { display: "none" },
-    ...n && { maskImage: s, WebkitMaskImage: s }
-  };
-}), ht = (e, t) => {
-  const { tokens: n, space: r, radii: s, typeScale: c, fonts: l, densityValues: d, density: g } = e.design, m = {
-    position: "relative",
-    display: "inline-flex",
-    alignItems: "center",
-    flex: "none",
-    gap: o(r[2]),
-    boxSizing: "border-box",
-    margin: 0,
-    border: 0,
-    backgroundColor: "transparent",
-    cursor: "pointer",
-    fontFamily: l.sans,
-    whiteSpace: "nowrap",
-    textDecoration: "none",
-    color: n["text.secondary"],
-    transition: oe(e, ["color", "background-color"]),
-    "&:hover": { color: n["text.primary"] },
-    '&[aria-selected="true"]': {
-      color: n["text.primary"],
-      fontWeight: M.medium
-    },
-    // Inside the scrolling row, an outer ring would be clipped: it is drawn inside the tab.
-    "&:focus-visible": { ...te(e), outlineOffset: "-2px" }
-  }, p = {
-    [B.down($.Tablet)]: {
-      minHeight: o(d.touchTarget)
-    }
-  };
-  return t === "primary" ? {
-    ...m,
-    minHeight: o(d[g].control + r[2]),
-    padding: `0 ${o(r[3])}`,
-    fontSize: o(c.body),
-    '&[aria-selected="true"]::after': {
-      content: '""',
-      position: "absolute",
-      left: 0,
-      right: 0,
-      bottom: 0,
-      height: o(Jo),
-      backgroundColor: n.accent
-    },
-    ...p
-  } : {
-    ...m,
-    minHeight: o(d.compact.control),
-    padding: `0 ${o(r[3])}`,
-    borderRadius: o(s.md),
-    fontSize: o(c.small),
-    "&:hover": {
-      color: n["text.primary"],
-      backgroundColor: n["bg.hover"]
-    },
-    '&[aria-selected="true"]': {
-      color: n["text.primary"],
-      fontWeight: M.medium,
-      backgroundColor: n["bg.raised"]
-    },
-    ...p
-  };
-}, bt = (e) => e !== "variant", or = a(an, { shouldForwardProp: bt })(({ theme: e, variant: t }) => ht(e, t)), rr = a("button", { shouldForwardProp: bt })(({ theme: e, variant: t }) => ht(e, t)), ir = a("span")(({ theme: e }) => {
-  const { tokens: t, space: n, radii: r, fonts: s, typeScale: c } = e.design;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    padding: `0 ${o(n[1])}`,
-    borderRadius: o(r.sm),
-    border: R(t["border.subtle"]),
-    fontFamily: s.mono,
-    fontSize: o(c.caption),
-    fontWeight: M.regular,
-    lineHeight: 1.6,
-    color: t["text.muted"]
-  };
-}), He = (e, t) => {
-  const n = t.offsetLeft, r = n + t.offsetWidth + mt;
-  n < e.scrollLeft ? e.scrollLeft = n : r > e.scrollLeft + e.clientWidth && (e.scrollLeft = r - e.clientWidth);
-};
-function mi({
-  items: e,
-  value: t,
-  onChange: n,
-  variant: r,
-  "aria-label": s
-}) {
-  const c = z(), l = j(null), d = e.filter((f) => f.hidden !== !0), g = Qo(l, "horizontal", d.length), m = Q(
-    () => {
-      var f;
-      return Array.from(
-        ((f = l.current) == null ? void 0 : f.querySelectorAll('[role="tab"]')) ?? []
-      );
-    },
-    []
-  ), p = Q(() => {
-    const f = l.current, u = f == null ? void 0 : f.querySelector('[aria-selected="true"]');
-    f && u && He(f, u);
-  }, []);
-  _e(p, [p, t]);
-  const h = d.map((f) => f.value).join("|");
-  G(() => {
-    const f = l.current;
-    if (f === null || typeof ResizeObserver > "u")
-      return;
-    const u = new ResizeObserver(p);
-    return u.observe(f), Array.from(f.children).forEach((x) => u.observe(x)), () => u.disconnect();
-  }, [p, h]);
-  const y = (f) => {
-    const u = m(), x = u.findIndex((C) => C === document.activeElement);
-    if (x < 0)
-      return;
-    if (er.has(f.key)) {
-      f.key === " " && u[x] instanceof HTMLAnchorElement && (f.preventDefault(), u[x].click());
-      return;
-    }
-    let k;
-    switch (f.key) {
-      case "ArrowRight":
-        k = (x + 1) % u.length;
-        break;
-      case "ArrowLeft":
-        k = (x - 1 + u.length) % u.length;
-        break;
-      case "Home":
-        k = 0;
-        break;
-      case "End":
-        k = u.length - 1;
-        break;
-      default:
-        return;
-    }
-    f.preventDefault(), u[k].focus(), l.current && He(l.current, u[k]);
-  }, b = Math.max(
-    d.findIndex((f) => f.value === t),
-    0
-  );
-  return /* @__PURE__ */ i(tr, { variant: r, children: /* @__PURE__ */ i(
-    nr,
-    {
-      ref: l,
-      role: "tablist",
-      "aria-label": s,
-      variant: r,
-      fade: g,
-      "data-overflowing": g || void 0,
-      onKeyDown: y,
-      children: d.map((f, u) => {
-        const x = f.value === t, k = /* @__PURE__ */ v(ne, { children: [
-          f.label,
-          f.badge !== void 0 && /* @__PURE__ */ i(ir, { children: typeof f.badge == "number" ? c.formatNumber(f.badge) : f.badge })
-        ] }), C = {
-          role: "tab",
-          "aria-selected": x,
-          tabIndex: u === b ? 0 : -1,
-          "data-testid": f.testId,
-          variant: r,
-          onClick: () => n == null ? void 0 : n(f.value)
-        };
-        return f.to !== void 0 ? /* @__PURE__ */ i(
-          or,
-          {
-            to: f.to,
-            "aria-current": x ? "page" : void 0,
-            ...C,
-            children: k
-          },
-          f.value
-        ) : /* @__PURE__ */ i(rr, { type: "button", ...C, children: k }, f.value);
-      })
-    }
-  ) });
-}
-export {
-  jo as A,
-  Qe as B,
-  zn as C,
-  $ as D,
-  gi as E,
-  Je as F,
-  pi as G,
-  fi as H,
-  so as I,
-  mi as J,
-  ni as K,
-  oi as L,
-  Ze as M,
-  ci as N,
-  gt as O,
-  ri as P,
-  ii as Q,
-  co as R,
-  J as S,
-  Zo as T,
-  si as U,
-  ai as V,
-  xe as a,
-  dn as b,
-  oe as c,
-  B as d,
-  et as e,
-  te as f,
-  ei as g,
-  R as h,
-  Ye as i,
-  Zr as j,
-  Qo as k,
-  ut as l,
-  io as m,
-  ti as n,
-  Y as o,
-  o as p,
-  li as q,
-  Jr as r,
-  ge as s,
-  Ke as t,
-  Xe as u,
-  di as v,
-  se as w,
-  ui as x,
-  Ho as y,
-  Vo as z
-};