@levo-so/react 0.1.14 → 0.1.15

package/dist/CollectionFormBuilder-BIvx_z08.js

@@ -0,0 +1,1197 @@
+"use client";
+import { j as s } from "./jsx-runtime-B6kdoens.js";
+import { FieldInterfaces as l, defaultByKinds as ue, formatsByInterface as we, interfaceKinds as ke, FieldInterfacesList as We } from "@levo-so/core";
+import * as A from "react";
+import E, { useState as w, useEffect as ge, lazy as v, Suspense as _e } from "react";
+import { useFieldArray as Ne, useController as me } from "react-hook-form";
+import { G as H, T as Re, k as Le, l as Te, B as W, m as Me, A as Ae, C as Ie, j as De, n as Be, S as Se } from "./Spinner-Bzu2xCFZ.js";
+import { u as X } from "./LevoProvider-Do3jjJ4j.js";
+import { Snowflake as Fe } from "@theinternetfolks/snowflake";
+import Pe from "google-libphonenumber";
+import re from "validator";
+import z from "validatorjs";
+import { c as b } from "./cn-C9QoOYNG.js";
+import { Mate as J } from "@theinternetfolks/mate";
+import { X as Ee } from "lucide-react";
+import * as He from "inflection";
+import { useInView as Oe } from "react-intersection-observer";
+const Ve = [
+  "pdf",
+  "xls",
+  "xlsx",
+  "doc",
+  "docx",
+  "csv"
+], ze = [
+  "svg",
+  "png",
+  "jpg",
+  "jpeg",
+  "webp",
+  "gif",
+  "avif"
+], $e = ["mpeg", "mp4"], Ue = ["mp3", "ogg", "oga"], qe = {
+  "application/pdf": [".pdf"],
+  "application/msword": [".doc"],
+  "application/vnd.ms-excel": [".xls"],
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [
+    ".xlsx"
+  ],
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": [
+    ".docx"
+  ],
+  "text/csv": [".csv"]
+}, Ge = {
+  "image/jpeg": [".jpeg", ".jpg"],
+  "image/png": [".png"],
+  "image/gif": [".gif"],
+  "image/svg+xml": [".svg"],
+  "image/webp": [".webp"],
+  "image/avif": [".avif"]
+}, Ze = {
+  "video/mp4": [".mp4"],
+  "video/mpeg": [".mpeg"]
+}, Ke = {
+  "audio/mpeg": [".mp3"],
+  "audio/ogg": [".oga"]
+}, $ = {
+  audio: Ke,
+  document: qe,
+  image: Ge,
+  video: Ze
+}, Z = {
+  audio: Ue,
+  document: Ve,
+  image: ze,
+  video: $e
+}, Gt = [
+  ...Z.audio,
+  ...Z.document,
+  ...Z.image,
+  ...Z.video
+], Zt = {
+  ...$.audio,
+  ...$.document,
+  ...$.image,
+  ...$.video
+}, { PhoneNumberUtil: Xe } = Pe, Je = (e) => {
+  const n = [];
+  for (const t of Object.keys(e))
+    for (const r of (e == null ? void 0 : e[t]) || [])
+      n.push({ message: r, name: t });
+  return n;
+}, oe = Xe.getInstance(), Qe = (e) => {
+  try {
+    return oe.isValidNumber(oe.parseAndKeepRawInput(e));
+  } catch {
+    return !1;
+  }
+}, pe = (e, n) => {
+  z.register(
+    "data_uri",
+    (r) => typeof r != "string" ? !1 : re.isDataURI(r),
+    "The :attribute is not a valid file."
+  ), z.register(
+    "phone_number",
+    (r) => Qe(r),
+    "The :attribute has incorrect format."
+  ), z.register(
+    "url",
+    (r) => re.isURL(r.toString(), {}),
+    "The :attribute is not a valid URL."
+  ), z.setAttributeFormatter((r) => {
+    if (r.endsWith("Id"))
+      return r.replace("Id", "");
+    if (r.includes(".")) {
+      const [c] = r.split(".");
+      return c;
+    }
+    return r.replace(/_/g, " ");
+  });
+  const t = new z(e, n);
+  return t.passes() ? { status: !0 } : {
+    status: !1,
+    errors: Je(t.errors.all())
+  };
+}, Kt = (e, n) => {
+  const t = {};
+  for (const a of e.sections)
+    for (const o of a.fields) {
+      const i = [];
+      switch (o.required && i.push("required"), typeof o.max < "u" && o.max !== null && i.push({
+        max: [o.max]
+      }), typeof o.min < "u" && o.min !== null && i.push({
+        min: [o.min]
+      }), o.field_interface) {
+        case l.EmailWidget:
+          i.push("email");
+          break;
+        case l.PhoneWidget:
+          i.push("phone_number");
+          break;
+        case l.URLWidget:
+          i.push("url");
+          break;
+      }
+      t[o.key] = i;
+    }
+  const r = pe(n, t), { errors: c } = r, g = {};
+  return c && c.map((a) => {
+    g[a.name] = a.message;
+  }), g;
+}, U = (e) => {
+  var t, r;
+  const n = {};
+  for (const c of e)
+    n[c.key] = (t = ue) == null ? void 0 : t[c == null ? void 0 : c.kind], (c == null ? void 0 : c.field_interface) === l.RecordWidget && ((r = c == null ? void 0 : c.fields) != null && r.length) && (n[c.key] = U(c.fields));
+  return n;
+}, Xt = (e) => {
+  var t;
+  if (!(e != null && e.sections)) return {};
+  let n = {};
+  for (const r of e.sections)
+    r != null && r.fields && ((t = r == null ? void 0 : r.fields) == null ? void 0 : t.length) > 0 && (n = {
+      ...n,
+      ...U(r.fields)
+    });
+  return n;
+}, ae = (e) => typeof e < "u" ? e : null, Jt = (e, n) => {
+  var r, c;
+  if (!(e != null && e.sections)) return {};
+  const t = {};
+  for (const g of e.sections) {
+    const a = U(g.fields ?? []);
+    for (const o of g.fields) {
+      let i = ae(n == null ? void 0 : n[o == null ? void 0 : o.key]);
+      Array.isArray(i) && (i == null ? void 0 : i.length) > 0 && Array.isArray(o == null ? void 0 : o.values) && ((r = o == null ? void 0 : o.values) == null ? void 0 : r.length) > 0 && !((c = o == null ? void 0 : o.options) != null && c.custom_input) && (i = i == null ? void 0 : i.filter((m) => {
+        var x;
+        return (x = o == null ? void 0 : o.values) == null ? void 0 : x.includes(m);
+      })), t[o.key] = i ?? ae(o == null ? void 0 : o.default_value) ?? a[o.key];
+    }
+  }
+  return t;
+}, Qt = (e, n) => {
+  var c;
+  const t = { ...e };
+  let r = null;
+  return (t.field_interface === l.ArrayWidget && n !== l.ArrayWidget || t.field_interface === l.RecordWidget && n !== l.RecordWidget) && (t.fields = []), (n !== l.MultiDropdownWidget || n !== l.DropdownWidget || n !== l.RadioWidget || n !== l.CheckboxWidget) && t.field_interface !== l.MultiDropdownWidget && t.field_interface !== l.DropdownWidget && t.field_interface !== l.RadioWidget && t.field_interface !== l.CheckboxWidget && ((c = t.values) == null ? void 0 : c.length) !== 0 && (t.values = []), (n === l.MultiDropdownWidget && t.field_interface !== l.MultiDropdownWidget || n === l.DropdownWidget && t.field_interface !== l.DropdownWidget || n === l.RadioWidget && t.field_interface !== l.RadioWidget || n === l.CheckboxWidget && t.field_interface !== l.CheckboxWidget) && (t.values = [""], r = `${t.id}-option-0`), [l.RecordWidget, l.ArrayWidget].includes(
+    n
+  ) && (r = `field-${Fe.generate()}`, t.kind = n === l.RecordWidget ? "record" : "group", t.fields = [
+    ...(t == null ? void 0 : t.fields) || [],
+    {
+      id: r,
+      key: "title",
+      label: "Title",
+      helper_text: "",
+      kind: "string",
+      field_interface: l.TextWidget,
+      default_value: "",
+      options: {},
+      fields: [],
+      hidden: !1,
+      readonly: !1,
+      required: !1,
+      unique: !1,
+      min: null,
+      max: null,
+      formats: we[n] || [],
+      values: [],
+      editable: !0
+    }
+  ]), t.kind = ke[n] || "string", t.default_value || (t.default_value = ue[t.kind] || null), n !== l.CollectionWidget && We.includes(n) && (t.field_interface = n), { field: t, fieldFocused: r };
+}, Yt = (e, n) => {
+  var g;
+  const t = { ...e }, r = [], c = "_id";
+  if (n)
+    for (const a of n.sections ?? [])
+      for (const o of a.fields)
+        o.field_interface === "CollectionWidget" && r.push(o.key);
+  for (const a of r)
+    t[a] && typeof t[a] == "object" && (Array.isArray(t[a]) ? t[a] = (g = t[a]) == null ? void 0 : g.filter(
+      (o) => o
+    ) : t[a] = t[a][c]);
+  return t;
+}, es = (e, n) => {
+  if (Array.isArray(e) && e.length > 0) {
+    let t = 0;
+    for (const r of e)
+      t += 1, r != null && r.param && n && n(
+        r == null ? void 0 : r.param,
+        {
+          type: "server_error",
+          message: r == null ? void 0 : r.message
+        },
+        {
+          shouldFocus: t === 0
+        }
+      );
+  }
+}, ts = (e) => {
+  var n;
+  return (n = Object.entries($).find(
+    ([t, r]) => Object.keys(r).includes(e)
+  )) == null ? void 0 : n[0];
+};
+function ss(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z", clipRule: "evenodd" }, child: [] }] })(e);
+}
+function le(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z", clipRule: "evenodd" }, child: [] }] })(e);
+}
+const q = ({
+  children: e,
+  isRequired: n,
+  className: t,
+  ...r
+}) => /* @__PURE__ */ s.jsxs(
+  "label",
+  {
+    className: b(
+      "block text-sm font-medium leading-normal peer-disabled:cursor-not-allowed peer-disabled:opacity-70 select-none flex-1",
+      "mb-2",
+      t
+    ),
+    ...r,
+    children: [
+      e,
+      " ",
+      n && /* @__PURE__ */ s.jsx("span", { className: "text-red-500", children: "*" })
+    ]
+  }
+), Ye = ({
+  field: e,
+  isInternal: n
+}) => {
+  const { key: t = "", label: r = "", field_interface: c = "", fields: g = [] } = e, [a, o] = w("0"), { fields: i, ...m } = Ne({
+    name: t
+  });
+  return !c || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full max-w-full", children: [
+    /* @__PURE__ */ s.jsx(q, { children: r }),
+    i && Array.isArray(i) ? /* @__PURE__ */ s.jsxs(Re, { value: a, onValueChange: o, className: "w-full", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+        i.length ? /* @__PURE__ */ s.jsx(Le, { className: "h-11 overflow-y-hidden overflow-x-auto flex-1 w-1 justify-start", children: i == null ? void 0 : i.map((x, d) => /* @__PURE__ */ s.jsx(
+          Te,
+          {
+            id: `${e == null ? void 0 : e.key}-${d}`,
+            value: d.toString(),
+            children: d + 1
+          },
+          `array-widget-tab-${e == null ? void 0 : e.id}-${d}`
+        )) }) : null,
+        /* @__PURE__ */ s.jsxs(
+          W,
+          {
+            variant: "ghost",
+            size: "xs",
+            className: "shrink-0 grow-0",
+            onClick: () => {
+              m.append(U(g)), o(((i == null ? void 0 : i.length) ?? 0).toString());
+            },
+            children: [
+              /* @__PURE__ */ s.jsx(le, { className: "inline-block mr-1", size: "14px" }),
+              "Add"
+            ]
+          }
+        )
+      ] }),
+      i == null ? void 0 : i.map((x, d) => /* @__PURE__ */ s.jsxs(
+        Me,
+        {
+          className: "space-y-4 border rounded bg-secondary/40",
+          value: d.toString(),
+          children: [
+            /* @__PURE__ */ s.jsx("div", { className: "flex flex-col px-3 py-2 gap-3", children: g.map((y) => {
+              const k = {
+                ...y,
+                key: `${t}.${d}.${y == null ? void 0 : y.key}`
+              };
+              return /* @__PURE__ */ s.jsx(
+                ve,
+                {
+                  field: k,
+                  isInternal: n
+                },
+                `common-fields-${y == null ? void 0 : y.id}`
+              );
+            }) }),
+            /* @__PURE__ */ s.jsxs("div", { className: "flex p-2 items-center border-t", children: [
+              /* @__PURE__ */ s.jsx(
+                W,
+                {
+                  onClick: () => {
+                    o((d - 1).toString()), m.move(d, d - 1);
+                  },
+                  disabled: d === 0,
+                  size: "icon",
+                  className: "rounded-full w-8 h-8",
+                  children: /* @__PURE__ */ s.jsx(Ae, { size: "24px" })
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                W,
+                {
+                  className: "text-red-500",
+                  variant: "link",
+                  onClick: () => {
+                    o((d - 1).toString()), m.remove(d);
+                  },
+                  children: "Remove Item"
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                W,
+                {
+                  className: "rounded-full w-8 h-8",
+                  onClick: () => {
+                    o((d + 1).toString()), m.move(d, d + 1);
+                  },
+                  disabled: d >= i.length - 1,
+                  size: "icon",
+                  children: /* @__PURE__ */ s.jsx(Ie, { size: "24px" })
+                }
+              )
+            ] })
+          ]
+        },
+        `array-widget-tab-content-${e == null ? void 0 : e.id}-${d}`
+      ))
+    ] }) : /* @__PURE__ */ s.jsxs(
+      W,
+      {
+        variant: "ghost",
+        size: "xs",
+        onClick: () => {
+          m.append(U(g)), o("0");
+        },
+        children: [
+          /* @__PURE__ */ s.jsx(le, { className: "inline-block mr-1", size: "14px" }),
+          "Add"
+        ]
+      }
+    )
+  ] });
+};
+function et(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z", fill: "currentColor" }, child: [] }] })(e);
+}
+function tt(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z", fill: "currentColor" }, child: [] }] })(e);
+}
+function st(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", fill: "currentColor" }, child: [] }] })(e);
+}
+function nt(e) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", fill: "currentColor" }, child: [] }] })(e);
+}
+const xe = (e) => {
+  const n = e == null ? void 0 : e.key;
+  let t = n == null ? void 0 : n.replace(/_/g, " ");
+  if (t != null && t.endsWith("Id") && (t = t == null ? void 0 : t.replace("Id", "")), t.includes(".")) {
+    const [c] = t.split(".");
+    c && (t = c);
+  }
+  const r = [];
+  switch (typeof e.max < "u" && e.max !== null && r.push({
+    max: [e.max]
+  }), typeof e.min < "u" && e.min !== null && r.push({
+    min: [e.min]
+  }), e.field_interface) {
+    case l.EmailWidget:
+      r.push("email");
+      break;
+    case l.PhoneWidget:
+      r.push("phone_number");
+      break;
+    case l.URLWidget:
+      r.push("url");
+      break;
+  }
+  return {
+    required: {
+      value: !!(e != null && e.required),
+      message: `The ${t} field is required`
+    },
+    validate: (c) => {
+      var o, i;
+      if ((o = e == null ? void 0 : e.options) != null && o.disableValidation || !c)
+        return !0;
+      const g = pe(
+        {
+          [e.key]: c
+        },
+        {
+          [e.key]: r
+        }
+      ), { errors: a } = g;
+      return a && (a == null ? void 0 : a.length) > 0 ? (i = a == null ? void 0 : a[0]) == null ? void 0 : i.message : !0;
+    }
+  };
+}, rt = ({
+  children: e
+}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), ot = ({
+  children: e
+}) => /* @__PURE__ */ s.jsx("p", { className: b("text-xs font-normal text-gray-600"), children: e }), Q = E.forwardRef(({ error: e, helperText: n, containerStyles: t, readOnly: r, children: c }, g) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    className: b(
+      "form-control w-full",
+      r ? "pointer-events-none" : "",
+      t
+    ),
+    ref: g,
+    children: /* @__PURE__ */ s.jsxs("div", { className: b("w-full shrink-0", "sm:flex-1"), children: [
+      c,
+      e && /* @__PURE__ */ s.jsx("div", { className: b("w-full mt-3"), children: /* @__PURE__ */ s.jsx(rt, { children: e }) }),
+      n && /* @__PURE__ */ s.jsx("div", { className: b("w-full mt-3"), children: /* @__PURE__ */ s.jsx(ot, { children: n }) })
+    ] })
+  }
+)), he = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "table",
+  {
+    ref: t,
+    className: b("w-full caption-bottom text-sm", e),
+    ...n
+  }
+));
+he.displayName = "Table";
+const at = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx("thead", { ref: t, className: b("[&_tr]:border-b", e), ...n }));
+at.displayName = "TableHeader";
+const fe = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "tbody",
+  {
+    ref: t,
+    className: b("[&_tr:last-child]:border-0", e),
+    ...n
+  }
+));
+fe.displayName = "TableBody";
+const lt = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "tfoot",
+  {
+    ref: t,
+    className: b("bg-primary font-medium text-primary-foreground", e),
+    ...n
+  }
+));
+lt.displayName = "TableFooter";
+const ye = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "tr",
+  {
+    ref: t,
+    className: b(
+      "border-b transition-colors data-[state=selected]:bg-muted",
+      e
+    ),
+    ...n
+  }
+));
+ye.displayName = "TableRow";
+const it = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "th",
+  {
+    ref: t,
+    className: b(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      e
+    ),
+    ...n
+  }
+));
+it.displayName = "TableHead";
+const je = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "td",
+  {
+    ref: t,
+    className: b("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
+    ...n
+  }
+));
+je.displayName = "TableCell";
+const ct = A.forwardRef(({ className: e, ...n }, t) => /* @__PURE__ */ s.jsx(
+  "caption",
+  {
+    ref: t,
+    className: b("mt-4 text-sm text-muted-foreground", e),
+    ...n
+  }
+));
+ct.displayName = "TableCaption";
+const dt = E.lazy(
+  () => import("react-select-async-paginate").then((e) => ({
+    default: e.AsyncPaginate
+  }))
+), be = (e) => /* @__PURE__ */ s.jsx(
+  dt,
+  {
+    isClearable: !0,
+    menuPlacement: "auto",
+    isSearchable: !0,
+    unstyled: !0,
+    classNames: {
+      container: () => b("w-full min-w-none h-auto min-h-none"),
+      control: ({ isFocused: n, isMulti: t, isDisabled: r }) => b(
+        "w-full  pl-3",
+        t ? "!min-h-9 h-auto" : "h-9 !min-h-none",
+        "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
+        "flex ",
+        n && "outline-none ring-1 ring-ring",
+        r && "cursor-not-allowed opacity-50"
+      ),
+      input: () => "",
+      valueContainer: () => "gap-[4px] py-1",
+      singleValue: () => "",
+      multiValue: () => "bg-gray-100 rounded items-center py-0.5 pl-2 pr-1 gap-1.5",
+      multiValueLabel: () => "py-0.5",
+      multiValueRemove: () => "border border-gray-200 bg-white hover:bg-red-50 hover:text-red-800 text-gray-500 hover:border-red-300 rounded-md",
+      indicatorsContainer: () => "",
+      clearIndicator: () => "text-gray-500 p-1 rounded-md hover:bg-red-50 hover:text-red-800",
+      indicatorSeparator: () => "",
+      dropdownIndicator: () => "p-1 hover:bg-gray-100 text-gray-500 rounded-md hover:text-black",
+      menu: () => "p-1 mt-2 border border-gray-200 bg-white rounded-md",
+      groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
+      placeholder: () => "text-gray-500 pl-1 py-0.5",
+      option: ({ isSelected: n, isFocused: t }) => b(
+        "text-[.875rem] font-medium hover:cursor-pointer px-3 py-2 rounded",
+        t && "bg-gray-100 active:bg-gray-200",
+        n && "text-white bg-primary/80"
+      ),
+      noOptionsMessage: () => "text-gray-500 p-2 bg-gray-50 border border-dashed border-gray-200 rounded-sm"
+    },
+    ...e
+  }
+), ut = ({
+  field: e,
+  value: n,
+  onChange: t
+}) => {
+  var S, f;
+  const { collection: r } = X(), [c, g] = w(!1), [a, o] = w([]), [i, m] = w(!1), {
+    key: x = "",
+    label: d = "items",
+    helper_text: y = "",
+    readonly: k = !1
+  } = e, C = x, B = ((S = e == null ? void 0 : e.options) == null ? void 0 : S.collection_key) || "", _ = ((f = e == null ? void 0 : e.options) == null ? void 0 : f.label_field_key) || "", I = async (j, N, { page: R = 1 }) => {
+    var F;
+    g(!0);
+    try {
+      const L = await (r == null ? void 0 : r.getCollectionContentList({
+        collection_key: B,
+        page: R,
+        search: j,
+        limit: 10,
+        where: {
+          _id: {
+            not_in: n
+          }
+        }
+      })), h = (F = L == null ? void 0 : L.content) == null ? void 0 : F.data, O = (h || []).map((p) => {
+        const P = p != null && p[_] ? p == null ? void 0 : p[_] : J.toTitle((p == null ? void 0 : p.slug) || "");
+        return {
+          value: {
+            _id: p == null ? void 0 : p._id,
+            slug: p == null ? void 0 : p.slug,
+            [_]: p == null ? void 0 : p[_]
+          },
+          label: P
+        };
+      });
+      return {
+        options: Array.isArray(O) ? O : [],
+        hasMore: h && !((h == null ? void 0 : h.length) < 10),
+        additional: {
+          page: R + 1
+        }
+      };
+    } catch {
+      return {
+        options: [],
+        hasMore: !1,
+        additional: {
+          page: R
+        }
+      };
+    } finally {
+      g(!1);
+    }
+  };
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsxs(W, { size: "xs", onClick: () => m(!0), children: [
+      "Select more ",
+      d
+    ] }),
+    /* @__PURE__ */ s.jsxs(
+      De,
+      {
+        title: "Select more items",
+        isOpen: i,
+        onClose: () => m(!1),
+        contentClassName: "max-w-96",
+        children: [
+          /* @__PURE__ */ s.jsxs(Q, { helperText: y, readOnly: k, children: [
+            d && /* @__PURE__ */ s.jsx(q, { htmlFor: C, children: d }),
+            /* @__PURE__ */ s.jsx(
+              be,
+              {
+                id: C,
+                value: a,
+                onChange: (j) => {
+                  o(j);
+                },
+                isMulti: !0,
+                loadOptions: I,
+                debounceTimeout: 500,
+                getOptionLabel: (j) => j == null ? void 0 : j.label,
+                getOptionValue: (j) => j == null ? void 0 : j.value,
+                isLoading: c,
+                additional: {
+                  page: 1
+                },
+                cacheUniqs: [B],
+                minMenuHeight: 250
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s.jsx(
+            W,
+            {
+              className: "mt-4",
+              onClick: () => {
+                t([
+                  ...n,
+                  ...(a ?? []).map((j) => {
+                    var N;
+                    return (N = j == null ? void 0 : j.value) == null ? void 0 : N._id;
+                  })
+                ]), m(!1);
+              },
+              children: "Add"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, gt = ({
+  field: e
+}) => {
+  var T, M, V;
+  const { collection: n } = X(), [t, r] = w(!1), [c, g] = w([]), [a, o] = w(1), [i, m] = w(0), [x, d] = w(0), { key: y = "", label: k = "", helper_text: C = "", readonly: B = !1 } = e, _ = y, I = ((T = e == null ? void 0 : e.options) == null ? void 0 : T.collection_key) || "", S = ((M = e == null ? void 0 : e.options) == null ? void 0 : M.label_field_key) || "", {
+    field: { value: f, onBlur: j, onChange: N, ref: R, disabled: F, ...L },
+    fieldState: h
+  } = me({
+    name: _,
+    rules: xe(e)
+  }), O = !!(e != null && e.required), p = (V = h == null ? void 0 : h.error) == null ? void 0 : V.message, P = async () => {
+    var Y, ee, te, se, ne;
+    r(!0);
+    const u = await (n == null ? void 0 : n.getCollectionContentList({
+      collection_key: I,
+      page: a,
+      limit: 5,
+      where: {
+        _id: {
+          in: f
+        }
+      }
+    })), D = ((Y = u == null ? void 0 : u.content) == null ? void 0 : Y.data) ?? [], G = ((te = (ee = u == null ? void 0 : u.content) == null ? void 0 : ee.meta) == null ? void 0 : te.pages) ?? 0;
+    m(((ne = (se = u == null ? void 0 : u.content) == null ? void 0 : se.meta) == null ? void 0 : ne.total) ?? 0), d(G), a > G && o(G), g(D), r(!1);
+  };
+  return ge(() => {
+    (f == null ? void 0 : f.length) > 0 && P();
+  }, [f, a]), /* @__PURE__ */ s.jsxs(
+    Q,
+    {
+      ref: R,
+      error: p,
+      helperText: C,
+      readOnly: B,
+      children: [
+        k && /* @__PURE__ */ s.jsx(q, { htmlFor: _, isRequired: O, children: k }),
+        /* @__PURE__ */ s.jsx(
+          ut,
+          {
+            onChange: N,
+            value: f ?? [],
+            field: e
+          }
+        ),
+        f != null && f.length ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "relative overflow-hidden", children: [
+            t ? /* @__PURE__ */ s.jsx("div", { className: "z-10 absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center bg-[rgba(0,0,0,0.05)]", children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ s.jsx(Be, { className: "h-8 w-8 animate-spin mr-2" }),
+              "Fetching"
+            ] }) }) : null,
+            /* @__PURE__ */ s.jsx(he, { className: f.length > 5 ? "min-h-72" : "", children: /* @__PURE__ */ s.jsx(fe, { children: c.map((u) => /* @__PURE__ */ s.jsx(ye, { children: /* @__PURE__ */ s.jsxs(je, { className: "flex justify-between", children: [
+              u == null ? void 0 : u[S],
+              /* @__PURE__ */ s.jsx(
+                Ee,
+                {
+                  className: "cursor-pointer",
+                  size: 20,
+                  onClick: () => {
+                    console.log(
+                      f,
+                      f == null ? void 0 : f.filter((D) => D !== (u == null ? void 0 : u._id)),
+                      u
+                    ), N(
+                      f == null ? void 0 : f.filter((D) => D !== (u == null ? void 0 : u._id))
+                    );
+                  }
+                }
+              )
+            ] }) }, u == null ? void 0 : u._id)) }) })
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between px-2", children: [
+            /* @__PURE__ */ s.jsxs("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+              "Showing",
+              " ",
+              i ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                5 * (a - 1) + 1,
+                "-",
+                Math.min(5 * a, i),
+                " of",
+                " "
+              ] }) : null,
+              " ",
+              i,
+              " items"
+            ] }),
+            /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+              /* @__PURE__ */ s.jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+                "Page ",
+                a,
+                " of ",
+                x
+              ] }),
+              /* @__PURE__ */ s.jsxs("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ s.jsxs(
+                  W,
+                  {
+                    onClick: () => o(1),
+                    disabled: a === 1,
+                    variant: "outline",
+                    className: "hidden h-8 w-8 p-0 lg:flex",
+                    children: [
+                      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Go to first page" }),
+                      /* @__PURE__ */ s.jsx(st, { className: "h-4 w-4" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s.jsxs(
+                  W,
+                  {
+                    disabled: a === 1,
+                    onClick: () => o(a - 1),
+                    variant: "outline",
+                    className: "h-8 w-8 p-0",
+                    children: [
+                      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Go to previous page" }),
+                      /* @__PURE__ */ s.jsx(et, { className: "h-4 w-4" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s.jsxs(
+                  W,
+                  {
+                    onClick: () => o(a + 1),
+                    disabled: a === x,
+                    variant: "outline",
+                    className: "h-8 w-8 p-0",
+                    children: [
+                      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Go to next page" }),
+                      /* @__PURE__ */ s.jsx(tt, { className: "h-4 w-4" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s.jsxs(
+                  W,
+                  {
+                    onClick: () => o(x),
+                    disabled: a === x,
+                    variant: "outline",
+                    className: "hidden h-8 w-8 p-0 lg:flex",
+                    children: [
+                      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Go to last page" }),
+                      /* @__PURE__ */ s.jsx(nt, { className: "h-4 w-4" })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}, mt = ({
+  field: e
+}) => {
+  var R, F, L;
+  const { collection: n } = X(), [t, r] = w(!1), { key: c = "", label: g = "", helper_text: a = "", readonly: o = !1 } = e, i = c, m = ((R = e == null ? void 0 : e.options) == null ? void 0 : R.collection_key) || "", x = ((F = e == null ? void 0 : e.options) == null ? void 0 : F.label_field_key) || "", {
+    field: { value: d, onBlur: y, onChange: k, ref: C, disabled: B, ..._ },
+    fieldState: I
+  } = me({
+    name: i,
+    rules: xe(e)
+  }), S = !!(e != null && e.required), f = (L = I == null ? void 0 : I.error) == null ? void 0 : L.message, j = async (h, O, { page: p = 1 }) => {
+    var P;
+    r(!0);
+    try {
+      const T = await (n == null ? void 0 : n.getCollectionContentList({
+        collection_key: m,
+        page: p,
+        search: h,
+        limit: 10
+      })), M = (P = T == null ? void 0 : T.content) == null ? void 0 : P.data, V = (M || []).map((u) => {
+        const D = u != null && u[x] ? u == null ? void 0 : u[x] : J.toTitle((u == null ? void 0 : u.slug) || "");
+        return {
+          value: {
+            _id: u == null ? void 0 : u._id,
+            slug: u == null ? void 0 : u.slug,
+            [x]: u == null ? void 0 : u[x]
+          },
+          label: D
+        };
+      });
+      return {
+        options: Array.isArray(V) ? V : [],
+        hasMore: M && !((M == null ? void 0 : M.length) < 10),
+        additional: {
+          page: p + 1
+        }
+      };
+    } catch {
+      return {
+        options: [],
+        hasMore: !1,
+        additional: {
+          page: p
+        }
+      };
+    } finally {
+      r(!1);
+    }
+  }, N = d ? {
+    label: d != null && d[x] ? d == null ? void 0 : d[x] : d != null && d.slug ? J.toTitle((d == null ? void 0 : d.slug) || "") : "",
+    value: {
+      _id: d == null ? void 0 : d._id,
+      slug: d == null ? void 0 : d.slug,
+      [x]: d == null ? void 0 : d[x]
+    }
+  } : null;
+  return /* @__PURE__ */ s.jsxs(
+    Q,
+    {
+      ref: C,
+      error: f,
+      helperText: a,
+      readOnly: o,
+      children: [
+        g && /* @__PURE__ */ s.jsx(q, { htmlFor: i, isRequired: S, children: g }),
+        /* @__PURE__ */ s.jsx(
+          be,
+          {
+            id: i,
+            value: N,
+            onChange: (h) => {
+              k((h == null ? void 0 : h.value) || null);
+            },
+            onBlur: () => {
+              y();
+            },
+            loadOptions: j,
+            debounceTimeout: 500,
+            getOptionLabel: (h) => h == null ? void 0 : h.label,
+            getOptionValue: (h) => h == null ? void 0 : h.value,
+            isLoading: t,
+            additional: {
+              page: 1
+            },
+            cacheUniqs: [m],
+            minMenuHeight: 250,
+            isDisabled: B,
+            ..._
+          }
+        )
+      ]
+    }
+  );
+}, pt = v(
+  () => import("./MultiTextWidget-CxVpyf06.js")
+), ie = v(() => import("./TextWidget-CtFaQde1.js")), xt = v(
+  () => import("./CurrencyWidget-sD8ijLvw.js")
+), ht = v(
+  () => import("./CheckboxWidget-BGS61gcL.js")
+), ce = v(
+  () => import("./DateTimeWidget-KrcsxgEF.js")
+), de = v(
+  () => import("./DropdownWidget-rm5oUqOE.js")
+), ft = v(() => import("./EmailWidget-CvZKOywL.js")), yt = v(
+  () => import("./GeocoderWidget-CSsp_-hW.js")
+), jt = v(
+  () => import("./MultiGeocoderWidget-Blqz-lHX.js")
+), bt = v(() => import("./PhoneWidget-DezcchSP.js")), vt = v(() => import("./RadioWidget-SfD1fFDG.js")), Ct = v(
+  () => import("./RichTextWidget-Cg3RizdO.js")
+), wt = v(() => import("./SwitchWidget-Id6BNlPe.js")), kt = v(
+  () => import("./TextareaWidget-BKzAeMod.js")
+), Wt = v(
+  () => import("./ToggleCheckboxWidget-nSlie9sE.js")
+), _t = v(() => import("./URLWidget-DtJai3xY.js")), K = v(() => import("./UploadWidget-Dxx2_FYo.js")), Nt = ({
+  field: e,
+  isInternal: n
+}) => {
+  var c, g, a, o, i, m;
+  const { field_interface: t, key: r } = e;
+  if (!t || !r)
+    return null;
+  switch (t) {
+    case l.TextWidget:
+      return /* @__PURE__ */ s.jsx(ie, { field: e });
+    case l.NumberWidget:
+      return /* @__PURE__ */ s.jsx(ie, { type: "number", field: e });
+    case l.CurrencyWidget:
+      return /* @__PURE__ */ s.jsx(xt, { field: e });
+    case l.CheckboxWidget:
+      return /* @__PURE__ */ s.jsx(ht, { field: e });
+    case l.DateTimeWidget:
+      return /* @__PURE__ */ s.jsx(ce, { field: e });
+    case l.DateWidget:
+      return /* @__PURE__ */ s.jsx(ce, { field: e });
+    case l.DropdownWidget:
+      return /* @__PURE__ */ s.jsx(de, { field: e, isMulti: !1 });
+    case l.MultiDropdownWidget:
+      return /* @__PURE__ */ s.jsx(de, { field: e, isMulti: !0 });
+    case l.MultiTextWidget:
+      return /* @__PURE__ */ s.jsx(pt, { field: e });
+    case l.EmailWidget:
+      return /* @__PURE__ */ s.jsx(ft, { field: e });
+    case l.GeocoderWidget:
+      return /* @__PURE__ */ s.jsx(yt, { field: e });
+    case l.MultiGeocoderWidget:
+      return /* @__PURE__ */ s.jsx(jt, { field: e });
+    case l.PhoneWidget:
+      return /* @__PURE__ */ s.jsx(bt, { field: e });
+    case l.RadioWidget:
+      return /* @__PURE__ */ s.jsx(vt, { field: e });
+    case l.RichTextWidget:
+      return /* @__PURE__ */ s.jsx(Ct, { field: e });
+    case l.SwitchWidget:
+      return /* @__PURE__ */ s.jsx(wt, { field: e });
+    case l.TextareaWidget:
+      return /* @__PURE__ */ s.jsx(kt, { field: e });
+    case l.ToggleCheckboxWidget:
+      return /* @__PURE__ */ s.jsx(Wt, { field: e });
+    case l.URLWidget:
+      return /* @__PURE__ */ s.jsx(_t, { field: e });
+    case l.ImageUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        K,
+        {
+          field: e,
+          isMultiple: !1,
+          kind: ["image"],
+          isExternal: !n
+        }
+      );
+    case l.MultiImageUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        K,
+        {
+          field: e,
+          isMultiple: !0,
+          kind: ["image"],
+          isExternal: !n
+        }
+      );
+    case l.FileUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        K,
+        {
+          field: e,
+          isMultiple: !1,
+          kind: ["audio", "video", "image", "document"],
+          isExternal: !n
+        }
+      );
+    case l.MultiFileUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        K,
+        {
+          field: e,
+          isMultiple: !0,
+          kind: ["audio", "video", "image", "document"],
+          isExternal: !n
+        }
+      );
+    case l.CollectionWidget:
+      return !((c = e == null ? void 0 : e.options) != null && c.collection_key) || !((g = e == null ? void 0 : e.options) != null && g.label_field_key) ? (console.error(
+        "[LevoCollection]: Error while rendering collection widget. Collection key of label field key is required."
+      ), null) : (
+        /**
+         * @context
+         *
+         * this includes both `o2m` and `m2m` relationships, which if rendered
+         * should be using a multi-select dropdown widget
+         *
+         *
+         * @todo
+         * but, if such a field exist, we should be handling that with a modal or a drawer widget
+         * which renders a table with a multi-row select.
+         *
+         * the selected row, would then become connected to the current row.
+         *
+         * e.g.: `blog` collection key can have an `o2m` relationship with `post` collection key
+         *
+         * in this case, the `post` collection key should be rendered as a widget which shows count of posts
+         * and on clicking which actually opens a modal or a drawer widget which renders a table with a multi-row select
+         *
+         */
+        (a = e == null ? void 0 : e.options) != null && a.current_have_many_connected && !((o = e == null ? void 0 : e.options) != null && o.connected_have_many_current) ? (console.error("[LevoCollection]: O2M is not supported"), null) : (i = e == null ? void 0 : e.options) != null && i.current_have_many_connected && ((m = e == null ? void 0 : e.options) != null && m.connected_have_many_current) ? /* @__PURE__ */ s.jsx(gt, { field: e }) : /* @__PURE__ */ s.jsx(mt, { field: e })
+      );
+    default:
+      return null;
+  }
+}, Rt = ({
+  field: e,
+  isInternal: n
+}) => {
+  const { key: t = "", label: r = "", field_interface: c = "", fields: g = [] } = e;
+  return !c || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ s.jsx(q, { children: r }),
+    /* @__PURE__ */ s.jsx("div", { className: "border rounded bg-secondary/40 flex flex-col px-3 py-4 gap-3", children: g.map((a) => {
+      const o = {
+        ...a,
+        key: `${t}.${a == null ? void 0 : a.key}`
+      };
+      return /* @__PURE__ */ s.jsx(
+        ve,
+        {
+          field: o,
+          isInternal: n
+        },
+        `common-fields-${e == null ? void 0 : e.id}-${a == null ? void 0 : a.id}`
+      );
+    }) })
+  ] });
+}, ve = (e) => {
+  const { field_interface: n = "", key: t = "" } = e.field;
+  if (!n || !t)
+    return null;
+  switch (n) {
+    case l.ArrayWidget:
+      return /* @__PURE__ */ s.jsx(Ye, { ...e });
+    case l.RecordWidget:
+      return /* @__PURE__ */ s.jsx(Rt, { ...e });
+    default:
+      return /* @__PURE__ */ s.jsx(Nt, { ...e });
+  }
+}, Ce = E.createContext({
+  schema: null,
+  submitButtonConfig: {
+    show: !0
+  }
+}), Lt = ({
+  children: e,
+  ...n
+}) => {
+  const { schema: t, onFormView: r } = n, { ref: c } = Oe({
+    triggerOnce: !0,
+    onChange: (g) => {
+      g && (t != null && t.id) && r && r({ schemaId: t.id });
+    }
+  });
+  return /* @__PURE__ */ s.jsxs(Ce.Provider, { value: { ...n }, children: [
+    /* @__PURE__ */ s.jsx("div", { ref: c }),
+    e
+  ] });
+}, ns = () => E.useContext(Ce), Tt = E.lazy(
+  () => import("./DefaultFormVariant-j1HgVDiI.js")
+), Mt = E.lazy(
+  () => import("./StepsFormVariant-D35dFYK6.js")
+), At = ({
+  formVariant: e,
+  ...n
+}) => {
+  const { schema: t, uiConfig: r } = n;
+  return /* @__PURE__ */ s.jsxs(Lt, { ...n, children: [
+    r != null && r.hideFormHeading ? null : /* @__PURE__ */ s.jsxs(
+      "h1",
+      {
+        className: b(
+          "text-2xl text-left text-black mb-4 font-semibold",
+          e === "default" ? "ml-[32%]" : "ml-0"
+        ),
+        children: [
+          "Create new ",
+          He.singularize((t == null ? void 0 : t.name) || "")
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(_e, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Mt, {}) : /* @__PURE__ */ s.jsx(Tt, {}) })
+  ] });
+}, rs = ({
+  collection_id: e,
+  hiddenFields: n,
+  ...t
+}) => {
+  const { collection: r } = X(), [c, g] = w(!0), [a, o] = w(null);
+  return ge(() => {
+    e ? r == null || r.getCollectionByIDExpanded(e, {
+      headers: {
+        "Levo-Workspace": t == null ? void 0 : t.workspace_id
+      }
+    }).then((i) => {
+      var x, d;
+      const m = (x = i == null ? void 0 : i.content) == null ? void 0 : x.data;
+      if (m)
+        m.sections = (d = m == null ? void 0 : m.sections) == null ? void 0 : d.map(
+          (y) => {
+            var k;
+            return y.fields = (k = y == null ? void 0 : y.fields) == null ? void 0 : k.map((C) => (n != null && n.includes(C == null ? void 0 : C.key) && (C.hidden = !0), C)), y;
+          }
+        ), o(m);
+      else
+        throw new Error(`API response invalid: ${m}`);
+    }).catch((i) => {
+      console.error("Error fetching schema", i);
+    }).finally(() => {
+      g(!1);
+    }) : (console.error(
+      "[CollectionFormBuilder] Collection ID or Workspace ID is missing."
+    ), g(!1));
+  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: c ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(Se, {}) }) : a ? /* @__PURE__ */ s.jsx(At, { schema: a, ...t }) : null });
+};
+export {
+  Q as A,
+  q as B,
+  rs as C,
+  ns as D,
+  ve as F,
+  ss as H,
+  pe as a,
+  U as b,
+  Xt as c,
+  ae as d,
+  Je as e,
+  Jt as f,
+  ts as g,
+  es as h,
+  Qe as i,
+  Ve as j,
+  ze as k,
+  $e as l,
+  Ue as m,
+  qe as n,
+  Ge as o,
+  oe as p,
+  Ze as q,
+  Ke as r,
+  Yt as s,
+  $ as t,
+  Qt as u,
+  Kt as v,
+  Z as w,
+  Gt as x,
+  Zt as y,
+  xe as z
+};