@actdim/dynstruct-mui 0.9.0 → 0.9.2

package/dist/Accordion.es.js

@@ -1,34 +1,41 @@
-import o from "react";
-import { Accordion as t, AccordionSummary as r, AccordionDetails as a } from "@mui/material";
-import { toReact as i, useComponent as m } from "@actdim/dynstruct/componentModel/react/react";
-const l = (c) => {
-  let n, e;
-  return n = m({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useAccordion = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Accordion",
     props: {
       summary: "",
-      content: () => null,
+      content: /* @__PURE__ */ __name(() => null, "content"),
       expanded: void 0,
       onChange: void 0,
       expandIcon: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      t,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Accordion$1,
       {
-        expanded: e.expanded,
-        onChange: e.onChange ? (x, d) => e.onChange(d) : void 0,
-        disabled: e.$.isDisabled,
-        sx: e.sx
+        expanded: m.expanded,
+        onChange: m.onChange ? (_, v) => m.onChange(v) : void 0,
+        disabled: m.$.isDisabled,
+        sx: m.sx
       },
-      /* @__PURE__ */ o.createElement(r, { expandIcon: e.expandIcon }, e.summary),
-      /* @__PURE__ */ o.createElement(a, null, /* @__PURE__ */ o.createElement(e.content, null))
-    )
-  }, c), e = n.model, n;
-}, s = i(l);
-s.displayName = "Accordion";
+      /* @__PURE__ */ React.createElement(AccordionSummary, { expandIcon: m.expandIcon }, m.summary),
+      /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(m.content, null))
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useAccordion");
+const Accordion = toReact(useAccordion);
+Accordion.displayName = "Accordion";
 export {
-  s as Accordion,
-  l as useAccordion
+  Accordion,
+  useAccordion
 };
 //# sourceMappingURL=Accordion.es.js.map

package/dist/Accordion.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Accordion.tsx"],"sourcesContent":null,"names":["useAccordion","params","c","m","useComponent","React","MuiAccordion","_","v","AccordionSummary","AccordionDetails","Accordion","toReact"],"mappings":";;;AA+BO,MAAMA,IAAe,CAACC,MAAuD;AAChF,MAAIC,GACAC;AA6BJ,SAAAD,IAAIE,EA3B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,SAAS,MAAM;AAAA,MACf,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,UAAUH,EAAE;AAAA,QACZ,UAAUA,EAAE,WAAW,CAACI,GAAGC,MAAML,EAAE,SAAUK,CAAC,IAAI;AAAA,QAClD,UAAUL,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,sCAELM,GAAA,EAAiB,YAAYN,EAAE,WAAA,GAC3BA,EAAE,OACP;AAAA,sCACCO,GAAA,MACG,gBAAAL,EAAA,cAACF,EAAE,SAAF,IAAU,CACf;AAAA,IAAA;AAAA,EACJ,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaS,IAAYC,EAAQZ,CAAY;AAC7CW,EAAU,cAAc;"}
+{"version":3,"file":"Accordion.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Accordion as MuiAccordion,\n    AccordionSummary,\n    AccordionDetails,\n    type AccordionProps as MuiAccordionProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            summary: React.ReactNode;\n            content: React.FC;\n            expanded?: boolean;\n            onChange?: (expanded: boolean) => void;\n            expandIcon?: React.ReactNode;\n            sx?: MuiAccordionProps['sx'];\n        };\n    }\n>;\n\nexport const useAccordion = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Accordion',\n        props: {\n            summary: '',\n            content: () => null,\n            expanded: undefined,\n            onChange: undefined,\n            expandIcon: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiAccordion\n                expanded={m.expanded}\n                onChange={m.onChange ? (_, v) => m.onChange!(v) : undefined}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            >\n                <AccordionSummary expandIcon={m.expandIcon}>\n                    {m.summary}\n                </AccordionSummary>\n                <AccordionDetails>\n                    <m.content />\n                </AccordionDetails>\n            </MuiAccordion>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type AccordionStruct = Struct;\n\nexport const Accordion = toReact(useAccordion);\nAccordion.displayName = 'Accordion';\n"],"names":["MuiAccordion"],"mappings":";;;;;AA+BO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,SAAS,6BAAM,MAAN;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,UAAU,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,SAAU,CAAC,IAAI;AAAA,QAClD,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,0CAEL,kBAAA,EAAiB,YAAY,EAAE,WAAA,GAC3B,EAAE,OACP;AAAA,0CACC,kBAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAZF;AAAA,EAaF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlC4B;AAsCrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}

package/dist/Alert.es.js

@@ -1,9 +1,12 @@
-import o from "react";
-import { Alert as s } from "@mui/material";
-import { toReact as a, useComponent as n } from "@actdim/dynstruct/componentModel/react/react";
-const i = (r) => {
-  let t, e;
-  return t = n({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Alert as Alert$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useAlert = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Alert",
     props: {
       message: "",
@@ -12,21 +15,25 @@ const i = (r) => {
       onClose: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      s,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Alert$1,
       {
-        severity: e.severity,
-        variant: e.variant,
-        onClose: e.onClose,
-        sx: e.sx
+        severity: m.severity,
+        variant: m.variant,
+        onClose: m.onClose,
+        sx: m.sx
       },
-      e.message
-    )
-  }, r), e = t.model, t;
-}, l = a(i);
-l.displayName = "Alert";
+      m.message
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useAlert");
+const Alert = toReact(useAlert);
+Alert.displayName = "Alert";
 export {
-  l as Alert,
-  i as useAlert
+  Alert,
+  useAlert
 };
 //# sourceMappingURL=Alert.es.js.map

package/dist/Alert.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Alert.tsx"],"sourcesContent":null,"names":["useAlert","params","c","m","useComponent","React","MuiAlert","Alert","toReact"],"mappings":";;;AAyBO,MAAMA,IAAW,CAACC,MAAuD;AAC5E,MAAIC,GACAC;AAuBJ,SAAAD,IAAIE,EArB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,UAAUH,EAAE;AAAA,QACZ,SAASA,EAAE;AAAA,QACX,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE;AAAA,IAAA;AAAA,EACP,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAQC,EAAQR,CAAQ;AACrCO,EAAM,cAAc;"}
+{"version":3,"file":"Alert.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            message: string;\n            severity?: MuiAlertProps['severity'];\n            variant?: MuiAlertProps['variant'];\n            onClose?: () => void;\n            sx?: MuiAlertProps['sx'];\n        };\n    }\n>;\n\nexport const useAlert = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Alert',\n        props: {\n            message: '',\n            severity: 'info',\n            variant: 'standard',\n            onClose: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiAlert\n                severity={m.severity}\n                variant={m.variant}\n                onClose={m.onClose}\n                sx={m.sx}\n            >\n                {m.message}\n            </MuiAlert>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type AlertStruct = Struct;\n\nexport const Alert = toReact(useAlert);\nAlert.displayName = 'Alert';\n"],"names":["MuiAlert"],"mappings":";;;;;AAyBO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE;AAAA,IAAA,GAPL;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5BwB;AAgCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}

package/dist/Autocomplete.es.js

@@ -1,57 +1,64 @@
-import t from "react";
-import { Autocomplete as i, TextField as n } from "@mui/material";
-import { toReact as d, useComponent as p } from "@actdim/dynstruct/componentModel/react/react";
-const s = (r) => {
-  let o, e;
-  return o = p({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Autocomplete as Autocomplete$1, TextField } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useAutocomplete = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Autocomplete",
     props: {
       value: null,
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       options: [],
       label: void 0,
       placeholder: void 0,
       helperText: void 0,
-      error: !1,
-      loading: !1,
-      freeSolo: !1,
-      fullWidth: !1,
+      error: false,
+      loading: false,
+      freeSolo: false,
+      fullWidth: false,
       variant: "outlined",
       size: "medium",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Autocomplete$1,
       {
-        value: e.value,
-        onChange: (l, a) => e.onChange(a),
-        options: e.options,
-        loading: e.loading,
-        freeSolo: e.freeSolo,
-        fullWidth: e.fullWidth,
-        size: e.size,
-        disabled: e.$.isDisabled,
-        readOnly: e.$.isReadOnly,
-        sx: e.sx,
-        renderInput: (l) => /* @__PURE__ */ t.createElement(
-          n,
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, newValue) => m.onChange(newValue), "onChange"),
+        options: m.options,
+        loading: m.loading,
+        freeSolo: m.freeSolo,
+        fullWidth: m.fullWidth,
+        size: m.size,
+        disabled: m.$.isDisabled,
+        readOnly: m.$.isReadOnly,
+        sx: m.sx,
+        renderInput: /* @__PURE__ */ __name((params2) => /* @__PURE__ */ React.createElement(
+          TextField,
           {
-            ...l,
-            label: e.label,
-            placeholder: e.placeholder,
-            error: e.error,
-            helperText: e.helperText,
-            variant: e.variant
+            ...params2,
+            label: m.label,
+            placeholder: m.placeholder,
+            error: m.error,
+            helperText: m.helperText,
+            variant: m.variant
           }
-        )
+        ), "renderInput")
       }
-    )
-  }, r), e = o.model, o;
-}, m = d(s);
-m.displayName = "Autocomplete";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useAutocomplete");
+const Autocomplete = toReact(useAutocomplete);
+Autocomplete.displayName = "Autocomplete";
 export {
-  m as Autocomplete,
-  s as useAutocomplete
+  Autocomplete,
+  useAutocomplete
 };
 //# sourceMappingURL=Autocomplete.es.js.map

package/dist/Autocomplete.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Autocomplete.tsx"],"sourcesContent":null,"names":["useAutocomplete","params","c","m","useComponent","React","MuiAutocomplete","_","newValue","MuiTextField","Autocomplete","toReact"],"mappings":";;;AAsCO,MAAMA,IAAkB,CAACC,MAAuD;AACnF,MAAIC,GACAC;AA6CJ,SAAAD,IAAIE,EA3C8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,UAAU,CAACI,GAAGC,MAAaL,EAAE,SAASK,CAAQ;AAAA,QAC9C,SAASL,EAAE;AAAA,QACX,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE;AAAA,QACZ,WAAWA,EAAE;AAAA,QACb,MAAMA,EAAE;AAAA,QACR,UAAUA,EAAE,EAAE;AAAA,QACd,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,QACN,aAAa,CAACF,MACV,gBAAAI,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACI,GAAGR;AAAAA,YACJ,OAAOE,EAAE;AAAA,YACT,aAAaA,EAAE;AAAA,YACf,OAAOA,EAAE;AAAA,YACT,YAAYA,EAAE;AAAA,YACd,SAASA,EAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAER,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAAeC,EAAQX,CAAe;AACnDU,EAAa,cAAc;"}
+{"version":3,"file":"Autocomplete.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Autocomplete.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Autocomplete as MuiAutocomplete,\n    TextField as MuiTextField,\n    type AutocompleteProps as MuiAutocompleteProps,\n    type TextFieldProps as MuiTextFieldProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string | null;\n            onChange: (value: string | null) => void;\n            options: string[];\n            label?: string;\n            placeholder?: string;\n            helperText?: string;\n            error?: boolean;\n            loading?: boolean;\n            freeSolo?: boolean;\n            fullWidth?: boolean;\n            variant?: MuiTextFieldProps['variant'];\n            size?: MuiAutocompleteProps<string, false, false, false>['size'];\n            sx?: MuiAutocompleteProps<string, false, false, false>['sx'];\n        };\n    }\n>;\n\nexport const useAutocomplete = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Autocomplete',\n        props: {\n            value: null,\n            onChange: () => {},\n            options: [],\n            label: undefined,\n            placeholder: undefined,\n            helperText: undefined,\n            error: false,\n            loading: false,\n            freeSolo: false,\n            fullWidth: false,\n            variant: 'outlined',\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiAutocomplete\n                value={m.value}\n                onChange={(_, newValue) => m.onChange(newValue)}\n                options={m.options}\n                loading={m.loading}\n                freeSolo={m.freeSolo}\n                fullWidth={m.fullWidth}\n                size={m.size}\n                disabled={m.$.isDisabled}\n                readOnly={m.$.isReadOnly}\n                sx={m.sx}\n                renderInput={(params) => (\n                    <MuiTextField\n                        {...params}\n                        label={m.label}\n                        placeholder={m.placeholder}\n                        error={m.error}\n                        helperText={m.helperText}\n                        variant={m.variant}\n                    />\n                )}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type AutocompleteStruct = Struct;\n\nexport const Autocomplete = toReact(useAutocomplete);\nAutocomplete.displayName = 'Autocomplete';\n"],"names":["MuiAutocomplete","params","MuiTextField"],"mappings":";;;;;AAsCO,MAAM,kBAAkB,wBAAC,WAAuD;AACnF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa,EAAE,SAAS,QAAQ,GAApC;AAAA,QACV,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,QACN,aAAa,wBAACC,YACV,sBAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACI,GAAGD;AAAAA,YACJ,OAAO,EAAE;AAAA,YACT,aAAa,EAAE;AAAA,YACf,OAAO,EAAE;AAAA,YACT,YAAY,EAAE;AAAA,YACd,SAAS,EAAE;AAAA,UAAA;AAAA,QAAA,GAPN;AAAA,MAQT;AAAA,IAAA,GApBN;AAAA,EAsBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlD+B;AAsDxB,MAAM,eAAe,QAAQ,eAAe;AACnD,aAAa,cAAc;"}

package/dist/Avatar.es.js

@@ -1,9 +1,12 @@
-import e from "react";
-import { Avatar as o } from "@mui/material";
-import { toReact as i, useComponent as c } from "@actdim/dynstruct/componentModel/react/react";
-const s = (t) => {
-  let r, a;
-  return r = c({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Avatar as Avatar$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useAvatar = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Avatar",
     props: {
       src: void 0,
@@ -12,12 +15,16 @@ const s = (t) => {
       variant: "circular",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ e.createElement(o, { src: a.src, alt: a.alt, variant: a.variant, sx: a.sx }, a.children)
-  }, t), a = r.model, r;
-}, v = i(s);
-v.displayName = "Avatar";
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(Avatar$1, { src: m.src, alt: m.alt, variant: m.variant, sx: m.sx }, m.children), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useAvatar");
+const Avatar = toReact(useAvatar);
+Avatar.displayName = "Avatar";
 export {
-  v as Avatar,
-  s as useAvatar
+  Avatar,
+  useAvatar
 };
 //# sourceMappingURL=Avatar.es.js.map

package/dist/Avatar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Avatar.tsx"],"sourcesContent":null,"names":["useAvatar","params","c","m","useComponent","React","MuiAvatar","Avatar","toReact"],"mappings":";;;AAyBO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAkBJ,SAAAD,IAAIE,EAhB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,KAAK;AAAA,MACL,KAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAU,KAAKH,EAAE,KAAK,KAAKA,EAAE,KAAK,SAASA,EAAE,SAAS,IAAIA,EAAE,MACxDA,EAAE,QACP;AAAA,EAAA,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAASC,EAAQR,CAAS;AACvCO,EAAO,cAAc;"}
+{"version":3,"file":"Avatar.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as MuiAvatar, type AvatarProps as MuiAvatarProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            src?: string;\n            alt?: string;\n            children?: React.ReactNode;\n            variant?: MuiAvatarProps['variant'];\n            sx?: MuiAvatarProps['sx'];\n        };\n    }\n>;\n\nexport const useAvatar = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Avatar',\n        props: {\n            src: undefined,\n            alt: undefined,\n            children: undefined,\n            variant: 'circular',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiAvatar src={m.src} alt={m.alt} variant={m.variant} sx={m.sx}>\n                {m.children}\n            </MuiAvatar>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type AvatarStruct = Struct;\n\nexport const Avatar = toReact(useAvatar);\nAvatar.displayName = 'Avatar';\n"],"names":["MuiAvatar"],"mappings":";;;;;AAyBO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,KAAK;AAAA,MACL,KAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,UAAA,EAAU,KAAK,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,SAAS,IAAI,EAAE,MACxD,EAAE,QACP,GAHE;AAAA,EAGF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvByB;AA2BlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Badge.es.js

@@ -1,38 +1,45 @@
-import n from "react";
-import { Badge as t } from "@mui/material";
-import { toReact as i, useComponent as r } from "@actdim/dynstruct/componentModel/react/react";
-const d = (o) => {
-  let a, e;
-  return a = r({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Badge as Badge$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useBadge = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Badge",
     props: {
-      children: () => null,
+      children: /* @__PURE__ */ __name(() => null, "children"),
       badgeContent: void 0,
       color: "default",
       variant: "standard",
       max: 99,
-      invisible: !1,
+      invisible: false,
       anchorOrigin: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ n.createElement(
-      t,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Badge$1,
       {
-        badgeContent: e.badgeContent,
-        color: e.color,
-        variant: e.variant,
-        max: e.max,
-        invisible: e.invisible,
-        anchorOrigin: e.anchorOrigin,
-        sx: e.sx
+        badgeContent: m.badgeContent,
+        color: m.color,
+        variant: m.variant,
+        max: m.max,
+        invisible: m.invisible,
+        anchorOrigin: m.anchorOrigin,
+        sx: m.sx
       },
-      /* @__PURE__ */ n.createElement(e.children, null)
-    )
-  }, o), e = a.model, a;
-}, l = i(d);
-l.displayName = "Badge";
+      /* @__PURE__ */ React.createElement(m.children, null)
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useBadge");
+const Badge = toReact(useBadge);
+Badge.displayName = "Badge";
 export {
-  l as Badge,
-  d as useBadge
+  Badge,
+  useBadge
 };
 //# sourceMappingURL=Badge.es.js.map

package/dist/Badge.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Badge.tsx"],"sourcesContent":null,"names":["useBadge","params","c","m","useComponent","React","MuiBadge","Badge","toReact"],"mappings":";;;AA4BO,MAAMA,IAAW,CAACC,MAAuD;AAC5E,MAAIC,GACAC;AA6BJ,SAAAD,IAAIE,EA3B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,UAAU,MAAM;AAAA,MAChB,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,cAAcH,EAAE;AAAA,QAChB,OAAOA,EAAE;AAAA,QACT,SAASA,EAAE;AAAA,QACX,KAAKA,EAAE;AAAA,QACP,WAAWA,EAAE;AAAA,QACb,cAAcA,EAAE;AAAA,QAChB,IAAIA,EAAE;AAAA,MAAA;AAAA,MAEN,gBAAAE,EAAA,cAACF,EAAE,UAAF,IAAW;AAAA,IAAA;AAAA,EAChB,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAQC,EAAQR,CAAQ;AACrCO,EAAM,cAAc;"}
+{"version":3,"file":"Badge.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge as MuiBadge, type BadgeProps as MuiBadgeProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            children: React.FC;\n            badgeContent?: React.ReactNode;\n            color?: MuiBadgeProps['color'];\n            variant?: MuiBadgeProps['variant'];\n            max?: number;\n            invisible?: boolean;\n            anchorOrigin?: MuiBadgeProps['anchorOrigin'];\n            sx?: MuiBadgeProps['sx'];\n        };\n    }\n>;\n\nexport const useBadge = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Badge',\n        props: {\n            children: () => null,\n            badgeContent: undefined,\n            color: 'default',\n            variant: 'standard',\n            max: 99,\n            invisible: false,\n            anchorOrigin: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiBadge\n                badgeContent={m.badgeContent}\n                color={m.color}\n                variant={m.variant}\n                max={m.max}\n                invisible={m.invisible}\n                anchorOrigin={m.anchorOrigin}\n                sx={m.sx}\n            >\n                <m.children />\n            </MuiBadge>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type BadgeStruct = Struct;\n\nexport const Badge = toReact(useBadge);\nBadge.displayName = 'Badge';\n"],"names":["MuiBadge"],"mappings":";;;;;AA4BO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,UAAU,6BAAM,MAAN;AAAA,MACV,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,cAAc,EAAE;AAAA,QAChB,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,KAAK,EAAE;AAAA,QACP,WAAW,EAAE;AAAA,QACb,cAAc,EAAE;AAAA,QAChB,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GAVd;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCwB;AAsCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}

package/dist/Breadcrumbs.es.js

@@ -1,9 +1,12 @@
-import s from "react";
-import { Breadcrumbs as m, Typography as c, Link as l } from "@mui/material";
-import { toReact as n, useComponent as p } from "@actdim/dynstruct/componentModel/react/react";
-const d = (t) => {
-  let a, e;
-  return a = p({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Breadcrumbs as Breadcrumbs$1, Typography, Link } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useBreadcrumbs = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Breadcrumbs",
     props: {
       items: [],
@@ -11,34 +14,38 @@ const d = (t) => {
       maxItems: 8,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ s.createElement(
-      m,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Breadcrumbs$1,
       {
-        separator: e.separator,
-        maxItems: e.maxItems,
+        separator: m.separator,
+        maxItems: m.maxItems,
         "aria-label": "breadcrumb",
-        sx: e.sx
+        sx: m.sx
       },
-      e.items.map(
-        (r, o) => o === e.items.length - 1 ? /* @__PURE__ */ s.createElement(c, { key: o, sx: { color: "text.primary" } }, r.label) : /* @__PURE__ */ s.createElement(
-          l,
+      m.items.map(
+        (item, i) => i === m.items.length - 1 ? /* @__PURE__ */ React.createElement(Typography, { key: i, sx: { color: "text.primary" } }, item.label) : /* @__PURE__ */ React.createElement(
+          Link,
           {
-            key: o,
+            key: i,
             underline: "hover",
             color: "inherit",
-            href: r.href,
-            onClick: r.onClick,
-            sx: { cursor: r.onClick && !r.href ? "pointer" : void 0 }
+            href: item.href,
+            onClick: item.onClick,
+            sx: { cursor: item.onClick && !item.href ? "pointer" : void 0 }
           },
-          r.label
+          item.label
         )
       )
-    )
-  }, t), e = a.model, a;
-}, i = n(d);
-i.displayName = "Breadcrumbs";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useBreadcrumbs");
+const Breadcrumbs = toReact(useBreadcrumbs);
+Breadcrumbs.displayName = "Breadcrumbs";
 export {
-  i as Breadcrumbs,
-  d as useBreadcrumbs
+  Breadcrumbs,
+  useBreadcrumbs
 };
 //# sourceMappingURL=Breadcrumbs.es.js.map

package/dist/Breadcrumbs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Breadcrumbs.tsx"],"sourcesContent":null,"names":["useBreadcrumbs","params","c","m","useComponent","React","MuiBreadcrumbs","item","i","Typography","Link","Breadcrumbs","toReact"],"mappings":";;;AAmCO,MAAMA,IAAiB,CAACC,MAAuD;AAClF,MAAIC,GACAC;AAuCJ,SAAAD,IAAIE,EArC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,WAAWH,EAAE;AAAA,QACb,UAAUA,EAAE;AAAA,QACZ,cAAW;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,MAAM;AAAA,QAAI,CAACI,GAAMC,MAChBA,MAAML,EAAE,MAAM,SAAS,IACnB,gBAAAE,EAAA,cAACI,KAAW,KAAKD,GAAG,IAAI,EAAE,OAAO,iBAAe,GAC3CD,EAAK,KACV,IAEA,gBAAAF,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,KAAKF;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAMD,EAAK;AAAA,YACX,SAASA,EAAK;AAAA,YACd,IAAI,EAAE,QAAQA,EAAK,WAAW,CAACA,EAAK,OAAO,YAAY,OAAA;AAAA,UAAU;AAAA,UAEhEA,EAAK;AAAA,QAAA;AAAA,MACV;AAAA,IAER;AAAA,EACJ,GAIcN,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaS,IAAcC,EAAQZ,CAAc;AACjDW,EAAY,cAAc;"}
+{"version":3,"file":"Breadcrumbs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Breadcrumbs as MuiBreadcrumbs,\n    Link,\n    Typography,\n    type BreadcrumbsProps as MuiBreadcrumbsProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type BreadcrumbItem = {\n    label: string;\n    href?: string;\n    onClick?: () => void;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            items: BreadcrumbItem[];\n            separator?: React.ReactNode;\n            maxItems?: number;\n            sx?: MuiBreadcrumbsProps['sx'];\n        };\n    }\n>;\n\nexport const useBreadcrumbs = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Breadcrumbs',\n        props: {\n            items: [],\n            separator: undefined,\n            maxItems: 8,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiBreadcrumbs\n                separator={m.separator}\n                maxItems={m.maxItems}\n                aria-label=\"breadcrumb\"\n                sx={m.sx}\n            >\n                {m.items.map((item, i) =>\n                    i === m.items.length - 1 ? (\n                        <Typography key={i} sx={{ color: 'text.primary' }}>\n                            {item.label}\n                        </Typography>\n                    ) : (\n                        <Link\n                            key={i}\n                            underline=\"hover\"\n                            color=\"inherit\"\n                            href={item.href}\n                            onClick={item.onClick}\n                            sx={{ cursor: item.onClick && !item.href ? 'pointer' : undefined }}\n                        >\n                            {item.label}\n                        </Link>\n                    ),\n                )}\n            </MuiBreadcrumbs>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type BreadcrumbsStruct = Struct;\n\nexport const Breadcrumbs = toReact(useBreadcrumbs);\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"names":["MuiBreadcrumbs"],"mappings":";;;;;AAmCO,MAAM,iBAAiB,wBAAC,WAAuD;AAClF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,WAAW,EAAE;AAAA,QACb,UAAU,EAAE;AAAA,QACZ,cAAW;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM;AAAA,QAAI,CAAC,MAAM,MAChB,MAAM,EAAE,MAAM,SAAS,IACnB,sBAAA,cAAC,cAAW,KAAK,GAAG,IAAI,EAAE,OAAO,iBAAe,GAC3C,KAAK,KACV,IAEA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAM,KAAK;AAAA,YACX,SAAS,KAAK;AAAA,YACd,IAAI,EAAE,QAAQ,KAAK,WAAW,CAAC,KAAK,OAAO,YAAY,OAAA;AAAA,UAAU;AAAA,UAEhE,KAAK;AAAA,QAAA;AAAA,MACV;AAAA,IAER,GAxBF;AAAA,EAyBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5C8B;AAgDvB,MAAM,cAAc,QAAQ,cAAc;AACjD,YAAY,cAAc;"}

package/dist/Button.es.js

@@ -1,44 +1,51 @@
-import n from "react";
-import { Button as i } from "@mui/material";
-import { toReact as l, useComponent as a } from "@actdim/dynstruct/componentModel/react/react";
-const r = (e) => {
-  let t, o;
-  return t = a({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Button as Button$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useButton = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Button",
     props: {
       label: "",
-      onClick: () => {
-      },
+      onClick: /* @__PURE__ */ __name(() => {
+      }, "onClick"),
       variant: "contained",
       color: "primary",
       size: "medium",
-      fullWidth: !1,
+      fullWidth: false,
       startIcon: void 0,
       endIcon: void 0,
-      loading: !1,
+      loading: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ n.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Button$1,
       {
-        variant: o.variant,
-        color: o.color,
-        size: o.size,
-        fullWidth: o.fullWidth,
-        disabled: o.$.isDisabled,
-        loading: o.loading,
-        startIcon: o.startIcon,
-        endIcon: o.endIcon,
-        sx: o.sx,
-        onClick: o.onClick
+        variant: m.variant,
+        color: m.color,
+        size: m.size,
+        fullWidth: m.fullWidth,
+        disabled: m.$.isDisabled,
+        loading: m.loading,
+        startIcon: m.startIcon,
+        endIcon: m.endIcon,
+        sx: m.sx,
+        onClick: m.onClick
       },
-      o.label
-    )
-  }, e), o = t.model, t;
-}, s = l(r);
-s.displayName = "Button";
+      m.label
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useButton");
+const Button = toReact(useButton);
+Button.displayName = "Button";
 export {
-  s as Button,
-  r as useButton
+  Button,
+  useButton
 };
 //# sourceMappingURL=Button.es.js.map

package/dist/Button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Button.tsx"],"sourcesContent":null,"names":["useButton","params","c","m","useComponent","React","MuiButton","Button","toReact"],"mappings":";;;AA8BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAkCJ,SAAAD,IAAIE,EAhC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,UAAUA,EAAE,EAAE;AAAA,QACd,SAASA,EAAE;AAAA,QACX,WAAWA,EAAE;AAAA,QACb,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,QACN,SAASA,EAAE;AAAA,MAAA;AAAA,MAEVA,EAAE;AAAA,IAAA;AAAA,EACP,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAASC,EAAQR,CAAS;AACvCO,EAAO,cAAc;"}
+{"version":3,"file":"Button.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button as MuiButton, type ButtonProps as MuiButtonProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            label: string;\n            onClick: () => void;\n            variant?: MuiButtonProps['variant'];\n            color?: MuiButtonProps['color'];\n            size?: MuiButtonProps['size'];\n            fullWidth?: boolean;\n            startIcon?: React.ReactNode;\n            endIcon?: React.ReactNode;\n            loading?: boolean;\n            sx?: MuiButtonProps['sx'];\n        };\n    }\n>;\n\nexport const useButton = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Button',\n        props: {\n            label: '',\n            onClick: () => {},\n            variant: 'contained',\n            color: 'primary',\n            size: 'medium',\n            fullWidth: false,\n            startIcon: undefined,\n            endIcon: undefined,\n            loading: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiButton\n                variant={m.variant}\n                color={m.color}\n                size={m.size}\n                fullWidth={m.fullWidth}\n                disabled={m.$.isDisabled}\n                loading={m.loading}\n                startIcon={m.startIcon}\n                endIcon={m.endIcon}\n                sx={m.sx}\n                onClick={m.onClick}\n            >\n                {m.label}\n            </MuiButton>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ButtonStruct = Struct;\n\nexport const Button = toReact(useButton);\nButton.displayName = 'Button';\n"],"names":["MuiButton"],"mappings":";;;;;AA8BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,WAAW,EAAE;AAAA,QACb,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,QACN,SAAS,EAAE;AAAA,MAAA;AAAA,MAEV,EAAE;AAAA,IAAA,GAbL;AAAA,EAcF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvCyB;AA2ClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}