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

package/dist/Tabs-_TzugjHZ.js

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