@wandelbots/wandelbots-js-react-components 5.4.2 → 5.5.0

package/dist/components/3d-viewport/collider/colliderShapeToBufferGeometry.js

@@ -0,0 +1,43 @@
+import * as r from "three";
+import { ConvexGeometry as n } from "three-stdlib";
+function u(e) {
+  switch (e.shape_type) {
+    case "convex_hull":
+      return new n(
+        e.vertices.map(
+          (t) => new r.Vector3(
+            t[0] / 1e3,
+            t[1] / 1e3,
+            t[2] / 1e3
+          )
+        )
+      );
+    case "box":
+      return new r.BoxGeometry(
+        e.size_x / 1e3,
+        e.size_y / 1e3,
+        e.size_z / 1e3
+      );
+    case "sphere":
+      return new r.SphereGeometry(e.radius / 1e3);
+    case "capsule":
+      return new r.CapsuleGeometry(
+        e.radius / 1e3,
+        e.cylinder_height / 1e3
+      );
+    case "cylinder":
+      return new r.CylinderGeometry(
+        e.radius / 1e3,
+        e.radius / 1e3,
+        e.height / 1e3
+      );
+    case "rectangle":
+      return new r.BoxGeometry(e.size_x / 1e3, e.size_y / 1e3, 0);
+    default:
+      return console.warn(`${e.shape_type} is not supported`), new r.BufferGeometry();
+  }
+}
+export {
+  u as colliderShapeToBufferGeometry
+};
+//# sourceMappingURL=colliderShapeToBufferGeometry.js.map

package/dist/components/3d-viewport/collider/colliderShapeToBufferGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colliderShapeToBufferGeometry.js","sources":["../../../../src/components/3d-viewport/collider/colliderShapeToBufferGeometry.ts"],"sourcesContent":["import type { ColliderShape } from \"@wandelbots/nova-js/v2\"\nimport * as THREE from \"three\"\nimport { ConvexGeometry } from \"three-stdlib\"\n\nexport function colliderShapeToBufferGeometry(\n  shape: ColliderShape,\n): THREE.BufferGeometry {\n  const shapeType = shape.shape_type\n  switch (shapeType) {\n    case \"convex_hull\":\n      return new ConvexGeometry(\n        shape.vertices.map(\n          (vertex) =>\n            new THREE.Vector3(\n              vertex[0] / 1000,\n              vertex[1] / 1000,\n              vertex[2] / 1000,\n            ),\n        ),\n      )\n    case \"box\":\n      return new THREE.BoxGeometry(\n        shape.size_x / 1000,\n        shape.size_y / 1000,\n        shape.size_z / 1000,\n      )\n    case \"sphere\":\n      return new THREE.SphereGeometry(shape.radius / 1000)\n    case \"capsule\":\n      return new THREE.CapsuleGeometry(\n        shape.radius / 1000,\n        shape.cylinder_height / 1000,\n      )\n    case \"cylinder\":\n      return new THREE.CylinderGeometry(\n        shape.radius / 1000,\n        shape.radius / 1000,\n        shape.height / 1000,\n      )\n    case \"rectangle\": {\n      return new THREE.BoxGeometry(shape.size_x / 1000, shape.size_y / 1000, 0)\n    }\n    default: {\n      console.warn(`${shape.shape_type} is not supported`)\n      return new THREE.BufferGeometry()\n    }\n  }\n}\n"],"names":["colliderShapeToBufferGeometry","shape","ConvexGeometry","vertex","THREE"],"mappings":";;AAIO,SAASA,EACdC,GACsB;AAEtB,UADkBA,EAAM,YAChB;AAAA,IACN,KAAK;AACH,aAAO,IAAIC;AAAA,QACTD,EAAM,SAAS;AAAA,UACb,CAACE,MACC,IAAIC,EAAM;AAAA,YACRD,EAAO,CAAC,IAAI;AAAA,YACZA,EAAO,CAAC,IAAI;AAAA,YACZA,EAAO,CAAC,IAAI;AAAA,UAAA;AAAA,QACd;AAAA,MACJ;AAAA,IAEJ,KAAK;AACH,aAAO,IAAIC,EAAM;AAAA,QACfH,EAAM,SAAS;AAAA,QACfA,EAAM,SAAS;AAAA,QACfA,EAAM,SAAS;AAAA,MAAA;AAAA,IAEnB,KAAK;AACH,aAAO,IAAIG,EAAM,eAAeH,EAAM,SAAS,GAAI;AAAA,IACrD,KAAK;AACH,aAAO,IAAIG,EAAM;AAAA,QACfH,EAAM,SAAS;AAAA,QACfA,EAAM,kBAAkB;AAAA,MAAA;AAAA,IAE5B,KAAK;AACH,aAAO,IAAIG,EAAM;AAAA,QACfH,EAAM,SAAS;AAAA,QACfA,EAAM,SAAS;AAAA,QACfA,EAAM,SAAS;AAAA,MAAA;AAAA,IAEnB,KAAK;AACH,aAAO,IAAIG,EAAM,YAAYH,EAAM,SAAS,KAAMA,EAAM,SAAS,KAAM,CAAC;AAAA,IAE1E;AACE,qBAAQ,KAAK,GAAGA,EAAM,UAAU,mBAAmB,GAC5C,IAAIG,EAAM,eAAA;AAAA,EACnB;AAEJ;"}

package/dist/components/AppHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),c=require("@mui/material/styles"),j=require("@mui/material/AppBar"),I=require("@mui/material/Backdrop"),t=require("@mui/material/Box"),q=require("@mui/material/IconButton"),k=require("@mui/material/Menu"),w=require("@mui/material/MenuItem"),C=require("@mui/material/Toolbar"),d=require("@mui/material/Typography"),z=require("mobx-react-lite"),M=require("react"),y=require("../externalizeComponent.cjs"),v=require("../icons/DropdownArrowIcon.cjs"),u=y.externalizeComponent(z.observer(p=>{const{appIcon:x,appName:h,apps:i=[],onAppSelect:o,disabled:m=!1,sx:g}=p,[s,l]=M.useState(null),a=!!s,b=e=>{l(e.currentTarget)},r=()=>{l(null)},f=e=>{r(),e.onClick?e.onClick():e.href&&(window.location.href=e.href),o==null||o(e)};return n.jsxs(n.Fragment,{children:[n.jsx(j,{position:"static",sx:{boxShadow:"none",backgroundImage:"none","& .MuiAppBar-root":{backgroundImage:"none",backgroundColor:"transparent"},...g},children:n.jsxs(C,{sx:{minHeight:"62px !important"},children:[n.jsx(t,{sx:{mr:1,display:"flex",alignItems:"center"},children:x}),n.jsxs(t,{sx:{display:"flex",alignItems:"center",flexGrow:1},children:[n.jsx(d,{component:"h1",sx:{fontWeight:"bold",fontSize:"1rem"},children:h}),i.length>0&&n.jsx(q,{color:"inherit","aria-label":"switch app","aria-controls":"app-menu","aria-haspopup":"true",onClick:b,disabled:m,sx:{ml:1,width:28,height:28,borderRadius:"6px",padding:0,backgroundColor:e=>c.alpha(e.palette.common.white,.1),opacity:1,"&:hover":{backgroundColor:e=>c.alpha(e.palette.common.white,.16)},"& .MuiSvgIcon-root":{fontSize:"8px",width:"8px",height:"6px"}},children:n.jsx(v.DropdownArrowIcon,{})})]})]})}),n.jsx(I,{open:a,onClick:r,sx:{backdropFilter:"blur(4px)",backgroundColor:"rgba(0, 0, 0, 0.3)",zIndex:e=>e.zIndex.modal-1}}),n.jsx(k,{id:"app-menu",anchorEl:s,open:a,onClose:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},sx:{zIndex:e=>e.zIndex.modal,"& .MuiPaper-root":{minWidth:200,mt:1}},children:i.map(e=>n.jsxs(w,{onClick:()=>f(e),children:[n.jsx(t,{sx:{display:"flex",alignItems:"center"},children:e.icon}),n.jsx(d,{variant:"body1",sx:{ml:2},children:e.name})]},e.id))})]})}));exports.AppHeader=u;exports.default=u;
+//# sourceMappingURL=AppHeader.cjs.map

package/dist/components/AppHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.cjs","sources":["../../src/components/AppHeader.tsx"],"sourcesContent":["import { alpha, type SxProps } from \"@mui/material/styles\"\nimport AppBar from \"@mui/material/AppBar\"\nimport Backdrop from \"@mui/material/Backdrop\"\nimport Box from \"@mui/material/Box\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Menu from \"@mui/material/Menu\"\nimport MenuItem from \"@mui/material/MenuItem\"\nimport Toolbar from \"@mui/material/Toolbar\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { type MouseEvent, type ReactNode, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { DropdownArrowIcon } from \"../icons/DropdownArrowIcon\"\n\nexport type AppItem = {\n  /** Unique identifier for the app */\n  id: string\n  /** Display name of the app */\n  name: string\n  /** Icon component to display */\n  icon: ReactNode\n  /** URL or callback to navigate to the app */\n  href?: string\n  /** Click handler for the app */\n  onClick?: () => void\n}\n\nexport type AppHeaderProps = {\n  /** Current app icon */\n  appIcon: ReactNode\n  /** Current app name */\n  appName: string\n  /** List of other available apps */\n  apps?: AppItem[]\n  /** Callback when an app is selected */\n  onAppSelect?: (app: AppItem) => void\n  /** Disable the menu button */\n  disabled?: boolean\n  /** Additional styling */\n  sx?: SxProps\n}\n\n/**\n * A top navigation header component that displays the current app and provides\n * a dropdown menu to navigate to other apps.\n */\nexport const AppHeader = externalizeComponent(\n  observer((props: AppHeaderProps) => {\n    const {\n      appIcon,\n      appName,\n      apps = [],\n      onAppSelect,\n      disabled = false,\n      sx,\n    } = props\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n    const isMenuOpen = Boolean(anchorEl)\n\n    const handleMenuOpen = (event: MouseEvent<HTMLElement>) => {\n      setAnchorEl(event.currentTarget)\n    }\n\n    const handleMenuClose = () => {\n      setAnchorEl(null)\n    }\n\n    const handleAppSelect = (app: AppItem) => {\n      handleMenuClose()\n\n      if (app.onClick) {\n        app.onClick()\n      } else if (app.href) {\n        window.location.href = app.href\n      }\n\n      onAppSelect?.(app)\n    }\n\n    return (\n      <>\n        <AppBar\n          position=\"static\"\n          sx={{\n            boxShadow: \"none\",\n            backgroundImage: \"none\",\n            \"& .MuiAppBar-root\": {\n              backgroundImage: \"none\",\n              backgroundColor: \"transparent\",\n            },\n            ...sx,\n          }}\n        >\n          <Toolbar sx={{ minHeight: \"62px !important\" }}>\n            {/* App Icon */}\n            <Box sx={{ mr: 1, display: \"flex\", alignItems: \"center\" }}>\n              {appIcon}\n            </Box>\n\n            {/* App Name and Dropdown */}\n            <Box sx={{ display: \"flex\", alignItems: \"center\", flexGrow: 1 }}>\n              <Typography\n                component=\"h1\"\n                sx={{\n                  fontWeight: \"bold\",\n                  fontSize: \"1rem\",\n                }}\n              >\n                {appName}\n              </Typography>\n\n              {/* Dropdown Button */}\n              {apps.length > 0 && (\n                <IconButton\n                  color=\"inherit\"\n                  aria-label=\"switch app\"\n                  aria-controls=\"app-menu\"\n                  aria-haspopup=\"true\"\n                  onClick={handleMenuOpen}\n                  disabled={disabled}\n                  sx={{\n                    ml: 1,\n                    width: 28,\n                    height: 28,\n                    borderRadius: \"6px\",\n                    padding: 0,\n                    backgroundColor: (theme) =>\n                      alpha(theme.palette.common.white, 0.1),\n                    opacity: 1,\n                    \"&:hover\": {\n                      backgroundColor: (theme) =>\n                        alpha(theme.palette.common.white, 0.16),\n                    },\n                    \"& .MuiSvgIcon-root\": {\n                      fontSize: \"8px\",\n                      width: \"8px\",\n                      height: \"6px\",\n                    },\n                  }}\n                >\n                  <DropdownArrowIcon />\n                </IconButton>\n              )}\n            </Box>\n          </Toolbar>\n        </AppBar>\n\n        {/* Backdrop for blur effect */}\n        <Backdrop\n          open={isMenuOpen}\n          onClick={handleMenuClose}\n          sx={{\n            backdropFilter: \"blur(4px)\",\n            backgroundColor: \"rgba(0, 0, 0, 0.3)\",\n            zIndex: (theme) => theme.zIndex.modal - 1,\n          }}\n        />\n\n        {/* Dropdown Menu */}\n        <Menu\n          id=\"app-menu\"\n          anchorEl={anchorEl}\n          open={isMenuOpen}\n          onClose={handleMenuClose}\n          anchorOrigin={{\n            vertical: \"bottom\",\n            horizontal: \"left\",\n          }}\n          transformOrigin={{\n            vertical: \"top\",\n            horizontal: \"left\",\n          }}\n          sx={{\n            zIndex: (theme) => theme.zIndex.modal,\n            \"& .MuiPaper-root\": {\n              minWidth: 200,\n              mt: 1,\n            },\n          }}\n        >\n          {apps.map((app) => (\n            <MenuItem key={app.id} onClick={() => handleAppSelect(app)}>\n              <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\n                {app.icon}\n              </Box>\n              <Typography variant=\"body1\" sx={{ ml: 2 }}>\n                {app.name}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Menu>\n      </>\n    )\n  }),\n)\n\nexport default AppHeader\n"],"names":["AppHeader","externalizeComponent","observer","props","appIcon","appName","apps","onAppSelect","disabled","sx","anchorEl","setAnchorEl","useState","isMenuOpen","handleMenuOpen","event","handleMenuClose","handleAppSelect","app","jsxs","Fragment","jsx","AppBar","Toolbar","Box","Typography","IconButton","theme","alpha","DropdownArrowIcon","Backdrop","Menu","MenuItem"],"mappings":"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"}

package/dist/components/AppHeader.d.ts

@@ -33,4 +33,5 @@ export type AppHeaderProps = {
 export declare const AppHeader: ((props: AppHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default AppHeader;
 //# sourceMappingURL=AppHeader.d.ts.map

package/dist/components/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../src/components/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAU1D,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,OAAO,GAAG;IACpB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,IAAI,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,uBAAuB;IACvB,OAAO,EAAE,SAAS,CAAA;IAClB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CAmJhC,CAAA"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../src/components/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAU1D,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,OAAO,GAAG;IACpB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,IAAI,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,uBAAuB;IACvB,OAAO,EAAE,SAAS,CAAA;IAClB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CAmJhC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/AppHeader.js

@@ -0,0 +1,139 @@
+import { jsxs as e, Fragment as I, jsx as r } from "react/jsx-runtime";
+import { alpha as p } from "@mui/material/styles";
+import k from "@mui/material/AppBar";
+import C from "@mui/material/Backdrop";
+import i from "@mui/material/Box";
+import w from "@mui/material/IconButton";
+import z from "@mui/material/Menu";
+import M from "@mui/material/MenuItem";
+import y from "@mui/material/Toolbar";
+import d from "@mui/material/Typography";
+import { observer as v } from "mobx-react-lite";
+import { useState as B } from "react";
+import { externalizeComponent as A } from "../externalizeComponent.js";
+import { DropdownArrowIcon as S } from "../icons/DropdownArrowIcon.js";
+const K = A(
+  v((s) => {
+    const {
+      appIcon: h,
+      appName: f,
+      apps: l = [],
+      onAppSelect: n,
+      disabled: x = !1,
+      sx: u
+    } = s, [a, m] = B(null), c = !!a, g = (o) => {
+      m(o.currentTarget);
+    }, t = () => {
+      m(null);
+    }, b = (o) => {
+      t(), o.onClick ? o.onClick() : o.href && (window.location.href = o.href), n == null || n(o);
+    };
+    return /* @__PURE__ */ e(I, { children: [
+      /* @__PURE__ */ r(
+        k,
+        {
+          position: "static",
+          sx: {
+            boxShadow: "none",
+            backgroundImage: "none",
+            "& .MuiAppBar-root": {
+              backgroundImage: "none",
+              backgroundColor: "transparent"
+            },
+            ...u
+          },
+          children: /* @__PURE__ */ e(y, { sx: { minHeight: "62px !important" }, children: [
+            /* @__PURE__ */ r(i, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: h }),
+            /* @__PURE__ */ e(i, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
+              /* @__PURE__ */ r(
+                d,
+                {
+                  component: "h1",
+                  sx: {
+                    fontWeight: "bold",
+                    fontSize: "1rem"
+                  },
+                  children: f
+                }
+              ),
+              l.length > 0 && /* @__PURE__ */ r(
+                w,
+                {
+                  color: "inherit",
+                  "aria-label": "switch app",
+                  "aria-controls": "app-menu",
+                  "aria-haspopup": "true",
+                  onClick: g,
+                  disabled: x,
+                  sx: {
+                    ml: 1,
+                    width: 28,
+                    height: 28,
+                    borderRadius: "6px",
+                    padding: 0,
+                    backgroundColor: (o) => p(o.palette.common.white, 0.1),
+                    opacity: 1,
+                    "&:hover": {
+                      backgroundColor: (o) => p(o.palette.common.white, 0.16)
+                    },
+                    "& .MuiSvgIcon-root": {
+                      fontSize: "8px",
+                      width: "8px",
+                      height: "6px"
+                    }
+                  },
+                  children: /* @__PURE__ */ r(S, {})
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ r(
+        C,
+        {
+          open: c,
+          onClick: t,
+          sx: {
+            backdropFilter: "blur(4px)",
+            backgroundColor: "rgba(0, 0, 0, 0.3)",
+            zIndex: (o) => o.zIndex.modal - 1
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        z,
+        {
+          id: "app-menu",
+          anchorEl: a,
+          open: c,
+          onClose: t,
+          anchorOrigin: {
+            vertical: "bottom",
+            horizontal: "left"
+          },
+          transformOrigin: {
+            vertical: "top",
+            horizontal: "left"
+          },
+          sx: {
+            zIndex: (o) => o.zIndex.modal,
+            "& .MuiPaper-root": {
+              minWidth: 200,
+              mt: 1
+            }
+          },
+          children: l.map((o) => /* @__PURE__ */ e(M, { onClick: () => b(o), children: [
+            /* @__PURE__ */ r(i, { sx: { display: "flex", alignItems: "center" }, children: o.icon }),
+            /* @__PURE__ */ r(d, { variant: "body1", sx: { ml: 2 }, children: o.name })
+          ] }, o.id))
+        }
+      )
+    ] });
+  })
+);
+export {
+  K as AppHeader,
+  K as default
+};
+//# sourceMappingURL=AppHeader.js.map

package/dist/components/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sources":["../../src/components/AppHeader.tsx"],"sourcesContent":["import { alpha, type SxProps } from \"@mui/material/styles\"\nimport AppBar from \"@mui/material/AppBar\"\nimport Backdrop from \"@mui/material/Backdrop\"\nimport Box from \"@mui/material/Box\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Menu from \"@mui/material/Menu\"\nimport MenuItem from \"@mui/material/MenuItem\"\nimport Toolbar from \"@mui/material/Toolbar\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { type MouseEvent, type ReactNode, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { DropdownArrowIcon } from \"../icons/DropdownArrowIcon\"\n\nexport type AppItem = {\n  /** Unique identifier for the app */\n  id: string\n  /** Display name of the app */\n  name: string\n  /** Icon component to display */\n  icon: ReactNode\n  /** URL or callback to navigate to the app */\n  href?: string\n  /** Click handler for the app */\n  onClick?: () => void\n}\n\nexport type AppHeaderProps = {\n  /** Current app icon */\n  appIcon: ReactNode\n  /** Current app name */\n  appName: string\n  /** List of other available apps */\n  apps?: AppItem[]\n  /** Callback when an app is selected */\n  onAppSelect?: (app: AppItem) => void\n  /** Disable the menu button */\n  disabled?: boolean\n  /** Additional styling */\n  sx?: SxProps\n}\n\n/**\n * A top navigation header component that displays the current app and provides\n * a dropdown menu to navigate to other apps.\n */\nexport const AppHeader = externalizeComponent(\n  observer((props: AppHeaderProps) => {\n    const {\n      appIcon,\n      appName,\n      apps = [],\n      onAppSelect,\n      disabled = false,\n      sx,\n    } = props\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n    const isMenuOpen = Boolean(anchorEl)\n\n    const handleMenuOpen = (event: MouseEvent<HTMLElement>) => {\n      setAnchorEl(event.currentTarget)\n    }\n\n    const handleMenuClose = () => {\n      setAnchorEl(null)\n    }\n\n    const handleAppSelect = (app: AppItem) => {\n      handleMenuClose()\n\n      if (app.onClick) {\n        app.onClick()\n      } else if (app.href) {\n        window.location.href = app.href\n      }\n\n      onAppSelect?.(app)\n    }\n\n    return (\n      <>\n        <AppBar\n          position=\"static\"\n          sx={{\n            boxShadow: \"none\",\n            backgroundImage: \"none\",\n            \"& .MuiAppBar-root\": {\n              backgroundImage: \"none\",\n              backgroundColor: \"transparent\",\n            },\n            ...sx,\n          }}\n        >\n          <Toolbar sx={{ minHeight: \"62px !important\" }}>\n            {/* App Icon */}\n            <Box sx={{ mr: 1, display: \"flex\", alignItems: \"center\" }}>\n              {appIcon}\n            </Box>\n\n            {/* App Name and Dropdown */}\n            <Box sx={{ display: \"flex\", alignItems: \"center\", flexGrow: 1 }}>\n              <Typography\n                component=\"h1\"\n                sx={{\n                  fontWeight: \"bold\",\n                  fontSize: \"1rem\",\n                }}\n              >\n                {appName}\n              </Typography>\n\n              {/* Dropdown Button */}\n              {apps.length > 0 && (\n                <IconButton\n                  color=\"inherit\"\n                  aria-label=\"switch app\"\n                  aria-controls=\"app-menu\"\n                  aria-haspopup=\"true\"\n                  onClick={handleMenuOpen}\n                  disabled={disabled}\n                  sx={{\n                    ml: 1,\n                    width: 28,\n                    height: 28,\n                    borderRadius: \"6px\",\n                    padding: 0,\n                    backgroundColor: (theme) =>\n                      alpha(theme.palette.common.white, 0.1),\n                    opacity: 1,\n                    \"&:hover\": {\n                      backgroundColor: (theme) =>\n                        alpha(theme.palette.common.white, 0.16),\n                    },\n                    \"& .MuiSvgIcon-root\": {\n                      fontSize: \"8px\",\n                      width: \"8px\",\n                      height: \"6px\",\n                    },\n                  }}\n                >\n                  <DropdownArrowIcon />\n                </IconButton>\n              )}\n            </Box>\n          </Toolbar>\n        </AppBar>\n\n        {/* Backdrop for blur effect */}\n        <Backdrop\n          open={isMenuOpen}\n          onClick={handleMenuClose}\n          sx={{\n            backdropFilter: \"blur(4px)\",\n            backgroundColor: \"rgba(0, 0, 0, 0.3)\",\n            zIndex: (theme) => theme.zIndex.modal - 1,\n          }}\n        />\n\n        {/* Dropdown Menu */}\n        <Menu\n          id=\"app-menu\"\n          anchorEl={anchorEl}\n          open={isMenuOpen}\n          onClose={handleMenuClose}\n          anchorOrigin={{\n            vertical: \"bottom\",\n            horizontal: \"left\",\n          }}\n          transformOrigin={{\n            vertical: \"top\",\n            horizontal: \"left\",\n          }}\n          sx={{\n            zIndex: (theme) => theme.zIndex.modal,\n            \"& .MuiPaper-root\": {\n              minWidth: 200,\n              mt: 1,\n            },\n          }}\n        >\n          {apps.map((app) => (\n            <MenuItem key={app.id} onClick={() => handleAppSelect(app)}>\n              <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\n                {app.icon}\n              </Box>\n              <Typography variant=\"body1\" sx={{ ml: 2 }}>\n                {app.name}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Menu>\n      </>\n    )\n  }),\n)\n\nexport default AppHeader\n"],"names":["AppHeader","externalizeComponent","observer","props","appIcon","appName","apps","onAppSelect","disabled","sx","anchorEl","setAnchorEl","useState","isMenuOpen","handleMenuOpen","event","handleMenuClose","handleAppSelect","app","jsxs","Fragment","jsx","AppBar","Toolbar","Box","Typography","IconButton","theme","alpha","DropdownArrowIcon","Backdrop","Menu","MenuItem"],"mappings":"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"}

package/dist/components/ConsoleFilter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),t=console.warn;function o(){return n.useEffect(()=>{console.warn=e=>{e!=="Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"&&t(e)}},[]),null}exports.default=o;
+//# sourceMappingURL=ConsoleFilter.cjs.map

package/dist/components/ConsoleFilter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleFilter.cjs","sources":["../../src/components/ConsoleFilter.tsx"],"sourcesContent":["\"use client\"\nimport { useEffect } from \"react\"\n\nconst defaultWarn = console.warn\n\nexport default function ConsoleFilter() {\n  useEffect(() => {\n    console.warn = (data) => {\n      // This message is caused by a bug from useSpring in combination with Canvas \"demand\" frameloop.\n      // For now we can only suppress this warning there are no sideeffects yet\n      // See https://github.com/pmndrs/react-spring/issues/1586#issuecomment-915051856\n      if (\n        data ===\n        \"Cannot call the manual advancement of rafz whilst frameLoop is not set as demand\"\n      ) {\n        return\n      }\n\n      defaultWarn(data)\n    }\n  }, [])\n\n  return null\n}\n"],"names":["defaultWarn","ConsoleFilter","useEffect","data"],"mappings":"qIAGMA,EAAc,QAAQ,KAE5B,SAAwBC,GAAgB,CACtCC,OAAAA,EAAAA,UAAU,IAAM,CACd,QAAQ,KAAQC,GAAS,CAKrBA,IACA,oFAKFH,EAAYG,CAAI,CAClB,CACF,EAAG,CAAA,CAAE,EAEE,IACT"}

package/dist/components/ConsoleFilter.js

@@ -0,0 +1,13 @@
+import { useEffect as e } from "react";
+const o = console.warn;
+function a() {
+  return e(() => {
+    console.warn = (n) => {
+      n !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && o(n);
+    };
+  }, []), null;
+}
+export {
+  a as default
+};
+//# sourceMappingURL=ConsoleFilter.js.map

package/dist/components/ConsoleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleFilter.js","sources":["../../src/components/ConsoleFilter.tsx"],"sourcesContent":["\"use client\"\nimport { useEffect } from \"react\"\n\nconst defaultWarn = console.warn\n\nexport default function ConsoleFilter() {\n  useEffect(() => {\n    console.warn = (data) => {\n      // This message is caused by a bug from useSpring in combination with Canvas \"demand\" frameloop.\n      // For now we can only suppress this warning there are no sideeffects yet\n      // See https://github.com/pmndrs/react-spring/issues/1586#issuecomment-915051856\n      if (\n        data ===\n        \"Cannot call the manual advancement of rafz whilst frameLoop is not set as demand\"\n      ) {\n        return\n      }\n\n      defaultWarn(data)\n    }\n  }, [])\n\n  return null\n}\n"],"names":["defaultWarn","ConsoleFilter","useEffect","data"],"mappings":";AAGA,MAAMA,IAAc,QAAQ;AAE5B,SAAwBC,IAAgB;AACtC,SAAAC,EAAU,MAAM;AACd,YAAQ,OAAO,CAACC,MAAS;AAIvB,MACEA,MACA,sFAKFH,EAAYG,CAAI;AAAA,IAClB;AAAA,EACF,GAAG,CAAA,CAAE,GAEE;AACT;"}

package/dist/components/CopyableText.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("@mui/material/styles"),g=require("@mui/material/Stack"),h=require("@mui/material/Tooltip"),m=require("@mui/material/Typography"),u=require("react"),p=d=>{var a;const{value:i,ref:e}=d,c=x.useTheme(),[r,s]=u.useState(!1);async function f(){if(!e||!("current"in e))return console.warn("No copy target found"),!1;try{return await navigator.clipboard.writeText(i),console.log("Copied!"),s(!0),!0}catch(t){console.error(t);const o=window.getSelection();if(o&&e&&"current"in e&&e.current){const l=document.createRange();l.selectNodeContents(e.current),o.removeAllRanges(),o.addRange(l)}}return!1}return u.useEffect(()=>{if(!r)return;const t=setTimeout(()=>s(!1),3e3);return()=>{t&&clearTimeout(t)}},[r]),n.jsx(h,{open:r,title:"Copied!",children:n.jsx(g,{justifyContent:"center",sx:{height:"100%",boxSizing:"border-box",padding:"6px 12px",background:(a=c.palette.backgroundPaperElevation)==null?void 0:a[8],borderRadius:"10px",minWidth:"0",cursor:"pointer"},onClick:()=>f(),children:n.jsx(m,{ref:e,align:"center",sx:{pointerEvents:"none",fontSize:"12px",color:c.palette.text.primary,whiteSpace:"nowrap",minWidth:0,textOverflow:"ellipsis",width:"100%",overflow:"hidden"},children:i})})})};exports.CopyableText=p;exports.default=p;
+//# sourceMappingURL=CopyableText.cjs.map

package/dist/components/CopyableText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyableText.cjs","sources":["../../src/components/CopyableText.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Stack from \"@mui/material/Stack\"\nimport Tooltip from \"@mui/material/Tooltip\"\nimport Typography from \"@mui/material/Typography\"\nimport { useEffect, useState } from \"react\"\n\nexport const CopyableText = (props: {\n  label?: string\n  value: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const { value, ref } = props\n  // Note: label prop is available but not currently used in the component\n  const theme = useTheme()\n  const [tooltipOpen, setTooltipOpen] = useState(false)\n\n  async function onCopyText(): Promise<boolean> {\n    if (!ref || !(\"current\" in ref)) {\n      console.warn(\"No copy target found\")\n      return false\n    }\n    try {\n      await navigator.clipboard.writeText(value)\n      console.log(\"Copied!\")\n      setTooltipOpen(true)\n      return true\n    } catch (err) {\n      // Direct clipboard copy is not available in non-secure contexts\n      console.error(err)\n\n      // Let's fall back to selecting the text so the user can manually copy easily\n      const selection = window.getSelection()\n      if (selection && ref && \"current\" in ref && ref.current) {\n        const range = document.createRange()\n        range.selectNodeContents(ref.current)\n        selection.removeAllRanges()\n        selection.addRange(range)\n      }\n    }\n    return false\n  }\n\n  useEffect(() => {\n    if (!tooltipOpen) {\n      return\n    }\n    const timeoutId = setTimeout(() => setTooltipOpen(false), 3000)\n    return () => {\n      timeoutId ? clearTimeout(timeoutId) : {}\n    }\n  }, [tooltipOpen])\n\n  return (\n    <Tooltip open={tooltipOpen} title=\"Copied!\">\n      <Stack\n        justifyContent=\"center\"\n        sx={{\n          height: \"100%\",\n          boxSizing: \"border-box\",\n          padding: \"6px 12px\",\n          background: theme.palette.backgroundPaperElevation?.[8],\n          borderRadius: \"10px\",\n          minWidth: \"0\",\n          cursor: \"pointer\",\n        }}\n        onClick={() => onCopyText()}\n      >\n        <Typography\n          ref={ref}\n          align=\"center\"\n          sx={{\n            pointerEvents: \"none\",\n            fontSize: \"12px\",\n            color: theme.palette.text.primary,\n            whiteSpace: \"nowrap\",\n            minWidth: 0,\n            textOverflow: \"ellipsis\",\n            width: \"100%\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Typography>\n      </Stack>\n    </Tooltip>\n  )\n}\n\nexport default CopyableText\n"],"names":["CopyableText","props","value","ref","theme","useTheme","tooltipOpen","setTooltipOpen","useState","onCopyText","err","selection","range","useEffect","timeoutId","jsx","Tooltip","Stack","_a","Typography"],"mappings":"gTAMaA,EAAgBC,GAIvB,OACJ,KAAM,CAAE,MAAAC,EAAO,IAAAC,CAAA,EAAQF,EAEjBG,EAAQC,EAAAA,SAAA,EACR,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAEpD,eAAeC,GAA+B,CAC5C,GAAI,CAACN,GAAO,EAAE,YAAaA,GACzB,eAAQ,KAAK,sBAAsB,EAC5B,GAET,GAAI,CACF,aAAM,UAAU,UAAU,UAAUD,CAAK,EACzC,QAAQ,IAAI,SAAS,EACrBK,EAAe,EAAI,EACZ,EACT,OAASG,EAAK,CAEZ,QAAQ,MAAMA,CAAG,EAGjB,MAAMC,EAAY,OAAO,aAAA,EACzB,GAAIA,GAAaR,GAAO,YAAaA,GAAOA,EAAI,QAAS,CACvD,MAAMS,EAAQ,SAAS,YAAA,EACvBA,EAAM,mBAAmBT,EAAI,OAAO,EACpCQ,EAAU,gBAAA,EACVA,EAAU,SAASC,CAAK,CAC1B,CACF,CACA,MAAO,EACT,CAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,EACH,OAEF,MAAMQ,EAAY,WAAW,IAAMP,EAAe,EAAK,EAAG,GAAI,EAC9D,MAAO,IAAM,CACXO,GAAY,aAAaA,CAAS,CACpC,CACF,EAAG,CAACR,CAAW,CAAC,EAGdS,EAAAA,IAACC,EAAA,CAAQ,KAAMV,EAAa,MAAM,UAChC,SAAAS,EAAAA,IAACE,EAAA,CACC,eAAe,SACf,GAAI,CACF,OAAQ,OACR,UAAW,aACX,QAAS,WACT,YAAYC,EAAAd,EAAM,QAAQ,2BAAd,YAAAc,EAAyC,GACrD,aAAc,OACd,SAAU,IACV,OAAQ,SAAA,EAEV,QAAS,IAAMT,EAAA,EAEf,SAAAM,EAAAA,IAACI,EAAA,CACC,IAAAhB,EACA,MAAM,SACN,GAAI,CACF,cAAe,OACf,SAAU,OACV,MAAOC,EAAM,QAAQ,KAAK,QAC1B,WAAY,SACZ,SAAU,EACV,aAAc,WACd,MAAO,OACP,SAAU,QAAA,EAGX,SAAAF,CAAA,CAAA,CACH,CAAA,EAEJ,CAEJ"}

package/dist/components/CopyableText.d.ts

@@ -3,4 +3,5 @@ export declare const CopyableText: (props: {
     value: string;
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
+export default CopyableText;
 //# sourceMappingURL=CopyableText.d.ts.map

package/dist/components/CopyableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../src/components/CopyableText.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC,4CA4EA,CAAA"}
+{"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../src/components/CopyableText.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC,4CA4EA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/CopyableText.js

@@ -0,0 +1,71 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useTheme as d } from "@mui/material/styles";
+import f from "@mui/material/Stack";
+import m from "@mui/material/Tooltip";
+import g from "@mui/material/Typography";
+import { useState as x, useEffect as h } from "react";
+const S = (s) => {
+  var l;
+  const { value: i, ref: e } = s, a = d(), [o, c] = x(!1);
+  async function u() {
+    if (!e || !("current" in e))
+      return console.warn("No copy target found"), !1;
+    try {
+      return await navigator.clipboard.writeText(i), console.log("Copied!"), c(!0), !0;
+    } catch (t) {
+      console.error(t);
+      const r = window.getSelection();
+      if (r && e && "current" in e && e.current) {
+        const p = document.createRange();
+        p.selectNodeContents(e.current), r.removeAllRanges(), r.addRange(p);
+      }
+    }
+    return !1;
+  }
+  return h(() => {
+    if (!o)
+      return;
+    const t = setTimeout(() => c(!1), 3e3);
+    return () => {
+      t && clearTimeout(t);
+    };
+  }, [o]), /* @__PURE__ */ n(m, { open: o, title: "Copied!", children: /* @__PURE__ */ n(
+    f,
+    {
+      justifyContent: "center",
+      sx: {
+        height: "100%",
+        boxSizing: "border-box",
+        padding: "6px 12px",
+        background: (l = a.palette.backgroundPaperElevation) == null ? void 0 : l[8],
+        borderRadius: "10px",
+        minWidth: "0",
+        cursor: "pointer"
+      },
+      onClick: () => u(),
+      children: /* @__PURE__ */ n(
+        g,
+        {
+          ref: e,
+          align: "center",
+          sx: {
+            pointerEvents: "none",
+            fontSize: "12px",
+            color: a.palette.text.primary,
+            whiteSpace: "nowrap",
+            minWidth: 0,
+            textOverflow: "ellipsis",
+            width: "100%",
+            overflow: "hidden"
+          },
+          children: i
+        }
+      )
+    }
+  ) });
+};
+export {
+  S as CopyableText,
+  S as default
+};
+//# sourceMappingURL=CopyableText.js.map

package/dist/components/CopyableText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyableText.js","sources":["../../src/components/CopyableText.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Stack from \"@mui/material/Stack\"\nimport Tooltip from \"@mui/material/Tooltip\"\nimport Typography from \"@mui/material/Typography\"\nimport { useEffect, useState } from \"react\"\n\nexport const CopyableText = (props: {\n  label?: string\n  value: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const { value, ref } = props\n  // Note: label prop is available but not currently used in the component\n  const theme = useTheme()\n  const [tooltipOpen, setTooltipOpen] = useState(false)\n\n  async function onCopyText(): Promise<boolean> {\n    if (!ref || !(\"current\" in ref)) {\n      console.warn(\"No copy target found\")\n      return false\n    }\n    try {\n      await navigator.clipboard.writeText(value)\n      console.log(\"Copied!\")\n      setTooltipOpen(true)\n      return true\n    } catch (err) {\n      // Direct clipboard copy is not available in non-secure contexts\n      console.error(err)\n\n      // Let's fall back to selecting the text so the user can manually copy easily\n      const selection = window.getSelection()\n      if (selection && ref && \"current\" in ref && ref.current) {\n        const range = document.createRange()\n        range.selectNodeContents(ref.current)\n        selection.removeAllRanges()\n        selection.addRange(range)\n      }\n    }\n    return false\n  }\n\n  useEffect(() => {\n    if (!tooltipOpen) {\n      return\n    }\n    const timeoutId = setTimeout(() => setTooltipOpen(false), 3000)\n    return () => {\n      timeoutId ? clearTimeout(timeoutId) : {}\n    }\n  }, [tooltipOpen])\n\n  return (\n    <Tooltip open={tooltipOpen} title=\"Copied!\">\n      <Stack\n        justifyContent=\"center\"\n        sx={{\n          height: \"100%\",\n          boxSizing: \"border-box\",\n          padding: \"6px 12px\",\n          background: theme.palette.backgroundPaperElevation?.[8],\n          borderRadius: \"10px\",\n          minWidth: \"0\",\n          cursor: \"pointer\",\n        }}\n        onClick={() => onCopyText()}\n      >\n        <Typography\n          ref={ref}\n          align=\"center\"\n          sx={{\n            pointerEvents: \"none\",\n            fontSize: \"12px\",\n            color: theme.palette.text.primary,\n            whiteSpace: \"nowrap\",\n            minWidth: 0,\n            textOverflow: \"ellipsis\",\n            width: \"100%\",\n            overflow: \"hidden\",\n          }}\n        >\n          {value}\n        </Typography>\n      </Stack>\n    </Tooltip>\n  )\n}\n\nexport default CopyableText\n"],"names":["CopyableText","props","value","ref","theme","useTheme","tooltipOpen","setTooltipOpen","useState","onCopyText","err","selection","range","useEffect","timeoutId","jsx","Tooltip","Stack","_a","Typography"],"mappings":";;;;;;AAMO,MAAMA,IAAe,CAACC,MAIvB;;AACJ,QAAM,EAAE,OAAAC,GAAO,KAAAC,EAAA,IAAQF,GAEjBG,IAAQC,EAAA,GACR,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAEpD,iBAAeC,IAA+B;AAC5C,QAAI,CAACN,KAAO,EAAE,aAAaA;AACzB,qBAAQ,KAAK,sBAAsB,GAC5B;AAET,QAAI;AACF,mBAAM,UAAU,UAAU,UAAUD,CAAK,GACzC,QAAQ,IAAI,SAAS,GACrBK,EAAe,EAAI,GACZ;AAAA,IACT,SAASG,GAAK;AAEZ,cAAQ,MAAMA,CAAG;AAGjB,YAAMC,IAAY,OAAO,aAAA;AACzB,UAAIA,KAAaR,KAAO,aAAaA,KAAOA,EAAI,SAAS;AACvD,cAAMS,IAAQ,SAAS,YAAA;AACvB,QAAAA,EAAM,mBAAmBT,EAAI,OAAO,GACpCQ,EAAU,gBAAA,GACVA,EAAU,SAASC,CAAK;AAAA,MAC1B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SAAAC,EAAU,MAAM;AACd,QAAI,CAACP;AACH;AAEF,UAAMQ,IAAY,WAAW,MAAMP,EAAe,EAAK,GAAG,GAAI;AAC9D,WAAO,MAAM;AACX,MAAAO,KAAY,aAAaA,CAAS;AAAA,IACpC;AAAA,EACF,GAAG,CAACR,CAAW,CAAC,GAGd,gBAAAS,EAACC,GAAA,EAAQ,MAAMV,GAAa,OAAM,WAChC,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAYC,IAAAd,EAAM,QAAQ,6BAAd,gBAAAc,EAAyC;AAAA,QACrD,cAAc;AAAA,QACd,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMT,EAAA;AAAA,MAEf,UAAA,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,KAAAhB;AAAA,UACA,OAAM;AAAA,UACN,IAAI;AAAA,YACF,eAAe;AAAA,YACf,UAAU;AAAA,YACV,OAAOC,EAAM,QAAQ,KAAK;AAAA,YAC1B,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc;AAAA,YACd,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/CycleTimer/CycleTimer.d.ts

@@ -1,3 +1,4 @@
 export { CycleTimer } from "./index";
 export type { CycleTimerControls, CycleTimerProps, CycleTimerState, } from "./types";
+export { CycleTimer as default } from "./index";
 //# sourceMappingURL=CycleTimer.d.ts.map

package/dist/components/CycleTimer/CycleTimer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/CycleTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/CycleTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/CycleTimer/DefaultVariant.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("@mui/material/styles"),a=require("@mui/material/Box"),o=require("@mui/material/Fade"),r=require("@mui/material/Typography"),F=require("@mui/x-charts/Gauge"),M=require("react-i18next"),p=require("./utils.cjs"),S=({timerState:y,animationState:g,hasError:s,className:h})=>{const{t:n,i18n:f}=M.useTranslation(),i=v.useTheme(),{currentState:t,remainingTime:j,maxTime:d,currentProgress:T}=y,{showErrorAnimation:b,showPauseAnimation:C,showPulsatingText:l,pulsatingFinished:c,showLabels:x,showMainText:u,showIdlePulsating:m,idleDotsCount:w}=g;return e.jsxs(a,{className:h,sx:{position:"relative",width:264,height:264,display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(F.Gauge,{width:264,height:264,value:t==="idle"?0:T,valueMin:0,valueMax:100,innerRadius:"85%",outerRadius:"100%",margin:0,skipAnimation:!0,text:()=>"",sx:{opacity:C||b?.6:1,transition:"opacity 0.5s ease-out","& .MuiGauge-valueArc":{fill:s?i.palette.error.light:i.palette.success.main,transition:"fill 0.5s ease-out"},"& .MuiGauge-referenceArc":{fill:"#171927",stroke:"transparent",strokeWidth:0,transition:"fill 0.5s ease-out, stroke 0.5s ease-out, stroke-width 0.5s ease-out"},"& .MuiGauge-valueText":{display:"none"},"& .MuiGauge-text":{display:"none"}}}),e.jsxs(a,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:225,height:225,borderRadius:"50%",backgroundColor:"#292B3F",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",gap:1,transition:"background-color 0.5s ease-out"},children:[e.jsx(a,{sx:{height:"16px",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:1},children:e.jsx(o,{in:x&&!s&&t!=="idle"&&t!=="success",timeout:300,children:e.jsx(r,{variant:"body2",sx:{fontSize:"12px",color:t==="measured"&&(l||c)?i.palette.success.main:i.palette.text.secondary,transition:"color 0.8s ease-in-out"},children:e.jsx("span",{style:{opacity:t==="measured"&&c?l?1:.6:1,transition:"opacity 2s ease-in-out"},children:t==="measuring"||t==="measured"?n("CycleTimer.CycleTime.lb","Cycle Time"):t==="countdown"?n("CycleTimer.RemainingTime.lb","Remaining Time"):""})})})}),e.jsxs(a,{sx:{position:"relative",height:"48px",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:.5},children:[e.jsx(o,{in:u&&t==="idle"&&!s,timeout:200,children:e.jsxs(r,{variant:"body2",sx:{position:"absolute",fontSize:"12px",fontWeight:400,color:"rgba(255, 255, 255, 0.7)",lineHeight:"166%",letterSpacing:"0.17px",textAlign:"center",width:"200px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx("span",{style:{opacity:m?1:.6,transition:"opacity 2s ease-in-out"},children:n("CycleTimer.WaitingForCycle.lb","Waiting for program cycle")}),e.jsx("span",{style:{display:"inline-block",width:"18px",textAlign:"left",opacity:m?1:.6,transition:"opacity 2s ease-in-out"},children:".".repeat(w)})]})}),e.jsx(o,{in:u&&s,timeout:200,children:e.jsx(r,{variant:"h3",sx:{position:"absolute",fontSize:"40px",fontWeight:400,color:"#FFFFFF",lineHeight:"116.7%"},children:n("CycleTimer.Error.lb","Error")})}),e.jsx(o,{in:u&&!s&&t!=="idle"&&t!=="success",timeout:300,children:e.jsx(r,{variant:"h1",sx:{position:"absolute",fontSize:"48px",fontWeight:500,color:i.palette.text.primary,lineHeight:1,transition:"color 0.8s ease-in-out"},children:e.jsx("span",{style:{opacity:1,transition:"opacity 2s ease-in-out"},children:p.formatTime(j)})})})]}),e.jsx(a,{sx:{height:"16px",display:"flex",marginTop:.5,alignItems:"center",justifyContent:"center"},children:e.jsx(o,{in:x&&!s&&t!=="idle"&&t!=="success",timeout:300,children:e.jsx(r,{variant:"body2",sx:{fontSize:"12px",color:t==="measured"&&(l||c)?i.palette.success.main:i.palette.text.secondary,transition:"color 0.8s ease-in-out"},children:e.jsx("span",{style:{opacity:t==="measured"&&c?l?1:.6:1,transition:"opacity 2s ease-in-out"},children:t==="measuring"?n("CycleTimer.Measuring.lb","measuring..."):t==="measured"?n("CycleTimer.Determined.lb","determined"):t==="countdown"&&d!==null?n("CycleTimer.OfTime.lb",{time:p.formatTimeLocalized(d,f.language)}):""})})})})]})]})};exports.DefaultVariant=S;
+//# sourceMappingURL=DefaultVariant.cjs.map

package/dist/components/CycleTimer/DefaultVariant.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultVariant.cjs","sources":["../../../src/components/CycleTimer/DefaultVariant.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Fade from \"@mui/material/Fade\"\nimport Typography from \"@mui/material/Typography\"\nimport { Gauge } from \"@mui/x-charts/Gauge\"\nimport { useTranslation } from \"react-i18next\"\nimport type { AnimationState, TimerState } from \"./types\"\nimport { formatTime, formatTimeLocalized } from \"./utils\"\n\ninterface DefaultVariantProps {\n  timerState: TimerState\n  animationState: AnimationState\n  hasError: boolean\n  className?: string\n}\n\nexport const DefaultVariant = ({\n  timerState,\n  animationState,\n  hasError,\n  className,\n}: DefaultVariantProps) => {\n  const { t, i18n } = useTranslation()\n  const theme = useTheme()\n  const { currentState, remainingTime, maxTime, currentProgress } = timerState\n  const {\n    showErrorAnimation,\n    showPauseAnimation,\n    showPulsatingText,\n    pulsatingFinished,\n    showLabels,\n    showMainText,\n    showIdlePulsating,\n    idleDotsCount,\n  } = animationState\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        position: \"relative\",\n        width: 264,\n        height: 264,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    >\n      <Gauge\n        width={264}\n        height={264}\n        value={currentState === \"idle\" ? 0 : currentProgress}\n        valueMin={0}\n        valueMax={100}\n        innerRadius=\"85%\"\n        outerRadius=\"100%\"\n        margin={0}\n        skipAnimation={true}\n        text={() => \"\"}\n        sx={{\n          opacity: showPauseAnimation || showErrorAnimation ? 0.6 : 1,\n          transition: \"opacity 0.5s ease-out\",\n          \"& .MuiGauge-valueArc\": {\n            fill: hasError\n              ? theme.palette.error.light\n              : theme.palette.success.main,\n            transition: \"fill 0.5s ease-out\",\n          },\n          \"& .MuiGauge-referenceArc\": {\n            fill: currentState === \"idle\" ? \"#171927\" : \"#171927\",\n            stroke: \"transparent\",\n            strokeWidth: 0,\n            transition:\n              \"fill 0.5s ease-out, stroke 0.5s ease-out, stroke-width 0.5s ease-out\",\n          },\n          \"& .MuiGauge-valueText\": {\n            display: \"none\",\n          },\n          \"& .MuiGauge-text\": {\n            display: \"none\",\n          },\n        }}\n      />\n\n      {/* Center content overlay */}\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          width: 225,\n          height: 225,\n          borderRadius: \"50%\",\n          backgroundColor: \"#292B3F\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          textAlign: \"center\",\n          gap: 1,\n          transition: \"background-color 0.5s ease-out\",\n        }}\n      >\n        {/* Top label */}\n        <Box\n          sx={{\n            height: \"16px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            marginBottom: 1,\n          }}\n        >\n          <Fade\n            in={\n              showLabels &&\n              !hasError &&\n              currentState !== \"idle\" &&\n              currentState !== \"success\"\n            }\n            timeout={300}\n          >\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontSize: \"12px\",\n                color:\n                  currentState === \"measured\"\n                    ? showPulsatingText || pulsatingFinished\n                      ? theme.palette.success.main\n                      : theme.palette.text.secondary\n                    : theme.palette.text.secondary,\n                transition: \"color 0.8s ease-in-out\",\n              }}\n            >\n              <span\n                style={{\n                  opacity:\n                    currentState === \"measured\" && pulsatingFinished\n                      ? showPulsatingText\n                        ? 1\n                        : 0.6\n                      : 1,\n                  transition: \"opacity 2s ease-in-out\",\n                }}\n              >\n                {currentState === \"measuring\"\n                  ? t(\"CycleTimer.CycleTime.lb\", \"Cycle Time\")\n                  : currentState === \"measured\"\n                    ? t(\"CycleTimer.CycleTime.lb\", \"Cycle Time\")\n                    : currentState === \"countdown\"\n                      ? t(\"CycleTimer.RemainingTime.lb\", \"Remaining Time\")\n                      : \"\"}\n              </span>\n            </Typography>\n          </Fade>\n        </Box>\n\n        {/* Main display */}\n        <Box\n          sx={{\n            position: \"relative\",\n            height: \"48px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            marginBottom: 0.5,\n          }}\n        >\n          {/* Idle state text */}\n          <Fade\n            in={showMainText && currentState === \"idle\" && !hasError}\n            timeout={200}\n          >\n            <Typography\n              variant=\"body2\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"12px\",\n                fontWeight: 400,\n                color: \"rgba(255, 255, 255, 0.7)\",\n                lineHeight: \"166%\",\n                letterSpacing: \"0.17px\",\n                textAlign: \"center\",\n                width: \"200px\",\n                height: \"20px\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <span\n                style={{\n                  opacity: showIdlePulsating ? 1 : 0.6,\n                  transition: \"opacity 2s ease-in-out\",\n                }}\n              >\n                {t(\n                  \"CycleTimer.WaitingForCycle.lb\",\n                  \"Waiting for program cycle\",\n                )}\n              </span>\n              <span\n                style={{\n                  display: \"inline-block\",\n                  width: \"18px\",\n                  textAlign: \"left\",\n                  opacity: showIdlePulsating ? 1 : 0.6,\n                  transition: \"opacity 2s ease-in-out\",\n                }}\n              >\n                {\".\".repeat(idleDotsCount)}\n              </span>\n            </Typography>\n          </Fade>\n\n          {/* Error text */}\n          <Fade in={showMainText && hasError} timeout={200}>\n            <Typography\n              variant=\"h3\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"40px\",\n                fontWeight: 400,\n                color: \"#FFFFFF\",\n                lineHeight: \"116.7%\",\n              }}\n            >\n              {t(\"CycleTimer.Error.lb\", \"Error\")}\n            </Typography>\n          </Fade>\n\n          {/* Normal timer text */}\n          <Fade\n            in={\n              showMainText &&\n              !hasError &&\n              currentState !== \"idle\" &&\n              currentState !== \"success\"\n            }\n            timeout={300}\n          >\n            <Typography\n              variant=\"h1\"\n              sx={{\n                position: \"absolute\",\n                fontSize: \"48px\",\n                fontWeight: 500,\n                color: theme.palette.text.primary,\n                lineHeight: 1,\n                transition: \"color 0.8s ease-in-out\",\n              }}\n            >\n              <span\n                style={{\n                  opacity: 1,\n                  transition: \"opacity 2s ease-in-out\",\n                }}\n              >\n                {formatTime(remainingTime)}\n              </span>\n            </Typography>\n          </Fade>\n        </Box>\n\n        {/* Bottom label */}\n        <Box\n          sx={{\n            height: \"16px\",\n            display: \"flex\",\n            marginTop: 0.5,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          }}\n        >\n          <Fade\n            in={\n              showLabels &&\n              !hasError &&\n              currentState !== \"idle\" &&\n              currentState !== \"success\"\n            }\n            timeout={300}\n          >\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontSize: \"12px\",\n                color:\n                  currentState === \"measured\"\n                    ? showPulsatingText || pulsatingFinished\n                      ? theme.palette.success.main\n                      : theme.palette.text.secondary\n                    : theme.palette.text.secondary,\n                transition: \"color 0.8s ease-in-out\",\n              }}\n            >\n              <span\n                style={{\n                  opacity:\n                    currentState === \"measured\" && pulsatingFinished\n                      ? showPulsatingText\n                        ? 1\n                        : 0.6\n                      : 1,\n                  transition: \"opacity 2s ease-in-out\",\n                }}\n              >\n                {currentState === \"measuring\"\n                  ? t(\"CycleTimer.Measuring.lb\", \"measuring...\")\n                  : currentState === \"measured\"\n                    ? t(\"CycleTimer.Determined.lb\", \"determined\")\n                    : currentState === \"countdown\" && maxTime !== null\n                      ? t(\"CycleTimer.OfTime.lb\", {\n                          time: formatTimeLocalized(maxTime, i18n.language),\n                        })\n                      : \"\"}\n              </span>\n            </Typography>\n          </Fade>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"names":["DefaultVariant","timerState","animationState","hasError","className","t","i18n","useTranslation","theme","useTheme","currentState","remainingTime","maxTime","currentProgress","showErrorAnimation","showPauseAnimation","showPulsatingText","pulsatingFinished","showLabels","showMainText","showIdlePulsating","idleDotsCount","jsxs","Box","jsx","Gauge","Fade","Typography","formatTimeLocalized"],"mappings":"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"}