@trinityui/design-system 2.11.1 → 2.13.0

package/dist/forms.js

@@ -1,22 +1,51 @@
-import { jsxs as f, jsx as e, Fragment as Se } from "react/jsx-runtime";
-import * as M from "react";
-import Oe, { createElement as Re, useState as le, useRef as Fe, useCallback as A } from "react";
-import { useTheme as Me, Paper as pe, Box as L, ListItem as ue, alpha as he, ListItemIcon as te, Checkbox as ge, ListItemText as me, Divider as ye, Button as fe, Autocomplete as Ae, Typography as _, Popper as Be, Chip as Ie, TextField as Ee, Alert as ve, Stack as ze, List as We, LinearProgress as je, ListItemSecondaryAction as Te, IconButton as $e } from "@mui/material";
-import { Check as ce, Add as Ue, Close as be } from "@mui/icons-material";
-import de from "@mui/icons-material/CloudUpload";
-import Ve from "@mui/icons-material/InsertDriveFile";
-import Ke from "@mui/icons-material/Delete";
-import ke from "@mui/icons-material/CheckCircle";
-import _e from "@mui/icons-material/Error";
-import qe from "@mui/icons-material/PictureAsPdf";
-import Ge from "@mui/icons-material/Image";
-import Ne from "@mui/icons-material/VideoLibrary";
-import He from "@mui/icons-material/Description";
-import { s as Ce } from "./app-shell.js";
-const xe = () => `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Je = (d) => /* @__PURE__ */ e(
-  Be,
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import * as A from "react";
+import br, { createElement as yr, useState as Ge, useRef as h, useCallback as re, useEffect as Ve } from "react";
+import { Autocomplete as wr, Paper as nr, ListItem as we, ListItemIcon as de, ListItemText as xe, Popper as xr, Chip as or, TextField as Sr, ListSubheader as Rr, autocompleteClasses as De, Box as T, ButtonBase as Ir, Typography as ue, Alert as Ke, Button as He, Stack as Cr, List as kr, LinearProgress as Er, ListItemSecondaryAction as Or, Tooltip as Lr, IconButton as Pr } from "@mui/material";
+import sr from "@mui/utils/useControlled";
+import { I as pe } from "./app-shell.js";
+import { t as _r, s as ir } from "./foundation.js";
+import $ from "@mui/utils/useEventCallback";
+import Dr from "@mui/utils/useEnhancedEffect";
+import Fr from "@mui/utils/getActiveElement";
+import Mr from "@mui/utils/ownerDocument";
+import Fe from "@mui/icons-material/CloudUpload";
+import Ur from "@mui/icons-material/InsertDriveFile";
+import Ar from "@mui/icons-material/Delete";
+import cr from "@mui/icons-material/CheckCircle";
+import Tr from "@mui/icons-material/Error";
+import zr from "@mui/icons-material/PictureAsPdf";
+import Br from "@mui/icons-material/Image";
+import Wr from "@mui/icons-material/VideoLibrary";
+import $r from "@mui/icons-material/Description";
+import { u as jr } from "./focus-on-replace.js";
+const Je = () => `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Se = "__trinity_combobox_select_all__", Ae = "__trinity_combobox_create__", Nr = (o) => o.group === "" ? /* @__PURE__ */ t(A.Fragment, { children: o.children }, o.key) : /* @__PURE__ */ E("li", { children: [
+  /* @__PURE__ */ t(
+    Rr,
+    {
+      component: "div",
+      className: De.groupLabel,
+      sx: { backgroundColor: "background.paper", top: -8 },
+      children: o.group
+    }
+  ),
+  /* @__PURE__ */ t(
+    T,
+    {
+      component: "ul",
+      className: De.groupUl,
+      sx: { p: 0, [`& .${De.option}`]: { paddingInlineStart: 3 } },
+      children: o.children
+    }
+  )
+] }, o.key), Qe = (o) => typeof o == "object" && o !== null && (o.id === Se || o.id === Ae);
+function Xe({ checked: o }) {
+  return /* @__PURE__ */ t(T, { component: "span", "aria-hidden": !0, sx: { display: "inline-flex", p: 1.125 }, children: o ? /* @__PURE__ */ t(T, { component: "span", sx: { width: 18, height: 18, border: "2px solid", borderColor: "primary.main", borderRadius: 0.5, backgroundColor: "primary.main", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ t(pe, { name: "check", size: "xs", color: "primary.contrastText", sx: { width: 14, height: 14 } }) }) : /* @__PURE__ */ t(T, { component: "span", sx: { width: 18, height: 18, border: "2px solid", borderColor: "action.active", borderRadius: 0.5, backgroundColor: "transparent" } }) });
+}
+const qr = (o) => /* @__PURE__ */ t(
+  xr,
   {
-    ...d,
+    ...o,
     placement: "bottom-start",
     modifiers: [
       {
@@ -27,111 +56,119 @@ const xe = () => `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       }
     ]
   }
-), pr = M.forwardRef(function({
-  options: p,
-  value: s,
-  defaultValue: S,
-  onChange: x,
-  creatable: w = !1,
-  onCreate: I,
-  createText: B = 'Create "{value}"',
-  multiple: u = !1,
-  placeholder: Y = "Select...",
-  label: q,
-  helperText: l,
-  error: G = !1,
-  errorMessage: oe,
-  disabled: Z = !1,
-  fullWidth: V = !1,
-  size: j = "medium",
-  limitTags: N = 3,
-  showCheckbox: T = !0,
-  groupBy: ee = !1,
-  loading: K = !1,
-  noOptionsText: H = "No options",
-  filterOptions: J,
-  renderOption: Q,
-  renderTag: $,
-  freeSolo: g = !1,
-  autoHighlight: C = !0,
-  clearOnEscape: ne = !0,
-  showSelectAll: E = !1,
-  selectAllText: re = "Select All",
+), Gr = [], gt = /* @__PURE__ */ A.forwardRef(function({
+  options: d,
+  value: w,
+  defaultValue: O,
+  onChange: a,
+  creatable: x = !1,
+  onCreate: D,
+  createText: fe = 'Create "{value}"',
+  multiple: I = !1,
+  placeholder: Re = "Select...",
+  label: me,
+  helperText: R,
+  error: te = !1,
+  errorMessage: Ie,
+  disabled: he = !1,
+  fullWidth: K = !1,
+  size: H = "medium",
+  limitTags: ne = 3,
+  showCheckbox: J = !0,
+  groupBy: oe = !1,
+  loading: Ce = !1,
+  noOptionsText: ke = "No options",
+  filterOptions: v,
+  renderOption: j,
+  renderTag: Q,
+  freeSolo: Ee = !1,
+  autoHighlight: ge = !0,
+  clearOnEscape: X = !0,
+  showSelectAll: z = !1,
+  selectAllText: N = "Select All",
   className: se,
-  sx: ae
-}, ie) {
-  const X = Me(), [y, U] = M.useState(""), [O, z] = M.useState(
-    S || []
-  ), k = s !== void 0 ? s : O, r = M.useCallback(
-    (t, o) => {
-      if (J)
-        return J(t, o);
-      const n = o.inputValue.toLowerCase();
-      return t.filter(
-        (a) => a.label.toLowerCase().includes(n) || a.secondary?.toLowerCase().includes(n)
+  sx: B
+}, F) {
+  const [L, ie] = A.useState(""), [y, _] = sr({
+    controlled: w,
+    default: O || Gr,
+    name: "Combobox",
+    state: "value"
+  }), ce = A.useCallback(
+    (s, c) => {
+      if (v)
+        return v(s, c);
+      const g = c.inputValue.toLowerCase();
+      return s.filter(
+        (m) => m.label.toLowerCase().includes(g) || m.secondary?.toLowerCase().includes(g)
       );
     },
-    [J]
-  ), c = M.useMemo(() => {
-    if (!w || !y.trim()) return !1;
-    const t = y.trim().toLowerCase(), o = p.some(
-      (a) => a.label.toLowerCase() === t
-    ), n = k.some(
-      (a) => a.label.toLowerCase() === t
+    [v]
+  ), q = A.useMemo(() => {
+    if (!x || !L.trim()) return !1;
+    const s = L.trim().toLowerCase(), c = d.some(
+      (m) => m.label.toLowerCase() === s
+    ), g = y.some(
+      (m) => m.label.toLowerCase() === s
     );
-    return !o && !n;
-  }, [w, y, p, k]), D = async (t, o) => {
-    let n;
-    if (u) {
-      const m = o || [];
-      n = await Promise.all(
-        m.map(async (P) => typeof P == "string" ? w && I ? await I(P) : { id: xe(), label: P } : P)
+    return !c && !g;
+  }, [x, L, d, y]), ve = async (s, c, g, m) => {
+    const p = m?.option;
+    if (Qe(p)) {
+      p.id === Se ? W() : ae();
+      return;
+    }
+    let u;
+    if (I) {
+      const U = c || [];
+      u = await Promise.all(
+        U.map(async (P) => typeof P == "string" ? x && D ? await D(P) : { id: Je(), label: P } : P)
       );
     } else
-      o === null ? n = [] : typeof o == "string" ? w && I ? n = [await I(o)] : n = [{ id: xe(), label: o }] : n = [o];
-    const a = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
-    n = n.filter((m) => {
-      const P = m.label.toLowerCase();
-      return a.has(m.id) || b.has(P) ? !1 : (a.add(m.id), b.add(P), !0);
-    }), z(n), x?.(n);
-  }, R = M.useMemo(() => {
-    const t = p.filter((o) => !o.disabled);
-    return t.length > 0 && t.every(
-      (o) => k.some((n) => n.id === o.id)
+      c === null ? u = [] : typeof c == "string" ? x && D ? u = [await D(c)] : u = [{ id: Je(), label: c }] : u = [c];
+    const M = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new Set();
+    u = u.filter((U) => {
+      const P = U.label.toLowerCase();
+      return M.has(U.id) || Z.has(P) ? !1 : (M.add(U.id), Z.add(P), !0);
+    }), _(u), a?.(u);
+  }, C = A.useMemo(() => {
+    const s = d.filter((c) => !c.disabled);
+    return s.length > 0 && s.every(
+      (c) => y.some((g) => g.id === c.id)
     );
-  }, [p, k]), v = M.useCallback(() => {
-    if (R)
-      z([]), x?.([]);
+  }, [d, y]), W = A.useCallback(() => {
+    if (C)
+      _([]), a?.([]);
     else {
-      const t = p.filter((o) => !o.disabled);
-      z(t), x?.(t);
+      const s = d.filter((c) => !c.disabled);
+      _(s), a?.(s);
     }
-  }, [R, p, x]), h = M.useCallback(async () => {
-    if (!c || !I) return;
-    const t = await I(y), o = u ? [...k, t] : [t];
-    z(o), x?.(o), U("");
-  }, [c, I, y, u, k, x]), W = (t) => /* @__PURE__ */ e(
-    Ee,
+  }, [C, d, a, _]), ae = A.useCallback(async () => {
+    if (!q || !D) return;
+    const s = await D(L), c = I ? [...y, s] : [s];
+    _(c), a?.(c), ie("");
+  }, [q, D, L, I, y, a, _]), G = (s) => /* @__PURE__ */ t(
+    Sr,
     {
-      ...t,
-      label: q,
-      placeholder: k.length === 0 ? Y : void 0,
-      error: G,
-      helperText: G ? oe : l,
-      size: j
+      ...s,
+      label: me,
+      placeholder: y.length === 0 ? Re : void 0,
+      error: te,
+      helperText: te ? Ie : R,
+      size: H
     }
-  ), F = (t, o) => {
-    const n = o;
-    return (Array.isArray(t) ? t : []).map((b, m) => {
-      const P = n({ index: m });
-      return $ ? $(b, P.onDelete) : /* @__PURE__ */ Re(
-        Ie,
+  ), be = (s, c) => {
+    const g = c;
+    return (Array.isArray(s) ? s : []).map((p, u) => {
+      const M = g({ index: u });
+      return Q ? Q(p, M.onDelete) : /* @__PURE__ */ yr(
+        or,
         {
-          ...P,
-          key: typeof b == "object" ? b.id : m,
-          label: typeof b == "object" ? b.label : String(b),
-          size: j,
-          deleteIcon: /* @__PURE__ */ e(be, { fontSize: "small" }),
+          ...M,
+          key: typeof p == "object" ? p.id : u,
+          label: typeof p == "object" ? p.label : String(p),
+          size: H,
+          deleteIcon: /* @__PURE__ */ t(pe, { name: "close", size: "small" }),
           sx: {
             maxWidth: 150,
             "& .MuiChip-label": {
@@ -142,398 +179,433 @@ const xe = () => `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
         }
       );
     });
-  }, i = M.useCallback(
-    (t) => {
-      const { children: o, ...n } = t;
-      return /* @__PURE__ */ f(pe, { ...n, elevation: 8, children: [
-        u && E && /* @__PURE__ */ f(
-          L,
-          {
-            onMouseDown: (a) => {
-              a.preventDefault(), a.stopPropagation();
-            },
-            onClick: (a) => {
-              a.preventDefault(), a.stopPropagation(), v();
-            },
-            children: [
-              /* @__PURE__ */ f(
-                ue,
-                {
-                  dense: !0,
-                  sx: {
-                    cursor: "pointer",
-                    "&:hover": {
-                      backgroundColor: he(X.palette.primary.main, 0.08)
-                    }
-                  },
-                  children: [
-                    T && /* @__PURE__ */ e(te, { sx: { minWidth: 36, pointerEvents: "none" }, children: /* @__PURE__ */ e(
-                      ge,
-                      {
-                        icon: /* @__PURE__ */ e(
-                          L,
-                          {
-                            sx: {
-                              width: 18,
-                              height: 18,
-                              border: "2px solid",
-                              borderColor: "action.active",
-                              borderRadius: 0.5,
-                              backgroundColor: "transparent"
-                            }
-                          }
-                        ),
-                        checkedIcon: /* @__PURE__ */ e(
-                          L,
-                          {
-                            sx: {
-                              width: 18,
-                              height: 18,
-                              border: "2px solid",
-                              borderColor: "primary.main",
-                              borderRadius: 0.5,
-                              backgroundColor: "primary.main",
-                              display: "flex",
-                              alignItems: "center",
-                              justifyContent: "center"
-                            },
-                            children: /* @__PURE__ */ e(
-                              ce,
-                              {
-                                sx: {
-                                  width: 14,
-                                  height: 14,
-                                  color: "primary.contrastText"
-                                }
-                              }
-                            )
-                          }
-                        ),
-                        checked: R,
-                        size: "small",
-                        disableRipple: !0,
-                        tabIndex: -1
-                      }
-                    ) }),
-                    /* @__PURE__ */ e(
-                      me,
-                      {
-                        primary: R ? "Deselect All" : re,
-                        slotProps: { primary: {
-                          variant: "body2",
-                          sx: { fontWeight: 500 }
-                        } }
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(ye, {})
-            ]
-          }
-        ),
-        o,
-        c && /* @__PURE__ */ f(Se, { children: [
-          /* @__PURE__ */ e(ye, {}),
-          /* @__PURE__ */ e(
-            fe,
-            {
-              fullWidth: !0,
-              startIcon: /* @__PURE__ */ e(Ue, {}),
-              onMouseDown: (a) => {
-                a.preventDefault();
-              },
-              onClick: h,
-              sx: {
-                justifyContent: "flex-start",
-                py: 1.5,
-                px: 2,
-                textTransform: "none",
-                color: "primary.main",
-                borderRadius: 0,
-                "&:hover": {
-                  backgroundColor: he(X.palette.primary.main, 0.08)
-                }
-              },
-              children: B.replace("{value}", y)
-            }
-          )
-        ] })
-      ] });
+  }, le = A.useCallback(
+    (s, c) => {
+      const g = ce(s, c), m = [];
+      return I && z && !c.inputValue && d.some((p) => !p.disabled) && m.push({ id: Se, label: C ? "Deselect All" : N }), m.push(...g), q && m.push({ id: Ae, label: fe.replace("{value}", L) }), m;
     },
-    [c, B, y, X.palette.primary.main, h, u, E, T, v, R, re]
-  ), Le = p;
-  return /* @__PURE__ */ e(
-    Ae,
+    [ce, I, z, d, C, N, q, fe, L]
+  ), Y = d;
+  return /* @__PURE__ */ t(
+    wr,
     {
-      ref: ie,
+      ref: F,
       className: se,
-      sx: { width: V ? "100%" : 300, ...ae },
-      multiple: u,
-      options: Le,
-      value: u ? k : k[0] || null,
-      onChange: D,
-      inputValue: y,
-      onInputChange: (t, o) => U(o),
-      getOptionLabel: (t) => typeof t == "string" ? t : t.label,
-      isOptionEqualToValue: (t, o) => t.id === o.id,
-      getOptionDisabled: (t) => typeof t == "object" && t.disabled === !0,
-      groupBy: ee ? (t) => t.group || "" : void 0,
-      filterOptions: r,
-      renderInput: W,
-      renderValue: u ? F : void 0,
-      renderOption: (t, o, { selected: n }) => {
-        const { key: a, ...b } = t, m = o;
-        return Q ? /* @__PURE__ */ e("li", { ...b, children: Q(m, { selected: n }) }, a) : /* @__PURE__ */ f(ue, { ...b, dense: !0, children: [
-          u && T && /* @__PURE__ */ e(te, { sx: { minWidth: 36 }, children: /* @__PURE__ */ e(
-            ge,
+      sx: _r({ width: K ? "100%" : 300 }, B),
+      multiple: I,
+      options: Y,
+      value: I ? y : y[0] || null,
+      onChange: ve,
+      inputValue: L,
+      onInputChange: (s, c) => ie(c),
+      getOptionLabel: (s) => typeof s == "string" ? s : s.label,
+      isOptionEqualToValue: (s, c) => s.id === c.id,
+      getOptionDisabled: (s) => typeof s == "object" && s.disabled === !0,
+      groupBy: oe ? (s) => Qe(s) ? "" : s.group || "" : void 0,
+      renderGroup: oe && I && z ? Nr : void 0,
+      filterOptions: le,
+      renderInput: G,
+      renderValue: I ? be : void 0,
+      renderOption: (s, c, { selected: g }) => {
+        const { key: m, ...p } = s, u = c;
+        return u.id === Se ? /* @__PURE__ */ E(we, { ...p, "aria-selected": C, dense: !0, divider: !0, children: [
+          J && /* @__PURE__ */ t(de, { sx: { minWidth: 36 }, children: /* @__PURE__ */ t(Xe, { checked: C }) }),
+          /* @__PURE__ */ t(
+            xe,
             {
-              icon: /* @__PURE__ */ e(L, { sx: { width: 18, height: 18, border: "2px solid", borderColor: "action.active", borderRadius: 0.5, backgroundColor: "transparent" } }),
-              checkedIcon: /* @__PURE__ */ e(L, { sx: { width: 18, height: 18, border: "2px solid", borderColor: "primary.main", borderRadius: 0.5, backgroundColor: "primary.main", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(ce, { sx: { width: 14, height: 14, color: "primary.contrastText" } }) }),
-              checked: n,
-              size: "small"
+              primary: u.label,
+              slotProps: { primary: { variant: "body2", sx: { fontWeight: 500 } } }
             }
-          ) }),
-          m.icon && /* @__PURE__ */ e(te, { sx: { minWidth: 36 }, children: m.icon }),
-          /* @__PURE__ */ e(
-            me,
+          )
+        ] }, m) : u.id === Ae ? /* @__PURE__ */ E(we, { ...p, "aria-selected": !1, dense: !0, sx: { color: "primary.main" }, children: [
+          /* @__PURE__ */ t(de, { sx: { minWidth: 36, color: "inherit" }, children: /* @__PURE__ */ t(pe, { name: "add", size: "small" }) }),
+          /* @__PURE__ */ t(xe, { primary: u.label, slotProps: { primary: { variant: "body2" } } })
+        ] }, m) : j ? /* @__PURE__ */ t("li", { ...p, children: j(u, { selected: g }) }, m) : /* @__PURE__ */ E(we, { ...p, dense: !0, children: [
+          I && J && /* @__PURE__ */ t(de, { sx: { minWidth: 36 }, children: /* @__PURE__ */ t(Xe, { checked: g }) }),
+          u.icon && /* @__PURE__ */ t(de, { sx: { minWidth: 36 }, children: u.icon }),
+          /* @__PURE__ */ t(
+            xe,
             {
-              primary: m.label,
-              secondary: m.secondary,
+              primary: u.label,
+              secondary: u.secondary,
               slotProps: { primary: { variant: "body2" }, secondary: { variant: "caption" } }
             }
           ),
-          !u && n && /* @__PURE__ */ e(ce, { sx: { ml: 1, color: "primary.main" }, fontSize: "small" })
-        ] }, a);
+          !I && g && /* @__PURE__ */ t(pe, { name: "check", size: "small", color: "primary.main", sx: { marginInlineStart: 1 } })
+        ] }, m);
       },
       slots: {
-        paper: w || u && E ? i : pe,
-        popper: Je
+        paper: nr,
+        popper: qr
       },
-      limitTags: N,
-      disabled: Z,
-      loading: K,
-      noOptionsText: c ? /* @__PURE__ */ e(_, { variant: "body2", color: "text.secondary", children: "Press Enter or click below to create" }) : H,
-      freeSolo: g || w,
-      autoHighlight: C,
-      clearOnEscape: ne,
-      disableCloseOnSelect: u,
-      slotProps: { chip: { size: j, deleteIcon: /* @__PURE__ */ e(be, { fontSize: "small" }) } }
+      limitTags: ne,
+      disabled: he,
+      loading: Ce,
+      noOptionsText: ke,
+      freeSolo: Ee || x,
+      autoHighlight: ge,
+      clearOnEscape: X,
+      disableCloseOnSelect: I,
+      slotProps: { chip: { size: H, deleteIcon: /* @__PURE__ */ t(pe, { name: "close", size: "small" }) } }
     }
   );
-}), De = (d) => {
-  if (d === 0) return "0 Bytes";
-  const p = 1024, s = ["Bytes", "KB", "MB", "GB"], S = Math.floor(Math.log(d) / Math.log(p));
-  return parseFloat((d / Math.pow(p, S)).toFixed(2)) + " " + s[S];
-}, Pe = (d) => d.startsWith("image/") ? /* @__PURE__ */ e(Ge, {}) : d.startsWith("video/") ? /* @__PURE__ */ e(Ne, {}) : d === "application/pdf" ? /* @__PURE__ */ e(qe, {}) : d.includes("document") || d.includes("text") ? /* @__PURE__ */ e(He, {}) : /* @__PURE__ */ e(Ve, {}), Qe = () => `file-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, ur = Oe.forwardRef(function({
-  variant: p = "dropzone",
-  accept: s,
-  multiple: S = !1,
-  maxSize: x,
-  maxFiles: w,
-  files: I,
-  onFilesChange: B,
-  onFileSelect: u,
-  onFileRemove: Y,
-  onUpload: q,
-  disabled: l = !1,
-  helperText: G,
-  error: oe,
-  showFileList: Z = !0,
-  size: V = "medium",
-  sx: j
-}, N) {
-  const [T, ee] = le([]), [K, H] = le(!1), [J, Q] = le(null), $ = Fe(null), g = I ?? T, C = A((r) => {
-    typeof r == "function" ? B ? B(r(I ?? T)) : ee(r) : B ? B(r) : ee(r);
-  }, [I, T, B]), ne = (r) => x && r.size > x ? `File "${r.name}" exceeds maximum size of ${De(x)}` : w && g.length >= w ? `Maximum ${w} files allowed` : null, E = A(
-    async (r) => {
-      const c = Array.from(r), D = [], R = [];
-      for (const v of c) {
-        const h = ne(v);
-        if (h) {
-          R.push(h);
+}), Ye = {
+  uploading: ({ name: o }) => `Uploading ${o}`,
+  remove: ({ name: o }) => `Remove ${o}`
+}, ar = (o) => {
+  if (o === 0) return "0 Bytes";
+  const d = 1024, w = ["Bytes", "KB", "MB", "GB"], O = Math.floor(Math.log(o) / Math.log(d));
+  return parseFloat((o / Math.pow(d, O)).toFixed(2)) + " " + w[O];
+}, lr = (o) => o.startsWith("image/") ? /* @__PURE__ */ t(Br, {}) : o.startsWith("video/") ? /* @__PURE__ */ t(Wr, {}) : o === "application/pdf" ? /* @__PURE__ */ t(zr, {}) : o.includes("document") || o.includes("text") ? /* @__PURE__ */ t($r, {}) : /* @__PURE__ */ t(Ur, {}), Vr = () => `file-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, Ze = 200, Kr = 10, Hr = 90, er = [], Te = (o, d) => Object.keys(d).every((w) => o[w] === d[w]), Me = (o) => JSON.stringify([o.status, o.progress, o.error ?? null, o.preview ?? null]), rr = (o) => JSON.stringify(o.map((d) => d.id)), Ue = (o, d) => {
+  if (d.size === 0) return o;
+  let w = !1;
+  const O = o.map((a) => {
+    const x = d.get(a.id);
+    return x === void 0 || Te(a, x) ? a : (w = !0, { ...a, ...x });
+  });
+  return w ? O : o;
+}, vt = /* @__PURE__ */ br.forwardRef(function({
+  variant: d = "dropzone",
+  accept: w,
+  multiple: O = !1,
+  maxSize: a,
+  maxFiles: x,
+  files: D,
+  onFilesChange: fe,
+  onFileSelect: I,
+  onFileRemove: Re,
+  onUpload: me,
+  disabled: R = !1,
+  helperText: te,
+  error: Ie,
+  showFileList: he = !0,
+  size: K = "medium",
+  labels: H,
+  sx: ne
+}, J) {
+  const oe = {
+    uploading: H?.uploading ?? Ye.uploading,
+    remove: H?.remove ?? Ye.remove
+  }, [Ce, ke] = sr({
+    controlled: D,
+    default: er,
+    name: "FileUpload",
+    state: "files"
+  }), v = Ce ?? er, [j, Q] = Ge(!1), [Ee, ge] = Ge(null), X = h(null), z = h(v), N = h(null), se = h(!1), B = h(/* @__PURE__ */ new Map()), F = h(/* @__PURE__ */ new Set()), L = h(/* @__PURE__ */ new Map()), ie = h(v), y = h(null), _ = h(0), ce = h(/* @__PURE__ */ new WeakMap()), q = h(0), ve = h(""), C = h(!1), W = h(/* @__PURE__ */ new Map()), ae = h(/* @__PURE__ */ new Set()), G = h(/* @__PURE__ */ new Set()), be = h(/* @__PURE__ */ new Set()), le = h(/* @__PURE__ */ new Set()), Y = h(/* @__PURE__ */ new Map()), s = h(null), c = re((e) => {
+    s.current = e;
+  }, []), g = (e) => (r) => {
+    r ? Y.current.set(e, r) : Y.current.delete(e);
+  }, { focusAfterCommit: m } = jr(), p = () => N.current ?? z.current, u = () => y.current !== null && N.current === null, M = () => {
+    y.current !== null && (clearTimeout(y.current), y.current = null);
+  }, Z = $((e) => {
+    N.current = e, se.current || (se.current = !0, queueMicrotask(() => {
+      se.current = !1, N.current = null;
+    }));
+    const r = L.current;
+    e.forEach((n) => {
+      F.current.delete(n.id);
+      const i = r.get(n.id);
+      i === void 0 ? r.set(n.id, /* @__PURE__ */ new Set([Me(n)])) : i.add(Me(n));
+    }), ie.current = e, _.current += 1, ce.current.set(e, _.current), ke(e), fe?.(e);
+  }), U = (e) => {
+    if (!C.current) return;
+    const r = p(), n = e(r);
+    n !== r && (M(), q.current = _.current + 1, ve.current = rr(z.current), y.current = setTimeout(() => {
+      y.current = null, Oe();
+    }, Ze), Z(Ue(n, B.current)));
+  }, P = (e, r) => {
+    const n = p(), i = n.find((k) => k.id === e), l = B.current, S = l.get(e), f = i && S ? { ...i, ...S } : i;
+    let b;
+    if (typeof r == "function") {
+      if (f === void 0) return !1;
+      b = r(f);
+    } else
+      b = r;
+    if (b === null || f !== void 0 && Te(f, b))
+      return i !== void 0;
+    if (l.set(e, { ...S, ...b }), F.current.add(e), C.current && i !== void 0 && !u()) {
+      const k = Ue(n, l);
+      k !== n ? Z(k) : F.current.delete(e);
+    }
+    return i !== void 0;
+  }, ze = (e) => {
+    const r = W.current.get(e);
+    r !== void 0 && (clearInterval(r), W.current.delete(e));
+  }, Be = (e) => {
+    const r = W.current;
+    if (!C.current || r.has(e)) return;
+    const n = setInterval(() => {
+      P(
+        e,
+        (l) => l.progress < Hr ? { progress: l.progress + Kr } : null
+      ) || ze(e);
+    }, Ze);
+    r.set(e, n);
+  }, We = (e) => {
+    const r = URL.createObjectURL(e);
+    return G.current.add(r), r;
+  }, $e = $(() => {
+    if (!C.current) return;
+    const e = p();
+    ae.current.forEach((r) => {
+      if (W.current.has(r)) return;
+      const n = e.find((l) => l.id === r);
+      if (n === void 0) return;
+      (B.current.get(r)?.status ?? n.status) === "uploading" && Be(r);
+    });
+  }), Oe = $(() => {
+    const e = F.current;
+    if (!C.current || e.size === 0 || u()) return;
+    const r = p();
+    if (!r.some((i) => e.has(i.id))) return;
+    const n = Ue(r, B.current);
+    n !== r ? Z(n) : r.forEach((i) => e.delete(i.id));
+  }), je = $((e) => {
+    const r = z.current;
+    if (z.current = e, y.current !== null) {
+      const f = ce.current.get(e);
+      (f === void 0 ? rr(e) !== ve.current : f >= q.current) && M();
+    }
+    const n = B.current, i = L.current, l = new Map(e.map((f) => [f.id, f])), S = new Set(ie.current.map((f) => f.id));
+    if (n.size > 0) {
+      const f = new Map(r.map((b) => [b.id, b]));
+      n.forEach((b, k) => {
+        const ee = l.get(k), vr = ee !== void 0 && f.has(k) && f.get(k) !== ee && !F.current.has(k) && !i.get(k)?.has(Me(ee));
+        (ee === void 0 && !S.has(k) || vr || ee !== void 0 && Te(ee, b)) && (n.delete(k), F.current.delete(k));
+      });
+    }
+    i.size > 0 && i.forEach((f, b) => {
+      !l.has(b) && !S.has(b) && i.delete(b);
+    }), $e(), Oe();
+  });
+  Dr(() => {
+    je(v);
+  }, [v, je]);
+  const Ne = $(() => {
+    C.current = !0;
+    const e = be.current;
+    if (e.size > 0) {
+      const r = B.current;
+      p().forEach((n) => {
+        const i = r.get(n.id)?.preview ?? n.preview;
+        i === void 0 || !e.has(i) || (r.set(n.id, { ...r.get(n.id), preview: We(n.file) }), F.current.add(n.id));
+      }), e.clear();
+    }
+    $e(), Oe();
+  }), qe = $(() => {
+    C.current = !1, M(), W.current.forEach((e) => clearInterval(e)), W.current.clear(), G.current.forEach((e) => {
+      URL.revokeObjectURL(e), be.current.add(e);
+    }), G.current.clear(), le.current = /* @__PURE__ */ new Set();
+  });
+  Ve(() => (Ne(), qe), [Ne, qe]), Ve(() => {
+    const e = G.current, r = /* @__PURE__ */ new Set();
+    v.forEach((n) => {
+      n.preview !== void 0 && e.has(n.preview) && r.add(n.preview);
+    }), le.current.forEach((n) => {
+      r.has(n) || (URL.revokeObjectURL(n), e.delete(n));
+    }), le.current = r;
+  }, [v]);
+  const dr = (e) => a && e.size > a ? `File "${e.name}" exceeds maximum size of ${ar(a)}` : x && p().length >= x ? `Maximum ${x} files allowed` : null, ye = $(
+    async (e) => {
+      const r = Array.from(e), n = [], i = [];
+      for (const l of r) {
+        const S = dr(l);
+        if (S) {
+          i.push(S);
           continue;
         }
-        const W = {
-          id: Qe(),
-          file: v,
-          name: v.name,
-          size: v.size,
-          type: v.type,
+        const f = {
+          id: Vr(),
+          file: l,
+          name: l.name,
+          size: l.size,
+          type: l.type,
           progress: 0,
           status: "pending",
-          preview: v.type.startsWith("image/") ? URL.createObjectURL(v) : void 0
+          preview: l.type.startsWith("image/") ? We(l) : void 0
         };
-        D.push(W);
-      }
-      if (R.length > 0 ? Q(R[0]) : Q(null), D.length > 0) {
-        const v = S ? [...g, ...D] : D;
-        if (C(v), u?.(D.map((h) => h.file)), q)
-          for (const h of D)
-            try {
-              C(
-                (F) => F.map(
-                  (i) => i.id === h.id ? { ...i, status: "uploading" } : i
-                )
-              );
-              const W = setInterval(() => {
-                C(
-                  (F) => F.map(
-                    (i) => i.id === h.id && i.progress < 90 ? { ...i, progress: i.progress + 10 } : i
-                  )
-                );
-              }, 200);
-              await q(h.file), clearInterval(W), C(
-                (F) => F.map(
-                  (i) => i.id === h.id ? { ...i, status: "complete", progress: 100 } : i
-                )
-              );
-            } catch (W) {
-              C(
-                (F) => F.map(
-                  (i) => i.id === h.id ? {
-                    ...i,
-                    status: "error",
-                    error: W instanceof Error ? W.message : "Upload failed"
-                  } : i
-                )
-              );
-            }
+        n.push(f);
       }
+      if (i.length > 0 ? ge(i[0]) : ge(null), n.length > 0 && (U((l) => O ? [...l, ...n] : n), I?.(n.map((l) => l.file)), me))
+        for (const l of n) {
+          const { id: S } = l;
+          ae.current.add(S), P(S, { status: "uploading" }), Be(S);
+          let f;
+          try {
+            await me(l.file), f = { status: "complete", progress: 100 };
+          } catch (b) {
+            f = {
+              status: "error",
+              error: b instanceof Error ? b.message : "Upload failed"
+            };
+          } finally {
+            ae.current.delete(S), ze(S);
+          }
+          P(S, f);
+        }
+    }
+  ), ur = re((e) => {
+    e.preventDefault(), e.stopPropagation(), R || Q(!0);
+  }, [R]), pr = re((e) => {
+    e.preventDefault(), e.stopPropagation(), Q(!1);
+  }, []), fr = re((e) => {
+    e.preventDefault(), e.stopPropagation();
+  }, []), mr = re(
+    (e) => {
+      if (e.preventDefault(), e.stopPropagation(), Q(!1), R) return;
+      const r = e.dataTransfer.files;
+      r.length > 0 && ye(r);
     },
-    [g, C, x, w, S, u, q]
-  ), re = A((r) => {
-    r.preventDefault(), r.stopPropagation(), l || H(!0);
-  }, [l]), se = A((r) => {
-    r.preventDefault(), r.stopPropagation(), H(!1);
-  }, []), ae = A((r) => {
-    r.preventDefault(), r.stopPropagation();
-  }, []), ie = A(
-    (r) => {
-      if (r.preventDefault(), r.stopPropagation(), H(!1), l) return;
-      const c = r.dataTransfer.files;
-      c.length > 0 && E(c);
-    },
-    [l, E]
-  ), X = A(
-    (r) => {
-      const c = r.target.files;
-      c && c.length > 0 && E(c), $.current && ($.current.value = "");
-    },
-    [E]
-  ), y = A(
-    (r) => {
-      r.preview && URL.revokeObjectURL(r.preview);
-      const c = g.filter((D) => D.id !== r.id);
-      C(c), Y?.(r);
+    [R, ye]
+  ), hr = re(
+    (e) => {
+      const r = e.target.files;
+      r && r.length > 0 && ye(r), X.current && (X.current.value = "");
     },
-    [g, C, Y]
-  ), U = () => {
-    $.current?.click();
-  }, O = oe || J, z = /* @__PURE__ */ e(
+    [ye]
+  ), gr = (e) => {
+    const r = v.findIndex((i) => i.id === e);
+    if (r === -1) return;
+    const n = [...v.slice(r + 1), ...v.slice(0, r).reverse()].map(
+      (i) => i.id
+    );
+    n.length === 0 && R && d !== "dropzone" || m(() => {
+      for (const i of n) {
+        const l = Y.current.get(i);
+        if (l?.isConnected) return l;
+      }
+      return s.current;
+    });
+  }, Le = $((e) => {
+    const r = Y.current.get(e.id);
+    r?.contains(Fr(Mr(r))) && gr(e.id), e.preview && !G.current.has(e.preview) && URL.revokeObjectURL(e.preview), U(
+      (n) => n.some((i) => i.id === e.id) ? n.filter((i) => i.id !== e.id) : n
+    ), Re?.(e);
+  }), Pe = () => {
+    X.current?.click();
+  }, V = Ie || Ee, _e = /* @__PURE__ */ t(
     "input",
     {
-      ref: $,
+      ref: X,
       type: "file",
-      accept: s,
-      multiple: S,
-      onChange: X,
+      accept: w,
+      multiple: O,
+      onChange: hr,
       style: { display: "none" },
-      disabled: l
+      disabled: R
     }
-  ), k = A(
-    (r) => {
-      (r.key === "Enter" || r.key === " ") && !l && (r.preventDefault(), U());
-    },
-    [l]
   );
-  return p === "dropzone" ? /* @__PURE__ */ f(L, { ref: N, sx: j, children: [
-    z,
-    /* @__PURE__ */ f(
-      pe,
+  return d === "dropzone" ? /* @__PURE__ */ E(T, { ref: J, sx: ne, children: [
+    _e,
+    /* @__PURE__ */ E(
+      Ir,
       {
-        role: "button",
-        tabIndex: l ? -1 : 0,
-        "aria-label": `Upload files${s ? `. Accepted formats: ${s}` : ""}. Drag and drop or press Enter to browse`,
-        "aria-disabled": l,
-        onDragEnter: re,
-        onDragLeave: se,
-        onDragOver: ae,
-        onDrop: ie,
-        onClick: U,
-        onKeyDown: k,
+        component: nr,
+        disableRipple: !0,
+        ref: c,
+        disabled: R,
+        "aria-label": `Upload files${w ? `. Accepted formats: ${w}` : ""}. Drag and drop or press Enter to browse`,
+        onDragEnter: ur,
+        onDragLeave: pr,
+        onDragOver: fr,
+        onDrop: mr,
+        onClick: Pe,
         sx: {
-          p: V === "small" ? 3 : 4,
+          // ButtonBase lays out inline-flex; the zone stacks its content as before.
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          width: "100%",
+          p: K === "small" ? 3 : 4,
           border: "2px dashed",
-          borderColor: O ? "error.main" : K ? "primary.main" : "divider",
-          borderRadius: Ce.borders.radiusPx.lg,
-          bgcolor: K ? "action.hover" : l ? "action.disabledBackground" : "background.paper",
+          borderColor: V ? "error.main" : j ? "primary.main" : "divider",
+          borderRadius: ir.borders.radiusPx.lg,
+          bgcolor: j ? "action.hover" : R ? "action.disabledBackground" : "background.paper",
           textAlign: "center",
-          cursor: l ? "not-allowed" : "pointer",
+          cursor: R ? "not-allowed" : "pointer",
           transition: "all 0.2s ease",
           "&:hover": {
-            bgcolor: l ? void 0 : "action.hover",
-            borderColor: l ? void 0 : "primary.main"
+            bgcolor: R ? void 0 : "action.hover",
+            borderColor: R ? void 0 : "primary.main"
           }
         },
         children: [
-          /* @__PURE__ */ e(
-            de,
+          /* @__PURE__ */ t(
+            Fe,
             {
               sx: {
-                fontSize: V === "small" ? 40 : 56,
-                color: K ? "primary.main" : "action.active",
+                fontSize: K === "small" ? 40 : 56,
+                color: j ? "primary.main" : "action.active",
                 mb: 2
               }
             }
           ),
-          /* @__PURE__ */ e(_, { variant: V === "small" ? "body1" : "h6", gutterBottom: !0, children: K ? "Drop files here" : "Drag & drop files here" }),
-          /* @__PURE__ */ e(_, { variant: "body2", color: "text.secondary", gutterBottom: !0, children: "or click to browse" }),
-          G && /* @__PURE__ */ e(_, { variant: "caption", color: "text.secondary", children: G })
+          /* @__PURE__ */ t(ue, { variant: K === "small" ? "body1" : "h6", gutterBottom: !0, children: j ? "Drop files here" : "Drag & drop files here" }),
+          /* @__PURE__ */ t(ue, { variant: "body2", color: "textSecondary", gutterBottom: !0, children: "or click to browse" }),
+          te && /* @__PURE__ */ t(ue, { variant: "caption", color: "textSecondary", children: te })
         ]
       }
     ),
-    O && /* @__PURE__ */ e(ve, { severity: "error", sx: { mt: 2 }, children: O }),
-    Z && g.length > 0 && /* @__PURE__ */ e(we, { files: g, onRemove: y })
-  ] }) : p === "button" ? /* @__PURE__ */ f(L, { ref: N, sx: j, children: [
-    z,
-    /* @__PURE__ */ f(
-      fe,
+    V && /* @__PURE__ */ t(Ke, { severity: "error", sx: { mt: 2 }, children: V }),
+    he && v.length > 0 && /* @__PURE__ */ t(
+      tr,
       {
+        files: v,
+        onRemove: Le,
+        labels: oe,
+        removeButtonRef: g
+      }
+    )
+  ] }) : d === "button" ? /* @__PURE__ */ E(T, { ref: J, sx: ne, children: [
+    _e,
+    /* @__PURE__ */ E(
+      He,
+      {
+        ref: c,
         variant: "contained",
-        startIcon: /* @__PURE__ */ e(de, {}),
-        onClick: U,
-        disabled: l,
-        size: V,
+        startIcon: /* @__PURE__ */ t(Fe, {}),
+        onClick: Pe,
+        disabled: R,
+        size: K,
         children: [
           "Upload ",
-          S ? "Files" : "File"
+          O ? "Files" : "File"
         ]
       }
     ),
-    O && /* @__PURE__ */ e(ve, { severity: "error", sx: { mt: 2 }, children: O }),
-    Z && g.length > 0 && /* @__PURE__ */ e(we, { files: g, onRemove: y })
-  ] }) : /* @__PURE__ */ f(L, { ref: N, sx: j, children: [
-    z,
-    /* @__PURE__ */ f(ze, { direction: "row", spacing: 1, useFlexGap: !0, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ e(
-        fe,
+    V && /* @__PURE__ */ t(Ke, { severity: "error", sx: { mt: 2 }, children: V }),
+    he && v.length > 0 && /* @__PURE__ */ t(
+      tr,
+      {
+        files: v,
+        onRemove: Le,
+        labels: oe,
+        removeButtonRef: g
+      }
+    )
+  ] }) : /* @__PURE__ */ E(T, { ref: J, sx: ne, children: [
+    _e,
+    /* @__PURE__ */ E(Cr, { direction: "row", spacing: 1, useFlexGap: !0, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ t(
+        He,
         {
+          ref: c,
           variant: "outlined",
           size: "small",
-          startIcon: /* @__PURE__ */ e(de, {}),
-          onClick: U,
-          disabled: l,
+          startIcon: /* @__PURE__ */ t(Fe, {}),
+          onClick: Pe,
+          disabled: R,
           children: "Browse"
         }
       ),
-      g.map((r) => /* @__PURE__ */ e(
-        Ie,
+      v.map((e) => /* @__PURE__ */ t(
+        or,
         {
-          icon: r.status === "complete" ? /* @__PURE__ */ e(ke, {}) : Pe(r.type),
-          label: r.name,
-          onDelete: () => y(r),
-          color: r.status === "error" ? "error" : r.status === "complete" ? "success" : "default",
+          ref: g(e.id),
+          icon: e.status === "complete" ? /* @__PURE__ */ t(cr, {}) : lr(e.type),
+          label: e.name,
+          onDelete: () => Le(e),
+          color: e.status === "error" ? "error" : e.status === "complete" ? "success" : "default",
           size: "small",
           sx: {
             maxWidth: 200,
@@ -543,50 +615,70 @@ const xe = () => `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
             }
           }
         },
-        r.id
+        e.id
       ))
     ] }),
-    O && /* @__PURE__ */ e(_, { variant: "caption", color: "error", sx: { mt: 0.5, display: "block" }, children: O })
+    V && /* @__PURE__ */ t(ue, { variant: "caption", color: "error", sx: { mt: 0.5, display: "block" }, children: V })
   ] });
-}), we = ({ files: d, onRemove: p }) => /* @__PURE__ */ e(We, { dense: !0, sx: { mt: 2 }, children: d.map((s) => /* @__PURE__ */ f(
-  ue,
-  {
-    sx: {
-      bgcolor: "background.paper",
-      borderRadius: Ce.borders.radiusPx.md,
-      mb: 1,
-      border: "1px solid",
-      borderColor: s.status === "error" ? "error.light" : "divider"
-    },
-    children: [
-      /* @__PURE__ */ e(te, { children: s.status === "complete" ? /* @__PURE__ */ e(ke, { color: "success" }) : s.status === "error" ? /* @__PURE__ */ e(_e, { color: "error" }) : Pe(s.type) }),
-      /* @__PURE__ */ e(
-        me,
-        {
-          primary: s.name,
-          secondary: /* @__PURE__ */ f(L, { component: "span", children: [
-            De(s.size),
-            s.error && /* @__PURE__ */ f(_, { component: "span", color: "error", sx: { ml: 1 }, children: [
-              "• ",
-              s.error
-            ] })
-          ] }),
-          sx: {
-            "& .MuiListItemText-primary": {
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
+}), tr = ({ files: o, onRemove: d, labels: w, removeButtonRef: O }) => /* @__PURE__ */ t(kr, { dense: !0, sx: { mt: 2 }, children: o.map((a) => {
+  const x = w.remove({ name: a.name });
+  return /* @__PURE__ */ E(
+    we,
+    {
+      sx: {
+        bgcolor: "background.paper",
+        borderRadius: ir.borders.radiusPx.md,
+        mb: 1,
+        border: "1px solid",
+        borderColor: a.status === "error" ? "error.light" : "divider"
+      },
+      children: [
+        /* @__PURE__ */ t(de, { children: a.status === "complete" ? /* @__PURE__ */ t(cr, { color: "success" }) : a.status === "error" ? /* @__PURE__ */ t(Tr, { color: "error" }) : lr(a.type) }),
+        /* @__PURE__ */ t(
+          xe,
+          {
+            primary: a.name,
+            secondary: /* @__PURE__ */ E(T, { component: "span", children: [
+              ar(a.size),
+              a.error && /* @__PURE__ */ E(ue, { component: "span", color: "error", sx: { ml: 1 }, children: [
+                "• ",
+                a.error
+              ] })
+            ] }),
+            sx: {
+              "& .MuiListItemText-primary": {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }
             }
           }
-        }
-      ),
-      s.status === "uploading" && /* @__PURE__ */ e(L, { sx: { width: 100, mr: 2 }, children: /* @__PURE__ */ e(je, { variant: "determinate", value: s.progress }) }),
-      /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e($e, { edge: "end", onClick: () => p(s), size: "small", children: /* @__PURE__ */ e(Ke, { fontSize: "small" }) }) })
-    ]
-  },
-  s.id
-)) });
+        ),
+        a.status === "uploading" && /* @__PURE__ */ t(T, { sx: { width: 100, mr: 2 }, children: /* @__PURE__ */ t(
+          Er,
+          {
+            variant: "determinate",
+            value: a.progress,
+            "aria-label": w.uploading({ name: a.name })
+          }
+        ) }),
+        /* @__PURE__ */ t(Or, { children: /* @__PURE__ */ t(Lr, { title: x, children: /* @__PURE__ */ t(
+          Pr,
+          {
+            ref: O(a.id),
+            edge: "end",
+            "aria-label": x,
+            onClick: () => d(a),
+            size: "small",
+            children: /* @__PURE__ */ t(Ar, { fontSize: "small" })
+          }
+        ) }) })
+      ]
+    },
+    a.id
+  );
+}) });
 export {
-  pr as C,
-  ur as F
+  gt as C,
+  vt as F
 };