@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/heat-map/components/legend/index.js

@@ -3,24 +3,22 @@ import { Box as n, Typography as i } from "@mui/material";
 import { FlexCol as t } from "../../../flex-col/index.js";
 import { FlexRow as h } from "../../../flex-row/index.js";
 import { Container as a } from "./styled.js";
-function g({ gradient: o }) {
-  return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ e(h, { gap: 0.5, children: [
-    /* @__PURE__ */ r(
-      n,
-      {
-        width: 24,
-        height: 90,
-        sx: {
-          background: `linear-gradient(${[...o].reverse().join(", ")})`
-        }
+const g = ({ gradient: o }) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ e(h, { gap: 0.5, children: [
+  /* @__PURE__ */ r(
+    n,
+    {
+      width: 24,
+      height: 90,
+      sx: {
+        background: `linear-gradient(${[...o].reverse().join(", ")})`
       }
-    ),
-    /* @__PURE__ */ e(t, { justifyContent: "space-between", height: 90, children: [
-      /* @__PURE__ */ r(i, { variant: "overline", children: "High" }),
-      /* @__PURE__ */ r(i, { variant: "overline", children: "Low" })
-    ] })
-  ] }) });
-}
+    }
+  ),
+  /* @__PURE__ */ e(t, { justifyContent: "space-between", height: 90, children: [
+    /* @__PURE__ */ r(i, { variant: "overline", children: "High" }),
+    /* @__PURE__ */ r(i, { variant: "overline", children: "Low" })
+  ] })
+] }) });
 export {
   g as Legend
 };

package/dist/components/heat-map/index.js

@@ -1,15 +1,15 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { Typography as d } from "@mui/material";
-import { useEffect as u } from "react";
-import { u as l } from "../../index.esm-BLLrbTzY.js";
-import { M as h } from "../../index-kCJ_Zvl8.js";
+import { useEffect as l } from "react";
+import { u } from "../../index.esm-BLLrbTzY.js";
+import { Map as h } from "../map/index.js";
 import { Controls as M } from "./components/controls/index.js";
 import { Legend as R } from "./components/legend/index.js";
 import { useHeatMapLogic as g } from "./logic.js";
 import { HeatMapRoot as H, HeatMapHeader as z, HeatMapContent as x } from "./styled.js";
-function E(r) {
-  const { refs: t, actions: i, gradient: p, ownerState: o, sx: s, other: f } = g(r), { width: n, height: a, ref: c } = l();
-  return u(() => (n && a && i.onMapResize(), () => {
+const E = (r) => {
+  const { refs: t, actions: i, gradient: p, ownerState: o, sx: s, other: f } = g(r), { width: n, height: a, ref: c } = u();
+  return l(() => (n && a && i.onMapResize(), () => {
   }), [n, a]), /* @__PURE__ */ m(H, { ownerState: o, sx: s, ref: c, ...f, children: [
     /* @__PURE__ */ e(z, { ownerState: o, children: /* @__PURE__ */ e(d, { variant: "h3", children: r.title }) }),
     /* @__PURE__ */ m(x, { ownerState: o, children: [
@@ -31,7 +31,7 @@ function E(r) {
       /* @__PURE__ */ e(M, { mapRef: t.mapRef.current })
     ] })
   ] });
-}
+};
 export {
   E as HeatMap
 };

package/dist/components/instance-form/components/TopLabelWrapper.js

@@ -1,52 +1,12 @@
-import { jsxs as o, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { Box as r, Typography as i } from "@mui/material";
-const x = (a, l, e) => (n) => /* @__PURE__ */ o(p, { children: [
-  /* @__PURE__ */ o(r, { sx: { mb: 1 }, children: [
-    /* @__PURE__ */ o(
-      i,
-      {
-        component: "label",
-        sx: {
-          display: "inline-block",
-          color: "#1e262b",
-          fontSize: "16px",
-          position: "relative",
-          fontWeight: 500
-        },
-        children: [
-          a,
-          l && /* @__PURE__ */ t(
-            "span",
-            {
-              style: {
-                position: "absolute",
-                top: "-3px",
-                right: "-9px",
-                fontWeight: "bold",
-                fontSize: "16px"
-              },
-              children: "*"
-            }
-          )
-        ]
-      }
-    ),
-    e && /* @__PURE__ */ t(
-      i,
-      {
-        variant: "caption",
-        sx: {
-          display: "block",
-          color: "#a5a8aa",
-          fontSize: "13px",
-          mt: 0.5
-        },
-        children: e
-      }
-    )
+import { jsxs as e, Fragment as l, jsx as a } from "react/jsx-runtime";
+import { TopLabelWrapperRoot as i, TopLabel as n, TopLabelDescription as c } from "../styled.js";
+const b = (o, p, r) => (t) => /* @__PURE__ */ e(l, { children: [
+  /* @__PURE__ */ e(i, { children: [
+    /* @__PURE__ */ a(n, { required: p, children: o }),
+    r && /* @__PURE__ */ a(c, { variant: "caption", children: r })
   ] }),
-  n
+  t
 ] });
 export {
-  x as default
+  b as default
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -6,8 +6,10 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-CcdvNlgr.js";
-import "./styled.js";
+import "../../helpers.js";
+import "../../styled.js";
+import "../TopLabelWrapper.js";
+import { C as b } from "../../../../index-BtlzPygz.js";
 export {
-  s as default
+  b as CompositeList
 };

package/dist/components/instance-form/components/composite-matrix/components/editable-table/index.js

@@ -1,93 +1,102 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { Stack as x, Button as y, TableContainer as j, Paper as B, Table as $, TableHead as E, TableRow as A, TableCell as m, TextField as f, TableBody as F } from "@mui/material";
-import * as b from "react";
-const q = ({
-  initialRows: v = 3,
-  initialCols: C = 3,
-  initialState: l,
-  onChange: h
-}) => {
-  const [s, L] = b.useState(
-    (l == null ? void 0 : l.rowLabels) ?? Array.from({ length: v }, () => "")
-  ), [n, w] = b.useState(
-    (l == null ? void 0 : l.columnLabels) ?? Array.from({ length: C }, () => "")
-  ), [t, g] = b.useState(
-    (l == null ? void 0 : l.data) ?? Array.from({ length: v }, () => Array.from({ length: C }, () => ""))
-  ), c = b.useCallback(
-    (o) => {
-      h == null || h(o);
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { Stack as L, Button as v, TableContainer as z, Paper as W, Table as j, TableHead as B, TableRow as R, TextField as b, TableBody as H } from "@mui/material";
+import * as h from "react";
+import { CompositeMatrixEditableCornerCell as $, CompositeMatrixEditableHeaderCell as F, CompositeMatrixEditableRowCell as x } from "../../../../styled.js";
+const N = (y) => {
+  const {
+    initialRows: C = 3,
+    initialCols: g = 3,
+    initialState: n,
+    onChange: m
+  } = y, [s, f] = h.useState(
+    (n == null ? void 0 : n.rowLabels) ?? Array.from({ length: C }, () => "")
+  ), [o, w] = h.useState(
+    (n == null ? void 0 : n.columnLabels) ?? Array.from({ length: g }, () => "")
+  ), [r, u] = h.useState(
+    (n == null ? void 0 : n.data) ?? Array.from(
+      { length: C },
+      () => Array.from({ length: g }, () => "")
+    )
+  ), d = h.useCallback(
+    (t) => {
+      m == null || m(t);
     },
-    [h]
-  ), R = (o, e) => {
-    const a = [...s];
-    a[o] = e, L(a), c({ rowLabels: a, columnLabels: n, data: t });
-  }, k = (o, e) => {
-    const a = [...n];
-    a[o] = e, w(a), c({ rowLabels: s, columnLabels: a, data: t });
-  }, T = (o, e, a) => {
-    const d = t.map(
-      (p, D) => p.map((W, z) => D === o && z === e ? a : W)
+    [m]
+  ), A = (t, a) => {
+    const e = [...s];
+    e[t] = a, f(e), d({ rowLabels: e, columnLabels: o, data: r });
+  }, T = (t, a) => {
+    const e = [...o];
+    e[t] = a, w(e), d({ rowLabels: s, columnLabels: e, data: r });
+  }, k = (t, a, e) => {
+    const c = r.map(
+      (p, D) => p.map((E, M) => D === t && M === a ? e : E)
     );
-    g(d), c({ rowLabels: s, columnLabels: n, data: d });
+    u(c), d({ rowLabels: s, columnLabels: o, data: c });
   };
-  return /* @__PURE__ */ u(x, { spacing: 2, children: [
-    /* @__PURE__ */ u(x, { direction: "row", spacing: 1, children: [
-      /* @__PURE__ */ r(y, { variant: "outlined", size: "small", onClick: () => {
-        const o = Array.from({ length: n.length || 1 }, () => ""), e = [...s, ""], a = [...t, o];
-        L(e), g(a), c({ rowLabels: e, columnLabels: n, data: a });
+  return /* @__PURE__ */ i(L, { spacing: 2, children: [
+    /* @__PURE__ */ i(L, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ l(v, { variant: "outlined", size: "small", onClick: () => {
+        const t = Array.from({ length: o.length || 1 }, () => ""), a = [...s, ""], e = [...r, t];
+        f(a), u(e), d({ rowLabels: a, columnLabels: o, data: e });
       }, children: "Add row" }),
-      /* @__PURE__ */ r(y, { variant: "outlined", size: "small", onClick: () => {
-        const o = [...n, ""], e = t.length ? t.map((a) => [...a, ""]) : [Array.from({ length: o.length }, () => "")];
-        w(o), g(e), c({ rowLabels: s, columnLabels: o, data: e });
+      /* @__PURE__ */ l(v, { variant: "outlined", size: "small", onClick: () => {
+        const t = [...o, ""], a = r.length ? r.map((e) => [...e, ""]) : [Array.from({ length: t.length }, () => "")];
+        w(t), u(a), d({ rowLabels: s, columnLabels: t, data: a });
       }, children: "Add column" })
     ] }),
-    /* @__PURE__ */ r(j, { component: B, elevation: 1, children: /* @__PURE__ */ u($, { size: "small", children: [
-      /* @__PURE__ */ r(E, { children: /* @__PURE__ */ u(A, { children: [
-        /* @__PURE__ */ r(
-          m,
+    /* @__PURE__ */ l(z, { component: W, elevation: 1, children: /* @__PURE__ */ i(j, { size: "small", children: [
+      /* @__PURE__ */ l(B, { children: /* @__PURE__ */ i(R, { children: [
+        /* @__PURE__ */ l($, {}),
+        o.map((t, a) => /* @__PURE__ */ l(
+          F,
           {
-            sx: {
-              fontWeight: 600,
-              backgroundColor: "action.hover",
-              width: 120
-            }
-          }
-        ),
-        n.map((o, e) => /* @__PURE__ */ r(m, { align: "center", sx: { backgroundColor: "action.hover" }, children: /* @__PURE__ */ r(
-          f,
-          {
-            variant: "standard",
-            value: o,
-            onChange: (a) => k(e, a.target.value),
-            placeholder: `Col ${e + 1}`,
-            fullWidth: !0
-          }
-        ) }, e))
+            align: "center",
+            children: /* @__PURE__ */ l(
+              b,
+              {
+                variant: "standard",
+                value: t,
+                onChange: (e) => T(a, e.target.value),
+                placeholder: `Col ${a + 1}`,
+                fullWidth: !0
+              }
+            )
+          },
+          a
+        ))
       ] }) }),
-      /* @__PURE__ */ r(F, { children: t.map((o, e) => /* @__PURE__ */ u(A, { children: [
-        /* @__PURE__ */ r(m, { sx: { backgroundColor: "action.hover" }, children: /* @__PURE__ */ r(
-          f,
+      /* @__PURE__ */ l(H, { children: r.map((t, a) => /* @__PURE__ */ i(R, { children: [
+        /* @__PURE__ */ l(x, { children: /* @__PURE__ */ l(
+          b,
           {
             variant: "standard",
-            value: s[e] ?? "",
-            onChange: (a) => R(e, a.target.value),
-            placeholder: `Row ${e + 1}`,
+            value: s[a] ?? "",
+            onChange: (e) => A(a, e.target.value),
+            placeholder: `Row ${a + 1}`,
             fullWidth: !0
           }
         ) }),
-        o.map((a, d) => /* @__PURE__ */ r(m, { align: "center", children: /* @__PURE__ */ r(
-          f,
+        t.map((e, c) => /* @__PURE__ */ l(
+          x,
           {
-            variant: "standard",
-            value: a,
-            onChange: (p) => T(e, d, p.target.value),
-            fullWidth: !0
-          }
-        ) }, d))
-      ] }, e)) })
+            align: "center",
+            children: /* @__PURE__ */ l(
+              b,
+              {
+                variant: "standard",
+                value: e,
+                onChange: (p) => k(a, c, p.target.value),
+                fullWidth: !0
+              }
+            )
+          },
+          c
+        ))
+      ] }, a)) })
     ] }) })
   ] });
 };
 export {
-  q as EditableMatrix
+  N as EditableMatrix
 };

package/dist/components/instance-form/components/composite-matrix/components/editor/index.js

@@ -1,87 +1,66 @@
-import { jsxs as o, jsx as e, Fragment as l } from "react/jsx-runtime";
-import { Dialog as T, DialogTitle as C, Typography as A, Tabs as S, DialogContent as L, Box as a, FormControlLabel as y, Switch as D, Alert as F, DialogActions as P, Button as h, Tab as k } from "@mui/material";
-import { useState as m } from "react";
-import O from "../form/index.js";
-import W from "../json-editor/index.js";
-import { MatrixTable as j } from "../table/index.js";
-import { FlexRow as B } from "../../../../../flex-row/index.js";
-const p = (r) => /* @__PURE__ */ e(
-  k,
-  {
-    sx: { px: 0, minWidth: "auto", textTransform: "none", mr: 2 },
-    ...r
-  }
-);
-function X({
-  data: r,
-  open: b,
-  onChange: c,
-  onSubmit: v,
-  onClose: d
-}) {
-  const [t, x] = m(0), [s, f] = m(!0), u = (i, n) => {
-    x(n);
-  }, g = (i, n) => {
-    f(n);
-  }, w = () => {
-    v(r);
+import { jsxs as t, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { Dialog as E, Switch as M, Alert as T, DialogActions as f, Button as c } from "@mui/material";
+import { useState as s } from "react";
+import { FlexRow as P } from "../../../../../flex-row/index.js";
+import { CompositeMatrixEditorDialogTitle as S, CompositeMatrixEditorDialogTitleLabel as A, CompositeMatrixEditorTabs as D, CompositeMatrixEditorDialogContent as L, CompositeMatrixEditorPanel as k, CompositeMatrixEditorPreviewDivider as F, CompositeMatrixEditorPreview as O, CompositeMatrixEditorPreviewSwitch as j, CompositeMatrixEditorTab as y } from "../../../../styled.js";
+import { Form as I } from "../form/index.js";
+import { JsonEditor as J } from "../json-editor/index.js";
+import { MatrixTable as R } from "../table/index.js";
+const m = (i) => /* @__PURE__ */ e(y, { ...i }), H = (i) => {
+  const { data: o, open: h, onChange: n, onSubmit: p, onClose: l } = i, [r, v] = s(0), [d, C] = s(!0), b = (u, a) => {
+    v(a);
+  }, w = (u, a) => {
+    C(a);
+  }, g = () => {
+    p(o);
   };
-  return /* @__PURE__ */ o(T, { open: b, onClose: d, maxWidth: "lg", fullWidth: !0, children: [
-    /* @__PURE__ */ o(C, { component: "div", sx: { pb: 0 }, children: [
+  return /* @__PURE__ */ t(E, { open: h, onClose: l, maxWidth: "lg", fullWidth: !0, children: [
+    /* @__PURE__ */ t(S, { component: "div", children: [
       /* @__PURE__ */ e(A, { children: "MATRIX DATA" }),
-      /* @__PURE__ */ o(S, { value: t, onChange: u, children: [
-        /* @__PURE__ */ e(p, { label: "Form" }),
-        /* @__PURE__ */ e(p, { label: "JSON" })
+      /* @__PURE__ */ t(D, { value: r, onChange: b, children: [
+        /* @__PURE__ */ e(m, { label: "Form" }),
+        /* @__PURE__ */ e(m, { label: "JSON" })
       ] })
     ] }),
-    /* @__PURE__ */ e(L, { dividers: !0, sx: { p: 0 }, children: /* @__PURE__ */ o(B, { gap: 1, alignItems: "stretch", children: [
-      /* @__PURE__ */ e(a, { flex: 1, px: 2, py: 2, children: {
-        0: /* @__PURE__ */ e(O, { data: r, onChange: c }),
-        // 1: <></>,
-        1: /* @__PURE__ */ e(W, { data: r, onChange: c })
-      }[t] }),
-      t !== 2 ? /* @__PURE__ */ o(l, { children: [
-        /* @__PURE__ */ e(
-          a,
-          {
-            alignSelf: "stretch",
-            borderLeft: "1px solid",
-            borderColor: (i) => i.palette.divider
-          }
-        ),
-        /* @__PURE__ */ o(a, { flex: 2, px: 2, pt: 1, pb: 2, children: [
+    /* @__PURE__ */ e(L, { dividers: !0, children: /* @__PURE__ */ t(P, { gap: 1, alignItems: "stretch", children: [
+      /* @__PURE__ */ e(k, { children: {
+        0: /* @__PURE__ */ e(I, { data: o, onChange: n }),
+        1: /* @__PURE__ */ e(J, { data: o, onChange: n })
+      }[r] }),
+      r !== 2 ? /* @__PURE__ */ t(x, { children: [
+        /* @__PURE__ */ e(F, {}),
+        /* @__PURE__ */ t(O, { children: [
           /* @__PURE__ */ e(
-            y,
+            j,
             {
               control: /* @__PURE__ */ e(
-                D,
+                M,
                 {
-                  checked: s,
-                  onChange: g
+                  checked: d,
+                  onChange: w
                 }
               ),
               label: "Preview",
-              labelPlacement: "start",
-              sx: { ml: 0, mb: 1 }
+              labelPlacement: "start"
             }
           ),
-          s ? r && r.data.length > 0 ? /* @__PURE__ */ e(
-            j,
+          d ? o && o.data.length > 0 ? /* @__PURE__ */ e(
+            R,
             {
-              data: r.data,
-              colLabels: r.columnLabels ?? void 0,
-              rowLabels: r.rowLabels ?? void 0
+              data: o.data,
+              colLabels: o.columnLabels ?? void 0,
+              rowLabels: o.rowLabels ?? void 0
             }
-          ) : /* @__PURE__ */ e(F, { severity: "info", children: "Add data to see preview" }) : /* @__PURE__ */ e(l, {})
+          ) : /* @__PURE__ */ e(T, { severity: "info", children: "Add data to see preview" }) : null
         ] })
-      ] }) : /* @__PURE__ */ e(l, {})
+      ] }) : null
     ] }) }),
-    /* @__PURE__ */ o(P, { children: [
-      /* @__PURE__ */ e(h, { variant: "contained", color: "inherit", onClick: d, children: "Cancel" }),
-      /* @__PURE__ */ e(h, { variant: "contained", color: "primary", onClick: w, children: "Ok" })
+    /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ e(c, { variant: "contained", color: "inherit", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ e(c, { variant: "contained", color: "primary", onClick: g, children: "Ok" })
     ] })
   ] });
-}
+};
 export {
-  X as default
+  H as Editor
 };

package/dist/components/instance-form/components/composite-matrix/components/form/index.js

@@ -1,105 +1,90 @@
-import { jsxs as l, jsx as r, Fragment as y } from "react/jsx-runtime";
-import { Typography as b, Switch as j, OutlinedInput as v } from "@mui/material";
-import { useState as C } from "react";
+import { jsxs as o, jsx as n, Fragment as f } from "react/jsx-runtime";
+import { Typography as w, Switch as x } from "@mui/material";
+import { useState as y } from "react";
 import { FlexCol as s } from "../../../../../flex-col/index.js";
-import { FlexRow as A } from "../../../../../flex-row/index.js";
-const i = ({ children: n, ...a }) => /* @__PURE__ */ r(b, { variant: "caption", fontWeight: 500, ...a, children: n }), u = (n) => /* @__PURE__ */ r(
-  v,
-  {
-    size: "small",
-    sx: { fontSize: 13, flex: 1 },
-    fullWidth: !0,
-    ...n
+import { FlexRow as j } from "../../../../../flex-row/index.js";
+import { CompositeMatrixFormLabel as v, CompositeMatrixFormInput as A } from "../../../../styled.js";
+const l = (a) => {
+  const { children: e, ...t } = a;
+  return /* @__PURE__ */ n(v, { variant: "caption", ...t, children: e });
+}, c = (a) => /* @__PURE__ */ n(A, { size: "small", fullWidth: !0, ...a }), F = (a) => {
+  try {
+    const e = JSON.parse(a.trim());
+    if (Array.isArray(e) && Array.isArray(e[0]))
+      return e;
+  } catch {
   }
-);
-function z({ data: n, onChange: a }) {
-  var p;
-  const [m, L] = C(
-    !!((p = n.rowLabels) != null && p.length)
-  ), f = (t, e) => {
-    L(e), a({
-      ...n,
+  return a.split(`
+`).map((e) => {
+    const t = e.includes(",") ? "," : /\s+/;
+    return e.split(t);
+  });
+}, I = (a) => a.map((e) => e.join(" ")).join(`
+`), _ = (a) => {
+  var u;
+  const { data: e, onChange: t } = a, [m, d] = y(
+    !!((u = e.rowLabels) != null && u.length)
+  ), L = (p, r) => {
+    d(r), t({
+      ...e,
       rowLabels: [],
       columnLabels: []
     });
-  }, c = (t) => {
-    var h;
-    const { name: e, value: o } = t.target;
-    if (e === "columnLabels" || e === "rowLabels") {
-      const w = (h = o.trim().split(",")) == null ? void 0 : h.map((x) => x.trim());
-      a({
-        ...n,
-        [e]: w
-      });
+  }, i = (p) => {
+    var b;
+    const { name: r, value: h } = p.target;
+    if (r === "columnLabels" || r === "rowLabels") {
+      const g = (b = h.trim().split(",")) == null ? void 0 : b.map((C) => C.trim());
+      t({ ...e, [r]: g });
       return;
     }
-    e === "data" && a({
-      ...n,
-      data: g(o)
-    });
+    r === "data" && t({ ...e, data: F(h) });
   };
-  function g(t) {
-    try {
-      const e = JSON.parse(t.trim());
-      if (Array.isArray(e) && Array.isArray(e[0]))
-        return e;
-    } catch {
-    }
-    return t.split(`
-`).map((e) => {
-      const o = e.includes(",") ? "," : /\s+/;
-      return e.split(o);
-    });
-  }
-  function d(t) {
-    return t.map((e) => e.join(" ")).join(`
-`);
-  }
-  return /* @__PURE__ */ l(s, { alignItems: "stretch", gap: 1, children: [
-    /* @__PURE__ */ r(b, { children: "Matrix Data Input" }),
-    /* @__PURE__ */ l(A, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ r(i, { children: "Use Labels" }),
-      /* @__PURE__ */ r(j, { checked: m, onChange: f })
+  return /* @__PURE__ */ o(s, { alignItems: "stretch", gap: 1, children: [
+    /* @__PURE__ */ n(w, { children: "Matrix Data Input" }),
+    /* @__PURE__ */ o(j, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(l, { children: "Use Labels" }),
+      /* @__PURE__ */ n(x, { checked: m, onChange: L })
     ] }),
-    m && /* @__PURE__ */ l(y, { children: [
-      /* @__PURE__ */ l(s, { gap: 0.5, children: [
-        /* @__PURE__ */ r(i, { children: "Column Labels" }),
-        /* @__PURE__ */ r(
-          u,
+    m && /* @__PURE__ */ o(f, { children: [
+      /* @__PURE__ */ o(s, { gap: 0.5, children: [
+        /* @__PURE__ */ n(l, { children: "Column Labels" }),
+        /* @__PURE__ */ n(
+          c,
           {
             name: "columnLabels",
-            value: n.columnLabels ? n.columnLabels.join(",") : "",
-            onChange: c
+            value: e.columnLabels ? e.columnLabels.join(",") : "",
+            onChange: i
           }
         )
       ] }),
-      /* @__PURE__ */ l(s, { gap: 0.5, children: [
-        /* @__PURE__ */ r(i, { children: "Row Labels" }),
-        /* @__PURE__ */ r(
-          u,
+      /* @__PURE__ */ o(s, { gap: 0.5, children: [
+        /* @__PURE__ */ n(l, { children: "Row Labels" }),
+        /* @__PURE__ */ n(
+          c,
           {
             name: "rowLabels",
-            value: n.rowLabels ? n.rowLabels.join(",") : "",
-            onChange: c
+            value: e.rowLabels ? e.rowLabels.join(",") : "",
+            onChange: i
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l(s, { gap: 0.5, children: [
-      /* @__PURE__ */ r(i, { children: "Data" }),
-      /* @__PURE__ */ r(
-        u,
+    /* @__PURE__ */ o(s, { gap: 0.5, children: [
+      /* @__PURE__ */ n(l, { children: "Data" }),
+      /* @__PURE__ */ n(
+        c,
         {
           name: "data",
-          value: d(n.data),
-          onChange: c,
+          value: I(e.data),
+          onChange: i,
           multiline: !0,
           minRows: 3
         }
       )
     ] })
   ] });
-}
+};
 export {
-  z as default
+  _ as Form
 };