@actdim/dynstruct-mui 0.9.1 → 0.9.2

package/dist/Card.es.js

@@ -1,34 +1,41 @@
-import t from "react";
-import { Card as n, CardHeader as o, CardContent as d, CardActions as i } from "@mui/material";
-import { toReact as l, useComponent as c } from "@actdim/dynstruct/componentModel/react/hooks";
-const s = (r) => {
-  let a, e;
-  return a = c({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Card as Card$1, CardHeader, CardContent, CardActions } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useCard = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Card",
     props: {
-      content: () => null,
+      content: /* @__PURE__ */ __name(() => null, "content"),
       title: void 0,
       subheader: void 0,
       avatar: void 0,
       headerAction: void 0,
       actions: void 0,
-      raised: !1,
+      raised: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(n, { raised: e.raised, sx: e.sx }, (e.title || e.subheader || e.avatar || e.headerAction) && /* @__PURE__ */ t.createElement(
-      o,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(Card$1, { raised: m.raised, sx: m.sx }, (m.title || m.subheader || m.avatar || m.headerAction) && /* @__PURE__ */ React.createElement(
+      CardHeader,
       {
-        title: e.title,
-        subheader: e.subheader,
-        avatar: e.avatar,
-        action: e.headerAction ? /* @__PURE__ */ t.createElement(e.headerAction, null) : void 0
+        title: m.title,
+        subheader: m.subheader,
+        avatar: m.avatar,
+        action: m.headerAction ? /* @__PURE__ */ React.createElement(m.headerAction, null) : void 0
       }
-    ), /* @__PURE__ */ t.createElement(d, null, /* @__PURE__ */ t.createElement(e.content, null)), e.actions && /* @__PURE__ */ t.createElement(i, null, /* @__PURE__ */ t.createElement(e.actions, null)))
-  }, r), e = a.model, a;
-}, m = l(s);
-m.displayName = "Card";
+    ), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(m.content, null)), m.actions && /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement(m.actions, null))), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useCard");
+const Card = toReact(useCard);
+Card.displayName = "Card";
 export {
-  m as Card,
-  s as useCard
+  Card,
+  useCard
 };
 //# sourceMappingURL=Card.es.js.map

package/dist/Card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Card.tsx"],"sourcesContent":null,"names":["useCard","params","c","m","useComponent","React","MuiCard","CardHeader","CardContent","CardActions","Card","toReact"],"mappings":";;;AAkCO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AAoCJ,SAAAD,IAAIE,EAlC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAQ,QAAQH,EAAE,QAAQ,IAAIA,EAAE,GAAA,IAC3BA,EAAE,SAASA,EAAE,aAAaA,EAAE,UAAUA,EAAE,iBACtC,gBAAAE,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAOJ,EAAE;AAAA,QACT,WAAWA,EAAE;AAAA,QACb,QAAQA,EAAE;AAAA,QACV,QAAQA,EAAE,+CAAgBA,EAAE,cAAF,IAAe,IAAK;AAAA,MAAA;AAAA,IAAA,GAGtD,gBAAAE,EAAA,cAACG,GAAA,sCACIL,EAAE,SAAF,IAAU,CACf,GACCA,EAAE,2CACEM,GAAA,MACG,gBAAAJ,EAAA,cAACF,EAAE,SAAF,IAAU,CACf,CAER;AAAA,EAAA,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAAOC,EAAQX,CAAO;AACnCU,EAAK,cAAc;"}
+{"version":3,"file":"Card.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Card as MuiCard,\n    CardHeader,\n    CardContent,\n    CardActions,\n    type CardProps as MuiCardProps,\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            content: React.FC;\n            title?: React.ReactNode;\n            subheader?: React.ReactNode;\n            avatar?: React.ReactNode;\n            headerAction?: React.FC;\n            actions?: React.FC;\n            raised?: boolean;\n            sx?: MuiCardProps['sx'];\n        };\n    }\n>;\n\nexport const useCard = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Card',\n        props: {\n            content: () => null,\n            title: undefined,\n            subheader: undefined,\n            avatar: undefined,\n            headerAction: undefined,\n            actions: undefined,\n            raised: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiCard raised={m.raised} sx={m.sx}>\n                {(m.title || m.subheader || m.avatar || m.headerAction) && (\n                    <CardHeader\n                        title={m.title}\n                        subheader={m.subheader}\n                        avatar={m.avatar}\n                        action={m.headerAction ? <m.headerAction /> : undefined}\n                    />\n                )}\n                <CardContent>\n                    <m.content />\n                </CardContent>\n                {m.actions && (\n                    <CardActions>\n                        <m.actions />\n                    </CardActions>\n                )}\n            </MuiCard>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type CardStruct = Struct;\n\nexport const Card = toReact(useCard);\nCard.displayName = 'Card';\n"],"names":["MuiCard"],"mappings":";;;;;AAkCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,6BAAM,MAAN;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAE,GAAA,IAC3B,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,iBACtC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,WAAW,EAAE;AAAA,QACb,QAAQ,EAAE;AAAA,QACV,QAAQ,EAAE,mDAAgB,EAAE,cAAF,IAAe,IAAK;AAAA,MAAA;AAAA,IAAA,GAGtD,sBAAA,cAAC,aAAA,0CACI,EAAE,SAAF,IAAU,CACf,GACC,EAAE,+CACE,aAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf,CAER,GAlBE;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAzCuB;AA6ChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}

package/dist/Checkbox.es.js

@@ -1,49 +1,56 @@
-import o from "react";
-import { Checkbox as n, FormControl as a, FormControlLabel as m, FormHelperText as i } from "@mui/material";
-import { toReact as s, useComponent as d } from "@actdim/dynstruct/componentModel/react/hooks";
-const h = (l) => {
-  let r, e;
-  return r = d({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Checkbox as Checkbox$1, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useCheckbox = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Checkbox",
     props: {
-      checked: !1,
-      onChange: () => {
-      },
+      checked: false,
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       label: void 0,
       helperText: void 0,
-      error: !1,
+      error: false,
       color: "primary",
       size: "medium",
-      indeterminate: !1,
+      indeterminate: false,
       sx: void 0
     },
-    view: () => {
-      const t = /* @__PURE__ */ o.createElement(
-        n,
+    view: /* @__PURE__ */ __name(() => {
+      const checkbox = /* @__PURE__ */ React.createElement(
+        Checkbox$1,
         {
-          checked: e.checked,
-          onChange: (c) => e.onChange(c.target.checked),
-          color: e.color,
-          size: e.size,
-          indeterminate: e.indeterminate
+          checked: m.checked,
+          onChange: /* @__PURE__ */ __name((e) => m.onChange(e.target.checked), "onChange"),
+          color: m.color,
+          size: m.size,
+          indeterminate: m.indeterminate
         }
       );
-      return /* @__PURE__ */ o.createElement(
-        a,
+      return /* @__PURE__ */ React.createElement(
+        FormControl,
         {
-          error: e.error,
-          disabled: e.$.isDisabled,
-          sx: e.sx
+          error: m.error,
+          disabled: m.$.isDisabled,
+          sx: m.sx
         },
-        e.label != null ? /* @__PURE__ */ o.createElement(m, { control: t, label: e.label }) : t,
-        e.helperText && /* @__PURE__ */ o.createElement(i, null, e.helperText)
+        m.label != null ? /* @__PURE__ */ React.createElement(FormControlLabel, { control: checkbox, label: m.label }) : checkbox,
+        m.helperText && /* @__PURE__ */ React.createElement(FormHelperText, null, m.helperText)
       );
-    }
-  }, l), e = r.model, r;
-}, x = s(h);
-x.displayName = "Checkbox";
+    }, "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useCheckbox");
+const Checkbox = toReact(useCheckbox);
+Checkbox.displayName = "Checkbox";
 export {
-  x as Checkbox,
-  h as useCheckbox
+  Checkbox,
+  useCheckbox
 };
 //# sourceMappingURL=Checkbox.es.js.map

package/dist/Checkbox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Checkbox.tsx"],"sourcesContent":null,"names":["useCheckbox","params","c","m","useComponent","checkbox","React","MuiCheckbox","e","FormControl","FormControlLabel","FormHelperText","Checkbox","toReact"],"mappings":";;;AAoCO,MAAMA,IAAc,CAACC,MAAuD;AAC/E,MAAIC,GACAC;AA0CJ,SAAAD,IAAIE,EAxC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MAAM;AACR,YAAMC,IACF,gBAAAC,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,SAASJ,EAAE;AAAA,UACX,UAAU,CAACK,MAAML,EAAE,SAASK,EAAE,OAAO,OAAO;AAAA,UAC5C,OAAOL,EAAE;AAAA,UACT,MAAMA,EAAE;AAAA,UACR,eAAeA,EAAE;AAAA,QAAA;AAAA,MAAA;AAGzB,aACI,gBAAAG,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAON,EAAE;AAAA,UACT,UAAUA,EAAE,EAAE;AAAA,UACd,IAAIA,EAAE;AAAA,QAAA;AAAA,QAELA,EAAE,SAAS,OACR,gBAAAG,EAAA,cAACI,GAAA,EAAiB,SAASL,GAAU,OAAOF,EAAE,MAAA,CAAO,IAErDE;AAAA,QAEHF,EAAE,cAAc,gBAAAG,EAAA,cAACK,GAAA,MAAgBR,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D;AAAA,EAAA,GAGkBF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaU,IAAWC,EAAQb,CAAW;AAC3CY,EAAS,cAAc;"}
+{"version":3,"file":"Checkbox.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Checkbox as MuiCheckbox,\n    FormControl,\n    FormControlLabel,\n    FormHelperText,\n    type CheckboxProps as MuiCheckboxProps,\n    type FormControlProps as MuiFormControlProps,\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            checked: boolean;\n            onChange: (checked: boolean) => void;\n            label?: string;\n            helperText?: string;\n            error?: boolean;\n            color?: MuiCheckboxProps['color'];\n            size?: MuiCheckboxProps['size'];\n            indeterminate?: boolean;\n            sx?: MuiFormControlProps['sx'];\n        };\n    }\n>;\n\nexport const useCheckbox = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Checkbox',\n        props: {\n            checked: false,\n            onChange: () => {},\n            label: undefined,\n            helperText: undefined,\n            error: false,\n            color: 'primary',\n            size: 'medium',\n            indeterminate: false,\n            sx: undefined,\n        },\n        view: () => {\n            const checkbox = (\n                <MuiCheckbox\n                    checked={m.checked}\n                    onChange={(e) => m.onChange(e.target.checked)}\n                    color={m.color}\n                    size={m.size}\n                    indeterminate={m.indeterminate}\n                />\n            );\n            return (\n                <FormControl\n                    error={m.error}\n                    disabled={m.$.isDisabled}\n                    sx={m.sx}\n                >\n                    {m.label != null ? (\n                        <FormControlLabel control={checkbox} label={m.label} />\n                    ) : (\n                        checkbox\n                    )}\n                    {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\n                </FormControl>\n            );\n        },\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type CheckboxStruct = Struct;\n\nexport const Checkbox = toReact(useCheckbox);\nCheckbox.displayName = 'Checkbox';\n"],"names":["MuiCheckbox"],"mappings":";;;;;AAoCO,MAAM,cAAc,wBAAC,WAAuD;AAC/E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,WACF,sBAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG,SAAS,EAAE;AAAA,UACX,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,OAAO,GAAlC;AAAA,UACV,OAAO,EAAE;AAAA,UACT,MAAM,EAAE;AAAA,UACR,eAAe,EAAE;AAAA,QAAA;AAAA,MAAA;AAGzB,aACI,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,EAAE;AAAA,UACT,UAAU,EAAE,EAAE;AAAA,UACd,IAAI,EAAE;AAAA,QAAA;AAAA,QAEL,EAAE,SAAS,OACR,sBAAA,cAAC,kBAAA,EAAiB,SAAS,UAAU,OAAO,EAAE,MAAA,CAAO,IAErD;AAAA,QAEH,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GAxBM;AAAA,EAwBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/C2B;AAmDpB,MAAM,WAAW,QAAQ,WAAW;AAC3C,SAAS,cAAc;"}

package/dist/Chip.es.js

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

package/dist/Chip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Chip.tsx"],"sourcesContent":null,"names":["useChip","params","c","m","useComponent","React","MuiChip","Chip","toReact"],"mappings":";;;AA4BO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AA6BJ,SAAAD,IAAIE,EA3B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE;AAAA,QACZ,SAASA,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,MAAMA,EAAE;AAAA,QACR,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAOC,EAAQR,CAAO;AACnCO,EAAK,cAAc;"}
+{"version":3,"file":"Chip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip, type ChipProps as MuiChipProps } 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            onDelete?: () => void;\n            variant?: MuiChipProps['variant'];\n            color?: MuiChipProps['color'];\n            size?: MuiChipProps['size'];\n            icon?: React.ReactNode;\n            sx?: MuiChipProps['sx'];\n        };\n    }\n>;\n\nexport const useChip = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Chip',\n        props: {\n            label: '',\n            onClick: undefined,\n            onDelete: undefined,\n            variant: 'filled',\n            color: 'default',\n            size: 'medium',\n            icon: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiChip\n                label={m.label}\n                onClick={m.onClick}\n                onDelete={m.onDelete}\n                variant={m.variant}\n                color={m.color}\n                size={m.size}\n                icon={m.icon as React.ReactElement | undefined}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ChipStruct = Struct;\n\nexport const Chip = toReact(useChip);\nChip.displayName = 'Chip';\n"],"names":["MuiChip"],"mappings":";;;;;AA4BO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAVR;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCuB;AAsChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}

package/dist/CircularProgress.es.js

@@ -1,9 +1,12 @@
-import o from "react";
-import { CircularProgress as i } from "@mui/material";
-import { toReact as t, useComponent as a } from "@actdim/dynstruct/componentModel/react/hooks";
-const c = (s) => {
-  let e, r;
-  return e = a({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { CircularProgress as CircularProgress$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useCircularProgress = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "CircularProgress",
     props: {
       variant: "indeterminate",
@@ -13,22 +16,26 @@ const c = (s) => {
       thickness: 3.6,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      CircularProgress$1,
       {
-        variant: r.variant,
-        value: r.value,
-        color: r.color,
-        size: r.size,
-        thickness: r.thickness,
-        sx: r.sx
+        variant: m.variant,
+        value: m.value,
+        color: m.color,
+        size: m.size,
+        thickness: m.thickness,
+        sx: m.sx
       }
-    )
-  }, s), r = e.model, e;
-}, l = t(c);
-l.displayName = "CircularProgress";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useCircularProgress");
+const CircularProgress = toReact(useCircularProgress);
+CircularProgress.displayName = "CircularProgress";
 export {
-  l as CircularProgress,
-  c as useCircularProgress
+  CircularProgress,
+  useCircularProgress
 };
 //# sourceMappingURL=CircularProgress.es.js.map

package/dist/CircularProgress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/CircularProgress.tsx"],"sourcesContent":null,"names":["useCircularProgress","params","c","m","useComponent","React","MuiCircularProgress","CircularProgress","toReact"],"mappings":";;;AA6BO,MAAMA,IAAsB,CAACC,MAAuD;AACvF,MAAIC,GACAC;AAwBJ,SAAAD,IAAIE,EAtB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAmBC,EAAQR,CAAmB;AAC3DO,EAAiB,cAAc;"}
+{"version":3,"file":"CircularProgress.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/CircularProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    CircularProgress as MuiCircularProgress,\n    type CircularProgressProps as MuiCircularProgressProps,\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            variant?: MuiCircularProgressProps['variant'];\n            value?: number;\n            color?: MuiCircularProgressProps['color'];\n            size?: number | string;\n            thickness?: number;\n            sx?: MuiCircularProgressProps['sx'];\n        };\n    }\n>;\n\nexport const useCircularProgress = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'CircularProgress',\n        props: {\n            variant: 'indeterminate',\n            value: undefined,\n            color: 'primary',\n            size: 40,\n            thickness: 3.6,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiCircularProgress\n                variant={m.variant}\n                value={m.value}\n                color={m.color}\n                size={m.size}\n                thickness={m.thickness}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type CircularProgressStruct = Struct;\n\nexport const CircularProgress = toReact(useCircularProgress);\nCircularProgress.displayName = 'CircularProgress';\n"],"names":["MuiCircularProgress"],"mappings":";;;;;AA6BO,MAAM,sBAAsB,wBAAC,WAAuD;AACvF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAPR;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA7BmC;AAiC5B,MAAM,mBAAmB,QAAQ,mBAAmB;AAC3D,iBAAiB,cAAc;"}

package/dist/Dialog.es.js

@@ -1,41 +1,48 @@
-import t from "react";
-import { Dialog as n, DialogTitle as i, DialogContent as a, DialogActions as c } from "@mui/material";
-import { toReact as r, useComponent as s } from "@actdim/dynstruct/componentModel/react/hooks";
-const m = (o) => {
-  let l, e;
-  return l = s({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useDialog = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Dialog",
     props: {
-      open: !1,
-      onClose: () => {
-      },
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
       title: void 0,
       content: void 0,
       actions: void 0,
       maxWidth: "sm",
-      fullWidth: !0,
-      fullScreen: !1,
+      fullWidth: true,
+      fullScreen: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(
-      n,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Dialog$1,
       {
-        open: e.open,
-        onClose: e.onClose,
-        maxWidth: e.maxWidth,
-        fullWidth: e.fullWidth,
-        fullScreen: e.fullScreen,
-        sx: e.sx
+        open: m.open,
+        onClose: m.onClose,
+        maxWidth: m.maxWidth,
+        fullWidth: m.fullWidth,
+        fullScreen: m.fullScreen,
+        sx: m.sx
       },
-      e.title && /* @__PURE__ */ t.createElement(i, null, e.title),
-      e.content && /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(e.content, null)),
-      e.actions && /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(e.actions, null))
-    )
-  }, o), e = l.model, l;
-}, u = r(m);
-u.displayName = "Dialog";
+      m.title && /* @__PURE__ */ React.createElement(DialogTitle, null, m.title),
+      m.content && /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(m.content, null)),
+      m.actions && /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(m.actions, null))
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useDialog");
+const Dialog = toReact(useDialog);
+Dialog.displayName = "Dialog";
 export {
-  u as Dialog,
-  m as useDialog
+  Dialog,
+  useDialog
 };
 //# sourceMappingURL=Dialog.es.js.map

package/dist/Dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Dialog.tsx"],"sourcesContent":null,"names":["useDialog","params","c","m","useComponent","React","MuiDialog","DialogTitle","DialogContent","DialogActions","Dialog","toReact"],"mappings":";;;AAmCO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAuCJ,SAAAD,IAAIE,EArC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,MAAMH,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE;AAAA,QACZ,WAAWA,EAAE;AAAA,QACb,YAAYA,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,SAAS,gBAAAE,EAAA,cAACE,GAAA,MAAaJ,EAAE,KAAM;AAAA,MACjCA,EAAE,WACC,gBAAAE,EAAA,cAACG,GAAA,sCACIL,EAAE,SAAF,IAAU,CACf;AAAA,MAEHA,EAAE,WACC,gBAAAE,EAAA,cAACI,GAAA,sCACIN,EAAE,SAAF,IAAU,CACf;AAAA,IAAA;AAAA,EAER,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAASC,EAAQX,CAAS;AACvCU,EAAO,cAAc;"}
+{"version":3,"file":"Dialog.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Dialog as MuiDialog,\n    DialogTitle,\n    DialogContent,\n    DialogActions,\n    type DialogProps as MuiDialogProps,\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            open: boolean;\n            onClose: () => void;\n            title?: string;\n            content?: React.FC;\n            actions?: React.FC;\n            maxWidth?: MuiDialogProps['maxWidth'];\n            fullWidth?: boolean;\n            fullScreen?: boolean;\n            sx?: MuiDialogProps['sx'];\n        };\n    }\n>;\n\nexport const useDialog = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Dialog',\n        props: {\n            open: false,\n            onClose: () => {},\n            title: undefined,\n            content: undefined,\n            actions: undefined,\n            maxWidth: 'sm',\n            fullWidth: true,\n            fullScreen: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiDialog\n                open={m.open}\n                onClose={m.onClose}\n                maxWidth={m.maxWidth}\n                fullWidth={m.fullWidth}\n                fullScreen={m.fullScreen}\n                sx={m.sx}\n            >\n                {m.title && <DialogTitle>{m.title}</DialogTitle>}\n                {m.content && (\n                    <DialogContent>\n                        <m.content />\n                    </DialogContent>\n                )}\n                {m.actions && (\n                    <DialogActions>\n                        <m.actions />\n                    </DialogActions>\n                )}\n            </MuiDialog>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type DialogStruct = Struct;\n\nexport const Dialog = toReact(useDialog);\nDialog.displayName = 'Dialog';\n"],"names":["MuiDialog"],"mappings":";;;;;AAmCO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,YAAY,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,SAAS,sBAAA,cAAC,aAAA,MAAa,EAAE,KAAM;AAAA,MACjC,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,MAEH,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAlBN;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CyB;AAgDlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Drawer.es.js

@@ -1,35 +1,42 @@
-import o from "react";
-import { Drawer as n } from "@mui/material";
-import { toReact as t, useComponent as l } from "@actdim/dynstruct/componentModel/react/hooks";
-const s = (a) => {
-  let r, e;
-  return r = l({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Drawer as Drawer$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useDrawer = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Drawer",
     props: {
-      open: !1,
-      onClose: () => {
-      },
-      children: () => null,
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
+      children: /* @__PURE__ */ __name(() => null, "children"),
       anchor: "left",
       variant: "temporary",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      n,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Drawer$1,
       {
-        open: e.open,
-        onClose: e.onClose,
-        anchor: e.anchor,
-        variant: e.variant,
-        sx: e.sx
+        open: m.open,
+        onClose: m.onClose,
+        anchor: m.anchor,
+        variant: m.variant,
+        sx: m.sx
       },
-      /* @__PURE__ */ o.createElement(e.children, null)
-    )
-  }, a), e = r.model, r;
-}, c = t(s);
-c.displayName = "Drawer";
+      /* @__PURE__ */ React.createElement(m.children, null)
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useDrawer");
+const Drawer = toReact(useDrawer);
+Drawer.displayName = "Drawer";
 export {
-  c as Drawer,
-  s as useDrawer
+  Drawer,
+  useDrawer
 };
 //# sourceMappingURL=Drawer.es.js.map

package/dist/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Drawer.tsx"],"sourcesContent":null,"names":["useDrawer","params","c","m","useComponent","React","MuiDrawer","Drawer","toReact"],"mappings":";;;AA0BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAyBJ,SAAAD,IAAIE,EAvB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,MAAMH,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,QAAQA,EAAE;AAAA,QACV,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAEN,gBAAAE,EAAA,cAACF,EAAE,UAAF,IAAW;AAAA,IAAA;AAAA,EAChB,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAASC,EAAQR,CAAS;AACvCO,EAAO,cAAc;"}
+{"version":3,"file":"Drawer.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Drawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Drawer as MuiDrawer, type DrawerProps as MuiDrawerProps } 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            open: boolean;\n            onClose: () => void;\n            children: React.FC;\n            anchor?: MuiDrawerProps['anchor'];\n            variant?: MuiDrawerProps['variant'];\n            sx?: MuiDrawerProps['sx'];\n        };\n    }\n>;\n\nexport const useDrawer = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Drawer',\n        props: {\n            open: false,\n            onClose: () => {},\n            children: () => null,\n            anchor: 'left',\n            variant: 'temporary',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiDrawer\n                open={m.open}\n                onClose={m.onClose}\n                anchor={m.anchor}\n                variant={m.variant}\n                sx={m.sx}\n            >\n                <m.children />\n            </MuiDrawer>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type DrawerStruct = Struct;\n\nexport const Drawer = toReact(useDrawer);\nDrawer.displayName = 'Drawer';\n"],"names":["MuiDrawer"],"mappings":";;;;;AA0BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,UAAU,6BAAM,MAAN;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,QAAQ,EAAE;AAAA,QACV,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GARd;AAAA,EASF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA9ByB;AAkClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Fab.es.js

@@ -1,14 +1,17 @@
-import l from "react";
-import { Fab as r } from "@mui/material";
-import { toReact as i, useComponent as t } from "@actdim/dynstruct/componentModel/react/hooks";
-const n = (o) => {
-  let a, e;
-  return a = t({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Fab as Fab$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useFab = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Fab",
     props: {
-      icon: () => null,
-      onClick: () => {
-      },
+      icon: /* @__PURE__ */ __name(() => null, "icon"),
+      onClick: /* @__PURE__ */ __name(() => {
+      }, "onClick"),
       ariaLabel: "",
       color: "primary",
       size: "large",
@@ -16,25 +19,29 @@ const n = (o) => {
       label: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ l.createElement(
-      r,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Fab$1,
       {
-        color: e.color,
-        size: e.size,
-        variant: e.variant,
-        "aria-label": e.ariaLabel,
-        disabled: e.$.isDisabled,
-        onClick: e.onClick,
-        sx: e.sx
+        color: m.color,
+        size: m.size,
+        variant: m.variant,
+        "aria-label": m.ariaLabel,
+        disabled: m.$.isDisabled,
+        onClick: m.onClick,
+        sx: m.sx
       },
-      /* @__PURE__ */ l.createElement(e.icon, null),
-      e.variant === "extended" && e.label
-    )
-  }, o), e = a.model, a;
-}, c = i(n);
-c.displayName = "Fab";
+      /* @__PURE__ */ React.createElement(m.icon, null),
+      m.variant === "extended" && m.label
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useFab");
+const Fab = toReact(useFab);
+Fab.displayName = "Fab";
 export {
-  c as Fab,
-  n as useFab
+  Fab,
+  useFab
 };
 //# sourceMappingURL=Fab.es.js.map

package/dist/Fab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fab.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Fab.tsx"],"sourcesContent":null,"names":["useFab","params","c","m","useComponent","React","MuiFab","Fab","toReact"],"mappings":";;;AA4BO,MAAMA,IAAS,CAACC,MAAuD;AAC1E,MAAIC,GACAC;AA8BJ,SAAAD,IAAIE,EA5B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM,MAAM;AAAA,MACZ,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,cAAYA,EAAE;AAAA,QACd,UAAUA,EAAE,EAAE;AAAA,QACd,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAEN,gBAAAE,EAAA,cAACF,EAAE,MAAF,IAAO;AAAA,MACPA,EAAE,YAAY,cAAcA,EAAE;AAAA,IAAA;AAAA,EACnC,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAMC,EAAQR,CAAM;AACjCO,EAAI,cAAc;"}
+{"version":3,"file":"Fab.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Fab.tsx"],"sourcesContent":["import React from 'react';\nimport { Fab as MuiFab, type FabProps as MuiFabProps } 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            icon: React.FC;\n            onClick: () => void;\n            ariaLabel: string;\n            color?: MuiFabProps['color'];\n            size?: MuiFabProps['size'];\n            variant?: MuiFabProps['variant'];\n            label?: string;\n            sx?: MuiFabProps['sx'];\n        };\n    }\n>;\n\nexport const useFab = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Fab',\n        props: {\n            icon: () => null,\n            onClick: () => {},\n            ariaLabel: '',\n            color: 'primary',\n            size: 'large',\n            variant: 'circular',\n            label: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiFab\n                color={m.color}\n                size={m.size}\n                variant={m.variant}\n                aria-label={m.ariaLabel}\n                disabled={m.$.isDisabled}\n                onClick={m.onClick}\n                sx={m.sx}\n            >\n                <m.icon />\n                {m.variant === 'extended' && m.label}\n            </MuiFab>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type FabStruct = Struct;\n\nexport const Fab = toReact(useFab);\nFab.displayName = 'Fab';\n"],"names":["MuiFab"],"mappings":";;;;;AA4BO,MAAM,SAAS,wBAAC,WAAuD;AAC1E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM,6BAAM,MAAN;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,cAAY,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,MAAF,IAAO;AAAA,MACP,EAAE,YAAY,cAAc,EAAE;AAAA,IAAA,GAXjC;AAAA,EAYF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAnCsB;AAuCf,MAAM,MAAM,QAAQ,MAAM;AACjC,IAAI,cAAc;"}