@actdim/dynstruct-mui 0.9.1 → 1.5.5

package/README.md

@@ -1,91 +1,91 @@
-# @actdim/dynstruct-mui
-
-MUI component wrappers for [@actdim/dynstruct](https://github.com/actdim/dynstruct). Each component is a dynstruct hook-constructor — observable props, reactive rendering, MobX-backed state out of the box.
-
-[![npm version](https://img.shields.io/npm/v/@actdim/dynstruct-mui.svg)](https://www.npmjs.com/package/@actdim/dynstruct-mui)
-[![TypeScript](https://img.shields.io/badge/TypeScript-5.9+-blue.svg)](https://www.typescriptlang.org/)
-[![License: Proprietary](https://img.shields.io/badge/License-Proprietary-red.svg)](LICENSE)
-
-## Components
-
-| Component | Import |
-|---|---|
-| Accordion | `@actdim/dynstruct-mui/Accordion` |
-| Alert | `@actdim/dynstruct-mui/Alert` |
-| Autocomplete | `@actdim/dynstruct-mui/Autocomplete` |
-| Avatar | `@actdim/dynstruct-mui/Avatar` |
-| Badge | `@actdim/dynstruct-mui/Badge` |
-| Breadcrumbs | `@actdim/dynstruct-mui/Breadcrumbs` |
-| Button | `@actdim/dynstruct-mui/Button` |
-| Card | `@actdim/dynstruct-mui/Card` |
-| Checkbox | `@actdim/dynstruct-mui/Checkbox` |
-| Chip | `@actdim/dynstruct-mui/Chip` |
-| CircularProgress | `@actdim/dynstruct-mui/CircularProgress` |
-| Dialog | `@actdim/dynstruct-mui/Dialog` |
-| Drawer | `@actdim/dynstruct-mui/Drawer` |
-| Fab | `@actdim/dynstruct-mui/Fab` |
-| IconButton | `@actdim/dynstruct-mui/IconButton` |
-| LinearProgress | `@actdim/dynstruct-mui/LinearProgress` |
-| List | `@actdim/dynstruct-mui/List` |
-| Menu | `@actdim/dynstruct-mui/Menu` |
-| Pagination | `@actdim/dynstruct-mui/Pagination` |
-| RadioGroup | `@actdim/dynstruct-mui/RadioGroup` |
-| Rating | `@actdim/dynstruct-mui/Rating` |
-| Select | `@actdim/dynstruct-mui/Select` |
-| Skeleton | `@actdim/dynstruct-mui/Skeleton` |
-| Slider | `@actdim/dynstruct-mui/Slider` |
-| Snackbar | `@actdim/dynstruct-mui/Snackbar` |
-| SpeedDial | `@actdim/dynstruct-mui/SpeedDial` |
-| Stepper | `@actdim/dynstruct-mui/Stepper` |
-| Switch | `@actdim/dynstruct-mui/Switch` |
-| Table | `@actdim/dynstruct-mui/Table` |
-| Tabs | `@actdim/dynstruct-mui/Tabs` |
-| TextField | `@actdim/dynstruct-mui/TextField` |
-| ToggleButtonGroup | `@actdim/dynstruct-mui/ToggleButtonGroup` |
-| Tooltip | `@actdim/dynstruct-mui/Tooltip` |
-
-## Installation
-
-```bash
-npm install @actdim/dynstruct-mui
-```
-
-Peer dependencies: `@actdim/dynstruct`, `@mui/material`, `react`, `mobx`, `mobx-react-lite` — see `package.json` for full list.
-
-## Usage
-
-```tsx
-import { useButton } from '@actdim/dynstruct-mui/Button';
-
-const saveBtn = useButton({
-    props: {
-        label: 'Save',
-        variant: 'contained',
-        onClick: () => handleSave(),
-    },
-});
-
-// In JSX:
-// <saveBtn.view />
-// or via React adapter:
-import { Button } from '@actdim/dynstruct-mui/Button';
-// <Button label="Save" variant="contained" onClick={handleSave} />
-```
-
-## Development
-
-```bash
-pnpm storybook      # run Storybook
-pnpm build          # build
-pnpm typecheck      # type check
-pnpm lint           # lint
-pnpm format         # format
-```
-
-## License
-
-Proprietary — see [LICENSE](LICENSE) for details.
-
-## Author
-
-Pavel Borodaev — [github.com/actdim/dynstruct-mui](https://github.com/actdim/dynstruct-mui)
+# @actdim/dynstruct-mui
+
+MUI component wrappers for [@actdim/dynstruct](https://github.com/actdim/dynstruct). Each component is a dynstruct hook-constructor — observable props, reactive rendering, MobX-backed state out of the box.
+
+[![npm version](https://img.shields.io/npm/v/@actdim/dynstruct-mui.svg)](https://www.npmjs.com/package/@actdim/dynstruct-mui)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.9+-blue.svg)](https://www.typescriptlang.org/)
+[![License: Proprietary](https://img.shields.io/badge/License-Proprietary-red.svg)](LICENSE)
+
+## Components
+
+| Component | Import |
+|---|---|
+| Accordion | `@actdim/dynstruct-mui/Accordion` |
+| Alert | `@actdim/dynstruct-mui/Alert` |
+| Autocomplete | `@actdim/dynstruct-mui/Autocomplete` |
+| Avatar | `@actdim/dynstruct-mui/Avatar` |
+| Badge | `@actdim/dynstruct-mui/Badge` |
+| Breadcrumbs | `@actdim/dynstruct-mui/Breadcrumbs` |
+| Button | `@actdim/dynstruct-mui/Button` |
+| Card | `@actdim/dynstruct-mui/Card` |
+| Checkbox | `@actdim/dynstruct-mui/Checkbox` |
+| Chip | `@actdim/dynstruct-mui/Chip` |
+| CircularProgress | `@actdim/dynstruct-mui/CircularProgress` |
+| Dialog | `@actdim/dynstruct-mui/Dialog` |
+| Drawer | `@actdim/dynstruct-mui/Drawer` |
+| Fab | `@actdim/dynstruct-mui/Fab` |
+| IconButton | `@actdim/dynstruct-mui/IconButton` |
+| LinearProgress | `@actdim/dynstruct-mui/LinearProgress` |
+| List | `@actdim/dynstruct-mui/List` |
+| Menu | `@actdim/dynstruct-mui/Menu` |
+| Pagination | `@actdim/dynstruct-mui/Pagination` |
+| RadioGroup | `@actdim/dynstruct-mui/RadioGroup` |
+| Rating | `@actdim/dynstruct-mui/Rating` |
+| Select | `@actdim/dynstruct-mui/Select` |
+| Skeleton | `@actdim/dynstruct-mui/Skeleton` |
+| Slider | `@actdim/dynstruct-mui/Slider` |
+| Snackbar | `@actdim/dynstruct-mui/Snackbar` |
+| SpeedDial | `@actdim/dynstruct-mui/SpeedDial` |
+| Stepper | `@actdim/dynstruct-mui/Stepper` |
+| Switch | `@actdim/dynstruct-mui/Switch` |
+| Table | `@actdim/dynstruct-mui/Table` |
+| Tabs | `@actdim/dynstruct-mui/Tabs` |
+| TextField | `@actdim/dynstruct-mui/TextField` |
+| ToggleButtonGroup | `@actdim/dynstruct-mui/ToggleButtonGroup` |
+| Tooltip | `@actdim/dynstruct-mui/Tooltip` |
+
+## Installation
+
+```bash
+npm install @actdim/dynstruct-mui
+```
+
+Peer dependencies: `@actdim/dynstruct`, `@mui/material`, `react`, `mobx`, `mobx-react-lite` — see `package.json` for full list.
+
+## Usage
+
+```tsx
+import { useButton } from '@actdim/dynstruct-mui/Button';
+
+const saveBtn = useButton({
+    props: {
+        label: 'Save',
+        variant: 'contained',
+        onClick: () => handleSave(),
+    },
+});
+
+// In JSX:
+// <saveBtn.view />
+// or via React adapter:
+import { Button } from '@actdim/dynstruct-mui/Button';
+// <Button label="Save" variant="contained" onClick={handleSave} />
+```
+
+## Development
+
+```bash
+pnpm storybook      # run Storybook
+pnpm build          # build
+pnpm typecheck      # type check
+pnpm lint           # lint
+pnpm format         # format
+```
+
+## License
+
+Proprietary — see [LICENSE](LICENSE) for details.
+
+## Author
+
+Pavel Borodaev — [github.com/actdim/dynstruct-mui](https://github.com/actdim/dynstruct-mui)

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/hooks";
-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":["../src/Accordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Accordion as MuiAccordion,\r\n    AccordionSummary,\r\n    AccordionDetails,\r\n    type AccordionProps as MuiAccordionProps,\r\n} from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            summary: React.ReactNode;\r\n            content: React.FC;\r\n            expanded?: boolean;\r\n            onChange?: (expanded: boolean) => void;\r\n            expandIcon?: React.ReactNode;\r\n            sx?: MuiAccordionProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useAccordion = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Accordion',\r\n        props: {\r\n            summary: '',\r\n            content: () => null,\r\n            expanded: undefined,\r\n            onChange: undefined,\r\n            expandIcon: undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiAccordion\r\n                expanded={m.expanded}\r\n                onChange={m.onChange ? (_, v) => m.onChange!(v) : undefined}\r\n                disabled={m.$.isDisabled}\r\n                sx={m.sx}\r\n            >\r\n                <AccordionSummary expandIcon={m.expandIcon}>\r\n                    {m.summary}\r\n                </AccordionSummary>\r\n                <AccordionDetails>\r\n                    <m.content />\r\n                </AccordionDetails>\r\n            </MuiAccordion>\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type AccordionStruct = Struct;\r\n\r\nexport const Accordion = toReact(useAccordion);\r\nAccordion.displayName = 'Accordion';\r\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/hooks";
-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":["../src/Alert.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            message: string;\r\n            severity?: MuiAlertProps['severity'];\r\n            variant?: MuiAlertProps['variant'];\r\n            onClose?: () => void;\r\n            sx?: MuiAlertProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useAlert = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Alert',\r\n        props: {\r\n            message: '',\r\n            severity: 'info',\r\n            variant: 'standard',\r\n            onClose: undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiAlert\r\n                severity={m.severity}\r\n                variant={m.variant}\r\n                onClose={m.onClose}\r\n                sx={m.sx}\r\n            >\r\n                {m.message}\r\n            </MuiAlert>\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type AlertStruct = Struct;\r\n\r\nexport const Alert = toReact(useAlert);\r\nAlert.displayName = 'Alert';\r\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/hooks";
-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":["../src/Autocomplete.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Autocomplete as MuiAutocomplete,\r\n    TextField as MuiTextField,\r\n    type AutocompleteProps as MuiAutocompleteProps,\r\n    type TextFieldProps as MuiTextFieldProps,\r\n} from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            value: string | null;\r\n            onChange: (value: string | null) => void;\r\n            options: string[];\r\n            label?: string;\r\n            placeholder?: string;\r\n            helperText?: string;\r\n            error?: boolean;\r\n            loading?: boolean;\r\n            freeSolo?: boolean;\r\n            fullWidth?: boolean;\r\n            variant?: MuiTextFieldProps['variant'];\r\n            size?: MuiAutocompleteProps<string, false, false, false>['size'];\r\n            sx?: MuiAutocompleteProps<string, false, false, false>['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useAutocomplete = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Autocomplete',\r\n        props: {\r\n            value: null,\r\n            onChange: () => {},\r\n            options: [],\r\n            label: undefined,\r\n            placeholder: undefined,\r\n            helperText: undefined,\r\n            error: false,\r\n            loading: false,\r\n            freeSolo: false,\r\n            fullWidth: false,\r\n            variant: 'outlined',\r\n            size: 'medium',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiAutocomplete\r\n                value={m.value}\r\n                onChange={(_, newValue) => m.onChange(newValue)}\r\n                options={m.options}\r\n                loading={m.loading}\r\n                freeSolo={m.freeSolo}\r\n                fullWidth={m.fullWidth}\r\n                size={m.size}\r\n                disabled={m.$.isDisabled}\r\n                readOnly={m.$.isReadOnly}\r\n                sx={m.sx}\r\n                renderInput={(params) => (\r\n                    <MuiTextField\r\n                        {...params}\r\n                        label={m.label}\r\n                        placeholder={m.placeholder}\r\n                        error={m.error}\r\n                        helperText={m.helperText}\r\n                        variant={m.variant}\r\n                    />\r\n                )}\r\n            />\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type AutocompleteStruct = Struct;\r\n\r\nexport const Autocomplete = toReact(useAutocomplete);\r\nAutocomplete.displayName = 'Autocomplete';\r\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/hooks";
-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":["../src/Avatar.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Avatar as MuiAvatar, type AvatarProps as MuiAvatarProps } from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            src?: string;\r\n            alt?: string;\r\n            children?: React.ReactNode;\r\n            variant?: MuiAvatarProps['variant'];\r\n            sx?: MuiAvatarProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useAvatar = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Avatar',\r\n        props: {\r\n            src: undefined,\r\n            alt: undefined,\r\n            children: undefined,\r\n            variant: 'circular',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiAvatar src={m.src} alt={m.alt} variant={m.variant} sx={m.sx}>\r\n                {m.children}\r\n            </MuiAvatar>\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type AvatarStruct = Struct;\r\n\r\nexport const Avatar = toReact(useAvatar);\r\nAvatar.displayName = 'Avatar';\r\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/hooks";
-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":["../src/Badge.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Badge as MuiBadge, type BadgeProps as MuiBadgeProps } from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            children: React.FC;\r\n            badgeContent?: React.ReactNode;\r\n            color?: MuiBadgeProps['color'];\r\n            variant?: MuiBadgeProps['variant'];\r\n            max?: number;\r\n            invisible?: boolean;\r\n            anchorOrigin?: MuiBadgeProps['anchorOrigin'];\r\n            sx?: MuiBadgeProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useBadge = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Badge',\r\n        props: {\r\n            children: () => null,\r\n            badgeContent: undefined,\r\n            color: 'default',\r\n            variant: 'standard',\r\n            max: 99,\r\n            invisible: false,\r\n            anchorOrigin: undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiBadge\r\n                badgeContent={m.badgeContent}\r\n                color={m.color}\r\n                variant={m.variant}\r\n                max={m.max}\r\n                invisible={m.invisible}\r\n                anchorOrigin={m.anchorOrigin}\r\n                sx={m.sx}\r\n            >\r\n                <m.children />\r\n            </MuiBadge>\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type BadgeStruct = Struct;\r\n\r\nexport const Badge = toReact(useBadge);\r\nBadge.displayName = 'Badge';\r\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;"}