@xyo-network/react-address-render 2.64.0-rc.6 → 2.64.0

package/dist/node/components/favorite/Popper.cjs

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/favorite/Popper.tsx
+var Popper_exports = {};
+__export(Popper_exports, {
+  FavoritePopper: () => FavoritePopper
+});
+module.exports = __toCommonJS(Popper_exports);
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+
+// src/components/favorite/lib/PopperId.ts
+var popperId = "favorite-popper";
+
+// src/components/favorite/PopperButtonGroup.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Button,
+      {
+        title: "Save Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Star, {})
+      }
+    ),
+    favorite ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Button,
+      {
+        title: "Remove Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Delete, {})
+      }
+    ) : null
+  ] });
+};
+
+// src/components/favorite/Popper.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FavoritePopper = (0, import_react.forwardRef)(
+  ({
+    name: nameProp,
+    favorite,
+    favoriteRef,
+    onClickAway = () => {
+      return;
+    },
+    onConfirmFavorite,
+    ...props
+  }, ref) => {
+    const [name, setName] = (0, import_react.useState)(nameProp);
+    (0, import_react.useEffect)(() => {
+      setName(nameProp);
+    }, [nameProp]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.ClickAwayListener, { onClickAway, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      PopperStyled,
+      {
+        id: popperId,
+        anchorEl: favoriteRef == null ? void 0 : favoriteRef.current,
+        onClick: (e) => e.stopPropagation(),
+        onTouchStart: (e) => e.stopPropagation(),
+        transition: true,
+        ref,
+        ...props,
+        children: ({ TransitionProps }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Fade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardContent, { sx: { display: "flex", gap: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_material2.TextField,
+            {
+              autoFocus: true,
+              label: "Favorite Name",
+              placeholder: "optional",
+              size: "small",
+              value: name ?? "",
+              onChange: (e) => setName(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PopperButtonGroup, { favorite, onConfirmFavorite, name })
+        ] }) }) })
+      }
+    ) });
+  }
+);
+FavoritePopper.displayName = "FavoritePopper";
+var PopperStyled = (0, import_material2.styled)(import_material2.Popper, { name: "PopperStyled" })(() => ({ zIndex: 9999 }));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FavoritePopper
+});
+//# sourceMappingURL=Popper.cjs.map

package/dist/node/components/favorite/Popper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/favorite/Popper.tsx","../../../../src/components/favorite/lib/PopperId.ts","../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'\nimport { forwardRef, RefObject, useEffect, useState } from 'react'\n\nimport { popperId } from './lib'\nimport { PopperButtonGroup } from './PopperButtonGroup'\n\nexport interface FavoritePopperProps extends PopperProps {\n  favorite?: boolean\n  favoriteRef?: RefObject<HTMLElement>\n  name?: string\n  onClickAway?: (event: MouseEvent | TouchEvent) => void\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\nexport const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(\n  (\n    {\n      name: nameProp,\n      favorite,\n      favoriteRef,\n      onClickAway = () => {\n        return\n      },\n      onConfirmFavorite,\n      ...props\n    },\n    ref,\n  ) => {\n    const [name, setName] = useState(nameProp)\n    useEffect(() => {\n      setName(nameProp)\n    }, [nameProp])\n\n    return (\n      <ClickAwayListener onClickAway={onClickAway}>\n        <PopperStyled\n          id={popperId}\n          anchorEl={favoriteRef?.current}\n          onClick={(e) => e.stopPropagation()}\n          onTouchStart={(e) => e.stopPropagation()}\n          transition\n          ref={ref}\n          {...props}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350}>\n              <Card>\n                <CardContent sx={{ display: 'flex', gap: 1 }}>\n                  <TextField\n                    autoFocus\n                    label=\"Favorite Name\"\n                    placeholder=\"optional\"\n                    size=\"small\"\n                    value={name ?? ''}\n                    onChange={(e) => setName(e.target.value)}\n                  />\n                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />\n                </CardContent>\n              </Card>\n            </Fade>\n          )}\n        </PopperStyled>\n      </ClickAwayListener>\n    )\n  },\n)\n\nFavoritePopper.displayName = 'FavoritePopper'\n\n// Ensure the popper is over all other mui portal elements\nconst PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))\n","export const popperId = 'favorite-popper'\n","import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAmG;AACnG,mBAA2D;;;ACDpD,IAAM,WAAW;;;ACAxB,4BAAuD;AACvD,sBAAsD;AAUlD;AAFG,IAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,sDAAC,sBAAAC,MAAA,EAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,sDAAC,sBAAAC,QAAA,EAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;;;AFUgB,IAAAC,sBAAA;AAjCT,IAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,IACF;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,QAAQ;AACzC,gCAAU,MAAM;AACd,cAAQ,QAAQ;AAAA,IAClB,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE,6CAAC,sCAAkB,aACjB;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU,2CAAa;AAAA,QACvB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,cAAc,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACvC,YAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA,QAEH,WAAC,EAAE,gBAAgB,MAClB,6CAAC,yBAAM,GAAG,iBAAiB,SAAS,KAClC,uDAAC,yBACC,wDAAC,gCAAY,IAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,GACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAM;AAAA,cACN,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO,QAAQ;AAAA,cACf,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,UACzC;AAAA,UACA,6CAAC,qBAAkB,UAAoB,mBAAsC,MAAY;AAAA,WAC3F,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAG7B,IAAM,mBAAe,yBAAO,yBAAQ,EAAE,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,KAAK,EAAE;","names":["import_material","StarIcon","DeleteIcon","import_jsx_runtime"]}

package/dist/node/components/favorite/Popper.d.cts

@@ -0,0 +1,11 @@
+import { PopperProps } from '@mui/material';
+import { RefObject } from 'react';
+export interface FavoritePopperProps extends PopperProps {
+    favorite?: boolean;
+    favoriteRef?: RefObject<HTMLElement>;
+    name?: string;
+    onClickAway?: (event: MouseEvent | TouchEvent) => void;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
+}
+export declare const FavoritePopper: import("react").ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/node/components/favorite/Popper.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,WAAW,EAAqB,MAAM,eAAe,CAAA;AAClH,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAA;AAKlE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AACD,eAAO,MAAM,cAAc,6HAmD1B,CAAA"}

package/dist/node/components/favorite/Popper.js

@@ -1,32 +1,46 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+// src/components/favorite/Popper.tsx
+import { Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField } from "@mui/material";
+import { forwardRef, useEffect, useState } from "react";
+
+// src/components/favorite/lib/PopperId.ts
+var popperId = "favorite-popper";
+
+// src/components/favorite/PopperButtonGroup.tsx
+import { Delete as DeleteIcon, Star as StarIcon } from "@mui/icons-material";
+import { Button, ButtonGroup } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ jsxs(ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        title: "Save Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
+        },
+        children: /* @__PURE__ */ jsx(StarIcon, {})
+      }
+    ),
+    favorite ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        title: "Remove Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
+        },
+        children: /* @__PURE__ */ jsx(DeleteIcon, {})
+      }
+    ) : null
+  ] });
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Popper_exports = {};
-__export(Popper_exports, {
-  FavoritePopper: () => FavoritePopper
-});
-module.exports = __toCommonJS(Popper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react = require("react");
-var import_lib = require("./lib");
-var import_PopperButtonGroup = require("./PopperButtonGroup");
-const FavoritePopper = (0, import_react.forwardRef)(
+
+// src/components/favorite/Popper.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var FavoritePopper = forwardRef(
   ({
     name: nameProp,
     favorite,
@@ -37,23 +51,23 @@ const FavoritePopper = (0, import_react.forwardRef)(
     onConfirmFavorite,
     ...props
   }, ref) => {
-    const [name, setName] = (0, import_react.useState)(nameProp);
-    (0, import_react.useEffect)(() => {
+    const [name, setName] = useState(nameProp);
+    useEffect(() => {
       setName(nameProp);
     }, [nameProp]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ClickAwayListener, { onClickAway, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ jsx2(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsx2(
       PopperStyled,
       {
-        id: import_lib.popperId,
-        anchorEl: favoriteRef?.current,
+        id: popperId,
+        anchorEl: favoriteRef == null ? void 0 : favoriteRef.current,
         onClick: (e) => e.stopPropagation(),
         onTouchStart: (e) => e.stopPropagation(),
         transition: true,
         ref,
         ...props,
-        children: ({ TransitionProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Fade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.CardContent, { sx: { display: "flex", gap: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_material.TextField,
+        children: ({ TransitionProps }) => /* @__PURE__ */ jsx2(Fade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ jsx2(Card, { children: /* @__PURE__ */ jsxs2(CardContent, { sx: { display: "flex", gap: 1 }, children: [
+          /* @__PURE__ */ jsx2(
+            TextField,
             {
               autoFocus: true,
               label: "Favorite Name",
@@ -63,16 +77,15 @@ const FavoritePopper = (0, import_react.forwardRef)(
               onChange: (e) => setName(e.target.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PopperButtonGroup.PopperButtonGroup, { favorite, onConfirmFavorite, name })
+          /* @__PURE__ */ jsx2(PopperButtonGroup, { favorite, onConfirmFavorite, name })
         ] }) }) })
       }
     ) });
   }
 );
 FavoritePopper.displayName = "FavoritePopper";
-const PopperStyled = (0, import_material.styled)(import_material.Popper, { name: "PopperStyled" })(() => ({ zIndex: 9999 }));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+var PopperStyled = styled(Popper, { name: "PopperStyled" })(() => ({ zIndex: 9999 }));
+export {
   FavoritePopper
-});
+};
 //# sourceMappingURL=Popper.js.map

package/dist/node/components/favorite/Popper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/favorite/Popper.tsx"],"sourcesContent":["import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'\nimport { forwardRef, RefObject, useEffect, useState } from 'react'\n\nimport { popperId } from './lib'\nimport { PopperButtonGroup } from './PopperButtonGroup'\n\nexport interface FavoritePopperProps extends PopperProps {\n  favorite?: boolean\n  favoriteRef?: RefObject<HTMLElement>\n  name?: string\n  onClickAway?: (event: MouseEvent | TouchEvent) => void\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\nexport const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(\n  (\n    {\n      name: nameProp,\n      favorite,\n      favoriteRef,\n      onClickAway = () => {\n        return\n      },\n      onConfirmFavorite,\n      ...props\n    },\n    ref,\n  ) => {\n    const [name, setName] = useState(nameProp)\n    useEffect(() => {\n      setName(nameProp)\n    }, [nameProp])\n\n    return (\n      <ClickAwayListener onClickAway={onClickAway}>\n        <PopperStyled\n          id={popperId}\n          anchorEl={favoriteRef?.current}\n          onClick={(e) => e.stopPropagation()}\n          onTouchStart={(e) => e.stopPropagation()}\n          transition\n          ref={ref}\n          {...props}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350}>\n              <Card>\n                <CardContent sx={{ display: 'flex', gap: 1 }}>\n                  <TextField\n                    autoFocus\n                    label=\"Favorite Name\"\n                    placeholder=\"optional\"\n                    size=\"small\"\n                    value={name ?? ''}\n                    onChange={(e) => setName(e.target.value)}\n                  />\n                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />\n                </CardContent>\n              </Card>\n            </Fade>\n          )}\n        </PopperStyled>\n      </ClickAwayListener>\n    )\n  },\n)\n\nFavoritePopper.displayName = 'FavoritePopper'\n\n// Ensure the popper is over all other mui portal elements\nconst PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CgB;AA9ChB,sBAAmG;AACnG,mBAA2D;AAE3D,iBAAyB;AACzB,+BAAkC;AAS3B,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,IACF;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,QAAQ;AACzC,gCAAU,MAAM;AACd,cAAQ,QAAQ;AAAA,IAClB,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE,4CAAC,qCAAkB,aACjB;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU,aAAa;AAAA,QACvB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,cAAc,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACvC,YAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA,QAEH,WAAC,EAAE,gBAAgB,MAClB,4CAAC,wBAAM,GAAG,iBAAiB,SAAS,KAClC,sDAAC,wBACC,uDAAC,+BAAY,IAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,GACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAM;AAAA,cACN,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO,QAAQ;AAAA,cACf,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,UACzC;AAAA,UACA,4CAAC,8CAAkB,UAAoB,mBAAsC,MAAY;AAAA,WAC3F,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAG7B,MAAM,mBAAe,wBAAO,wBAAQ,EAAE,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,KAAK,EAAE;","names":[]}
+{"version":3,"sources":["../../../../src/components/favorite/Popper.tsx","../../../../src/components/favorite/lib/PopperId.ts","../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'\nimport { forwardRef, RefObject, useEffect, useState } from 'react'\n\nimport { popperId } from './lib'\nimport { PopperButtonGroup } from './PopperButtonGroup'\n\nexport interface FavoritePopperProps extends PopperProps {\n  favorite?: boolean\n  favoriteRef?: RefObject<HTMLElement>\n  name?: string\n  onClickAway?: (event: MouseEvent | TouchEvent) => void\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\nexport const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(\n  (\n    {\n      name: nameProp,\n      favorite,\n      favoriteRef,\n      onClickAway = () => {\n        return\n      },\n      onConfirmFavorite,\n      ...props\n    },\n    ref,\n  ) => {\n    const [name, setName] = useState(nameProp)\n    useEffect(() => {\n      setName(nameProp)\n    }, [nameProp])\n\n    return (\n      <ClickAwayListener onClickAway={onClickAway}>\n        <PopperStyled\n          id={popperId}\n          anchorEl={favoriteRef?.current}\n          onClick={(e) => e.stopPropagation()}\n          onTouchStart={(e) => e.stopPropagation()}\n          transition\n          ref={ref}\n          {...props}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350}>\n              <Card>\n                <CardContent sx={{ display: 'flex', gap: 1 }}>\n                  <TextField\n                    autoFocus\n                    label=\"Favorite Name\"\n                    placeholder=\"optional\"\n                    size=\"small\"\n                    value={name ?? ''}\n                    onChange={(e) => setName(e.target.value)}\n                  />\n                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />\n                </CardContent>\n              </Card>\n            </Fade>\n          )}\n        </PopperStyled>\n      </ClickAwayListener>\n    )\n  },\n)\n\nFavoritePopper.displayName = 'FavoritePopper'\n\n// Ensure the popper is over all other mui portal elements\nconst PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))\n","export const popperId = 'favorite-popper'\n","import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":";AAAA,SAAS,MAAM,aAAa,mBAAmB,MAAM,QAAqB,QAAQ,iBAAiB;AACnG,SAAS,YAAuB,WAAW,gBAAgB;;;ACDpD,IAAM,WAAW;;;ACAxB,SAAS,UAAU,YAAY,QAAQ,gBAAgB;AACvD,SAAS,QAAQ,mBAAqC;AAUlD,SASI,KATJ;AAFG,IAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,qBAAC,eAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,8BAAC,cAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;;;AFUgB,SACE,OAAAA,MADF,QAAAC,aAAA;AAjCT,IAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,IACF;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,MAAM,OAAO,IAAI,SAAS,QAAQ;AACzC,cAAU,MAAM;AACd,cAAQ,QAAQ;AAAA,IAClB,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE,gBAAAD,KAAC,qBAAkB,aACjB,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU,2CAAa;AAAA,QACvB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,cAAc,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACvC,YAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA,QAEH,WAAC,EAAE,gBAAgB,MAClB,gBAAAA,KAAC,QAAM,GAAG,iBAAiB,SAAS,KAClC,0BAAAA,KAAC,QACC,0BAAAC,MAAC,eAAY,IAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,GACzC;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAM;AAAA,cACN,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO,QAAQ;AAAA,cACf,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,UACzC;AAAA,UACA,gBAAAA,KAAC,qBAAkB,UAAoB,mBAAsC,MAAY;AAAA,WAC3F,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAG7B,IAAM,eAAe,OAAO,QAAQ,EAAE,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,KAAK,EAAE;","names":["jsx","jsxs"]}

package/dist/node/components/favorite/PopperButtonGroup.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/favorite/PopperButtonGroup.tsx
+var PopperButtonGroup_exports = {};
+__export(PopperButtonGroup_exports, {
+  PopperButtonGroup: () => PopperButtonGroup
+});
+module.exports = __toCommonJS(PopperButtonGroup_exports);
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Button,
+      {
+        title: "Save Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Star, {})
+      }
+    ),
+    favorite ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Button,
+      {
+        title: "Remove Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Delete, {})
+      }
+    ) : null
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopperButtonGroup
+});
+//# sourceMappingURL=PopperButtonGroup.cjs.map

package/dist/node/components/favorite/{PopperButtonGroup.mjs.map → PopperButtonGroup.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":"AAWI,SASI,KATJ;AAXJ,SAAS,UAAU,YAAY,QAAQ,gBAAgB;AACvD,SAAS,QAAQ,mBAAqC;AAQ/C,MAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,qBAAC,eAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,IAAI;AAAA,QAChC;AAAA,QAEA,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA,8BAAC,cAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAuD;AACvD,sBAAsD;AAUlD;AAFG,IAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,sDAAC,sBAAAA,MAAA,EAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,sDAAC,sBAAAC,QAAA,EAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;","names":["StarIcon","DeleteIcon"]}

package/dist/node/components/favorite/PopperButtonGroup.d.cts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonGroupProps } from '@mui/material';
+export interface FavoritePopperProps extends ButtonGroupProps {
+    favorite?: boolean;
+    name?: string;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
+}
+export declare const PopperButtonGroup: React.FC<FavoritePopperProps>;
+//# sourceMappingURL=PopperButtonGroup.d.ts.map

package/dist/node/components/favorite/PopperButtonGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErE,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2B3D,CAAA"}

package/dist/node/components/favorite/PopperButtonGroup.js

@@ -1,59 +1,36 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PopperButtonGroup_exports = {};
-__export(PopperButtonGroup_exports, {
-  PopperButtonGroup: () => PopperButtonGroup
-});
-module.exports = __toCommonJS(PopperButtonGroup_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-const PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_material.Button,
+// src/components/favorite/PopperButtonGroup.tsx
+import { Delete as DeleteIcon, Star as StarIcon } from "@mui/icons-material";
+import { Button, ButtonGroup } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ jsxs(ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
         title: "Save Favorite",
         variant: "contained",
         onClick: (e) => {
           e.stopPropagation();
-          onConfirmFavorite?.(name, true);
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Star, {})
+        children: /* @__PURE__ */ jsx(StarIcon, {})
       }
     ),
-    favorite ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_material.Button,
+    favorite ? /* @__PURE__ */ jsx(
+      Button,
       {
         title: "Remove Favorite",
         variant: "contained",
         onClick: (e) => {
           e.stopPropagation();
-          onConfirmFavorite?.(name, false);
+          onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Delete, {})
+        children: /* @__PURE__ */ jsx(DeleteIcon, {})
       }
     ) : null
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   PopperButtonGroup
-});
+};
 //# sourceMappingURL=PopperButtonGroup.js.map

package/dist/node/components/favorite/PopperButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAXJ,4BAAuD;AACvD,sBAAsD;AAQ/C,MAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,IAAI;AAAA,QAChC;AAAA,QAEA,sDAAC,sBAAAA,MAAA,EAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA,sDAAC,sBAAAC,QAAA,EAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;","names":["StarIcon","DeleteIcon"]}
+{"version":3,"sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"sourcesContent":["import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite ? (\n        <Button\n          title=\"Remove Favorite\"\n          variant=\"contained\"\n          onClick={(e) => {\n            e.stopPropagation()\n            onConfirmFavorite?.(name, false)\n          }}\n        >\n          <DeleteIcon />\n        </Button>\n      ) : null}\n    </ButtonGroup>\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU,YAAY,QAAQ,gBAAgB;AACvD,SAAS,QAAQ,mBAAqC;AAUlD,SASI,KATJ;AAFG,IAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,qBAAC,eAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,iEAAoB,MAAM;AAAA,QAC5B;AAAA,QAEA,8BAAC,cAAW;AAAA;AAAA,IACd,IACE;AAAA,KACN;AAEJ;","names":[]}