@abyss-project/commons-front-core 11.0.0 → 11.1.0

package/dist/Tabs-CZQ1JYlW.js

@@ -0,0 +1,2315 @@
+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 Ct, useMemo as ye, useCallback as X, useEffect as G, forwardRef as St, createContext as Be, useContext as Ne, useLayoutEffect as _e } from "react";
+import { alpha as It, 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 Tt from "@mui/material/Select";
+import { visuallyHidden as $t } from "@mui/utils";
+import { useIntl as z } from "react-intl";
+import { b as Me, S as Ft, f as M, i as Mt, a as Rt, r as Wt, u as Ot, A as At, E as Et } from "./AbyssCloud-IuD91X6C.js";
+import Ge from "@mui/material/ButtonBase";
+import ve from "@mui/material/OutlinedInput";
+import zt from "@mui/material/InputAdornment";
+import Z from "@mui/material/Button";
+import { byteSizeIEC as Dt } from "@abyss-project/main";
+import Lt from "@mui/icons-material/FileUploadOutlined";
+import Pt, { 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 Ht from "@mui/icons-material/CloudOffOutlined";
+import Bt from "@mui/icons-material/FileDownloadOutlined";
+import Ue from "@mui/icons-material/FolderOpenOutlined";
+import Nt from "@mui/icons-material/OpenInNewRounded";
+import _t from "@mui/icons-material/RefreshRounded";
+import Vt from "@mui/material/FormLabel";
+import { isMuiElement as jt } from "@mui/material/utils";
+import Gt from "@mui/icons-material/CheckCircleOutline";
+import ue from "@mui/icons-material/Close";
+import Ut from "@mui/icons-material/ErrorOutline";
+import qt from "@mui/icons-material/InfoOutlined";
+import Kt from "@mui/icons-material/WarningAmber";
+import Yt from "@mui/material/Checkbox";
+import Qt from "@mui/icons-material/DescriptionOutlined";
+import Xt from "@mui/icons-material/FolderOutlined";
+import Zt from "@mui/icons-material/ChevronRightRounded";
+import Jt from "@mui/material/Popover";
+import en from "@mui/material/Alert";
+import tn from "@mui/material/TextField";
+import nn from "@mui/material/Dialog";
+import Ee from "@mui/material/useMediaQuery";
+import on from "@mui/material/Modal";
+import rn from "@mui/material/Slide";
+import { Link as sn } from "react-router-dom";
+var F = /* @__PURE__ */ ((e) => (e.Mobile = "mobile", e.Tablet = "tablet", e.Desktop = "desktop", e))(F || {});
+const qe = {
+  tablet: Me.md,
+  desktop: Me.lg
+}, an = 0.05, fe = (e) => `(min-width:${qe[e]}px)`, me = (e) => `(max-width:${qe[e] - an}px)`, N = {
+  /** 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`, O = (e) => `1px solid ${e}`, ge = (e) => It(e, Ft), te = (e) => ({
+  outline: `2px solid ${e.design.tokens["focus.ring"]}`,
+  outlineOffset: "2px"
+}), Xr = (e, t) => t === "small" ? e.design.densityValues.compact.control : e.design.densityValues[e.design.density].control, Zr = (e) => e.design.densityValues[e.design.density].row, Ke = (e) => ({
+  [N.down(F.Tablet)]: {
+    minHeight: o(e.design.densityValues.touchTarget)
+  }
+}), ln = (e) => ({
+  [N.down(F.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(", "), Ye = () => {
+  const e = Ee(N.up(F.Desktop), {
+    noSsr: !0
+  }), t = Ee(N.down(F.Tablet), {
+    noSsr: !0
+  });
+  return e ? F.Desktop : t ? F.Mobile : F.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: O(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]),
+  ...ln(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), $ = ((D = g.current) == null ? void 0 : D.getBoundingClientRect().height) ?? 0;
+    m.current = null, b(!1), h(0), $ > 0 && P >= $ * dn && t();
+  }, k = () => {
+    m.current = null, b(!1), h(0);
+  };
+  return /* @__PURE__ */ i(on, { open: e, onClose: () => t(), children: /* @__PURE__ */ i(
+    rn,
+    {
+      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(nn)(({ 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: O(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: O(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 Xe({
+  open: e,
+  onClose: t,
+  title: n,
+  description: r,
+  size: s = "md",
+  actions: c,
+  children: l
+}) {
+  const d = z(), g = Ye() === F.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(Vt)(({ 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 Ze({
+  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 = Ct(s, {
+    id: l,
+    "aria-describedby": p,
+    ...jt(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 Je = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Danger = "danger", e))(Je || {});
+const et = {
+  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: qt,
+  success: Gt,
+  warning: Kt,
+  danger: Ut
+}, 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 } = et[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: O(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[et[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,
+  [N.down(F.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"
+});
+function En({
+  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(
+          ee,
+          {
+            size: "small",
+            "aria-label": l.formatMessage({ id: "ds.states.callout.close" }),
+            onClick: s,
+            children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 })
+          }
+        )
+      ]
+    }
+  );
+}
+const Q = (e) => e.id ?? e.name, tt = (e, t, n) => (t === void 0 || e.sizeOctet <= t) && Mt(e, n), nt = (e, t, n) => [
+  ...(e.childFile ?? []).filter(
+    (r) => tt(r, t, n)
+  ),
+  ...(e.childFolder ?? []).flatMap(
+    (r) => nt(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)
+  };
+}), ot = (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)
+  };
+}, rt = a("button")(({ theme: e }) => ot(e)), zn = a("label")(({ theme: e }) => ot(e)), it = 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
+})), st = 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" }
+  };
+}), Dn = a(Zt, {
+  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"])
+})), at = a(Yt)(({ theme: e }) => ({
+  [N.down(F.Tablet)]: {
+    padding: o(
+      (e.design.densityValues.touchTarget - e.design.space[5]) / 2
+    )
+  }
+})), Ln = a("ul")(({ theme: e }) => ({
+  margin: 0,
+  padding: 0,
+  listStyle: "none",
+  borderLeft: O(e.design.tokens["border.subtle"]),
+  marginLeft: o(e.design.space[3])
+})), ze = a("li")({ listStyle: "none" });
+function lt({
+  folders: e,
+  files: t,
+  context: n
+}) {
+  return /* @__PURE__ */ v(ne, { children: [
+    e.map((r) => /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Bn, { folder: r, context: n }) }, r.id ?? r.name)),
+    t.filter((r) => tt(r, n.maxSize, n.accept)).map((r) => /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Hn, { file: r, context: n }) }, Q(r)))
+  ] });
+}
+function Pn({
+  file: e,
+  getFileThumbnailUrl: t
+}) {
+  const [n, r] = I(!1), s = e.thumbnailPublicAccessId !== null && !e.isEncrypt && !n ? t(e.thumbnailPublicAccessId) : null;
+  return /* @__PURE__ */ i(st, { "aria-hidden": !0, children: s !== null ? /* @__PURE__ */ i(
+    "img",
+    {
+      src: s,
+      alt: "",
+      draggable: !1,
+      onError: () => r(!0)
+    }
+  ) : /* @__PURE__ */ i(Qt, {}) });
+}
+function Hn({
+  file: e,
+  context: t
+}) {
+  const n = E(), r = t.selectedIds.has(Q(e)), s = () => r ? t.unselect([e]) : t.select([e]), c = /* @__PURE__ */ v(ne, { children: [
+    /* @__PURE__ */ i(
+      Pn,
+      {
+        file: e,
+        getFileThumbnailUrl: t.getFileThumbnailUrl
+      }
+    ),
+    /* @__PURE__ */ i(it, { strong: r, title: e.name, children: e.name })
+  ] });
+  return t.multiple ? /* @__PURE__ */ v(he, { selected: r, children: [
+    /* @__PURE__ */ i(
+      at,
+      {
+        id: n,
+        size: "small",
+        checked: r,
+        onChange: s
+      }
+    ),
+    /* @__PURE__ */ i(zn, { htmlFor: n, children: c })
+  ] }) : /* @__PURE__ */ i(he, { selected: r, children: /* @__PURE__ */ i(rt, { type: "button", "aria-pressed": r, onClick: s, children: c }) });
+}
+function Bn({
+  folder: e,
+  context: t
+}) {
+  const n = z(), r = E(), [s, c] = I(!1), l = nt(e, t.maxSize, t.accept), d = l.filter(
+    (m) => t.selectedIds.has(Q(m))
+  ).length, g = l.length > 0 && d === l.length;
+  return /* @__PURE__ */ v(ne, { children: [
+    /* @__PURE__ */ v(he, { selected: g, children: [
+      t.multiple && /* @__PURE__ */ i(
+        at,
+        {
+          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(
+        rt,
+        {
+          type: "button",
+          "aria-expanded": s,
+          "aria-controls": s ? r : void 0,
+          onClick: () => c(!s),
+          children: [
+            /* @__PURE__ */ i(Dn, { open: s, "aria-hidden": !0 }),
+            /* @__PURE__ */ i(st, { "aria-hidden": !0, children: s ? /* @__PURE__ */ i(Ue, {}) : /* @__PURE__ */ i(Xt, {}) }),
+            /* @__PURE__ */ i(it, { strong: g, title: e.name, children: e.name })
+          ]
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ i(Ln, { id: r, children: /* @__PURE__ */ i(
+      lt,
+      {
+        folders: e.childFolder ?? [],
+        files: e.childFile ?? [],
+        context: t
+      }
+    ) })
+  ] });
+}
+const De = "shared", Le = {
+  "org-common": 0,
+  "perso-in-org": 1,
+  project: 2,
+  personal: 3
+}, Nn = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o(e.design.space[3]),
+  minWidth: 0
+})), _n = 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" }
+})), Vn = a("p")(({ theme: e }) => ({
+  margin: 0,
+  fontSize: o(e.design.typeScale.small),
+  color: e.design.tokens["text.muted"]
+})), jn = 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: O(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"]
+    }
+  };
+}), Gn = 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]) }
+  };
+}), Un = a("p")(({ theme: e }) => ({
+  margin: 0,
+  fontWeight: M.semibold,
+  color: e.design.tokens["text.primary"]
+})), qn = a("p")({ margin: 0 }), Kn = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: o(e.design.space[3])
+})), Yn = 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)
+})), Xn = a("span")({
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 0
+}), Zn = a("span")({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}), Jn = 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"
+})), dt = 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]) }
+  };
+}), eo = a(dt)(({ theme: e }) => ({
+  marginRight: o(e.design.space[2])
+})), to = a("li")({ listStyle: "none" }), no = 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"]
+  };
+}), oo = a("ul")({ margin: 0, padding: 0 });
+function ro({
+  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), [$, D] = I(
+    "loading"
+    /* Loading */
+  ), [U, A] = I([]), [R, 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 W of g ?? []) {
+      if (!W.organizationId) {
+        w.push(W);
+        continue;
+      }
+      const H = d == null ? void 0 : d(W), V = T.get(W.organizationId) ?? {
+        name: (H == null ? void 0 : H.organizationName) ?? S,
+        items: []
+      };
+      V.items.push(W), T.set(W.organizationId, V);
+    }
+    if (d)
+      for (const W of T.values())
+        W.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 B = (W, H) => (V) => {
+      const L = d == null ? void 0 : d(V);
+      return {
+        space: V,
+        sectionKey: W,
+        sectionLabel: H,
+        label: (L == null ? void 0 : L.label) ?? Wt(V, u),
+        subtitle: L == null ? void 0 : L.subtitle,
+        avatar: L == null ? void 0 : L.avatar
+      };
+    };
+    return [
+      ...w.map(
+        B(
+          "personal",
+          u.formatMessage({
+            id: "ds.business.cloud-import.section-personal"
+          })
+        )
+      ),
+      ...[...T].flatMap(
+        ([W, H]) => H.items.map(B(`org:${W}`, H.name))
+      ),
+      ...(m ?? []).map(
+        B(
+          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 = X(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 */
+      );
+    }
+  }, []), bt = j(y);
+  G(() => {
+    bt.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 yt = async () => {
+    if (_(!1), !await y()) {
+      _(!0);
+      return;
+    }
+    x && await le(x);
+  }, vt = async () => {
+    re(!0);
+    try {
+      await b();
+    } finally {
+      re(!1);
+    }
+  }, xt = {
+    multiple: n,
+    maxSize: r,
+    accept: s,
+    selectedIds: new Set(U.map(Q)),
+    getFileThumbnailUrl: l,
+    select: (w) => A((T) => {
+      if (!n)
+        return w.slice(0, 1);
+      const S = new Set(T.map(Q));
+      return [
+        ...T,
+        ...w.filter((B) => !S.has(Q(B)))
+      ];
+    }),
+    unselect: (w) => {
+      const T = new Set(w.map(Q));
+      A(
+        (S) => S.filter((B) => !T.has(Q(B)))
+      );
+    }
+  }, wt = 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 (!wt && (p || !h))
+    return ke;
+  if (q.length === 0)
+    return /* @__PURE__ */ v(ie, { children: [
+      /* @__PURE__ */ i(Gn, { "aria-hidden": !0, children: /* @__PURE__ */ i(Ht, {}) }),
+      /* @__PURE__ */ i(Un, { children: u.formatMessage({
+        id: "ds.business.cloud-import.create-error.title"
+      }) }),
+      /* @__PURE__ */ i(qn, { children: u.formatMessage({
+        id: "ds.business.cloud-import.create-error.description"
+      }) }),
+      /* @__PURE__ */ i(
+        Z,
+        {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ i(Ae, { "aria-hidden": !0 }),
+          loading: R || p,
+          onClick: () => void vt(),
+          children: u.formatMessage({
+            id: "ds.business.cloud-import.create-error.create-button"
+          })
+        }
+      )
+    ] });
+  if (K === null)
+    return ke;
+  const kt = Rt(
+    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(Nn, { children: [
+    ae && /* @__PURE__ */ i(
+      En,
+      {
+        severity: Je.Danger,
+        onClose: () => _(!1),
+        children: u.formatMessage({ id: "ds.business.cloud-import.refresh-error" })
+      }
+    ),
+    /* @__PURE__ */ v(_n, { children: [
+      /* @__PURE__ */ i(
+        Pt,
+        {
+          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(
+              (B) => [B.label, B.subtitle ?? ""].some(
+                (W) => W.toLowerCase().includes(S)
+              )
+            );
+          },
+          renderGroup: (w) => /* @__PURE__ */ v(to, { children: [
+            /* @__PURE__ */ i(no, { children: w.group }),
+            /* @__PURE__ */ i(oo, { children: w.children })
+          ] }, w.key),
+          renderOption: ({ key: w, ...T }, S) => /* @__PURE__ */ v(Qn, { ...T, children: [
+            /* @__PURE__ */ i(dt, { "aria-hidden": !0, children: Ie(S) }),
+            /* @__PURE__ */ v(Xn, { children: [
+              /* @__PURE__ */ i(Zn, { children: S.label }),
+              S.subtitle !== void 0 && /* @__PURE__ */ i(Jn, { children: S.subtitle })
+            ] })
+          ] }, w),
+          renderInput: (w) => /* @__PURE__ */ i(
+            Ze,
+            {
+              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(eo, { "aria-hidden": !0, children: Ie(K) })
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i(Oe, { title: Ce, children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(
+        ee,
+        {
+          "aria-label": Ce,
+          disabled: $ === "loading" || p,
+          onClick: () => void yt(),
+          children: /* @__PURE__ */ i(_t, { "aria-hidden": !0 })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(Oe, { title: Se, children: /* @__PURE__ */ i(
+        ee,
+        {
+          component: "a",
+          href: kt,
+          target: "_blank",
+          rel: "noreferrer",
+          "aria-label": Se,
+          children: /* @__PURE__ */ i(Nt, { "aria-hidden": !0 })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ i(Vn, { children: u.formatMessage({ id: "ds.business.cloud-import.filtered-hint" }) }),
+    $ === "loading" && /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(
+      We,
+      {
+        size: 24,
+        "aria-label": u.formatMessage({
+          id: "ds.business.cloud-import.tree-loading"
+        })
+      }
+    ) }),
+    $ === "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" })
+        }
+      )
+    ] }),
+    $ === "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(
+      jn,
+      {
+        "aria-label": u.formatMessage({
+          id: "ds.business.cloud-import.tree-label"
+        }),
+        children: /* @__PURE__ */ i(
+          lt,
+          {
+            folders: C.folders,
+            files: C.files,
+            context: xt
+          }
+        )
+      }
+    )),
+    /* @__PURE__ */ v(Kn, { children: [
+      /* @__PURE__ */ i(Yn, { role: "status", children: u.formatMessage(
+        { id: "ds.business.cloud-import.selected" },
+        { count: U.length }
+      ) }),
+      /* @__PURE__ */ i(
+        Z,
+        {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ i(Bt, { "aria-hidden": !0 }),
+          disabled: U.length === 0,
+          onClick: () => t(K.space, U),
+          children: u.formatMessage({ id: "ds.business.cloud-import.import" })
+        }
+      )
+    ] })
+  ] });
+}
+function io({
+  open: e,
+  onClose: t,
+  onImport: n,
+  cloudPicker: r,
+  multiple: s,
+  maxSize: c,
+  accept: l
+}) {
+  const d = z();
+  return /* @__PURE__ */ i(
+    Xe,
+    {
+      open: e,
+      onClose: t,
+      size: xe.Medium,
+      title: d.formatMessage({ id: "ds.business.cloud-import.title" }),
+      children: e && /* @__PURE__ */ i(
+        ro,
+        {
+          cloudPicker: r,
+          multiple: s,
+          maxSize: c,
+          accept: l,
+          onImport: (g, m) => {
+            n(g, m), t();
+          }
+        }
+      )
+    }
+  );
+}
+const so = /* @__PURE__ */ new Set(["a", "button"]), ao = 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: O(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)
+    }
+  };
+}), Jr = St(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" && !so.has(r), h = X(
+    (b) => {
+      typeof m == "function" ? m(b) : m !== null && (m.current = b);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ i(
+    ao,
+    {
+      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 ct = /* @__PURE__ */ ((e) => (e.Medium = "medium", e.Compact = "compact", e))(ct || {});
+const lo = Be(
+  "medium"
+  /* Medium */
+), co = 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%"
+})), uo = 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"] }
+})), go = a("span")(({ theme: e }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o(e.design.space[2]),
+  minWidth: 0
+})), po = 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]
+})), fo = a("span")({
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 0
+}), mo = 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"
+}), ho = a(be)(({ theme: e }) => ({
+  color: e.design.tokens["text.muted"]
+}));
+function ei({
+  label: e,
+  options: t,
+  value: n,
+  onChange: r,
+  multiple: s = !1,
+  disabled: c,
+  error: l,
+  size: d
+}) {
+  const g = z(), m = Ne(lo), p = (d ?? m) === ct.Compact, h = p ? co : 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(
+      uo,
+      {
+        id: b,
+        shrink: !0,
+        style: p ? $t : void 0,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ v(
+      Tt,
+      {
+        labelId: b,
+        multiple: s,
+        value: n,
+        displayEmpty: !0,
+        renderValue: (k) => {
+          const C = Array.isArray(k) ? k : [k];
+          return p && C.length === 0 ? /* @__PURE__ */ i(ho, { "aria-hidden": !0, children: e }) : /* @__PURE__ */ i(be, { children: C.map((P) => {
+            var $;
+            return (($ = u.get(P)) == null ? void 0 : $.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(go, { children: [
+            k.tone && /* @__PURE__ */ i(po, { token: k.tone }),
+            k.icon,
+            /* @__PURE__ */ v(fo, { children: [
+              /* @__PURE__ */ i(be, { children: k.label }),
+              k.description && /* @__PURE__ */ i(mo, { children: k.description })
+            ] })
+          ] }) }, k.value))
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ i(de, { id: f, children: l })
+  ] });
+}
+const ti = { l: 0.72, c: 0.12 }, ni = [
+  266,
+  296,
+  326,
+  356,
+  26,
+  56,
+  86,
+  116,
+  146,
+  176,
+  206,
+  236
+], ut = [
+  "#81a2f0",
+  "#ab94e7",
+  "#cb89cd",
+  "#e084a7",
+  "#e6867d",
+  "#de9056",
+  "#c69f41",
+  "#a1ae50",
+  "#70b976",
+  "#37bda2",
+  "#18b9c9",
+  "#4eb0e5"
+], oi = "#767676", ri = ut[6], ii = "#111a2f", si = "#5674be", bo = /^#?([0-9a-f]{6})$/i, Y = (e) => {
+  const t = bo.exec(e.trim());
+  return t ? `#${t[1].toLowerCase()}` : null;
+}, yo = a("div")(({ theme: e }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o(e.design.space[3])
+})), vo = 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: O(e.design.tokens["border.control"])
+})), xo = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: o(e.design.space[2]),
+  marginTop: o(e.design.space[2])
+})), wo = 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: O(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),
+    [N.down(F.Tablet)]: {
+      width: o(e.design.densityValues.touchTarget),
+      height: o(e.design.densityValues.touchTarget)
+    }
+  };
+});
+function ai({
+  label: e,
+  value: t,
+  onChange: n,
+  swatches: r = ut
+}) {
+  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(yo, { children: [
+      /* @__PURE__ */ i(
+        vo,
+        {
+          "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(
+      xo,
+      {
+        role: "group",
+        "aria-label": s.formatMessage({ id: "ds.inputs.color.swatches" }),
+        children: r.map((h) => /* @__PURE__ */ i(
+          wo,
+          {
+            "aria-pressed": Y(h) === p,
+            "aria-label": h,
+            style: { backgroundColor: h },
+            onClick: () => n(Y(h) ?? h)
+          },
+          h
+        ))
+      }
+    )
+  ] });
+}
+const ko = 6, Co = a("div", {
+  shouldForwardProp: (e) => e !== "edges"
+})(({ theme: e, edges: t }) => {
+  const { tokens: n, radii: r, space: s } = e.design, c = o(s[1] * ko), 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: O(n["border.subtle"]),
+    borderRadius: o(r.md),
+    overflowX: "auto",
+    overflowY: "hidden",
+    backgroundColor: n["bg.surface"]
+  };
+}), So = a(Ge)(({ theme: e }) => {
+  const { tokens: t, space: n, typeScale: r, fonts: s, densityValues: c } = 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: O(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" },
+    [N.down(F.Tablet)]: {
+      minHeight: o(c.touchTarget)
+    }
+  };
+}), Io = a("span")(({ theme: e }) => ({
+  fontFamily: e.design.fonts.mono,
+  fontSize: o(e.design.typeScale.caption),
+  color: e.design.tokens["text.muted"]
+}));
+function li({
+  options: e,
+  value: t,
+  onChange: n,
+  ariaLabel: r
+}) {
+  const s = j(null), [c, l] = I({ start: !1, end: !1 }), d = X(() => {
+    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(
+    Co,
+    {
+      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(
+          So,
+          {
+            role: "radio",
+            "aria-checked": y,
+            tabIndex: h === m ? 0 : -1,
+            onClick: () => n(p.value),
+            children: [
+              p.label,
+              p.count !== void 0 && /* @__PURE__ */ i(Io, { children: p.count })
+            ]
+          },
+          p.value
+        );
+      })
+    }
+  );
+}
+const To = [32, 160, 8239, 8201].map(
+  (e) => String.fromCharCode(e)
+), $o = (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, ...To].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 di({
+  label: e,
+  value: t,
+  onChange: n,
+  decimals: r = 0,
+  min: s = 0,
+  disabled: c,
+  adornment: l
+}) {
+  const d = z(), g = ye(
+    () => $o(d.locale),
+    [d.locale]
+  ), m = X(
+    (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(Ze, { 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(zt, { position: "end", children: l }) : void 0
+    }
+  ) });
+}
+const Fo = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o(e.design.space[2]),
+  minWidth: 0
+})), Mo = a("span")(({ theme: e }) => ({
+  fontSize: o(e.design.typeScale.small),
+  fontWeight: M.medium,
+  color: e.design.tokens["text.secondary"]
+})), Ro = 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 }
+  };
+}), Wo = 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]) }
+  };
+}), Oo = a("span")(({ theme: e }) => ({
+  fontSize: o(e.design.typeScale.body),
+  [N.down(F.Tablet)]: { display: "none" }
+})), Ao = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: o(e.design.space[2])
+})), Eo = a("span")(({ theme: e }) => ({
+  fontSize: o(e.design.typeScale.small),
+  color: e.design.tokens["text.muted"]
+})), zo = a("p")(({ theme: e }) => ({
+  margin: 0,
+  fontSize: o(e.design.typeScale.small),
+  color: e.design.tokens["status.danger"]
+})), Do = a("img")(({ theme: e }) => ({
+  width: o(e.design.space[4]),
+  height: o(e.design.space[4])
+})), Lo = (e) => {
+  const { value: t, unit: n } = Dt(e);
+  return `${t} ${n}`;
+};
+function ci({
+  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 : Lo(r), x = s ?? (u === null ? null : g.formatMessage(
+    { id: "ds.inputs.drop-zone.max-size" },
+    { size: u, multiple: String(t) }
+  )), k = (A, R) => {
+    const re = r === void 0 ? [] : A.filter((_) => _.size > r), ae = A.filter((_) => !re.includes(_));
+    R.some(
+      (_) => _.errors.some((q) => q.code === Et.TooManyFiles)
+    ) ? y(
+      "too-many"
+      /* TooMany */
+    ) : R.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: $, open: D } = Ot({
+    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(
+    Fo,
+    {
+      role: "group",
+      "aria-labelledby": c !== void 0 ? m : void 0,
+      "aria-describedby": x !== null ? p : void 0,
+      children: [
+        c !== void 0 && /* @__PURE__ */ i(Mo, { id: m, children: c }),
+        /* @__PURE__ */ v(Ro, { ...C({ onClick: D }), active: $, children: [
+          /* @__PURE__ */ i("input", { ...P({ "aria-hidden": !0 }) }),
+          d ?? /* @__PURE__ */ v(ne, { children: [
+            /* @__PURE__ */ i(Wo, { "aria-hidden": !0, children: /* @__PURE__ */ i(Lt, {}) }),
+            /* @__PURE__ */ i(Oo, { children: g.formatMessage(
+              {
+                id: $ ? "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(Ao, { children: [
+          l !== void 0 && /* @__PURE__ */ i(
+            Z,
+            {
+              variant: "text",
+              startIcon: /* @__PURE__ */ i(Do, { src: At, alt: "" }),
+              onClick: () => f(!0),
+              children: g.formatMessage({ id: "ds.inputs.drop-zone.cloud" })
+            }
+          ),
+          x !== null && /* @__PURE__ */ i(Eo, { id: p, children: x })
+        ] }),
+        /* @__PURE__ */ i(zo, { role: "alert", children: h !== null && g.formatMessage(
+          { id: `ds.inputs.drop-zone.${h}` },
+          { size: u ?? "" }
+        ) }),
+        l !== void 0 && /* @__PURE__ */ i(
+          io,
+          {
+            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, R]) => [
+              A,
+              ...R
+            ])
+          }
+        )
+      ]
+    }
+  );
+}
+var Po = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e.Warning = "warning", e))(Po || {});
+const Ho = a("form")(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o(e.design.space[4]),
+  color: e.design.tokens["text.secondary"],
+  overflowWrap: "anywhere"
+})), Bo = (e, t) => {
+  const { paper: n } = e.design.tokens, r = e.design.tokens["paper.on"];
+  return $e(t, n) >= $e(t, r) ? n : r;
+}, No = {
+  default: "primary",
+  danger: "error",
+  warning: "warning"
+};
+function _o({
+  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), $ = s !== "default", D = () => {
+    b || d();
+  }, U = () => {
+    if (!P)
+      return;
+    x(!1);
+    let R;
+    try {
+      R = l();
+    } catch {
+      x(!0);
+      return;
+    }
+    R instanceof Promise && (f(!0), R.then(
+      () => f(!1),
+      () => {
+        f(!1), x(!0);
+      }
+    ));
+  }, A = (R) => {
+    R.preventDefault(), U();
+  };
+  return /* @__PURE__ */ i(
+    Xe,
+    {
+      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 && $,
+            onClick: D,
+            children: g.formatMessage({ id: "ds.layers.confirm-dialog.cancel" })
+          }
+        ),
+        /* @__PURE__ */ i(
+          Z,
+          {
+            type: "submit",
+            form: p,
+            variant: "contained",
+            color: No[s],
+            disabled: !P,
+            loading: b,
+            autoFocus: c === void 0 && !$,
+            sx: s === "warning" ? {
+              "&:not(.Mui-disabled)": {
+                color: Bo(
+                  m,
+                  m.design.tokens["status.warning"]
+                )
+              }
+            } : void 0,
+            children: r
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ v(Ho, { id: p, onSubmit: A, noValidate: !0, children: [
+        /* @__PURE__ */ i("div", { children: n }),
+        c !== void 0 && /* @__PURE__ */ i(
+          tn,
+          {
+            label: g.formatMessage(
+              { id: "ds.layers.confirm-dialog.type-to-confirm" },
+              { text: c }
+            ),
+            value: h,
+            onChange: (R) => y(R.target.value),
+            disabled: b,
+            autoFocus: !0,
+            autoComplete: "off",
+            fullWidth: !0
+          }
+        ),
+        u && /* @__PURE__ */ i(en, { severity: "error", children: g.formatMessage({ id: "ds.layers.confirm-dialog.failed" }) })
+      ] })
+    }
+  );
+}
+var Vo = /* @__PURE__ */ ((e) => (e.BottomStart = "bottom-start", e.BottomEnd = "bottom-end", e))(Vo || {});
+const jo = 320, Go = 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: O(t["border.subtle"])
+  };
+}), Uo = 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"
+})), gt = a("div")(({ theme: e }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o(e.design.space[3]),
+  fontSize: o(e.design.typeScale.body)
+})), qo = a(gt)(({ theme: e }) => ({
+  padding: o(e.design.space[4])
+}));
+function ui({
+  anchorEl: e,
+  open: t,
+  onClose: n,
+  title: r,
+  placement: s = "bottom-start",
+  width: c = jo,
+  children: l
+}) {
+  const d = z(), g = E(), m = Ye() === F.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(gt, { children: l })
+      }
+    );
+  const y = s === "bottom-end" ? "right" : "left";
+  return /* @__PURE__ */ v(
+    Jt,
+    {
+      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(Go, { children: [
+          /* @__PURE__ */ i(Uo, { id: g, children: r }),
+          /* @__PURE__ */ i(ee, { "aria-label": p, onClick: n, children: /* @__PURE__ */ i(ue, { "aria-hidden": !0 }) })
+        ] }),
+        /* @__PURE__ */ i(qo, { children: l })
+      ]
+    }
+  );
+}
+const pt = Be(null);
+function gi({ 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 = X(
+    (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(pt.Provider, { value: p, children: [
+    e,
+    r !== null && // A new key per request: each one starts from an empty confirmation field.
+    /* @__PURE__ */ i(
+      _o,
+      {
+        open: d === r,
+        ...r.options,
+        onConfirm: () => m(!0),
+        onCancel: () => m(!1)
+      },
+      r.id
+    )
+  ] });
+}
+function pi() {
+  const e = Ne(pt);
+  if (e === null)
+    throw new Error(
+      "useConfirmDialog must be called inside a ConfirmDialogProvider"
+    );
+  return e;
+}
+const Ko = 1, Yo = (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 = X(() => {
+    const l = e.current;
+    l !== null && s(Yo(l, t) > Ko);
+  }, [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 Xo = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e))(Xo || {});
+const Zo = 2, Jo = /* @__PURE__ */ new Set(["Enter", " "]), er = a("div", {
+  shouldForwardProp: (e) => e !== "variant"
+})(({ theme: e, variant: t }) => ({
+  minWidth: 0,
+  ...t === "primary" && {
+    borderBottom: O(e.design.tokens["border.subtle"])
+  }
+})), ft = 32, tr = 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(
+    ft
+  )}), 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 }
+  };
+}), mt = (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 = {
+    [N.down(F.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(Zo),
+      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
+  };
+}, ht = (e) => e !== "variant", nr = a(sn, { shouldForwardProp: ht })(({ theme: e, variant: t }) => mt(e, t)), or = a("button", { shouldForwardProp: ht })(({ theme: e, variant: t }) => mt(e, t)), rr = 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: O(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 + ft;
+  n < e.scrollLeft ? e.scrollLeft = n : r > e.scrollLeft + e.clientWidth && (e.scrollLeft = r - e.clientWidth);
+};
+function fi({
+  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 = X(
+    () => {
+      var f;
+      return Array.from(
+        ((f = l.current) == null ? void 0 : f.querySelectorAll('[role="tab"]')) ?? []
+      );
+    },
+    []
+  ), p = X(() => {
+    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 (Jo.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(er, { variant: r, children: /* @__PURE__ */ i(
+    tr,
+    {
+      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(rr, { 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(
+          nr,
+          {
+            to: f.to,
+            "aria-current": x ? "page" : void 0,
+            ...C,
+            children: k
+          },
+          f.value
+        ) : /* @__PURE__ */ i(or, { type: "button", ...C, children: k }, f.value);
+      })
+    }
+  ) });
+}
+export {
+  ui as A,
+  Qe as B,
+  En as C,
+  F as D,
+  ro as E,
+  Ze as F,
+  Y as G,
+  _o as H,
+  io as I,
+  Vo as J,
+  ti as K,
+  ni as L,
+  Xe as M,
+  di as N,
+  ut as O,
+  oi as P,
+  ri as Q,
+  ei as R,
+  li as S,
+  fi as T,
+  ii as U,
+  si as V,
+  xe as a,
+  Je as b,
+  ai as c,
+  N as d,
+  Jr as e,
+  ci as f,
+  Xo as g,
+  O as h,
+  te as i,
+  oe as j,
+  Xr as k,
+  ln as l,
+  Po as m,
+  gi as n,
+  Ye as o,
+  o as p,
+  J as q,
+  dn as r,
+  ge as s,
+  Ke as t,
+  pi as u,
+  Zr as v,
+  se as w,
+  Qo as x,
+  lo as y,
+  ct as z
+};