dynamic-mui 2.2.0 → 2.3.0

package/dist/markdowneditor-B1y-hfny.mjs

@@ -0,0 +1,90 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import u from "react";
+import w from "@mui/material/Box";
+import v from "@mui/material/Stack";
+import b from "@mui/material/Button";
+import k from "@mui/material/TextField";
+import y from "@mui/material/FormControl";
+import C from "@mui/material/FormLabel";
+import { alpha as S } from "@mui/material/styles";
+import { u as j, m as M, a as H } from "./index-CddjLTWF.mjs";
+function R(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function T(t) {
+  let e = R(t || "");
+  return e = e.replace(/^###\s+(.*)$/gm, "<h3>$1</h3>"), e = e.replace(/^##\s+(.*)$/gm, "<h2>$1</h2>"), e = e.replace(/^#\s+(.*)$/gm, "<h1>$1</h1>"), e = e.replace(/(?:^-\s+.*(?:\n|$))+/gm, (a) => `<ul>${a.trimEnd().split(`
+`).map((n) => n.replace(/^-\s+(.*)$/, "<li>$1</li>")).join("")}</ul>`), e = e.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, '<a href="$2">$1</a>'), e = e.replace(/`([^`]+)`/g, "<code>$1</code>"), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/\*([^*]+)\*/g, "<em>$1</em>"), e = e.split(/\n{2,}/).map((a) => {
+    const o = a.trim();
+    return o ? /^<(h1|h2|h3|ul|pre)/.test(o) ? o : `<p>${o.replace(/\n/g, "<br />")}</p>` : "";
+  }).join(""), e;
+}
+function U({ attributes: t = {}, rules: e = {}, onChange: a }) {
+  const { id: o = "", label: n, rows: i = 6, MuiAttributes: f = {} } = t, { sx: h, ...g } = f, [m, s] = u.useState(t.value || ""), [p, x] = u.useState(!1);
+  j(() => {
+    s(t.value || "");
+  }, [t.value]);
+  const $ = e?.validation?.some(
+    (r) => r.rule === "mandatory" || r.rule === "mandatoryselect"
+  ) || !1;
+  return /* @__PURE__ */ d(y, { required: $, component: "fieldset", fullWidth: !0, children: [
+    /* @__PURE__ */ d(
+      v,
+      {
+        direction: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        sx: { mb: 1 },
+        children: [
+          n ? /* @__PURE__ */ l(C, { component: "legend", children: n }) : /* @__PURE__ */ l("span", {}),
+          /* @__PURE__ */ l(
+            b,
+            {
+              size: "small",
+              variant: "outlined",
+              onClick: () => x((r) => !r),
+              sx: { borderRadius: "10px", textTransform: "none" },
+              children: p ? "Write" : "Preview"
+            }
+          )
+        ]
+      }
+    ),
+    p ? /* @__PURE__ */ l(
+      w,
+      {
+        "data-testid": "markdown-preview",
+        dangerouslySetInnerHTML: { __html: T(m) },
+        sx: {
+          minHeight: (r) => r.spacing(i * 3),
+          p: 2,
+          borderRadius: "10px",
+          border: (r) => `1px solid ${S(r.palette.text.primary, 0.12)}`,
+          backgroundColor: (r) => r.palette.background.paper,
+          "& :first-of-type": { mt: 0 },
+          "& :last-child": { mb: 0 }
+        }
+      }
+    ) : /* @__PURE__ */ l(
+      k,
+      {
+        id: o || void 0,
+        value: m,
+        onChange: (r) => {
+          const c = r.target.value;
+          s(c), a?.({ id: o, value: c });
+        },
+        multiline: !0,
+        minRows: i,
+        fullWidth: !0,
+        placeholder: "Write markdown…",
+        inputProps: { "aria-label": n || "markdown editor" },
+        ...g,
+        sx: M(H, h)
+      }
+    )
+  ] });
+}
+export {
+  U as default
+};

package/dist/markdowneditor-Db0Un1_Z.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("react"),v=require("@mui/material/Box"),w=require("@mui/material/Stack"),j=require("@mui/material/Button"),q=require("@mui/material/TextField"),y=require("@mui/material/FormControl"),k=require("@mui/material/FormLabel"),S=require("@mui/material/styles"),o=require("./index-D08GIfqF.js");function C(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function M(t){let e=C(t||"");return e=e.replace(/^###\s+(.*)$/gm,"<h3>$1</h3>"),e=e.replace(/^##\s+(.*)$/gm,"<h2>$1</h2>"),e=e.replace(/^#\s+(.*)$/gm,"<h1>$1</h1>"),e=e.replace(/(?:^-\s+.*(?:\n|$))+/gm,s=>`<ul>${s.trimEnd().split(`
+`).map(l=>l.replace(/^-\s+(.*)$/,"<li>$1</li>")).join("")}</ul>`),e=e.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g,'<a href="$2">$1</a>'),e=e.replace(/`([^`]+)`/g,"<code>$1</code>"),e=e.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),e=e.replace(/\*([^*]+)\*/g,"<em>$1</em>"),e=e.split(/\n{2,}/).map(s=>{const n=s.trim();return n?/^<(h1|h2|h3|ul|pre)/.test(n)?n:`<p>${n.replace(/\n/g,"<br />")}</p>`:""}).join(""),e}function R({attributes:t={},rules:e={},onChange:s}){const{id:n="",label:l,rows:a=6,MuiAttributes:g={}}=t,{sx:h,...x}=g,[u,c]=m.useState(t.value||""),[d,f]=m.useState(!1);o.useUpdateEffect(()=>{c(t.value||"")},[t.value]);const $=e?.validation?.some(r=>r.rule==="mandatory"||r.rule==="mandatoryselect")||!1,b=r=>{const p=r.target.value;c(p),s?.({id:n,value:p})};return i.jsxs(y,{required:$,component:"fieldset",fullWidth:!0,children:[i.jsxs(w,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{mb:1},children:[l?i.jsx(k,{component:"legend",children:l}):i.jsx("span",{}),i.jsx(j,{size:"small",variant:"outlined",onClick:()=>f(r=>!r),sx:{borderRadius:"10px",textTransform:"none"},children:d?"Write":"Preview"})]}),d?i.jsx(v,{"data-testid":"markdown-preview",dangerouslySetInnerHTML:{__html:M(u)},sx:{minHeight:r=>r.spacing(a*3),p:2,borderRadius:"10px",border:r=>`1px solid ${S.alpha(r.palette.text.primary,.12)}`,backgroundColor:r=>r.palette.background.paper,"& :first-of-type":{mt:0},"& :last-child":{mb:0}}}):i.jsx(q,{id:n||void 0,value:u,onChange:b,multiline:!0,minRows:a,fullWidth:!0,placeholder:"Write markdown…",inputProps:{"aria-label":l||"markdown editor"},...x,sx:o.mergeSx(o.premiumInputSx,h)})]})}exports.default=R;

package/dist/matrixfield-C7Sc-YpI.mjs

@@ -0,0 +1,117 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import s from "react";
+import w from "@mui/material/Table";
+import B from "@mui/material/TableBody";
+import u from "@mui/material/TableCell";
+import L from "@mui/material/TableContainer";
+import U from "@mui/material/TableHead";
+import M from "@mui/material/TableRow";
+import D from "@mui/material/Radio";
+import G from "@mui/material/Checkbox";
+import J from "@mui/material/FormControl";
+import K from "@mui/material/FormLabel";
+import N from "@mui/material/FormHelperText";
+import { alpha as R } from "@mui/material/styles";
+import { u as O, m as Q, b as V } from "./index-CddjLTWF.mjs";
+const X = (n) => (n || []).map(
+  (a) => typeof a == "string" ? { id: a, label: a } : { id: String(a.id), label: a.label ?? String(a.id) }
+), Y = (n) => (n || []).map(
+  (a) => typeof a == "string" ? { value: a, label: a } : { value: String(a.value), label: a.label ?? String(a.value) }
+);
+function ce({ attributes: n = {}, rules: a = {}, onChange: $ }) {
+  const {
+    MuiAttributes: F = {},
+    id: h = "",
+    rows: b = [],
+    columns: g = [],
+    multiple: c = !1,
+    label: v = ""
+  } = n, x = s.useMemo(() => X(b), [b]), y = s.useMemo(() => Y(g), [g]), [o, S] = s.useState(n.value || {}), [C, W] = s.useState(!1), [T, z] = s.useState("");
+  O(() => {
+    S(n.value || {});
+  }, [n.value]);
+  const p = a?.validation?.some((e) => e.rule === "mandatory" || e.rule === "mandatoryselect") || !1, q = (e) => {
+    let r = !0, l = "";
+    return p && (x.every((m) => {
+      const i = e[m.id];
+      return c ? Array.isArray(i) && i.length > 0 : i != null && i !== "";
+    }) || (r = !1, l = a?.validation?.find(
+      (i) => i.rule === "mandatory" || i.rule === "mandatoryselect"
+    )?.message || "Required")), { isValid: r, message: l };
+  }, k = (e) => {
+    S(e);
+    const r = q(e);
+    W(!r.isValid), z(r.message), $?.({ id: h, value: e, option: e });
+  }, H = (e, r) => {
+    k({ ...o, [e]: r });
+  }, j = (e, r, l) => {
+    const f = Array.isArray(o[e]) ? o[e] : [], m = l ? [...f, r] : f.filter((i) => i !== r);
+    k({ ...o, [e]: m });
+  }, A = (e, r) => {
+    const l = o[e];
+    return c ? Array.isArray(l) && l.includes(r) : l === r;
+  }, { sx: E, ...P } = F;
+  return /* @__PURE__ */ d(J, { required: p, error: C, component: "fieldset", fullWidth: !0, children: [
+    v && /* @__PURE__ */ t(K, { required: p, error: C, sx: { mb: 1, fontWeight: 600 }, children: v }),
+    /* @__PURE__ */ t(
+      L,
+      {
+        sx: Q(V, { width: "100%" }),
+        children: /* @__PURE__ */ d(w, { size: "small", ...P, sx: E, children: [
+          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ d(
+            M,
+            {
+              sx: (e) => ({
+                backgroundColor: R(e.palette.primary.main, 0.06)
+              }),
+              children: [
+                /* @__PURE__ */ t(u, { sx: { fontWeight: 700 } }),
+                y.map((e) => /* @__PURE__ */ t(u, { align: "center", sx: { fontWeight: 700 }, children: e.label }, e.value))
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ t(B, { children: x.map((e) => /* @__PURE__ */ d(
+            M,
+            {
+              hover: !0,
+              sx: (r) => ({
+                transition: "background-color .18s cubic-bezier(0.4, 0, 0.2, 1)",
+                "&:hover": {
+                  backgroundColor: R(r.palette.primary.main, 0.04)
+                }
+              }),
+              children: [
+                /* @__PURE__ */ t(u, { component: "th", scope: "row", sx: { fontWeight: 500 }, children: e.label }),
+                y.map((r) => /* @__PURE__ */ t(u, { align: "center", padding: "checkbox", children: c ? /* @__PURE__ */ t(
+                  G,
+                  {
+                    checked: A(e.id, r.value),
+                    onChange: (l) => j(e.id, r.value, l.target.checked),
+                    inputProps: {
+                      "aria-label": `${e.label} ${r.label}`
+                    }
+                  }
+                ) : /* @__PURE__ */ t(
+                  D,
+                  {
+                    name: `matrix-${h}-${e.id}`,
+                    checked: A(e.id, r.value),
+                    onChange: () => H(e.id, r.value),
+                    inputProps: {
+                      "aria-label": `${e.label} ${r.label}`
+                    }
+                  }
+                ) }, r.value))
+              ]
+            },
+            e.id
+          )) })
+        ] })
+      }
+    ),
+    T && /* @__PURE__ */ t(N, { children: T })
+  ] });
+}
+export {
+  ce as default
+};

package/dist/matrixfield-CckODuPn.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),w=require("@mui/material/Table"),B=require("@mui/material/TableBody"),c=require("@mui/material/TableCell"),L=require("@mui/material/TableContainer"),O=require("@mui/material/TableHead"),M=require("@mui/material/TableRow"),U=require("@mui/material/Radio"),D=require("@mui/material/Checkbox"),G=require("@mui/material/FormControl"),J=require("@mui/material/FormLabel"),K=require("@mui/material/FormHelperText"),k=require("@mui/material/styles"),x=require("./index-D08GIfqF.js"),N=l=>(l||[]).map(s=>typeof s=="string"?{id:s,label:s}:{id:String(s.id),label:s.label??String(s.id)}),Q=l=>(l||[]).map(s=>typeof s=="string"?{value:s,label:s}:{value:String(s.value),label:s.label??String(s.value)});function V({attributes:l={},rules:s={},onChange:A}){const{MuiAttributes:R={},id:b="",rows:p=[],columns:g=[],multiple:d=!1,label:v=""}=l,f=o.useMemo(()=>N(p),[p]),y=o.useMemo(()=>Q(g),[g]),[i,q]=o.useState(l.value||{}),[j,$]=o.useState(!1),[S,F]=o.useState("");x.useUpdateEffect(()=>{q(l.value||{})},[l.value]);const m=s?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1,W=e=>{let r=!0,n="";return m&&(f.every(u=>{const a=e[u.id];return d?Array.isArray(a)&&a.length>0:a!=null&&a!==""})||(r=!1,n=s?.validation?.find(a=>a.rule==="mandatory"||a.rule==="mandatoryselect")?.message||"Required")),{isValid:r,message:n}},C=e=>{q(e);const r=W(e);$(!r.isValid),F(r.message),A?.({id:b,value:e,option:e})},z=(e,r)=>{C({...i,[e]:r})},H=(e,r,n)=>{const h=Array.isArray(i[e])?i[e]:[],u=n?[...h,r]:h.filter(a=>a!==r);C({...i,[e]:u})},T=(e,r)=>{const n=i[e];return d?Array.isArray(n)&&n.includes(r):n===r},{sx:P,...E}=R;return t.jsxs(G,{required:m,error:j,component:"fieldset",fullWidth:!0,children:[v&&t.jsx(J,{required:m,error:j,sx:{mb:1,fontWeight:600},children:v}),t.jsx(L,{sx:x.mergeSx(x.premiumSurfaceSx,{width:"100%"}),children:t.jsxs(w,{size:"small",...E,sx:P,children:[t.jsx(O,{children:t.jsxs(M,{sx:e=>({backgroundColor:k.alpha(e.palette.primary.main,.06)}),children:[t.jsx(c,{sx:{fontWeight:700}}),y.map(e=>t.jsx(c,{align:"center",sx:{fontWeight:700},children:e.label},e.value))]})}),t.jsx(B,{children:f.map(e=>t.jsxs(M,{hover:!0,sx:r=>({transition:"background-color .18s cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{backgroundColor:k.alpha(r.palette.primary.main,.04)}}),children:[t.jsx(c,{component:"th",scope:"row",sx:{fontWeight:500},children:e.label}),y.map(r=>t.jsx(c,{align:"center",padding:"checkbox",children:d?t.jsx(D,{checked:T(e.id,r.value),onChange:n=>H(e.id,r.value,n.target.checked),inputProps:{"aria-label":`${e.label} ${r.label}`}}):t.jsx(U,{name:`matrix-${b}-${e.id}`,checked:T(e.id,r.value),onChange:()=>z(e.id,r.value),inputProps:{"aria-label":`${e.label} ${r.label}`}})},r.value))]},e.id))})]})}),S&&t.jsx(K,{children:S})]})}exports.default=V;

package/dist/mixChart-C3o184UT.js

@@ -0,0 +1 @@
+"use strict";var m=Object.create;var x=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var M=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of f(r))!A.call(t,i)&&i!==e&&x(t,i,{get:()=>r[i],enumerable:!(n=p(r,i))||n.enumerable});return t};var o=(t,r,e)=>(e=t!=null?m(b(t)):{},M(r||!t||!t.__esModule?x(e,"default",{value:t,enumerable:!0}):e,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),u=require("@mui/material/Box"),y=require("@mui/material/CircularProgress"),P=c.lazy(async()=>{const[{ChartContainer:t},{LinePlot:r},{BarPlot:e},{ChartsXAxis:n},{ChartsYAxis:i},{axisClasses:a}]=await Promise.all([import("@mui/x-charts/ChartContainer"),import("@mui/x-charts/LineChart"),import("@mui/x-charts/BarChart"),import("@mui/x-charts/ChartsXAxis"),import("@mui/x-charts/ChartsYAxis"),import("@mui/x-charts/ChartsAxis")]);return{default:({MuiChartContainerAttributes:h={},MuiChartXAxisAttributes:C={},MuiChartYAxisAttributes:j={},MuiChartSX:d={}})=>s.jsxs(t,{sx:{[`.${a.left} .${a.label}`]:{transform:"translate(-25px, 0)"},[`.${a.right} .${a.label}`]:{transform:"translate(30px, 0)"},...d},...h,children:[s.jsx(e,{}),s.jsx(r,{}),s.jsx(n,{...C}),s.jsx(i,{...j})]})}});function g({attributes:t={}}){const{id:r,MuiBoxAttributes:e={},MuiChartContainerAttributes:n={},MuiChartXAxisAttributes:i={},MuiChartYAxisAttributes:a={},MuiChartSX:l={}}=t;return s.jsx(u,{sx:{width:"100%",maxWidth:600},...e,children:s.jsx(c.Suspense,{fallback:s.jsx(u,{sx:{display:"flex",justifyContent:"center",p:2},children:s.jsx(y,{})}),children:s.jsx(P,{MuiChartContainerAttributes:n,MuiChartXAxisAttributes:i,MuiChartYAxisAttributes:a,MuiChartSX:l})})},r)}exports.default=g;

package/dist/mixChart-ISf3Kbr-.mjs

@@ -0,0 +1,75 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import c, { Suspense as C } from "react";
+import l from "@mui/material/Box";
+import f from "@mui/material/CircularProgress";
+const d = c.lazy(async () => {
+  const [
+    { ChartContainer: i },
+    { LinePlot: s },
+    { BarPlot: a },
+    { ChartsXAxis: e },
+    { ChartsYAxis: n },
+    { axisClasses: r }
+  ] = await Promise.all([
+    import("@mui/x-charts/ChartContainer"),
+    import("@mui/x-charts/LineChart"),
+    import("@mui/x-charts/BarChart"),
+    import("@mui/x-charts/ChartsXAxis"),
+    import("@mui/x-charts/ChartsYAxis"),
+    import("@mui/x-charts/ChartsAxis")
+  ]);
+  return { default: ({
+    MuiChartContainerAttributes: x = {},
+    MuiChartXAxisAttributes: m = {},
+    MuiChartYAxisAttributes: u = {},
+    MuiChartSX: h = {}
+  }) => /* @__PURE__ */ p(
+    i,
+    {
+      sx: {
+        [`.${r.left} .${r.label}`]: {
+          transform: "translate(-25px, 0)"
+        },
+        [`.${r.right} .${r.label}`]: {
+          transform: "translate(30px, 0)"
+        },
+        ...h
+      },
+      ...x,
+      children: [
+        /* @__PURE__ */ t(a, {}),
+        /* @__PURE__ */ t(s, {}),
+        /* @__PURE__ */ t(e, { ...m }),
+        /* @__PURE__ */ t(n, { ...u })
+      ]
+    }
+  ) };
+});
+function P({ attributes: i = {} }) {
+  const {
+    id: s,
+    MuiBoxAttributes: a = {},
+    MuiChartContainerAttributes: e = {},
+    MuiChartXAxisAttributes: n = {},
+    MuiChartYAxisAttributes: r = {},
+    MuiChartSX: o = {}
+  } = i;
+  return /* @__PURE__ */ t(l, { sx: { width: "100%", maxWidth: 600 }, ...a, children: /* @__PURE__ */ t(
+    C,
+    {
+      fallback: /* @__PURE__ */ t(l, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ t(f, {}) }),
+      children: /* @__PURE__ */ t(
+        d,
+        {
+          MuiChartContainerAttributes: e,
+          MuiChartXAxisAttributes: n,
+          MuiChartYAxisAttributes: r,
+          MuiChartSX: o
+        }
+      )
+    }
+  ) }, s);
+}
+export {
+  P as default
+};

package/dist/multitextbox-BYazIAeG.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material"),d=require("./index-D08GIfqF.js");function k({attributes:r={},rules:h={},onChange:f,submitTick:v,messages:x}){const{id:o=""}=r,y=x?.required||"Required",p=i.useRef(null),[l,u]=i.useState(()=>{if(r.value&&typeof r.value=="object"){const e=Object.entries(r.value).map(([n,t])=>({key:n,value:String(t)}));if(e.length>0)return e}return[{key:"t1",value:""}]}),c=h?.validation?.some(e=>e.rule==="mandatory")||!1;d.useUpdateEffect(()=>{v&&c&&!l[0]?.value&&p.current?.focus()},[v]),d.useUpdateEffect(()=>{if(r.value&&typeof r.value=="object"){const e=Object.entries(r.value).map(([n,t])=>({key:n,value:String(t)}));JSON.stringify(e)!==JSON.stringify(l)&&u(e.length>0?e:[{key:"t1",value:""}])}else r.value||u([{key:"t1",value:""}])},[r.value]),i.useEffect(()=>{const e=l.reduce((n,t)=>(n[t.key]=t.value,n),{});f&&f({id:o,value:e})},[l,o]);const g=()=>{const e=l.length+1;u([...l,{key:`t${e}`,value:""}])},m=e=>{const n=l.filter((t,I)=>I!==e);u(n)},j=(e,n)=>{const t=[...l];t[e].value=n,u(t)};return s.jsx(a.Stack,{spacing:2,sx:{width:"100%"},children:l.map((e,n)=>s.jsxs(a.Box,{sx:{display:"flex",gap:1,alignItems:"center"},children:[s.jsx(a.TextField,{fullWidth:!0,id:n===0?o:`${o}_${e.key}`,inputRef:n===0?p:void 0,required:c,error:c&&!e.value,helperText:c&&!e.value?y:"",label:`Value ${e.key}`,value:e.value,onChange:t=>j(n,t.target.value),size:"small",sx:d.premiumInputSx}),n===l.length-1?s.jsx(a.Button,{variant:"contained",color:"primary",onClick:g,sx:{minWidth:"40px",p:1},children:s.jsx(a.Icon,{children:"add"})}):s.jsx(a.IconButton,{color:"error",onClick:()=>m(n),children:s.jsx(a.Icon,{children:"remove"})})]},n))})}exports.default=k;

package/dist/multitextbox-ide2lvJ6.mjs

@@ -0,0 +1,78 @@
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import { useRef as S, useState as j, useEffect as R } from "react";
+import { Stack as q, Box as w, TextField as O, Button as $, Icon as d, IconButton as B } from "@mui/material";
+import { u as v, a as C } from "./index-CddjLTWF.mjs";
+function T({ attributes: r = {}, rules: p = {}, onChange: i, submitTick: c, messages: m }) {
+  const { id: u = "" } = r, h = m?.required || "Required", f = S(null), [t, o] = j(() => {
+    if (r.value && typeof r.value == "object") {
+      const e = Object.entries(r.value).map(([l, n]) => ({
+        key: l,
+        value: String(n)
+      }));
+      if (e.length > 0) return e;
+    }
+    return [{ key: "t1", value: "" }];
+  }), s = p?.validation?.some((e) => e.rule === "mandatory") || !1;
+  v(() => {
+    c && s && !t[0]?.value && f.current?.focus();
+  }, [c]), v(() => {
+    if (r.value && typeof r.value == "object") {
+      const e = Object.entries(r.value).map(([l, n]) => ({
+        key: l,
+        value: String(n)
+      }));
+      JSON.stringify(e) !== JSON.stringify(t) && o(e.length > 0 ? e : [{ key: "t1", value: "" }]);
+    } else r.value || o([{ key: "t1", value: "" }]);
+  }, [r.value]), R(() => {
+    const e = t.reduce((l, n) => (l[n.key] = n.value, l), {});
+    i && i({ id: u, value: e });
+  }, [t, u]);
+  const y = () => {
+    const e = t.length + 1;
+    o([...t, { key: `t${e}`, value: "" }]);
+  }, g = (e) => {
+    const l = t.filter((n, I) => I !== e);
+    o(l);
+  }, x = (e, l) => {
+    const n = [...t];
+    n[e].value = l, o(n);
+  };
+  return /* @__PURE__ */ a(q, { spacing: 2, sx: { width: "100%" }, children: t.map((e, l) => /* @__PURE__ */ k(w, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+    /* @__PURE__ */ a(
+      O,
+      {
+        fullWidth: !0,
+        id: l === 0 ? u : `${u}_${e.key}`,
+        inputRef: l === 0 ? f : void 0,
+        required: s,
+        error: s && !e.value,
+        helperText: s && !e.value ? h : "",
+        label: `Value ${e.key}`,
+        value: e.value,
+        onChange: (n) => x(l, n.target.value),
+        size: "small",
+        sx: C
+      }
+    ),
+    l === t.length - 1 ? /* @__PURE__ */ a(
+      $,
+      {
+        variant: "contained",
+        color: "primary",
+        onClick: y,
+        sx: { minWidth: "40px", p: 1 },
+        children: /* @__PURE__ */ a(d, { children: "add" })
+      }
+    ) : /* @__PURE__ */ a(
+      B,
+      {
+        color: "error",
+        onClick: () => g(l),
+        children: /* @__PURE__ */ a(d, { children: "remove" })
+      }
+    )
+  ] }, l)) });
+}
+export {
+  T as default
+};

package/dist/npsscale-C2e88qk_.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),q=require("@mui/material/Box"),k=require("@mui/material/Button"),S=require("@mui/material/Typography"),$=require("@mui/material/FormControl"),A=require("@mui/material/FormLabel"),N=require("@mui/material/FormHelperText"),n=require("@mui/material/styles"),l=require("./index-D08GIfqF.js");function P({attributes:t={},rules:c={},onChange:j,submitTick:d,messages:M}){const{id:p="",label:s,min:E=0,max:R=10,lowLabel:C="Not likely",highLabel:I="Very likely",MuiAttributes:u={}}=t,w=typeof t.value=="number"?t.value:"",[m,x]=i.useState(w),[U,y]=i.useState(!1),[f,h]=i.useState("");l.useUpdateEffect(()=>{x(typeof t.value=="number"?t.value:"")},[t.value]);const g=c?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1,b=e=>g?typeof e!="number"?{isValid:!1,message:c?.validation?.find(r=>r.rule==="mandatory"||r.rule==="mandatoryselect")?.message||M?.required||"Required"}:{isValid:!0,message:""}:{isValid:!0,message:""};l.useUpdateEffect(()=>{if(d){const e=b(m);y(!e.isValid),h(e.message)}},[d]);const V=e=>{x(e);const a=b(e);y(!a.isValid),h(a.message),j?.({id:p,value:e})},v=[];for(let e=E;e<=R;e+=1)v.push(e);return o.jsxs($,{id:p,required:g,error:U,component:"fieldset",sx:{width:"100%"},children:[s&&o.jsx(A,{sx:{mb:1,fontWeight:500},component:"legend",children:s}),o.jsx(q,{role:"radiogroup","aria-label":s||"nps scale",sx:{display:"flex",flexWrap:"wrap",gap:.75},children:v.map(e=>{const a=m===e;return o.jsx(k,{role:"radio","aria-checked":a,variant:a?"contained":"outlined",color:"primary",onClick:()=>V(e),...u,sx:r=>({minWidth:44,height:44,px:0,fontWeight:600,borderRadius:`${l.PREMIUM_RADIUS}px`,transition:`transform .18s ${l.PREMIUM_EASING}, box-shadow .18s ${l.PREMIUM_EASING}, background-color .18s ${l.PREMIUM_EASING}`,...a?{boxShadow:`0 4px 12px ${n.alpha(r.palette.primary.main,.35)}`}:{borderColor:n.alpha(r.palette.text.primary,.2),"&:hover":{borderColor:r.palette.primary.main,backgroundColor:n.alpha(r.palette.primary.main,.06)}},"&:hover":{transform:"translateY(-1px)",...a?{boxShadow:`0 6px 16px ${n.alpha(r.palette.primary.main,.4)}`}:{borderColor:r.palette.primary.main,backgroundColor:n.alpha(r.palette.primary.main,.06)}},...u.sx||{}}),children:e},e)})}),o.jsxs(q,{sx:{display:"flex",justifyContent:"space-between",mt:.75},children:[o.jsx(S,{variant:"caption",color:"text.secondary",children:C}),o.jsx(S,{variant:"caption",color:"text.secondary",children:I})]}),f&&o.jsx(N,{children:f})]})}exports.default=P;

package/dist/npsscale-lndz7GEq.mjs

@@ -0,0 +1,87 @@
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import n from "react";
+import C from "@mui/material/Box";
+import q from "@mui/material/Button";
+import w from "@mui/material/Typography";
+import A from "@mui/material/FormControl";
+import F from "@mui/material/FormLabel";
+import L from "@mui/material/FormHelperText";
+import { alpha as l } from "@mui/material/styles";
+import { u as V, P as s, d as N } from "./index-CddjLTWF.mjs";
+function K({ attributes: a = {}, rules: p = {}, onChange: k, submitTick: d, messages: M }) {
+  const {
+    id: m = "",
+    label: i,
+    min: R = 0,
+    max: $ = 10,
+    lowLabel: E = "Not likely",
+    highLabel: I = "Very likely",
+    MuiAttributes: c = {}
+  } = a, U = typeof a.value == "number" ? a.value : "", [u, f] = n.useState(U), [W, x] = n.useState(!1), [y, h] = n.useState("");
+  V(() => {
+    f(typeof a.value == "number" ? a.value : "");
+  }, [a.value]);
+  const g = p?.validation?.some((e) => e.rule === "mandatory" || e.rule === "mandatoryselect") || !1, b = (e) => g ? typeof e != "number" ? { isValid: !1, message: p?.validation?.find((r) => r.rule === "mandatory" || r.rule === "mandatoryselect")?.message || M?.required || "Required" } : { isValid: !0, message: "" } : { isValid: !0, message: "" };
+  V(() => {
+    if (d) {
+      const e = b(u);
+      x(!e.isValid), h(e.message);
+    }
+  }, [d]);
+  const j = (e) => {
+    f(e);
+    const o = b(e);
+    x(!o.isValid), h(o.message), k?.({ id: m, value: e });
+  }, v = [];
+  for (let e = R; e <= $; e += 1) v.push(e);
+  return /* @__PURE__ */ S(A, { id: m, required: g, error: W, component: "fieldset", sx: { width: "100%" }, children: [
+    i && /* @__PURE__ */ t(F, { sx: { mb: 1, fontWeight: 500 }, component: "legend", children: i }),
+    /* @__PURE__ */ t(C, { role: "radiogroup", "aria-label": i || "nps scale", sx: { display: "flex", flexWrap: "wrap", gap: 0.75 }, children: v.map((e) => {
+      const o = u === e;
+      return /* @__PURE__ */ t(
+        q,
+        {
+          role: "radio",
+          "aria-checked": o,
+          variant: o ? "contained" : "outlined",
+          color: "primary",
+          onClick: () => j(e),
+          ...c,
+          sx: (r) => ({
+            minWidth: 44,
+            height: 44,
+            px: 0,
+            fontWeight: 600,
+            borderRadius: `${N}px`,
+            transition: `transform .18s ${s}, box-shadow .18s ${s}, background-color .18s ${s}`,
+            ...o ? { boxShadow: `0 4px 12px ${l(r.palette.primary.main, 0.35)}` } : {
+              borderColor: l(r.palette.text.primary, 0.2),
+              "&:hover": {
+                borderColor: r.palette.primary.main,
+                backgroundColor: l(r.palette.primary.main, 0.06)
+              }
+            },
+            "&:hover": {
+              transform: "translateY(-1px)",
+              ...o ? { boxShadow: `0 6px 16px ${l(r.palette.primary.main, 0.4)}` } : {
+                borderColor: r.palette.primary.main,
+                backgroundColor: l(r.palette.primary.main, 0.06)
+              }
+            },
+            ...c.sx || {}
+          }),
+          children: e
+        },
+        e
+      );
+    }) }),
+    /* @__PURE__ */ S(C, { sx: { display: "flex", justifyContent: "space-between", mt: 0.75 }, children: [
+      /* @__PURE__ */ t(w, { variant: "caption", color: "text.secondary", children: E }),
+      /* @__PURE__ */ t(w, { variant: "caption", color: "text.secondary", children: I })
+    ] }),
+    y && /* @__PURE__ */ t(L, { children: y })
+  ] });
+}
+export {
+  K as default
+};

package/dist/numberstepper-DitbcvV9.mjs

@@ -0,0 +1,128 @@
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import I from "react";
+import T from "@mui/material/Stack";
+import $ from "@mui/material/InputBase";
+import z from "@mui/material/IconButton";
+import q from "@mui/material/FormControl";
+import D from "@mui/material/FormLabel";
+import E from "@mui/material/FormHelperText";
+import H from "@mui/icons-material/Remove";
+import L from "@mui/icons-material/Add";
+import { alpha as m } from "@mui/material/styles";
+import { u as P, m as U } from "./index-CddjLTWF.mjs";
+const t = (n, c = 0) => {
+  const i = Number(n);
+  return Number.isFinite(i) ? i : c;
+};
+function re({ attributes: n = {}, rules: c = {}, onChange: i }) {
+  const {
+    MuiAttributes: A = {},
+    id: f = "",
+    min: l,
+    max: s,
+    step: b = 1,
+    label: d
+  } = n, { sx: B, ...F } = A, h = l != null, v = s != null, u = (e) => {
+    let r = e;
+    return h && (r = Math.max(r, t(l))), v && (r = Math.min(r, t(s))), r;
+  }, [a, g] = I.useState(() => u(t(n.value, 0))), [S, p] = I.useState(String(a)), y = c?.validation?.some(
+    (e) => e.rule === "mandatory" || e.rule === "mandatoryselect"
+  ) || !1;
+  P(() => {
+    const e = u(t(n.value, 0));
+    g(e), p(String(e));
+  }, [n.value]);
+  const x = (e) => {
+    const r = u(e);
+    g(r), p(String(r)), i?.({ id: f, value: r });
+  }, M = h && a <= t(l), C = v && a >= t(s), N = () => {
+    M || x(a - t(b, 1));
+  }, R = () => {
+    C || x(a + t(b, 1));
+  }, j = () => {
+    x(t(S, a));
+  }, k = {
+    borderRadius: 0,
+    px: 1.25,
+    color: "text.primary",
+    transition: "background-color .18s",
+    "&:hover": (e) => ({
+      backgroundColor: m(e.palette.primary.main, 0.08)
+    }),
+    "&.Mui-disabled": { color: "text.disabled" }
+  };
+  return /* @__PURE__ */ w(q, { component: "fieldset", error: !1, children: [
+    d && /* @__PURE__ */ o(D, { component: "legend", required: y, sx: { mb: 1 }, children: d }),
+    /* @__PURE__ */ w(
+      T,
+      {
+        direction: "row",
+        alignItems: "center",
+        sx: U(
+          (e) => ({
+            display: "inline-flex",
+            width: "fit-content",
+            borderRadius: "10px",
+            overflow: "hidden",
+            border: `1px solid ${m(e.palette.text.primary, 0.16)}`,
+            backgroundColor: e.palette.background.paper,
+            transition: "box-shadow .2s, border-color .2s",
+            "&:hover": {
+              borderColor: m(e.palette.primary.main, 0.5)
+            },
+            "&:focus-within": {
+              borderColor: e.palette.primary.main,
+              boxShadow: `0 0 0 3px ${m(e.palette.primary.main, 0.16)}`
+            }
+          }),
+          B
+        ),
+        children: [
+          /* @__PURE__ */ o(
+            z,
+            {
+              "aria-label": "decrement",
+              onClick: N,
+              disabled: M,
+              size: "small",
+              sx: k,
+              children: /* @__PURE__ */ o(H, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            $,
+            {
+              ...F,
+              value: S,
+              inputProps: {
+                "aria-label": d || f || "value",
+                inputMode: "numeric",
+                style: { textAlign: "center", width: 56 }
+              },
+              onChange: (e) => p(e.target.value),
+              onBlur: j,
+              sx: {
+                "& input": { py: 0.75 }
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            z,
+            {
+              "aria-label": "increment",
+              onClick: R,
+              disabled: C,
+              size: "small",
+              sx: k,
+              children: /* @__PURE__ */ o(L, { fontSize: "small" })
+            }
+          )
+        ]
+      }
+    ),
+    y && /* @__PURE__ */ o(E, { sx: { mx: 0 }, children: "" })
+  ] });
+}
+export {
+  re as default
+};

package/dist/numberstepper-DyRjQM_K.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("react"),N=require("@mui/material/Stack"),T=require("@mui/material/InputBase"),k=require("@mui/material/IconButton"),P=require("@mui/material/FormControl"),$=require("@mui/material/FormLabel"),D=require("@mui/material/FormHelperText"),E=require("@mui/icons-material/Remove"),H=require("@mui/icons-material/Add"),c=require("@mui/material/styles"),w=require("./index-D08GIfqF.js"),n=(o,u=0)=>{const i=Number(o);return Number.isFinite(i)?i:u};function L({attributes:o={},rules:u={},onChange:i}){const{MuiAttributes:I={},id:b="",min:s,max:l,step:h=1,label:d}=o,{sx:R,...z}=I,f=s!=null,g=l!=null,m=e=>{let t=e;return f&&(t=Math.max(t,n(s))),g&&(t=Math.min(t,n(l))),t},[a,v]=C.useState(()=>m(n(o.value,0))),[y,x]=C.useState(String(a)),S=u?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1;w.useUpdateEffect(()=>{const e=m(n(o.value,0));v(e),x(String(e))},[o.value]);const p=e=>{const t=m(e);v(t),x(String(t)),i?.({id:b,value:t})},q=f&&a<=n(s),M=g&&a>=n(l),A=()=>{q||p(a-n(h,1))},B=()=>{M||p(a+n(h,1))},F=()=>{p(n(y,a))},j={borderRadius:0,px:1.25,color:"text.primary",transition:"background-color .18s","&:hover":e=>({backgroundColor:c.alpha(e.palette.primary.main,.08)}),"&.Mui-disabled":{color:"text.disabled"}};return r.jsxs(P,{component:"fieldset",error:!1,children:[d&&r.jsx($,{component:"legend",required:S,sx:{mb:1},children:d}),r.jsxs(N,{direction:"row",alignItems:"center",sx:w.mergeSx(e=>({display:"inline-flex",width:"fit-content",borderRadius:"10px",overflow:"hidden",border:`1px solid ${c.alpha(e.palette.text.primary,.16)}`,backgroundColor:e.palette.background.paper,transition:"box-shadow .2s, border-color .2s","&:hover":{borderColor:c.alpha(e.palette.primary.main,.5)},"&:focus-within":{borderColor:e.palette.primary.main,boxShadow:`0 0 0 3px ${c.alpha(e.palette.primary.main,.16)}`}}),R),children:[r.jsx(k,{"aria-label":"decrement",onClick:A,disabled:q,size:"small",sx:j,children:r.jsx(E,{fontSize:"small"})}),r.jsx(T,{...z,value:y,inputProps:{"aria-label":d||b||"value",inputMode:"numeric",style:{textAlign:"center",width:56}},onChange:e=>x(e.target.value),onBlur:F,sx:{"& input":{py:.75}}}),r.jsx(k,{"aria-label":"increment",onClick:B,disabled:M,size:"small",sx:j,children:r.jsx(H,{fontSize:"small"})})]}),S&&r.jsx(D,{sx:{mx:0},children:""})]})}exports.default=L;

package/dist/pie-CJSL8Sv5.js

@@ -0,0 +1 @@
+"use strict";var o=Object.create;var u=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of l(t))!h.call(e,i)&&i!==r&&u(e,i,{get:()=>t[i],enumerable:!(n=a(t,i))||n.enumerable});return e};var f=(e,t,r)=>(r=e!=null?o(d(e)):{},x(t||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),j=require("@mui/material/Box"),p=require("@mui/material/CircularProgress"),y=c.lazy(()=>import("@mui/x-charts/PieChart").then(e=>({default:e.PieChart})));function C({attributes:e={}}){const{MuiChartAttributes:t={},id:r=""}=e;return s.jsx(c.Suspense,{fallback:s.jsx(j,{sx:{display:"flex",justifyContent:"center",p:2},children:s.jsx(p,{})}),children:s.jsx(y,{height:300,...t},r)})}exports.default=C;

package/dist/pie-CL29dlh5.mjs

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import o, { Suspense as a } from "react";
+import n from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+const f = o.lazy(
+  () => import("@mui/x-charts/PieChart").then((r) => ({ default: r.PieChart }))
+);
+function u({ attributes: r = {} }) {
+  const { MuiChartAttributes: e = {}, id: i = "" } = r;
+  return /* @__PURE__ */ t(
+    a,
+    {
+      fallback: /* @__PURE__ */ t(n, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ t(s, {}) }),
+      children: /* @__PURE__ */ t(f, { height: 300, ...e }, i)
+    }
+  );
+}
+export {
+  u as default
+};