@hybridcore/ui 1.5.82 → 1.5.83

package/dist/{TextField-Db_pNPbv.js → TextField-Bf46COnQ.js}

@@ -1,21 +1,22 @@
 import { a as l, _ as H } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as M from "react";
-import { c as S, P as e } from "./createTheme-DrgvKMA_.js";
-import { g as _, u as L, c as $, a as E } from "./useThemeProps-BlXpIqSE.js";
-import { s as U } from "./styled-DkqItiLo.js";
-import { g as V } from "./createTheme-DVoJnXAT.js";
+import { P as e } from "./index-DMSHuq6l.js";
+import { g as S, u as _, c as L, a as $ } from "./useThemeProps-DRP1dikX.js";
+import { s as E } from "./styled-B8ugzvji.js";
+import { g as U } from "./createTheme-CNnKNxwL.js";
 import { jsx as p, jsxs as le } from "react/jsx-runtime";
-import { f as ie, F as ae, I as de } from "./InputLabel-ClDXuWBr.js";
+import { f as ie, F as ae, I as de } from "./InputLabel-rrSJo8M_.js";
 import { u as ce } from "./useId-BHG98T5I.js";
-import { S as ue, F as pe } from "./Select-BQ4C15bt.js";
+import { S as ue, F as pe } from "./Select-jjAc5JX1.js";
 import { u as fe } from "./useFormControl-CatNKXAi.js";
-import { r as me } from "./ButtonBase-CgQC8DUB.js";
-import { I as be } from "./Input-BAbDr3Tk.js";
-import { O as Te } from "./OutlinedInput-De2keFJK.js";
+import { c as V } from "./createTheme-CyC5HawC.js";
+import { r as me } from "./ButtonBase-DsX-jMQJ.js";
+import { I as be } from "./Input-B7ry6o4t.js";
+import { O as Te } from "./OutlinedInput-BDK6qOwW.js";
 function xe(o) {
-  return V("MuiFormHelperText", o);
+  return U("MuiFormHelperText", o);
 }
-const z = _("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
+const z = S("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var q;
 const ge = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], he = (o) => {
   const {
@@ -28,17 +29,17 @@ const ge = ["children", "className", "component", "disabled", "error", "filled",
     focused: f,
     required: u
   } = o, t = {
-    root: ["root", d && "disabled", c && "error", n && `size${S(n)}`, s && "contained", f && "focused", i && "filled", u && "required"]
+    root: ["root", d && "disabled", c && "error", n && `size${V(n)}`, s && "contained", f && "focused", i && "filled", u && "required"]
   };
-  return E(t, xe, r);
-}, ye = U("p", {
+  return $(t, xe, r);
+}, ye = E("p", {
   name: "MuiFormHelperText",
   slot: "Root",
   overridesResolver: (o, r) => {
     const {
       ownerState: s
     } = o;
-    return [r.root, s.size && r[`size${S(s.size)}`], s.contained && r.contained, s.filled && r.filled];
+    return [r.root, s.size && r[`size${V(s.size)}`], s.contained && r.contained, s.filled && r.filled];
   }
 })(({
   theme: o,
@@ -63,7 +64,7 @@ const ge = ["children", "className", "component", "disabled", "error", "filled",
   marginLeft: 14,
   marginRight: 14
 })), B = /* @__PURE__ */ M.forwardRef(function(r, s) {
-  const n = L({
+  const n = _({
     props: r,
     name: "MuiFormHelperText"
   }), {
@@ -88,7 +89,7 @@ const ge = ["children", "className", "component", "disabled", "error", "filled",
   return /* @__PURE__ */ p(ye, l({
     as: i,
     ownerState: m,
-    className: $(x.root, c),
+    className: L(x.root, c),
     ref: s
   }, f, {
     children: d === " " ? (
@@ -159,9 +160,9 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
 function Fe(o) {
-  return V("MuiTextField", o);
+  return U("MuiTextField", o);
 }
-_("MuiTextField", ["root"]);
+S("MuiTextField", ["root"]);
 const ve = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"], Oe = {
   standard: be,
   filled: pe,
@@ -170,15 +171,15 @@ const ve = ["autoComplete", "autoFocus", "children", "className", "color", "defa
   const {
     classes: r
   } = o;
-  return E({
+  return $({
     root: ["root"]
   }, Fe, r);
-}, Ce = U(ae, {
+}, Ce = E(ae, {
   name: "MuiTextField",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 })({}), we = /* @__PURE__ */ M.forwardRef(function(r, s) {
-  const n = L({
+  const n = _({
     props: r,
     name: "MuiTextField"
   }), {
@@ -250,7 +251,7 @@ const ve = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     inputProps: k
   }, T, A));
   return /* @__PURE__ */ le(Ce, l({
-    className: $(se.root, f),
+    className: L(se.root, f),
     disabled: m,
     error: x,
     fullWidth: F,

package/dist/{Typography-CLq43OVQ.js → Typography-D1t7XuLN.js}

@@ -1,11 +1,12 @@
 import { a as s, _ as B } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as W from "react";
-import { c as f, P as o } from "./createTheme-DrgvKMA_.js";
-import { g as C, u as M, c as O, a as j } from "./useThemeProps-BlXpIqSE.js";
-import { s as P } from "./styled-DkqItiLo.js";
-import { g as N } from "./createTheme-DVoJnXAT.js";
+import { P as o } from "./index-DMSHuq6l.js";
+import { g as C, u as M, c as O, a as j } from "./useThemeProps-DRP1dikX.js";
+import { s as P } from "./styled-B8ugzvji.js";
+import { g as N } from "./createTheme-CNnKNxwL.js";
 import { jsx as R } from "react/jsx-runtime";
-import { e as _ } from "./extendSxProp-BmK2hLmq.js";
+import { c as f } from "./createTheme-CyC5HawC.js";
+import { e as _ } from "./extendSxProp-FEpqY5_S.js";
 function U(r) {
   return N("MuiTypography", r);
 }

package/dist/components/card/index.js

@@ -3,12 +3,12 @@ import { Skeleton as o, Box as u, Avatar as M } from "@mui/material";
 import { LandscapeCardRoot as A, LandscapeInfoBox as P, LandscapeCardExtraActions as _, PortraitCardRoot as L, PortraitCardExtraActions as U } from "./styled.js";
 import { a as x, _ as T } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as S from "react";
-import { P as i } from "../../createTheme-DrgvKMA_.js";
-import { g as N, u as k, c as B, a as j, b as H } from "../../useThemeProps-BlXpIqSE.js";
-import { s as R } from "../../styled-DkqItiLo.js";
-import { g as E } from "../../createTheme-DVoJnXAT.js";
-import { C as O } from "../../CardContent-CCq4R1KS.js";
-import { T as g } from "../../Typography-CLq43OVQ.js";
+import { P as i } from "../../index-DMSHuq6l.js";
+import { g as N, u as k, c as B, a as j, b as H } from "../../useThemeProps-DRP1dikX.js";
+import { s as R } from "../../styled-B8ugzvji.js";
+import { g as E } from "../../createTheme-CNnKNxwL.js";
+import { C as O } from "../../CardContent-DsYqqPeJ.js";
+import { T as g } from "../../Typography-D1t7XuLN.js";
 function D(t) {
   return E("MuiCardActions", t);
 }

package/dist/components/card/styled.js

@@ -1,5 +1,5 @@
 import { Card as t, Box as o } from "@mui/material";
-import { s as i } from "../../styled-DkqItiLo.js";
+import { s as i } from "../../styled-B8ugzvji.js";
 const s = i(t, {
   name: "SNCard",
   // The component name

package/dist/components/collapsible-card/style.js

@@ -1,7 +1,7 @@
 import i, { jsx as r } from "react/jsx-runtime";
-import { r as n, i as s } from "../../createSvgIcon-CsckVnG-.js";
-import { s as o } from "../../styled-DkqItiLo.js";
-import { A as d, a as c, b as u } from "../../AccordionDetails-mpRYHtGq.js";
+import { r as n, i as s } from "../../createSvgIcon-DLPYMuH1.js";
+import { s as o } from "../../styled-B8ugzvji.js";
+import { A as d, a as c, b as u } from "../../AccordionDetails-DhriPVPP.js";
 var t = {}, p = s;
 Object.defineProperty(t, "__esModule", {
   value: !0

package/dist/components/confirm/dialog.js

@@ -2,9 +2,9 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import "../../DialogContent-WDuguvBY.js";
-import { a as f } from "../../dialog-D6oTCUrm.js";
-import "../../Button-jy67CcTH.js";
+import "../../DialogContent-CqTojymQ.js";
+import { a as f } from "../../dialog-BE4D6swf.js";
+import "../../Button-eqWvpDuh.js";
 export {
   f as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { a as i } from "../../dialog-D6oTCUrm.js";
+import { a as i } from "../../dialog-BE4D6swf.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/container/index.js

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
 import { _ as g, a as i } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as T from "react";
-import { P as e } from "../../createTheme-DrgvKMA_.js";
-import { g as N, u as P, c as x, b as S, a as H } from "../../useThemeProps-BlXpIqSE.js";
-import { s as h } from "../../styled-DkqItiLo.js";
-import { g as R } from "../../createTheme-DVoJnXAT.js";
-import { P as E } from "../../Paper-DRRYGupP.js";
-import { T as b } from "../../Typography-CLq43OVQ.js";
-import { C as $ } from "../../CardContent-CCq4R1KS.js";
+import { P as e } from "../../index-DMSHuq6l.js";
+import { g as N, u as P, c as x, b as S, a as H } from "../../useThemeProps-DRP1dikX.js";
+import { s as h } from "../../styled-B8ugzvji.js";
+import { g as R } from "../../createTheme-CNnKNxwL.js";
+import { P as E } from "../../Paper-CjqLScHA.js";
+import { T as b } from "../../Typography-D1t7XuLN.js";
+import { C as $ } from "../../CardContent-DsYqqPeJ.js";
 function k(r) {
   return R("MuiCard", r);
 }

package/dist/components/context-menu/index.js

@@ -1,17 +1,17 @@
 import { jsx as y, jsxs as V, Fragment as G } from "react/jsx-runtime";
 import * as d from "react";
-import { P as t } from "../../createTheme-DrgvKMA_.js";
-import { a as D, b as W, B as z, u as H } from "../../ButtonBase-CgQC8DUB.js";
+import { P as t } from "../../index-DMSHuq6l.js";
+import { a as D, b as W, B as z, u as H } from "../../ButtonBase-DsX-jMQJ.js";
 import { o as k } from "../../ownerDocument-CUrv0DIK.js";
-import { e as q, a as X } from "../../exactProp-H1i70prd.js";
-import { L, a as Y } from "../../List-CNeRnfGL.js";
-import { l as T, g as J, L as K } from "../../ListItem-N_dSd02S.js";
+import { e as q, a as X } from "../../exactProp-cjT0t_Pt.js";
+import { L, a as Y } from "../../List-DOD5kSk3.js";
+import { l as T, g as J, L as K } from "../../ListItem-r8PbsvCz.js";
 import { a as b, _ as P } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import { u as $, c as R, a as w } from "../../useThemeProps-BlXpIqSE.js";
-import { s as B, r as Q } from "../../styled-DkqItiLo.js";
-import { a as C } from "../../createTheme-DVoJnXAT.js";
-import { g as Z, l as S, b as ee } from "../../listItemTextClasses-CC7nbQWN.js";
-import { T as E } from "../../Typography-CLq43OVQ.js";
+import { u as $, c as R, a as w } from "../../useThemeProps-DRP1dikX.js";
+import { s as B, r as Q } from "../../styled-B8ugzvji.js";
+import { a as C } from "../../createTheme-CNnKNxwL.js";
+import { g as Z, l as S, b as ee } from "../../listItemTextClasses-CNjn41Of.js";
+import { T as E } from "../../Typography-D1t7XuLN.js";
 function M(e) {
   return e.substring(2).toLowerCase();
 }

package/dist/components/flex-col/index.js

@@ -0,0 +1,10 @@
+import { styled as e, Box as o } from "@mui/material";
+const x = e(o)(({ justifyContent: t, alignItems: l }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: l ? String(l) : "flex-start",
+  justifyContent: t ? String(t) : "flex-start"
+}));
+export {
+  x as FlexCol
+};

package/dist/components/flex-row/index.js

@@ -0,0 +1,10 @@
+import { styled as r, Box as o } from "@mui/material";
+const l = r(o)(({ justifyContent: t, alignItems: e }) => ({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: e ? String(e) : "center",
+  justifyContent: t ? String(t) : "flex-start"
+}));
+export {
+  l as FlexRow
+};

package/dist/components/geometry-picker/index.js

@@ -8,9 +8,9 @@ import E from "./geometry/index.js";
 import g from "./kml/index.js";
 import W from "./wkt/index.js";
 import { IconButton as u, OutlinedInput as K, FilledInput as L, Dialog as z, DialogTitle as B, DialogContent as F } from "@mui/material";
-import { I as G } from "../../InputAdornment-BAVRrRts.js";
-import { F as T, I as w } from "../../InputLabel-ClDXuWBr.js";
-import { I as M } from "../../Input-BAbDr3Tk.js";
+import { I as G } from "../../InputAdornment-B7qEA4kN.js";
+import { F as T, I as w } from "../../InputLabel-rrSJo8M_.js";
+import { I as M } from "../../Input-B7ry6o4t.js";
 const Z = ({
   label: d,
   mapboxAccessToken: c,

package/dist/components/icon-button/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { VerticalButton as m, MiniButton as c } from "./styled.js";
-import { I as e } from "../../IconButton-DekcZv4i.js";
+import { I as e } from "../../IconButton-DJ-31-Fd.js";
 const a = ({
   variant: i = "default",
   startIcon: f,

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

@@ -6,7 +6,7 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-BmlSd3mA.js";
+import { C as s } from "../../../../index-MMaYBAn0.js";
 import "./styled.js";
 export {
   s as default

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

@@ -0,0 +1,93 @@
+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);
+    },
+    [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)
+    );
+    g(d), c({ rowLabels: s, columnLabels: n, data: d });
+  };
+  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 });
+      }, 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 });
+      }, 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,
+          {
+            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))
+      ] }) }),
+      /* @__PURE__ */ r(F, { children: t.map((o, e) => /* @__PURE__ */ u(A, { children: [
+        /* @__PURE__ */ r(m, { sx: { backgroundColor: "action.hover" }, children: /* @__PURE__ */ r(
+          f,
+          {
+            variant: "standard",
+            value: s[e] ?? "",
+            onChange: (a) => R(e, a.target.value),
+            placeholder: `Row ${e + 1}`,
+            fullWidth: !0
+          }
+        ) }),
+        o.map((a, d) => /* @__PURE__ */ r(m, { align: "center", children: /* @__PURE__ */ r(
+          f,
+          {
+            variant: "standard",
+            value: a,
+            onChange: (p) => T(e, d, p.target.value),
+            fullWidth: !0
+          }
+        ) }, d))
+      ] }, e)) })
+    ] }) })
+  ] });
+};
+export {
+  q as EditableMatrix
+};

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

@@ -0,0 +1,87 @@
+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);
+  };
+  return /* @__PURE__ */ o(T, { open: b, onClose: d, maxWidth: "lg", fullWidth: !0, children: [
+    /* @__PURE__ */ o(C, { component: "div", sx: { pb: 0 }, 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__ */ 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(
+            y,
+            {
+              control: /* @__PURE__ */ e(
+                D,
+                {
+                  checked: s,
+                  onChange: g
+                }
+              ),
+              label: "Preview",
+              labelPlacement: "start",
+              sx: { ml: 0, mb: 1 }
+            }
+          ),
+          s ? r && r.data.length > 0 ? /* @__PURE__ */ e(
+            j,
+            {
+              data: r.data,
+              colLabels: r.columnLabels ?? void 0,
+              rowLabels: r.rowLabels ?? void 0
+            }
+          ) : /* @__PURE__ */ e(F, { severity: "info", children: "Add data to see preview" }) : /* @__PURE__ */ e(l, {})
+        ] })
+      ] }) : /* @__PURE__ */ e(l, {})
+    ] }) }),
+    /* @__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" })
+    ] })
+  ] });
+}
+export {
+  X as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,105 @@
+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 { 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
+  }
+);
+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,
+      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
+      });
+      return;
+    }
+    e === "data" && a({
+      ...n,
+      data: g(o)
+    });
+  };
+  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 })
+    ] }),
+    m && /* @__PURE__ */ l(y, { children: [
+      /* @__PURE__ */ l(s, { gap: 0.5, children: [
+        /* @__PURE__ */ r(i, { children: "Column Labels" }),
+        /* @__PURE__ */ r(
+          u,
+          {
+            name: "columnLabels",
+            value: n.columnLabels ? n.columnLabels.join(",") : "",
+            onChange: c
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(s, { gap: 0.5, children: [
+        /* @__PURE__ */ r(i, { children: "Row Labels" }),
+        /* @__PURE__ */ r(
+          u,
+          {
+            name: "rowLabels",
+            value: n.rowLabels ? n.rowLabels.join(",") : "",
+            onChange: c
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l(s, { gap: 0.5, children: [
+      /* @__PURE__ */ r(i, { children: "Data" }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          name: "data",
+          value: d(n.data),
+          onChange: c,
+          multiline: !0,
+          minRows: 3
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  z as default
+};