@actdim/dynstruct-mui 0.9.2 → 1.5.6

package/dist/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKH,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,UAAU,IAAI,aAAa,EACnC,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,SAAS,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;CACjC,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QAEH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;QACpB,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAGjC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACrC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACnC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;KACjC,CAAC;CACL,CACJ,CAAC;AA8CF,eAAO,MAAM,QAAQ,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA8F1E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,eAAO,MAAM,KAAK,qDAAoB,CAAC"}

package/dist/Toast.es.js

@@ -0,0 +1,135 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Snackbar, Alert, AlertTitle, Collapse } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const ToastItemView = /* @__PURE__ */ __name(({ item, onDismiss }) => {
+  React.useEffect(() => {
+    const duration = item.autoHideDuration ?? 5e3;
+    if (duration > 0) {
+      const timer = setTimeout(() => {
+        onDismiss(item.id);
+      }, duration);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+    return void 0;
+  }, [item.id, item.autoHideDuration, onDismiss]);
+  return /* @__PURE__ */ React.createElement(Collapse, { in: true }, /* @__PURE__ */ React.createElement("div", { style: { pointerEvents: "auto" } }, /* @__PURE__ */ React.createElement(
+    Alert,
+    {
+      onClose: /* @__PURE__ */ __name(() => {
+        onDismiss(item.id);
+      }, "onClose"),
+      severity: item.severity || "info",
+      variant: item.variant || "filled",
+      sx: {
+        width: "100%",
+        minWidth: "300px",
+        boxShadow: 4,
+        ...item.alertSx
+      },
+      action: item.action
+    },
+    item.title ? /* @__PURE__ */ React.createElement(AlertTitle, null, item.title) : null,
+    item.message
+  )));
+}, "ToastItemView");
+const useToast = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
+    regType: "Toast",
+    props: {
+      items: void 0,
+      onDismiss: void 0,
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
+      message: "",
+      title: void 0,
+      severity: "info",
+      variant: "filled",
+      autoHideDuration: 5e3,
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      action: void 0,
+      sx: void 0,
+      alertSx: void 0
+    },
+    view: /* @__PURE__ */ __name(() => {
+      if (m.items && m.items.length > 0) {
+        const vertical = m.anchorOrigin?.vertical || "bottom";
+        const horizontal = m.anchorOrigin?.horizontal || "right";
+        const positionStyle = {
+          position: "fixed",
+          zIndex: 2e3,
+          display: "flex",
+          flexDirection: vertical === "top" ? "column" : "column-reverse",
+          gap: 8,
+          maxWidth: "420px",
+          width: "calc(100% - 32px)",
+          pointerEvents: "none",
+          top: vertical === "top" ? 16 : void 0,
+          bottom: vertical === "bottom" ? 16 : void 0,
+          left: horizontal === "left" ? 16 : horizontal === "center" ? "50%" : void 0,
+          right: horizontal === "right" ? 16 : void 0,
+          transform: horizontal === "center" ? "translateX(-50%)" : void 0
+        };
+        return /* @__PURE__ */ React.createElement("div", { style: positionStyle }, m.items.map((item) => {
+          return /* @__PURE__ */ React.createElement(
+            ToastItemView,
+            {
+              key: item.id,
+              item,
+              onDismiss: /* @__PURE__ */ __name((id) => {
+                if (m.onDismiss) {
+                  m.onDismiss(id);
+                }
+              }, "onDismiss")
+            }
+          );
+        }));
+      }
+      return /* @__PURE__ */ React.createElement(
+        Snackbar,
+        {
+          open: m.open,
+          onClose: /* @__PURE__ */ __name((_, reason) => {
+            if (reason === "clickaway") {
+              return;
+            }
+            if (m.onClose) {
+              m.onClose();
+            }
+          }, "onClose"),
+          autoHideDuration: m.autoHideDuration,
+          anchorOrigin: m.anchorOrigin,
+          action: m.action,
+          sx: m.sx
+        },
+        /* @__PURE__ */ React.createElement(
+          Alert,
+          {
+            onClose: m.onClose,
+            severity: m.severity,
+            variant: m.variant,
+            sx: { width: "100%", minWidth: "280px", ...m.alertSx }
+          },
+          m.title ? /* @__PURE__ */ React.createElement(AlertTitle, null, m.title) : null,
+          m.message
+        )
+      );
+    }, "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useToast");
+const Toast = toReact(useToast);
+Toast.displayName = "Toast";
+export {
+  Toast,
+  useToast
+};
+//# sourceMappingURL=Toast.es.js.map

package/dist/Toast.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.es.js","sources":["../src/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Snackbar as MuiSnackbar,\n    Alert as MuiAlert,\n    AlertTitle as MuiAlertTitle,\n    Collapse,\n    type SnackbarProps as MuiSnackbarProps,\n    type AlertProps as MuiAlertProps,\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 ToastItem = {\n    id: string;\n    message: string;\n    title?: string;\n    severity?: MuiAlertProps['severity'];\n    variant?: MuiAlertProps['variant'];\n    autoHideDuration?: number | null;\n    action?: React.ReactNode;\n    alertSx?: MuiAlertProps['sx'];\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            // Stack mode\n            items?: ToastItem[];\n            onDismiss?: (id: string) => void;\n\n            // Single toast mode\n            open?: boolean;\n            onClose?: () => void;\n            message?: string;\n            title?: string;\n            severity?: MuiAlertProps['severity'];\n            variant?: MuiAlertProps['variant'];\n            autoHideDuration?: number | null;\n            anchorOrigin?: MuiSnackbarProps['anchorOrigin'];\n            action?: React.ReactNode;\n            sx?: MuiSnackbarProps['sx'];\n            alertSx?: MuiAlertProps['sx'];\n        };\n    }\n>;\n\ntype ToastItemProps = {\n    item: ToastItem;\n    onDismiss: (id: string) => void;\n};\n\nconst ToastItemView: React.FC<ToastItemProps> = ({ item, onDismiss }) => {\n    React.useEffect(() => {\n        const duration = item.autoHideDuration ?? 5000;\n        if (duration > 0) {\n            const timer = setTimeout(() => {\n                onDismiss(item.id);\n            }, duration);\n            return () => {\n                clearTimeout(timer);\n            };\n        }\n        return undefined;\n    }, [item.id, item.autoHideDuration, onDismiss]);\n\n    return (\n        <Collapse in={true}>\n            <div style={{ pointerEvents: 'auto' }}>\n                <MuiAlert\n                    onClose={() => {\n                        onDismiss(item.id);\n                    }}\n                    severity={item.severity || 'info'}\n                    variant={item.variant || 'filled'}\n                    sx={{\n                        width: '100%',\n                        minWidth: '300px',\n                        boxShadow: 4,\n                        ...item.alertSx,\n                    }}\n                    action={item.action}\n                >\n                    {item.title ? <MuiAlertTitle>{item.title}</MuiAlertTitle> : null}\n                    {item.message}\n                </MuiAlert>\n            </div>\n        </Collapse>\n    );\n};\n\nexport const useToast = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Toast',\n        props: {\n            items: undefined,\n            onDismiss: undefined,\n            open: false,\n            onClose: () => {},\n            message: '',\n            title: undefined,\n            severity: 'info',\n            variant: 'filled',\n            autoHideDuration: 5000,\n            anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n            action: undefined,\n            sx: undefined,\n            alertSx: undefined,\n        },\n        view: () => {\n            if (m.items && m.items.length > 0) {\n                const vertical = m.anchorOrigin?.vertical || 'bottom';\n                const horizontal = m.anchorOrigin?.horizontal || 'right';\n\n                const positionStyle: React.CSSProperties = {\n                    position: 'fixed',\n                    zIndex: 2000,\n                    display: 'flex',\n                    flexDirection: vertical === 'top' ? 'column' : 'column-reverse',\n                    gap: 8,\n                    maxWidth: '420px',\n                    width: 'calc(100% - 32px)',\n                    pointerEvents: 'none',\n                    top: vertical === 'top' ? 16 : undefined,\n                    bottom: vertical === 'bottom' ? 16 : undefined,\n                    left: horizontal === 'left' ? 16 : horizontal === 'center' ? '50%' : undefined,\n                    right: horizontal === 'right' ? 16 : undefined,\n                    transform: horizontal === 'center' ? 'translateX(-50%)' : undefined,\n                };\n\n                return (\n                    <div style={positionStyle}>\n                        {m.items.map((item) => {\n                            return (\n                                <ToastItemView\n                                    key={item.id}\n                                    item={item}\n                                    onDismiss={(id) => {\n                                        if (m.onDismiss) {\n                                            m.onDismiss(id);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </div>\n                );\n            }\n\n            return (\n                <MuiSnackbar\n                    open={m.open}\n                    onClose={(_, reason) => {\n                        if (reason === 'clickaway') {\n                            return;\n                        }\n                        if (m.onClose) {\n                            m.onClose();\n                        }\n                    }}\n                    autoHideDuration={m.autoHideDuration}\n                    anchorOrigin={m.anchorOrigin}\n                    action={m.action}\n                    sx={m.sx}\n                >\n                    <MuiAlert\n                        onClose={m.onClose}\n                        severity={m.severity}\n                        variant={m.variant}\n                        sx={{ width: '100%', minWidth: '280px', ...m.alertSx }}\n                    >\n                        {m.title ? <MuiAlertTitle>{m.title}</MuiAlertTitle> : null}\n                        {m.message}\n                    </MuiAlert>\n                </MuiSnackbar>\n            );\n        },\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ToastStruct = Struct;\n\nexport const Toast = toReact(useToast);\nToast.displayName = 'Toast';\r\n"],"names":["MuiAlert","MuiAlertTitle","MuiSnackbar"],"mappings":"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"}

package/dist/ToggleButtonGroup.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type ToggleItem = {
+    value: string;
+    label?: React.ReactNode;
+    icon?: React.FC;
+    disabled?: boolean;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        value: string | string[];
+        onChange: (value: string | string[]) => void;
+        items: ToggleItem[];
+        exclusive?: boolean;
+        size?: MuiToggleButtonGroupProps['size'];
+        color?: MuiToggleButtonGroupProps['color'];
+        orientation?: MuiToggleButtonGroupProps['orientation'];
+        fullWidth?: boolean;
+        sx?: MuiToggleButtonGroupProps['sx'];
+    };
+}>;
+export declare const useToggleButtonGroup: (params: ComponentParams<Struct>) => Component<Struct>;
+export type ToggleButtonGroupStruct = Struct;
+export declare const ToggleButtonGroup: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=ToggleButtonGroup.d.ts.map

package/dist/ToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../src/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGH,KAAK,sBAAsB,IAAI,yBAAyB,EAC3D,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;QAC7C,KAAK,EAAE,UAAU,EAAE,CAAC;QACpB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,IAAI,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACzC,KAAK,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAC3C,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;QACvD,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,EAAE,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;KACxC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA4CtF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,eAAO,MAAM,iBAAiB,qDAAgC,CAAC"}

package/dist/ToggleButtonGroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/ToggleButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    ToggleButtonGroup as MuiToggleButtonGroup,\n    ToggleButton as MuiToggleButton,\n    type ToggleButtonGroupProps as MuiToggleButtonGroupProps,\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 ToggleItem = {\n    value: string;\n    label?: React.ReactNode;\n    icon?: React.FC;\n    disabled?: boolean;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string | string[];\n            onChange: (value: string | string[]) => void;\n            items: ToggleItem[];\n            exclusive?: boolean;\n            size?: MuiToggleButtonGroupProps['size'];\n            color?: MuiToggleButtonGroupProps['color'];\n            orientation?: MuiToggleButtonGroupProps['orientation'];\n            fullWidth?: boolean;\n            sx?: MuiToggleButtonGroupProps['sx'];\n        };\n    }\n>;\n\nexport const useToggleButtonGroup = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'ToggleButtonGroup',\n        props: {\n            value: [],\n            onChange: () => {},\n            items: [],\n            exclusive: false,\n            size: 'medium',\n            color: 'standard',\n            orientation: 'horizontal',\n            fullWidth: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiToggleButtonGroup\n                value={m.value}\n                onChange={(_, newValue) => {\n                    if (newValue !== null) m.onChange(newValue);\n                }}\n                exclusive={m.exclusive}\n                size={m.size}\n                color={m.color}\n                orientation={m.orientation}\n                fullWidth={m.fullWidth}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            >\n                {m.items.map((item) => (\n                    <MuiToggleButton key={item.value} value={item.value} disabled={item.disabled}>\n                        {item.icon && <item.icon />}\n                        {item.label}\n                    </MuiToggleButton>\n                ))}\n            </MuiToggleButtonGroup>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ToggleButtonGroupStruct = Struct;\n\nexport const ToggleButtonGroup = toReact(useToggleButtonGroup);\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n"],"names":["MuiToggleButtonGroup","MuiToggleButton"],"mappings":";;;;;AAwCO,MAAM,uBAAuB,wBAAC,WAAuD;AACxF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa;AACvB,cAAI,aAAa,KAAM,GAAE,SAAS,QAAQ;AAAA,QAC9C,GAFU;AAAA,QAGV,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM,IAAI,CAAC,6CACTC,cAAA,EAAgB,KAAK,KAAK,OAAO,OAAO,KAAK,OAAO,UAAU,KAAK,YAC/D,KAAK,QAAQ,sBAAA,cAAC,KAAK,MAAL,IAAU,GACxB,KAAK,KACV,CACH;AAAA,IAAA,GAnBH;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CoC;AAgD7B,MAAM,oBAAoB,QAAQ,oBAAoB;AAC7D,kBAAkB,cAAc;"}
+{"version":3,"file":"ToggleButtonGroup.es.js","sources":["../src/ToggleButtonGroup.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    ToggleButtonGroup as MuiToggleButtonGroup,\r\n    ToggleButton as MuiToggleButton,\r\n    type ToggleButtonGroupProps as MuiToggleButtonGroupProps,\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\nexport type ToggleItem = {\r\n    value: string;\r\n    label?: React.ReactNode;\r\n    icon?: React.FC;\r\n    disabled?: boolean;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            value: string | string[];\r\n            onChange: (value: string | string[]) => void;\r\n            items: ToggleItem[];\r\n            exclusive?: boolean;\r\n            size?: MuiToggleButtonGroupProps['size'];\r\n            color?: MuiToggleButtonGroupProps['color'];\r\n            orientation?: MuiToggleButtonGroupProps['orientation'];\r\n            fullWidth?: boolean;\r\n            sx?: MuiToggleButtonGroupProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useToggleButtonGroup = (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: 'ToggleButtonGroup',\r\n        props: {\r\n            value: [],\r\n            onChange: () => {},\r\n            items: [],\r\n            exclusive: false,\r\n            size: 'medium',\r\n            color: 'standard',\r\n            orientation: 'horizontal',\r\n            fullWidth: false,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiToggleButtonGroup\r\n                value={m.value}\r\n                onChange={(_, newValue) => {\r\n                    if (newValue !== null) m.onChange(newValue);\r\n                }}\r\n                exclusive={m.exclusive}\r\n                size={m.size}\r\n                color={m.color}\r\n                orientation={m.orientation}\r\n                fullWidth={m.fullWidth}\r\n                disabled={m.$.isDisabled}\r\n                sx={m.sx}\r\n            >\r\n                {m.items.map((item) => (\r\n                    <MuiToggleButton key={item.value} value={item.value} disabled={item.disabled}>\r\n                        {item.icon && <item.icon />}\r\n                        {item.label}\r\n                    </MuiToggleButton>\r\n                ))}\r\n            </MuiToggleButtonGroup>\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 ToggleButtonGroupStruct = Struct;\r\n\r\nexport const ToggleButtonGroup = toReact(useToggleButtonGroup);\r\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\r\n"],"names":["MuiToggleButtonGroup","MuiToggleButton"],"mappings":";;;;;AAwCO,MAAM,uBAAuB,wBAAC,WAAuD;AACxF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa;AACvB,cAAI,aAAa,KAAM,GAAE,SAAS,QAAQ;AAAA,QAC9C,GAFU;AAAA,QAGV,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM,IAAI,CAAC,6CACTC,cAAA,EAAgB,KAAK,KAAK,OAAO,OAAO,KAAK,OAAO,UAAU,KAAK,YAC/D,KAAK,QAAQ,sBAAA,cAAC,KAAK,MAAL,IAAU,GACxB,KAAK,KACV,CACH;AAAA,IAAA,GAnBH;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CoC;AAgD7B,MAAM,oBAAoB,QAAQ,oBAAoB;AAC7D,kBAAkB,cAAc;"}

package/dist/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        title: React.ReactNode;
+        children: React.FC;
+        placement?: MuiTooltipProps['placement'];
+        arrow?: boolean;
+    };
+}>;
+export declare const useTooltip: (params: ComponentParams<Struct>) => Component<Struct>;
+export type TooltipStruct = Struct;
+export declare const Tooltip: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAGjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;QACzC,KAAK,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAwB5E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,eAAO,MAAM,OAAO,qDAAsB,CAAC"}

package/dist/Tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip as MuiTooltip, type TooltipProps as MuiTooltipProps } 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';\nimport { KeyPath } from '@actdim/utico/typeCore';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            title: React.ReactNode;\n            children: React.FC;\n            placement?: MuiTooltipProps['placement'];\n            arrow?: boolean;\n        };\n    }\n>;\n\nexport const useTooltip = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Tooltip',\n        props: {\n            title: '',\n            children: () => null,\n            placement: 'bottom',\n            arrow: false,\n        },\n        view: () => (\n            <MuiTooltip title={m.title} placement={m.placement} arrow={m.arrow}>\n                <span>\n                    <m.children />\n                </span>\n            </MuiTooltip>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TooltipStruct = Struct;\n\nexport const Tooltip = toReact(useTooltip);\nTooltip.displayName = 'Tooltip';\n"],"names":["MuiTooltip"],"mappings":";;;;;AAyBO,MAAM,aAAa,wBAAC,WAAuD;AAC9E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM,MAAN;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAEX,MAAM,6BACF,sBAAA,cAACA,WAAA,EAAW,OAAO,EAAE,OAAO,WAAW,EAAE,WAAW,OAAO,EAAE,MAAA,uCACxD,QAAA,MACG,sBAAA,cAAC,EAAE,UAAF,IAAW,CAChB,CACJ,GALE;AAAA,EAKF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAxB0B;AA4BnB,MAAM,UAAU,QAAQ,UAAU;AACzC,QAAQ,cAAc;"}
+{"version":3,"file":"Tooltip.es.js","sources":["../src/Tooltip.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tooltip as MuiTooltip, type TooltipProps as MuiTooltipProps } 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\nimport { KeyPath } from '@actdim/utico/typeCore';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            title: React.ReactNode;\r\n            children: React.FC;\r\n            placement?: MuiTooltipProps['placement'];\r\n            arrow?: boolean;\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useTooltip = (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: 'Tooltip',\r\n        props: {\r\n            title: '',\r\n            children: () => null,\r\n            placement: 'bottom',\r\n            arrow: false,\r\n        },\r\n        view: () => (\r\n            <MuiTooltip title={m.title} placement={m.placement} arrow={m.arrow}>\r\n                <span>\r\n                    <m.children />\r\n                </span>\r\n            </MuiTooltip>\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 TooltipStruct = Struct;\r\n\r\nexport const Tooltip = toReact(useTooltip);\r\nTooltip.displayName = 'Tooltip';\r\n"],"names":["MuiTooltip"],"mappings":";;;;;AAyBO,MAAM,aAAa,wBAAC,WAAuD;AAC9E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM,MAAN;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAEX,MAAM,6BACF,sBAAA,cAACA,WAAA,EAAW,OAAO,EAAE,OAAO,WAAW,EAAE,WAAW,OAAO,EAAE,MAAA,uCACxD,QAAA,MACG,sBAAA,cAAC,EAAE,UAAF,IAAW,CAChB,CACJ,GALE;AAAA,EAKF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAxB0B;AA4BnB,MAAM,UAAU,QAAQ,UAAU;AACzC,QAAQ,cAAc;"}

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+export { useAccordion, type AccordionStruct, Accordion } from './Accordion';
+export { useAlert, type AlertStruct, Alert } from './Alert';
+export { useAutocomplete, type AutocompleteStruct, Autocomplete } from './Autocomplete';
+export { useAvatar, type AvatarStruct, Avatar } from './Avatar';
+export { useBadge, type BadgeStruct, Badge } from './Badge';
+export { useBreadcrumbs, type BreadcrumbsStruct, Breadcrumbs } from './Breadcrumbs';
+export { useButton, type ButtonStruct, Button } from './Button';
+export { useCard, type CardStruct, Card } from './Card';
+export { useCheckbox, type CheckboxStruct, Checkbox } from './Checkbox';
+export { useChip, type ChipStruct, Chip } from './Chip';
+export { useCircularProgress, type CircularProgressStruct, CircularProgress } from './CircularProgress';
+export { useDialog, type DialogStruct, Dialog } from './Dialog';
+export { useDrawer, type DrawerStruct, Drawer } from './Drawer';
+export { useFab, type FabStruct, Fab } from './Fab';
+export { useIconButton, type IconButtonStruct, IconButton } from './IconButton';
+export { useLinearProgress, type LinearProgressStruct, LinearProgress } from './LinearProgress';
+export { useList, type ListStruct, List } from './List';
+export { useMenu, type MenuStruct, Menu } from './Menu';
+export { usePagination, type PaginationStruct, Pagination } from './Pagination';
+export { useRadioGroup, type RadioGroupStruct, RadioGroup } from './RadioGroup';
+export { useRating, type RatingStruct, Rating } from './Rating';
+export { useSelect, type SelectStruct, Select } from './Select';
+export { useSkeleton, type SkeletonStruct, Skeleton } from './Skeleton';
+export { useSlider, type SliderStruct, Slider } from './Slider';
+export { useSnackbar, type SnackbarStruct, Snackbar } from './Snackbar';
+export { useSpeedDial, type SpeedDialStruct, SpeedDial } from './SpeedDial';
+export { useStepper, type StepperStruct, Stepper } from './Stepper';
+export { useSwitch, type SwitchStruct, Switch } from './Switch';
+export { useTable, type TableStruct, Table } from './Table';
+export { useTabs, type TabsStruct, Tabs } from './Tabs';
+export { useTextField, type TextFieldStruct, TextField } from './TextField';
+export { useToast, type ToastStruct, type ToastItem, Toast } from './Toast';
+export { useToggleButtonGroup, type ToggleButtonGroupStruct, ToggleButtonGroup } from './ToggleButtonGroup';
+export { useTooltip, type TooltipStruct, Tooltip } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.es.js

@@ -29,6 +29,7 @@ import { Switch, useSwitch } from "./Switch.es.js";
 import { Table, useTable } from "./Table.es.js";
 import { Tabs, useTabs } from "./Tabs.es.js";
 import { TextField, useTextField } from "./TextField.es.js";
+import { Toast, useToast } from "./Toast.es.js";
 import { ToggleButtonGroup, useToggleButtonGroup } from "./ToggleButtonGroup.es.js";
 import { Tooltip, useTooltip } from "./Tooltip.es.js";
 export {
@@ -63,6 +64,7 @@ export {
   Table,
   Tabs,
   TextField,
+  Toast,
   ToggleButtonGroup,
   Tooltip,
   useAccordion,
@@ -96,6 +98,7 @@ export {
   useTable,
   useTabs,
   useTextField,
+  useToast,
   useToggleButtonGroup,
   useTooltip
 };

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,133 +1,132 @@
-{
-    "name": "@actdim/dynstruct-mui",
-    "version": "0.9.2",
-    "description": "MUI component wrappers for @actdim/dynstruct",
-    "author": "Pavel Borodaev",
-    "license": "MIT",
-    "type": "module",    
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/actdim/dynstruct-mui.git"
-    },
-    "bugs": {
-        "url": "https://github.com/actdim/dynstruct-mui/issues"
-    },
-    "homepage": "https://github.com/actdim/dynstruct-mui/#readme",
-    "keywords": [
-        "typescript",
-        "components",
-        "react",
-        "component-model",
-        "architecture",
-        "modularity",
-        "structure",
-        "communication"
-    ],
-    "files": [
-        "dist",
-        "docs",
-        "README.md",
-        "LICENSE"
-    ],
-    "files(src)": [
-        "src",
-        "docs",
-        "README.md",
-        "LICENSE"
-    ],
-    "exports": {
-        "./*": {
-            "types": "./dist/*.d.ts",
-            "import": "./dist/*.es.js"
-        }
-    },
-    "typesVersions": {
-        "*": {
-            "*": [
-                "dist/*.d.ts"
-            ]
-        }
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "sideEffects": false,
-    "packageManager": "pnpm@10.21.0",
-    "scripts": {
-        "test": "npx vitest --config=vitest.node.config.ts --no-cache",
-        "test:w": "npx vitest --config=vitest.node.config.ts --watch",
-        "test:v8": "npx vite",
-        "lint": "eslint \"./**/*.{ts,tsx}\" -f visualstudio --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
-        "build": "tsc -b tsconfig.json --noEmit && vite build",
-        "pnpm:u": "pnpm update",
-        "pnpm:ou": "pnpm outdated",
-        "ncu:l": "ncu",
-        "ncu:u": "ncu -u",
-        "ncu:ud": "ncu -u --dev",
-        "nvm:la": "nvm list available",
-        "nvm:il": "nvm install lts",
-        "format": "prettier --write .",
-        "format:check": "prettier --check .",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "typecheck": "tsc -p tsconfig.json --noEmit"
-    },
-    "peerDependencies": {
-        "@actdim/dynstruct": ">=1.4.8",
-        "@actdim/msgmesh": ">=1.5.5",
-        "@actdim/utico": ">=1.2.7",
-        "@emotion/react": ">=11.14.0",
-        "@emotion/styled": ">=11.14.1",
-        "@mui/material": ">=9.0.1",
-        "http-status": ">=2.1.0",
-        "jwt-decode": ">=4.0.0",
-        "mobx": ">=6.15.0",
-        "mobx-react-lite": ">=4.1.1",
-        "mobx-utils": ">=6.1.1",
-        "path-to-regexp": ">=8.3.0",
-        "react": ">=19.2.0",
-        "react-dom": ">=19.2.0",
-        "react-router": ">=7.9.3",
-        "react-router-dom": ">=7.9.4",
-        "rxjs": ">=7.8.2",
-        "uuid": ">=13.0.0"
-    },
-    "devDependencies": {
-        "@faker-js/faker": "^10.4.0",
-        "@storybook/addon-docs": "10.0.7",
-        "@storybook/addon-onboarding": "10.0.7",
-        "@storybook/react-vite": "10.0.7",
-        "@swc/core": "^1.15.1",
-        "@types/chai": "^5.2.3",
-        "@types/mocha": "^10.0.10",
-        "@types/node": "^24.10.0",
-        "@types/react": "^19.2.14",
-        "@types/react-dom": "^19.2.3",
-        "@typescript-eslint/eslint-plugin": "^8.46.3",
-        "@typescript-eslint/parser": "^8.46.3",
-        "@vitejs/plugin-react-swc": "^4.2.1",
-        "chai": "^6.2.0",
-        "eslint": "^9.39.1",
-        "eslint-config-prettier": "^10.1.8",
-        "eslint-formatter-visualstudio": "^9.0.1",
-        "eslint-plugin-prettier": "^5.5.4",
-        "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.4.24",
-        "eslint-plugin-storybook": "10.0.7",
-        "globals": "^16.5.0",
-        "mocha": "^11.7.5",
-        "npm-check-updates": "^19.1.2",
-        "prettier": "^3.6.2",
-        "prettier-plugin-classnames": "^0.8.5",
-        "shx": "^0.4.0",
-        "storybook": "10.0.7",
-        "typescript": "^5.9.3",
-        "typescript-eslint": "^8.46.3",
-        "vite": "^7.2.2",
-        "vite-plugin-dts": "^4.5.4",
-        "vite-tsconfig-paths": "^5.1.4",
-        "vitest": "^4.0.8"
-    },
-    "dependencies": {}
-}
+{
+  "name": "@actdim/dynstruct-mui",
+  "version": "1.5.6",
+  "description": "MUI component wrappers for @actdim/dynstruct",
+  "author": "Pavel Borodaev",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/actdim/dynstruct-mui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/actdim/dynstruct-mui/issues"
+  },
+  "homepage": "https://github.com/actdim/dynstruct-mui/#readme",
+  "keywords": [
+    "typescript",
+    "components",
+    "react",
+    "component-model",
+    "architecture",
+    "modularity",
+    "structure",
+    "communication"
+  ],
+  "files": [
+    "dist",
+    "docs",
+    "README.md",
+    "LICENSE"
+  ],
+  "files(src)": [
+    "src",
+    "docs",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.es.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/*.d.ts"
+      ]
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@emotion/react": ">=11.14.0",
+    "@emotion/styled": ">=11.14.1",
+    "@mui/material": ">=9.0.1",
+    "http-status": ">=2.1.0",
+    "jwt-decode": ">=4.0.0",
+    "mobx": ">=6.15.0",
+    "mobx-react-lite": ">=4.1.1",
+    "mobx-utils": ">=6.1.1",
+    "path-to-regexp": ">=8.3.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "react-router": ">=7.9.3",
+    "react-router-dom": ">=7.9.4",
+    "rxjs": ">=7.8.2",
+    "uuid": ">=13.0.0",
+    "@actdim/dynstruct": "1.5.6",
+    "@actdim/msgmesh": "1.5.6",
+    "@actdim/utico": "1.5.6"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^10.4.0",
+    "@storybook/addon-docs": "10.0.7",
+    "@storybook/addon-onboarding": "10.0.7",
+    "@storybook/react-vite": "10.0.7",
+    "@swc/core": "^1.15.1",
+    "@types/chai": "^5.2.3",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.46.3",
+    "@typescript-eslint/parser": "^8.46.3",
+    "@vitejs/plugin-react-swc": "^4.2.1",
+    "chai": "^6.2.0",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-formatter-visualstudio": "^9.0.1",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "10.0.7",
+    "globals": "^16.5.0",
+    "mocha": "^11.7.5",
+    "npm-check-updates": "^19.1.2",
+    "prettier": "^3.6.2",
+    "prettier-plugin-classnames": "^0.8.5",
+    "shx": "^0.4.0",
+    "storybook": "10.0.7",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.3",
+    "vite": "^7.2.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.0.8"
+  },
+  "dependencies": {},
+  "scripts": {
+    "test": "npx vitest --config=vitest.node.config.ts --no-cache",
+    "test:w": "npx vitest --config=vitest.node.config.ts --watch",
+    "test:v8": "npx vite",
+    "lint": "eslint \"./**/*.{ts,tsx}\" -f visualstudio --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
+    "build": "tsc -b tsconfig.json --noEmit && vite build",
+    "pnpm:u": "pnpm update",
+    "pnpm:ou": "pnpm outdated",
+    "ncu:l": "ncu",
+    "ncu:u": "ncu -u",
+    "ncu:ud": "ncu -u --dev",
+    "nvm:la": "nvm list available",
+    "nvm:il": "nvm install lts",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}