@opennsw/jsonforms-renderers 0.2.0 → 0.2.1

package/dist/renderers.es.js

@@ -1,28 +1,37 @@
-import { jsx as e, jsxs as s, Fragment as ce } from "react/jsx-runtime";
-import { createContext as ze, useContext as Te, useState as L, useRef as Le, useEffect as X, useCallback as se } from "react";
-import { rankWith as z, isStringControl as Ue, or as Z, isNumberControl as Ae, isIntegerControl as De, isBooleanControl as ke, isEnumControl as xe, isOneOfControl as Re, isDateControl as Fe, uiTypeIs as E, formatIs as ae, createDefaultValue as $e, isObjectArrayControl as Ne, isPrimitiveArrayControl as Ie } from "@jsonforms/core";
-import { withJsonFormsControlProps as I, JsonFormsDispatch as B, withJsonFormsArrayControlProps as Se } from "@jsonforms/react";
-import { Box as w, Flex as v, Text as c, TextField as Q, Checkbox as Ee, Select as H, Tabs as M, Card as Y, Heading as ue, Button as _, IconButton as Be } from "@radix-ui/themes";
-import { FileTextIcon as Oe, CheckCircledIcon as Ve, Cross2Icon as Pe, ExclamationTriangleIcon as je, UploadIcon as He, TrashIcon as Me, PlusIcon as We } from "@radix-ui/react-icons";
-const he = ze(null);
-function $r({
+import { jsx as e, jsxs as p, Fragment as Y } from "react/jsx-runtime";
+import { createContext as ge, useContext as me, useState as M, useRef as ee, useEffect as fe, useCallback as be } from "react";
+import { rankWith as z, isStringControl as ye, or as Z, isNumberControl as ve, isIntegerControl as Ce, isBooleanControl as we, isEnumControl as ne, isOneOfControl as oe, isDateControl as ze, uiTypeIs as j, and as xe, schemaMatches as $e, createDefaultValue as ke, isObjectArrayControl as Te, isPrimitiveArrayControl as Re } from "@jsonforms/core";
+import { withJsonFormsControlProps as U, JsonFormsDispatch as E, withJsonFormsArrayControlProps as Se } from "@jsonforms/react";
+import { Box as w, Flex as C, Text as c, TextField as Q, Checkbox as Fe, RadioGroup as re, Select as W, Tabs as G, Heading as le, Card as ie, Button as _, IconButton as Le } from "@radix-ui/themes";
+import { FileTextIcon as Ae, CheckCircledIcon as Ue, Cross2Icon as De, ExclamationTriangleIcon as Ie, UploadIcon as Oe, TrashIcon as Ve, PlusIcon as je } from "@radix-ui/react-icons";
+const ce = ge(null);
+function Tr({
   children: t,
-  onUpload: l,
-  getDownloadUrl: r,
-  openFileInNewTab: u
+  onUpload: n,
+  getDownloadUrl: r
 }) {
-  const m = { onUpload: l, getDownloadUrl: r, openFileInNewTab: u };
-  return /* @__PURE__ */ e(he.Provider, { value: m, children: t });
+  const f = { onUpload: n, getDownloadUrl: r };
+  return /* @__PURE__ */ e(ce.Provider, { value: f, children: t });
 }
-function _e() {
-  return Te(he);
+function Ee() {
+  return me(ce);
 }
-const qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
-  var f;
-  const d = i.length === 0;
-  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
-    /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      u,
+const Ne = ({
+  data: t,
+  handleChange: n,
+  path: r,
+  label: f,
+  required: m,
+  errors: i,
+  uischema: l,
+  schema: h,
+  enabled: s
+}) => {
+  var y;
+  const g = i.length === 0;
+  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ p(C, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ p(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
+      f,
       " ",
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
@@ -30,32 +39,39 @@ const qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       Q.Root,
       {
         value: t || "",
-        onChange: (C) => l(r, C.target.value),
-        disabled: !b,
-        placeholder: (f = a.options) == null ? void 0 : f.placeholder,
-        color: d ? void 0 : "red",
+        onChange: (a) => n(r, a.target.value),
+        disabled: !s,
+        placeholder: (y = l.options) == null ? void 0 : y.placeholder,
+        color: g ? void 0 : "red",
         id: r
       }
     ),
-    !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
-    n.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: n.description })
+    !g && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
+    h.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: h.description })
   ] }) });
-}, Ge = z(
-  1,
-  Ue
-), Je = I(qe), Ke = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
-  var C;
-  const d = i.length === 0, f = (h) => {
-    if (h === "") {
-      l(r, void 0);
+}, Be = z(1, ye), Pe = U(Ne), We = ({
+  data: t,
+  handleChange: n,
+  path: r,
+  label: f,
+  required: m,
+  errors: i,
+  uischema: l,
+  schema: h,
+  enabled: s
+}) => {
+  var a;
+  const g = i.length === 0, y = (d) => {
+    if (d === "") {
+      n(r, void 0);
       return;
     }
-    const p = Number(h);
-    isNaN(p) || l(r, p);
+    const u = Number(d);
+    isNaN(u) || n(r, u);
   };
-  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
-    /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      u,
+  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ p(C, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ p(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
+      f,
       " ",
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
@@ -64,89 +80,137 @@ const qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       {
         type: "number",
         value: t ?? "",
-        onChange: (h) => f(h.target.value),
-        disabled: !b,
-        placeholder: (C = a.options) == null ? void 0 : C.placeholder,
-        color: d ? void 0 : "red",
+        onChange: (d) => y(d.target.value),
+        disabled: !s,
+        placeholder: (a = l.options) == null ? void 0 : a.placeholder,
+        color: g ? void 0 : "red",
         id: r
       }
     ),
-    !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
-    n.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: n.description })
+    !g && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
+    h.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: h.description })
   ] }) });
-}, Xe = z(
-  2,
-  Z(Ae, De)
-), Ze = I(Ke), Qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
-  const b = i.length === 0;
-  return /* @__PURE__ */ s(w, { mb: "4", children: [
-    /* @__PURE__ */ s(v, { gap: "2", align: "center", children: [
+}, Ge = z(2, Z(ve, Ce)), qe = U(We), Ke = ({
+  data: t,
+  handleChange: n,
+  path: r,
+  label: f,
+  required: m,
+  errors: i,
+  schema: l,
+  enabled: h
+}) => {
+  const s = i.length === 0;
+  return /* @__PURE__ */ p(w, { mb: "4", children: [
+    /* @__PURE__ */ p(C, { gap: "2", align: "center", children: [
       /* @__PURE__ */ e(
-        Ee,
+        Fe,
         {
           checked: !!t,
-          onCheckedChange: (d) => l(r, d === !0),
-          disabled: !n,
+          onCheckedChange: (g) => n(r, g === !0),
+          disabled: !h,
           id: r
         }
       ),
-      /* @__PURE__ */ s(c, { as: "label", size: "2", htmlFor: r, children: [
-        u,
+      /* @__PURE__ */ p(c, { as: "label", size: "2", htmlFor: r, children: [
+        f,
         " ",
         m && "*"
       ] })
     ] }),
-    !b && /* @__PURE__ */ e(c, { color: "red", size: "1", className: "block mt-1", children: i }),
-    a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", className: "block mt-1", children: a.description })
+    !s && /* @__PURE__ */ e(c, { color: "red", size: "1", className: "block mt-1", children: i }),
+    l.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", className: "block mt-1", children: l.description })
   ] });
-}, Ye = z(
-  2,
-  ke
-), er = I(Qe), rr = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, uischema: n, enabled: b }) => {
-  var h;
-  const d = i.length === 0;
-  let f = [];
-  a.enum ? f = a.enum.map((p) => ({ value: String(p), label: String(p) })) : a.oneOf && (f = a.oneOf.map((p) => ({
-    value: String(p.const),
-    label: p.title || String(p.const)
+}, Me = z(2, we), He = U(Ke), Je = ({ data: t, handleChange: n, path: r, label: f, required: m, errors: i, schema: l, enabled: h }) => {
+  const s = i.length === 0;
+  let g = [];
+  l.enum ? g = l.enum.map((a) => ({ value: a, label: String(a) })) : l.oneOf && (g = l.oneOf.map((a) => ({
+    value: a.const,
+    label: a.title || String(a.const)
   })));
-  const C = t !== void 0 ? String(t) : "";
-  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
-    /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      u,
+  const y = t;
+  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ p(C, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ p(c, { as: "div", size: "2", weight: "bold", children: [
+      f,
       " ",
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
-    /* @__PURE__ */ s(
-      H.Root,
+    /* @__PURE__ */ e(
+      re.Root,
       {
-        value: C,
-        onValueChange: (p) => l(r, p),
-        disabled: !b,
-        children: [
-          /* @__PURE__ */ e(
-            H.Trigger,
-            {
-              placeholder: ((h = n.options) == null ? void 0 : h.placeholder) || "Select an option",
-              color: d ? void 0 : "red",
-              id: r
-            }
-          ),
-          /* @__PURE__ */ e(H.Content, { children: f.map((p) => /* @__PURE__ */ e(H.Item, { value: p.value, children: p.label }, p.value)) })
-        ]
+        value: y !== void 0 ? String(y) : "",
+        onValueChange: (a) => {
+          const d = g.find((u) => String(u.value) === a);
+          d && n(r, d.value);
+        },
+        disabled: !h,
+        children: /* @__PURE__ */ e(
+          C,
+          {
+            direction: "row",
+            style: {
+              flexWrap: "wrap",
+              columnGap: "clamp(14px, 3vw, 36px)",
+              rowGap: "clamp(8px, 1.6vw, 14px)"
+            },
+            children: g.map((a) => /* @__PURE__ */ p(C, { align: "center", gap: "2", style: { minWidth: "max-content" }, children: [
+              /* @__PURE__ */ e(re.Item, { value: String(a.value) }),
+              /* @__PURE__ */ e(c, { size: "2", color: h ? void 0 : "gray", children: a.label })
+            ] }, String(a.value)))
+          }
+        )
       }
     ),
-    !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
-    a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: a.description })
+    !s && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
+    l.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: l.description })
+  ] }) });
+}, _e = (t, n, r) => {
+  var m;
+  return Z(ne, oe)(t, n, r) && ((m = t == null ? void 0 : t.options) == null ? void 0 : m.format) === "radio" ? 3 : -1;
+}, Ze = U(Je), Qe = ({
+  data: t,
+  handleChange: n,
+  path: r,
+  label: f,
+  required: m,
+  errors: i,
+  schema: l,
+  uischema: h,
+  enabled: s
+}) => {
+  var d;
+  const g = i.length === 0;
+  let y = [];
+  l.enum ? y = l.enum.map((u) => ({ value: String(u), label: String(u) })) : l.oneOf && (y = l.oneOf.map((u) => ({
+    value: String(u.const),
+    label: u.title || String(u.const)
+  })));
+  const a = t !== void 0 ? String(t) : "";
+  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ p(C, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ p(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
+      f,
+      " ",
+      m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
+    ] }),
+    /* @__PURE__ */ p(W.Root, { value: a, onValueChange: (u) => n(r, u), disabled: !s, children: [
+      /* @__PURE__ */ e(
+        W.Trigger,
+        {
+          placeholder: ((d = h.options) == null ? void 0 : d.placeholder) || "Select an option",
+          color: g ? void 0 : "red",
+          id: r
+        }
+      ),
+      /* @__PURE__ */ e(W.Content, { children: y.map((u) => /* @__PURE__ */ e(W.Item, { value: u.value, children: u.label }, u.value)) })
+    ] }),
+    !g && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
+    l.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: l.description })
   ] }) });
-}, tr = z(
-  2,
-  Z(xe, Re)
-), or = I(rr), nr = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
-  const b = i.length === 0;
-  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
-    /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      u,
+}, Xe = z(2, Z(ne, oe)), Ye = U(Qe), er = ({ data: t, handleChange: n, path: r, label: f, required: m, errors: i, schema: l, enabled: h }) => {
+  const s = i.length === 0;
+  return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ p(C, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ p(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
+      f,
       " ",
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
@@ -155,422 +219,405 @@ const qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       {
         type: "date",
         value: t || "",
-        onChange: (d) => l(r, d.target.value),
-        disabled: !n,
-        color: b ? void 0 : "red",
+        onChange: (g) => n(r, g.target.value),
+        disabled: !h,
+        color: s ? void 0 : "red",
         id: r
       }
     ),
-    !b && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
-    a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: a.description })
+    !s && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
+    l.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: l.description })
   ] }) });
-}, lr = z(
-  2,
-  Fe
-), ir = I(nr), cr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
-  const n = t.elements;
-  return /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(
-    B,
+}, rr = z(2, ze), tr = U(er), nr = ({ uischema: t, schema: n, path: r, renderers: f, cells: m, enabled: i }) => {
+  const h = t.elements;
+  return /* @__PURE__ */ e(C, { direction: "column", gap: "4", children: h.map((s, g) => /* @__PURE__ */ e(
+    E,
     {
-      uischema: b,
-      schema: l,
+      uischema: s,
+      schema: n,
       path: r,
-      renderers: u,
+      renderers: f,
       cells: m,
       enabled: i
     },
-    `${r}-${d}`
+    `${r}-${g}`
   )) });
-}, sr = z(1, E("VerticalLayout")), ar = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
-  const n = t.elements;
-  return /* @__PURE__ */ e(v, { direction: "row", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(w, { style: { flex: 1 }, children: /* @__PURE__ */ e(
-    B,
+}, or = z(1, j("VerticalLayout")), lr = ({ uischema: t, schema: n, path: r, renderers: f, cells: m, enabled: i }) => {
+  const h = t.elements;
+  return /* @__PURE__ */ e(C, { direction: "row", gap: "4", children: h.map((s, g) => /* @__PURE__ */ e(w, { style: { flex: 1 }, children: /* @__PURE__ */ e(
+    E,
     {
-      uischema: b,
-      schema: l,
+      uischema: s,
+      schema: n,
       path: r,
-      renderers: u,
+      renderers: f,
       cells: m,
       enabled: i
     }
-  ) }, `${r}-${d}`)) });
-}, dr = z(1, E("HorizontalLayout")), ur = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
-  const a = t, n = a.elements;
-  return /* @__PURE__ */ s(Y, { mb: "4", children: [
-    a.label && /* @__PURE__ */ e(ue, { size: "4", mb: "4", children: a.label }),
-    /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(
-      B,
+  ) }, `${r}-${g}`)) });
+}, ir = z(1, j("HorizontalLayout")), cr = ({ uischema: t, schema: n, path: r, renderers: f, cells: m, enabled: i }) => {
+  const l = t, h = l.elements;
+  return /* @__PURE__ */ p(w, { mb: "6", children: [
+    l.label && /* @__PURE__ */ e(le, { size: "3", mb: "3", className: "text-gray-500 uppercase tracking-wide font-semibold", children: l.label }),
+    /* @__PURE__ */ e(C, { direction: "column", gap: "4", children: h.map((s, g) => /* @__PURE__ */ e(
+      E,
       {
-        uischema: b,
-        schema: l,
+        uischema: s,
+        schema: n,
         path: r,
-        renderers: u,
+        renderers: f,
         cells: m,
         enabled: i
       },
-      `${r}-${d}`
+      `${r}-${g}`
     )) })
   ] });
-}, hr = z(1, E("Group")), pr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
-  var C;
-  const n = t.elements.filter((h) => h.type === "Category"), [b, d] = L(((C = n[0]) == null ? void 0 : C.label) || "");
-  if (!n.length) return null;
-  const f = n.find((h) => h.label === b) ? b : n[0].label;
-  return /* @__PURE__ */ s(M.Root, { value: f, onValueChange: d, children: [
-    /* @__PURE__ */ e(M.List, { children: n.map((h, p) => /* @__PURE__ */ e(M.Trigger, { value: h.label, children: h.label }, `${r}-${p}`)) }),
-    /* @__PURE__ */ e(w, { pt: "3", children: n.map((h, p) => /* @__PURE__ */ e(M.Content, { value: h.label, children: /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: h.elements.map((S, D) => /* @__PURE__ */ e(
-      B,
+}, sr = z(1, j("Group")), ar = ({
+  uischema: t,
+  schema: n,
+  path: r,
+  renderers: f,
+  cells: m,
+  enabled: i
+}) => {
+  var a;
+  const h = t.elements.filter((d) => d.type === "Category"), [s, g] = M(((a = h[0]) == null ? void 0 : a.label) || "");
+  if (!h.length) return null;
+  const y = h.find((d) => d.label === s) ? s : h[0].label;
+  return /* @__PURE__ */ p(G.Root, { value: y, onValueChange: g, children: [
+    /* @__PURE__ */ e(G.List, { children: h.map((d, u) => /* @__PURE__ */ e(G.Trigger, { value: d.label, children: d.label }, `${r}-${u}`)) }),
+    /* @__PURE__ */ e(w, { pt: "3", children: h.map((d, u) => /* @__PURE__ */ e(G.Content, { value: d.label, children: /* @__PURE__ */ e(C, { direction: "column", gap: "4", children: d.elements.map((k, x) => /* @__PURE__ */ e(
+      E,
       {
-        uischema: S,
-        schema: l,
+        uischema: k,
+        schema: n,
         path: r,
-        renderers: u,
+        renderers: f,
         cells: m,
         enabled: i
       },
-      `${r}-${p}-${D}`
-    )) }) }, `${r}-${p}`)) })
+      `${r}-${u}-${x}`
+    )) }) }, `${r}-${u}`)) })
   ] });
-}, mr = z(1, E("Categorization")), br = 50, pe = 60, $ = /* @__PURE__ */ new Map();
-function me() {
-  const t = Date.now() / 1e3;
-  for (const [l, r] of $.entries())
-    r.expiresAt <= t + pe && $.delete(l);
+}, dr = z(1, j("Categorization"));
+function ur(t) {
+  return t ? Array.isArray(t) ? t : [t] : [];
 }
-function gr(t, l, r) {
-  if (me(), $.size >= br) {
-    const u = $.keys().next().value;
-    u != null && $.delete(u);
-  }
-  $.set(t, { url: l, expiresAt: r });
+function q(t) {
+  return t >= 1024 * 1024 ? `${(t / (1024 * 1024)).toFixed(0)} MB` : t >= 1024 ? `${(t / 1024).toFixed(0)} KB` : `${t} B`;
 }
-function W(t) {
-  return !t.startsWith("data:");
+function K(t) {
+  return t.split(",").map((n) => {
+    if (n = n.trim(), n.endsWith("/*"))
+      return n.split("/")[0].toUpperCase() + "S";
+    if (n.startsWith("."))
+      return n.slice(1).toUpperCase();
+    const r = n.split("/")[1];
+    return r ? r.toUpperCase() : n;
+  }).join(", ");
 }
-const fr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema: i, enabled: a }) => {
-  const n = _e(), [b, d] = L(!1), [f, C] = L(null), [h, p] = L(null), [S, D] = L(null), [q, k] = L(!1), [A, x] = L(null), [O, V] = L(!1), [T, ee] = L(null), R = Le(null);
-  X(() => () => {
-    T && URL.revokeObjectURL(T);
-  }, [T]);
-  const re = (i == null ? void 0 : i.options) || {}, P = re.maxSize || 5 * 1024 * 1024, N = re.accept || "image/*,application/pdf", U = a !== !1, te = se(async (o, g) => {
-    me();
-    const F = $.get(o);
-    if (F && F.expiresAt > Date.now() / 1e3 + pe) {
-      D(F.url);
-      return;
-    }
-    if (!(n != null && n.getDownloadUrl)) {
-      x("Download not configured for this application.");
-      return;
-    }
-    k(!0), x(null);
-    try {
-      const y = await n.getDownloadUrl(o);
-      if (g != null && g.aborted) return;
-      D(y.url), gr(o, y.url, y.expiresAt);
-    } catch {
-      if (g != null && g.aborted) return;
-      x("Unable to reach the server.");
-    } finally {
-      g != null && g.aborted || k(!1);
-    }
-  }, [n]);
-  X(() => {
-    if (t && W(t) && !T) {
-      const o = new AbortController();
-      return te(t, o.signal), () => o.abort();
-    }
-    T || (D(null), x(null));
-  }, [t, te, T]);
-  const be = () => h || (t ? "Uploaded File" : null), [ge, G] = L(null);
-  X(() => {
-    var o;
-    if (t && !W(t))
+const pr = ({ data: t, handleChange: n, path: r, label: f, required: m, uischema: i, schema: l, enabled: h }) => {
+  const s = Ee(), g = (l == null ? void 0 : l["x-file"]) ?? {}, y = (i == null ? void 0 : i.options) ?? {}, a = g.maxFiles ?? y.maxFiles ?? 1, d = g.maxSize ?? y.maxSize ?? 5 * 1024 * 1024, u = g.accept ?? y.accept ?? "image/*,application/pdf", k = a > 1, x = h !== !1, [H, L] = M(!1), [$, T] = M(null), [I, N] = M({}), B = ee(/* @__PURE__ */ new Set()), O = ee(null), R = ur(t), P = R.length >= a;
+  fe(() => () => {
+    B.current.forEach((o) => URL.revokeObjectURL(o)), B.current.clear();
+  }, []);
+  const X = be(
+    async (o) => {
+      if (T(null), R.length >= a) {
+        T(`Maximum ${a} file${a > 1 ? "s" : ""} allowed.`);
+        return;
+      }
+      if (o.size > d) {
+        T(`File exceeds the ${q(d)} limit.`);
+        return;
+      }
+      if (!u.split(",").map((b) => b.trim()).some((b) => b === "*" || b === "*/*" ? !0 : b.endsWith("/*") ? o.type.startsWith(b.slice(0, -1)) : b.startsWith(".") ? o.name.toLowerCase().endsWith(b.toLowerCase()) : o.type === b)) {
+        T(`Invalid type. Accepted: ${K(u)}`);
+        return;
+      }
+      if (!(s != null && s.onUpload)) {
+        T("Upload service not configured.");
+        return;
+      }
       try {
-        const g = t.split(","), F = ((o = g[0].match(/:(.*?);/)) == null ? void 0 : o[1]) || "application/octet-stream", y = g[1], K = atob(y), le = new Array(K.length);
-        for (let j = 0; j < K.length; j++)
-          le[j] = K.charCodeAt(j);
-        const ve = new Uint8Array(le), we = new Blob([ve], { type: F }), ie = URL.createObjectURL(we);
-        return G(ie), () => URL.revokeObjectURL(ie);
-      } catch (g) {
-        console.error("Failed to create blob URL:", g), G(null);
+        const b = await s.onUpload(o), F = URL.createObjectURL(o);
+        B.current.add(F);
+        const A = { key: b.key, name: b.name ?? o.name, blobUrl: F };
+        N((D) => ({ ...D, [b.key]: A }));
+        const V = [...R, b.key];
+        n(r, k ? V : V[0]);
+      } catch {
+        T("Upload failed. Please try again."), O.current && (O.current.value = "");
       }
-    else
-      G(null);
-  }, [t]);
-  const oe = T ?? (t && W(t) ? S : ge), ne = se(async (o) => {
-    if (o.size > P) {
-      const y = (P / 1048576).toFixed(0);
-      C(`File size exceeds ${y}MB limit.`);
-      return;
-    }
-    const F = N.split(",").map((y) => y.trim()).some((y) => y.endsWith("/*") ? o.type.startsWith(y.slice(0, -1)) : y.startsWith(".") ? o.name.toLowerCase().endsWith(y.toLowerCase()) : o.type === y);
-    if (N !== "*" && !F && !N.includes("*/*")) {
-      C(`Invalid file type. Accepted types: ${N}`);
+    },
+    [R, a, d, u, s, r, n, k]
+  ), J = (o) => {
+    o.preventDefault(), o.stopPropagation(), !(!x || P) && L(o.type === "dragenter" || o.type === "dragover");
+  }, se = (o) => {
+    var v;
+    o.preventDefault(), o.stopPropagation(), L(!1), !(!x || P) && (v = o.dataTransfer.files) != null && v[0] && X(o.dataTransfer.files[0]);
+  }, ae = (o) => {
+    var v;
+    (v = o.target.files) != null && v[0] && (X(o.target.files[0]), o.target.value = "");
+  }, de = (o) => {
+    if (!x) return;
+    N((S) => {
+      var A;
+      const b = { ...S }, F = (A = b[o]) == null ? void 0 : A.blobUrl;
+      return F && (URL.revokeObjectURL(F), B.current.delete(F)), delete b[o], b;
+    });
+    const v = R.filter((S) => S !== o);
+    n(r, k ? v.length > 0 ? v : null : v[0] ?? null);
+  }, ue = async (o, v) => {
+    var F, A, V;
+    o.preventDefault();
+    const S = (F = I[v]) == null ? void 0 : F.blobUrl;
+    if (S) {
+      (A = window.open(S, "_blank", "noopener,noreferrer")) == null || A.focus();
       return;
     }
-    if (n != null && n.onUpload) {
+    const b = window.open("", "_blank");
+    if (b)
       try {
-        const y = await n.onUpload(o);
-        ee(URL.createObjectURL(o)), l(r, y.key), p(y.name ?? o.name), C(null);
+        const D = await ((V = s == null ? void 0 : s.getDownloadUrl) == null ? void 0 : V.call(s, v));
+        D != null && D.url ? b.location.href = D.url : b.close();
       } catch {
-        C("Upload failed."), R.current && (R.current.value = "");
+        b.close();
       }
-      return;
-    }
-    C("Upload service not configured for this application.");
-  }, [N, n, P, r, l]), J = (o) => {
-    o.preventDefault(), o.stopPropagation(), !(!U || t) && (o.type === "dragenter" || o.type === "dragover" ? d(!0) : o.type === "dragleave" && d(!1));
-  }, fe = (o) => {
-    o.preventDefault(), o.stopPropagation(), d(!1), !(!U || t) && o.dataTransfer.files && o.dataTransfer.files[0] && ne(o.dataTransfer.files[0]);
-  }, ye = (o) => {
-    o.target.files && o.target.files[0] && ne(o.target.files[0]);
-  }, Ce = () => {
-    U && (T && (URL.revokeObjectURL(T), ee(null)), l(r, null), p(null), C(null), R.current && (R.current.value = ""));
   };
-  return /* @__PURE__ */ s(w, { mb: "4", children: [
-    /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", mb: "1", className: "block", children: [
-      u,
-      " ",
-      m && "*"
+  if (!x && R.length === 0) return null;
+  const pe = a - R.length, he = x && !P;
+  return /* @__PURE__ */ p(w, { mb: "4", children: [
+    /* @__PURE__ */ p(C, { align: "center", justify: "between", mb: "2", children: [
+      /* @__PURE__ */ p(c, { as: "label", size: "2", weight: "bold", children: [
+        f,
+        m && /* @__PURE__ */ e(c, { color: "red", children: " *" })
+      ] }),
+      /* @__PURE__ */ e(c, { size: "1", color: "gray", children: k ? `Up to ${a} files · ${q(d)} each · ${K(u)}` : `${q(d)} · ${K(u)}` })
     ] }),
-    t ? /* @__PURE__ */ e(Y, { size: "2", variant: "surface", className: "relative group", children: /* @__PURE__ */ s(v, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ e(w, { className: "bg-blue-100 p-2 rounded text-blue-600", children: /* @__PURE__ */ e(Oe, { width: "20", height: "20" }) }),
-      /* @__PURE__ */ e(w, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(c, { size: "2", weight: "bold", className: "block truncate", children: be() }) }),
-      /* @__PURE__ */ s(v, { align: "center", gap: "3", children: [
-        q ? /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Loading..." }) : A ? /* @__PURE__ */ e(c, { size: "1", color: "red", children: "Error" }) : O ? /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Opening…" }) : !T && (n != null && n.openFileInNewTab) && t && W(t) ? /* @__PURE__ */ e(
-          _,
+    R.map((o) => {
+      var v;
+      return /* @__PURE__ */ e(ie, { size: "2", variant: "surface", mb: "2", children: /* @__PURE__ */ p(C, { align: "center", gap: "3", children: [
+        /* @__PURE__ */ e(
+          w,
           {
-            variant: "soft",
-            color: "blue",
-            size: "1",
-            onClick: (o) => {
-              o.stopPropagation();
-              const g = n.openFileInNewTab;
-              g && (V(!0), g(t).finally(() => V(!1)));
+            style: {
+              background: "var(--blue-3)",
+              padding: 8,
+              borderRadius: 6,
+              color: "var(--blue-9)",
+              flexShrink: 0
             },
-            children: "View"
+            children: /* @__PURE__ */ e(Ae, { width: "20", height: "20" })
           }
-        ) : /* @__PURE__ */ e(_, { variant: "soft", color: "blue", size: "1", asChild: !0, children: /* @__PURE__ */ e(
-          "a",
+        ),
+        /* @__PURE__ */ e(w, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(
+          c,
           {
-            href: oe || "#",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            onClick: (o) => {
-              o.stopPropagation(), oe || o.preventDefault();
+            size: "2",
+            weight: "bold",
+            style: {
+              display: "block",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
             },
-            children: "View"
+            children: ((v = I[o]) == null ? void 0 : v.name) ?? "Uploaded File"
           }
         ) }),
-        /* @__PURE__ */ s(v, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ e(Ve, { className: "text-green-600 w-5 h-5" }),
-          U && /* @__PURE__ */ e(
-            Be,
-            {
-              variant: "ghost",
-              color: "gray",
-              onClick: Ce,
-              className: "hover:text-red-600 transition-colors",
-              children: /* @__PURE__ */ e(Pe, {})
-            }
-          )
+        /* @__PURE__ */ p(C, { align: "center", gap: "2", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ e(_, { variant: "soft", color: "blue", size: "1", onClick: (S) => ue(S, o), children: "View" }),
+          /* @__PURE__ */ e(Ue, { style: { color: "var(--green-9)", width: 18, height: 18 } }),
+          x && /* @__PURE__ */ e(Le, { variant: "ghost", color: "gray", onClick: () => de(o), children: /* @__PURE__ */ e(De, {}) })
         ] })
-      ] })
-    ] }) }) : /* @__PURE__ */ s(
+      ] }) }, o);
+    }),
+    he && /* @__PURE__ */ p(
       "div",
       {
-        className: `
-            border-2 border-dashed rounded-lg p-6 text-center transition-all duration-200 ease-in-out
-            ${b ? "border-blue-500 bg-blue-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"}
-            ${f ? "border-red-300 bg-red-50" : ""}
-            ${U ? "cursor-pointer" : "opacity-60 cursor-not-allowed pointer-events-none"}
-          `,
-        onDragEnter: J,
-        onDragLeave: J,
-        onDragOver: J,
-        onDrop: fe,
+        role: "button",
+        tabIndex: 0,
         onClick: () => {
           var o;
-          return U && ((o = R.current) == null ? void 0 : o.click());
+          return (o = O.current) == null ? void 0 : o.click();
         },
         onKeyDown: (o) => {
-          var g;
-          U && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (g = R.current) == null || g.click());
+          var v;
+          (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (v = O.current) == null || v.click());
         },
-        role: "button",
-        tabIndex: U ? 0 : -1,
+        onDragEnter: J,
+        onDragLeave: J,
+        onDragOver: J,
+        onDrop: se,
+        style: { cursor: "pointer" },
+        className: [
+          "border-2 border-dashed rounded-lg p-6 text-center",
+          "transition-all duration-200 ease-in-out",
+          H ? "border-blue-500 bg-blue-50" : $ ? "border-red-300 bg-red-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"
+        ].join(" "),
         children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: R,
-              type: "file",
-              style: { display: "none" },
-              accept: N,
-              onChange: ye,
-              disabled: !U
-            }
-          ),
-          /* @__PURE__ */ e(v, { direction: "column", align: "center", gap: "2", children: f ? /* @__PURE__ */ s(ce, { children: [
-            /* @__PURE__ */ e(je, { className: "w-8 h-8 text-red-500" }),
-            /* @__PURE__ */ e(c, { size: "2", color: "red", weight: "medium", children: f }),
+          /* @__PURE__ */ e("input", { ref: O, type: "file", style: { display: "none" }, accept: u, onChange: ae }),
+          /* @__PURE__ */ e(C, { direction: "column", align: "center", gap: "2", children: $ ? /* @__PURE__ */ p(Y, { children: [
+            /* @__PURE__ */ e(Ie, { style: { width: 32, height: 32, color: "var(--red-9)" } }),
+            /* @__PURE__ */ e(c, { size: "2", color: "red", weight: "medium", children: $ }),
             /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Click to try again" })
-          ] }) : /* @__PURE__ */ s(ce, { children: [
-            /* @__PURE__ */ e(He, { className: "w-8 h-8 text-gray-400" }),
-            /* @__PURE__ */ e(c, { size: "2", weight: "medium", children: "Click to upload or drag and drop" }),
-            /* @__PURE__ */ s(c, { size: "1", color: "gray", children: [
-              "Max ",
-              Math.round(P / (1024 * 1024)),
-              "MB"
+          ] }) : /* @__PURE__ */ p(Y, { children: [
+            /* @__PURE__ */ e(Oe, { style: { width: 32, height: 32, color: "var(--gray-8)" } }),
+            /* @__PURE__ */ e(c, { size: "2", weight: "medium", children: R.length > 0 ? `Add another file (${pe} remaining)` : "Click to upload or drag and drop" }),
+            /* @__PURE__ */ p(c, { size: "1", color: "gray", children: [
+              q(d),
+              " max · ",
+              K(u)
             ] })
           ] }) })
         ]
       }
-    )
+    ),
+    x && P && k && /* @__PURE__ */ p(c, { size: "1", color: "gray", mt: "1", style: { display: "block", textAlign: "center" }, children: [
+      "Maximum ",
+      a,
+      " files uploaded. Remove one to replace it."
+    ] })
   ] });
-}, yr = I(fr), Cr = z(
-  3,
-  // Rank
-  Z(ae("data-url"), ae("file"))
-), vr = ({
+}, hr = U(pr), gr = z(
+  10,
+  // high rank to beat default array renderer
+  xe(
+    // Match both single-file (type: string) and multi-file (type: array)
+    $e((t) => {
+      if (t.type === "string" && t.format === "file") return !0;
+      if (t.type === "array") {
+        const n = t.items;
+        return (n == null ? void 0 : n.type) === "string" && (n == null ? void 0 : n.format) === "file";
+      }
+      return !1;
+    })
+  )
+), mr = ({
   data: t,
-  path: l,
+  path: n,
   schema: r,
-  uischema: u,
+  uischema: f,
   enabled: m,
   visible: i,
-  addItem: a,
-  removeItems: n,
-  rootSchema: b,
-  arraySchema: d
+  addItem: l,
+  removeItems: h,
+  rootSchema: s,
+  arraySchema: g
 }) => {
-  const f = d ? r : r.items, C = d || r;
-  if (i === !1 || !f || typeof f != "object" || Array.isArray(f))
+  const y = g ? r : r.items, a = g || r;
+  if (i === !1 || !y || typeof y != "object" || Array.isArray(y))
     return null;
-  const h = f, p = Array.isArray(t) ? t : [], S = C.title || "Array Items", D = () => {
-    const k = $e(h, b);
-    a && a(l, k)();
-  }, q = (k) => {
-    if (n) {
-      const A = n(l, [k]);
-      A && A();
+  const d = y, u = Array.isArray(t) ? t : [], k = a.title || "Array Items", x = () => {
+    const L = ke(d, s);
+    l && l(n, L)();
+  }, H = (L) => {
+    if (h) {
+      const $ = h(n, [L]);
+      $ && $();
     }
   };
-  return /* @__PURE__ */ e(w, { mb: "6", children: /* @__PURE__ */ s(v, { direction: "column", gap: "4", children: [
-    /* @__PURE__ */ e(c, { as: "div", size: "4", weight: "bold", children: S }),
-    p.length === 0 && /* @__PURE__ */ e(w, { py: "4", px: "4", style: { backgroundColor: "var(--gray-3)", borderRadius: "var(--radius-3)" }, children: /* @__PURE__ */ e(c, { size: "2", color: "gray", children: "No items have been added yet." }) }),
-    p.map((k, A) => {
-      var O;
-      const x = `${l}.${A}`;
-      return /* @__PURE__ */ e(Y, { size: "3", variant: "surface", children: /* @__PURE__ */ s(v, { direction: "column", gap: "4", children: [
-        /* @__PURE__ */ s(v, { justify: "between", align: "center", children: [
-          /* @__PURE__ */ s(c, { size: "3", weight: "bold", children: [
+  return /* @__PURE__ */ e(w, { mb: "6", children: /* @__PURE__ */ p(C, { direction: "column", gap: "4", children: [
+    /* @__PURE__ */ e(c, { as: "div", size: "4", weight: "bold", children: k }),
+    u.length === 0 && /* @__PURE__ */ e(w, { py: "4", px: "4", style: { backgroundColor: "var(--gray-3)", borderRadius: "var(--radius-3)" }, children: /* @__PURE__ */ e(c, { size: "2", color: "gray", children: "No items have been added yet." }) }),
+    u.map((L, $) => {
+      var I;
+      const T = `${n}.${$}`;
+      return /* @__PURE__ */ e(ie, { size: "3", variant: "surface", children: /* @__PURE__ */ p(C, { direction: "column", gap: "4", children: [
+        /* @__PURE__ */ p(C, { justify: "between", align: "center", children: [
+          /* @__PURE__ */ p(c, { size: "3", weight: "bold", children: [
             "Item ",
-            A + 1
+            $ + 1
           ] }),
-          m && /* @__PURE__ */ s(
+          m && /* @__PURE__ */ p(
             _,
             {
               type: "button",
               color: "red",
               variant: "soft",
-              onClick: () => q(A),
+              onClick: () => H($),
               title: "Remove item",
               children: [
-                /* @__PURE__ */ e(Me, {}),
+                /* @__PURE__ */ e(Ve, {}),
                 "Remove"
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
-          B,
+          E,
           {
-            schema: h,
-            uischema: ((O = u.options) == null ? void 0 : O.detail) || (h.type === "object" || h.properties ? {
+            schema: d,
+            uischema: ((I = f.options) == null ? void 0 : I.detail) || (d.type === "object" || d.properties ? {
               type: "VerticalLayout",
-              elements: Object.keys(
-                h.properties || {}
-              ).map((V) => ({
+              elements: Object.keys(d.properties || {}).map((N) => ({
                 type: "Control",
-                scope: `#/properties/${V}`
+                scope: `#/properties/${N}`
               }))
             } : {
               type: "Control",
               scope: "#"
             }),
-            path: x,
+            path: T,
             enabled: m,
             renderers: void 0,
             cells: void 0
           }
         ) })
-      ] }) }, x);
+      ] }) }, T);
     }),
-    m && /* @__PURE__ */ e(w, { mt: "2", children: /* @__PURE__ */ s(
-      _,
-      {
-        type: "button",
-        variant: "surface",
-        onClick: D,
-        children: [
-          /* @__PURE__ */ e(We, {}),
-          "Add Item"
-        ]
-      }
-    ) })
+    m && /* @__PURE__ */ e(w, { mt: "2", children: /* @__PURE__ */ p(_, { type: "button", variant: "surface", onClick: x, children: [
+      /* @__PURE__ */ e(je, {}),
+      "Add Item"
+    ] }) })
   ] }) });
-}, de = Se(vr), wr = z(
-  3,
-  Ne
-), zr = ({ uischema: t, visible: l }) => {
+}, te = Se(mr), fr = z(3, Te), br = ({ uischema: t, visible: n }) => {
   const r = t;
-  return l === !1 ? null : /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ e(ue, { size: "4", children: r.text }) });
-}, Tr = z(1, E("Label")), Lr = z(
-  3,
-  Ie
-), Nr = [
-  { tester: Ge, renderer: Je },
-  { tester: Xe, renderer: Ze },
-  { tester: Ye, renderer: er },
-  { tester: tr, renderer: or },
-  { tester: lr, renderer: ir },
+  return n === !1 ? null : /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ e(le, { size: "4", children: r.text }) });
+}, yr = z(1, j("Label")), vr = z(3, Re), Rr = [
+  { tester: Be, renderer: Pe },
+  { tester: Ge, renderer: qe },
+  { tester: Me, renderer: He },
+  { tester: _e, renderer: Ze },
+  { tester: Xe, renderer: Ye },
+  { tester: rr, renderer: tr },
+  { tester: or, renderer: nr },
+  { tester: ir, renderer: lr },
   { tester: sr, renderer: cr },
   { tester: dr, renderer: ar },
-  { tester: hr, renderer: ur },
-  { tester: mr, renderer: pr },
-  { tester: Cr, renderer: yr },
-  { tester: wr, renderer: de },
-  { tester: Lr, renderer: de },
-  { tester: Tr, renderer: zr }
+  { tester: gr, renderer: hr },
+  { tester: fr, renderer: te },
+  { tester: vr, renderer: te },
+  { tester: yr, renderer: br }
 ];
 export {
-  de as ArrayControl,
-  wr as ArrayControlTester,
-  Qe as BooleanControl,
-  Ye as BooleanControlTester,
-  pr as CategorizationLayoutRenderer,
-  mr as CategorizationLayoutTester,
-  nr as DateControl,
-  lr as DateControlTester,
-  yr as FileControl,
-  Cr as FileControlTester,
-  ur as GroupLayoutRenderer,
-  hr as GroupLayoutTester,
-  ar as HorizontalLayoutRenderer,
-  dr as HorizontalLayoutTester,
-  zr as LabelRenderer,
-  Tr as LabelTester,
-  Ke as NumberControl,
-  Xe as NumberControlTester,
-  rr as SelectControl,
-  tr as SelectControlTester,
-  qe as TextControl,
-  Ge as TextControlTester,
-  $r as UploadProvider,
-  cr as VerticalLayoutRenderer,
-  sr as VerticalLayoutTester,
-  Nr as radixRenderers,
-  _e as useUpload
+  te as ArrayControl,
+  fr as ArrayControlTester,
+  Ke as BooleanControl,
+  Me as BooleanControlTester,
+  ar as CategorizationLayoutRenderer,
+  dr as CategorizationLayoutTester,
+  er as DateControl,
+  rr as DateControlTester,
+  hr as FileControl,
+  gr as FileControlTester,
+  cr as GroupLayoutRenderer,
+  sr as GroupLayoutTester,
+  lr as HorizontalLayoutRenderer,
+  ir as HorizontalLayoutTester,
+  br as LabelRenderer,
+  yr as LabelTester,
+  We as NumberControl,
+  Ge as NumberControlTester,
+  Je as RadioControl,
+  _e as RadioControlTester,
+  Qe as SelectControl,
+  Xe as SelectControlTester,
+  Ne as TextControl,
+  Be as TextControlTester,
+  Tr as UploadProvider,
+  nr as VerticalLayoutRenderer,
+  or as VerticalLayoutTester,
+  Rr as radixRenderers,
+  Ee as useUpload
 };