@xyo-network/react-address-render 2.62.3 → 2.63.1

package/dist/cjs/components/RenderRowBox.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddressRenderRowBox = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_identicon_1 = require("@xylabs/react-identicon");
+const react_event_1 = require("@xyo-network/react-event");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const favorite_1 = require("./favorite");
+exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
+    var { address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "children", "disableSharedRef", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
+    const theme = (0, material_1.useTheme)();
+    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
+    const [elementRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => {
+            if (address) {
+                dispatch('address', 'click', address);
+            }
+        } }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ disableSharedRef: disableSharedRef, ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: name !== null && name !== void 0 ? name : address }))), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
+});
+exports.AddressRenderRowBox.displayName = 'AddressRenderRowBox';
+//# sourceMappingURL=RenderRowBox.js.map

package/dist/cjs/components/RenderRowBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsD;AACtD,yDAA6D;AAC7D,6DAAmD;AACnD,0DAAmD;AACnD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAalC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CACE,EAA6I,EAC7I,GAAG,EACH,EAAE;QAFF,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAA3I,gHAA6I,CAAF;IAG3I,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,sBAAQ,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,OAAO,CACL,wBAAC,uBAAO,kBACN,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;aACtC;QACH,CAAC,IACG,KAAK,eAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAC/B,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,IAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,2BAAY,kBACX,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAE7D,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,IACH,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,KACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

package/dist/cjs/components/favorite/FavoriteIconButton.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoriteIconButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_event_1 = require("@xyo-network/react-event");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const lib_1 = require("../lib");
+const FavoriteToggleSVG_1 = require("./FavoriteToggleSVG");
+const lib_2 = require("./lib");
+const Popper_1 = require("./Popper");
+exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, favorite: favoriteProp, name, valueType, value } = _a, props = tslib_1.__rest(_a, ["children", "favorite", "name", "valueType", "value"]);
+    const [openPopper, setOpenPopper] = (0, react_1.useState)(false);
+    const [favorite, setFavorite] = (0, react_1.useState)(favoriteProp);
+    (0, react_1.useEffect)(() => {
+        setFavorite(favoriteProp);
+    }, [favoriteProp]);
+    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
+    const [buttonRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
+    const onConfirmFavorite = (name, newFavoriteState) => {
+        const favoriteEvent = (0, lib_1.generateFavoriteEvent)(!!newFavoriteState, valueType, value, name);
+        dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
+        setFavorite(newFavoriteState);
+        setOpenPopper(false);
+    };
+    const starRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(IconButtonCondensed, Object.assign({ "aria-describedby": lib_2.popperId, ref: buttonRef, onClick: (event) => {
+            event.stopPropagation();
+            setOpenPopper(!openPopper);
+        }, onTouchStart: (event) => {
+            event.stopPropagation();
+            setOpenPopper(!openPopper);
+        }, onMouseDown: (e) => e.stopPropagation(), sx: { lineHeight: 0, p: 0.25 } }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: (0, jsx_runtime_1.jsx)(FavoriteToggleSVG_1.FavoriteToggleSVG, { favorite: favorite }) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] })));
+});
+exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
+const IconButtonCondensed = (0, material_1.styled)(material_1.IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
+    lineHeight: 0,
+    padding: theme.spacing(0.25),
+}));
+//# sourceMappingURL=FavoriteIconButton.js.map

package/dist/cjs/components/favorite/FavoriteIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/favorite/FavoriteToggleSVG.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoriteToggleSVG = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
+const StarBorder_1 = tslib_1.__importDefault(require("@mui/icons-material/StarBorder"));
+const FavoriteToggleSVG = ({ favorite }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: favorite ? ((0, jsx_runtime_1.jsx)(Star_1.default, { className: "favorite-icon", component: 'svg', color: "secondary", fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(StarBorder_1.default, { className: "favorite-icon", fontSize: "small" })) }));
+exports.FavoriteToggleSVG = FavoriteToggleSVG;
+//# sourceMappingURL=FavoriteToggleSVG.js.map

package/dist/cjs/components/favorite/FavoriteToggleSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAEpD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,cAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC5F,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC9D,GACA,CACJ,CAAA;AARY,QAAA,iBAAiB,qBAQ7B"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoritePopper = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const lib_1 = require("./lib");
+const PopperButtonGroup_1 = require("./PopperButtonGroup");
+exports.FavoritePopper = (0, react_1.forwardRef)((_a, ref) => {
+    var { name: nameProp, favorite, favoriteRef, onClickAway = () => {
+        return;
+    }, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["name", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
+    const [name, setName] = (0, react_1.useState)(nameProp);
+    (0, react_1.useEffect)(() => {
+        setName(nameProp);
+    }, [nameProp]);
+    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(PopperStyled, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, onClick: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), transition: true, ref: ref }, props, { children: ({ TransitionProps }) => ((0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({}, TransitionProps, { timeout: 350 }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ sx: { display: 'flex', gap: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { autoFocus: true, label: "Favorite Name", placeholder: "optional", size: "small", value: name !== null && name !== void 0 ? name : '', onChange: (e) => setName(e.target.value) }), (0, jsx_runtime_1.jsx)(PopperButtonGroup_1.PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, name: name })] })) }) }))) })) })));
+});
+exports.FavoritePopper.displayName = 'FavoritePopper';
+// Ensure the popper is over all other mui portal elements
+const PopperStyled = (0, material_1.styled)(material_1.Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }));
+//# sourceMappingURL=Popper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkH;AAClH,iCAAkE;AAElE,+BAAgC;AAChC,2DAAuD;AAS1C,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;QACjB,OAAM;IACR,CAAC,EACD,iBAAiB,OAElB,EADI,KAAK,sBARV,uEASC,CADS;IAIV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,WAAW,gBACzC,uBAAC,YAAY,kBACX,EAAE,EAAE,cAAQ,EACZ,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACxC,UAAU,QACV,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,uBAAC,eAAI,oBAAK,eAAe,IAAE,OAAO,EAAE,GAAG,gBACrC,uBAAC,eAAI,cACH,wBAAC,sBAAW,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,iBAC1C,uBAAC,oBAAS,IACR,SAAS,QACT,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,EACF,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,KAC/E,GACT,IACF,CACR,IACY,IACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopperButtonGroup = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
+const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
+const material_1 = require("@mui/material");
+const PopperButtonGroup = (_a) => {
+    var { name, onConfirmFavorite, favorite } = _a, props = tslib_1.__rest(_a, ["name", "onConfirmFavorite", "favorite"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Save Favorite", variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, true);
+                } }, { children: (0, jsx_runtime_1.jsx)(Star_1.default, {}) })), favorite ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Remove Favorite", variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, false);
+                } }, { children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }))) : null] })));
+};
+exports.PopperButtonGroup = PopperButtonGroup;
+//# sourceMappingURL=PopperButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4EAA+C;AAC/C,4CAAqE;AAQ9D,MAAM,iBAAiB,GAAkC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7C,yCAA+C,CAAF;IAC5G,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,iBAAM,kBACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,IAAI,CAAC,CAAA;gBACjC,CAAC,gBAED,uBAAC,cAAQ,KAAG,IACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,iBAAM,kBACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,KAAK,CAAC,CAAA;gBAClC,CAAC,gBAED,uBAAC,gBAAU,KAAG,IACP,CACV,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,iBAAiB,qBA2B7B"}

package/dist/cjs/components/favorite/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FavoriteIconButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/favorite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/favorite/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC"}

package/dist/cjs/components/favorite/lib/PopperId.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.popperId = void 0;
+exports.popperId = 'favorite-popper';
+//# sourceMappingURL=PopperId.js.map

package/dist/cjs/components/favorite/lib/PopperId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperId.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/PopperId.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,iBAAiB,CAAA"}

package/dist/cjs/components/favorite/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PopperId"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/favorite/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/components/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./favorite"), exports);
+tslib_1.__exportStar(require("./lib"), exports);
+tslib_1.__exportStar(require("./RenderRowBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,gDAAqB;AACrB,yDAA8B"}

package/dist/cjs/components/lib/FavoriteItemEvent.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateFavoriteEvent = void 0;
+const generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
+    favorite: !!favorite,
+    favoriteType,
+    favoriteValue,
+    name,
+});
+exports.generateFavoriteEvent = generateFavoriteEvent;
+//# sourceMappingURL=FavoriteItemEvent.js.map

package/dist/cjs/components/lib/FavoriteItemEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":";;;AASO,MAAM,qBAAqB,GAAG,CAAC,QAAkB,EAAE,YAA2B,EAAE,aAAsB,EAAE,IAAa,EAAqB,EAAE,CAAC,CAAC;IACnJ,QAAQ,EAAE,CAAC,CAAC,QAAQ;IACpB,YAAY;IACZ,aAAa;IACb,IAAI;CACL,CAAC,CAAA;AALW,QAAA,qBAAqB,yBAKhC"}

package/dist/cjs/components/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FavoriteItemEvent"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC"}

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/docs.json

@@ -25,7 +25,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L11"
 						}
 					],
 					"type": {
@@ -4745,7 +4745,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 12,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
 						}
 					],
 					"type": {
@@ -5050,7 +5050,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
 						}
 					],
 					"type": {
@@ -9475,7 +9475,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
 						}
 					],
 					"type": {
@@ -9496,7 +9496,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L15"
 						}
 					],
 					"type": {
@@ -9517,7 +9517,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
 						}
 					],
 					"type": {
@@ -15298,7 +15298,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 17,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
 						}
 					],
 					"type": {
@@ -19913,7 +19913,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 							"line": 18,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
 						}
 					],
 					"type": {
@@ -21767,7 +21767,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 					"line": 10,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L10"
 				}
 			],
 			"extendedTypes": [
@@ -21802,7 +21802,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L13"
 						}
 					],
 					"type": {
@@ -21823,7 +21823,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L14"
 						}
 					],
 					"type": {
@@ -21849,7 +21849,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L15"
 						}
 					],
 					"type": {
@@ -21875,7 +21875,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L16"
 						}
 					],
 					"type": {
@@ -21902,7 +21902,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L12"
 				}
 			],
 			"extendedTypes": [
@@ -21946,7 +21946,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 							"line": 2,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L2"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L2"
 						}
 					],
 					"type": {
@@ -21967,7 +21967,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 							"line": 3,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L3"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L3"
 						}
 					],
 					"type": {
@@ -21990,7 +21990,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 							"line": 4,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L4"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L4"
 						}
 					],
 					"type": {
@@ -22011,7 +22011,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 							"line": 5,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L5"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L5"
 						}
 					],
 					"type": {
@@ -22036,7 +22036,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 					"line": 1,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L1"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L1"
 				}
 			]
 		},
@@ -22051,7 +22051,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 					"line": 8,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L8"
 				}
 			],
 			"type": {
@@ -22083,7 +22083,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
 					"line": 21,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L21"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L21"
 				}
 			],
 			"signatures": [
@@ -22213,7 +22213,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
 					"line": 19,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L19"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L19"
 				}
 			],
 			"signatures": [
@@ -22358,7 +22358,7 @@
 					"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 					"line": 10,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L10"
 				}
 			],
 			"signatures": [
@@ -22373,7 +22373,7 @@
 							"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
 							"line": 10,
 							"character": 37,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6e04b89cd41a/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/979e91e13a6b/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L10"
 						}
 					],
 					"parameters": [

package/dist/esm/components/RenderRowBox.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListItemIcon, useTheme } from '@mui/material';
+import { FlexRow } from '@xylabs/react-flexbox';
+import { Identicon } from '@xylabs/react-identicon';
+import { useEvent } from '@xyo-network/react-event';
+import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared';
+import { forwardRef } from 'react';
+import { FavoriteIconButton } from './favorite';
+export const AddressRenderRowBox = forwardRef(({ address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
+    const theme = useTheme();
+    const sharedRef = useShareForwardedRef(ref);
+    const [elementRef, dispatch] = useEvent(undefined, sharedRef);
+    return (_jsxs(FlexRow, { gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => {
+            if (address) {
+                dispatch('address', 'click', address);
+            }
+        }, ...props, children: [icons && address ? (_jsx(ListItemIcon, { sx: { minWidth: 0 }, children: _jsx(Identicon, { size: iconSize, value: address }) })) : null, iconOnly ? null : (_jsx(EllipsizeBox, { disableSharedRef: disableSharedRef, ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize }, children: name ?? address })), children, showFavorite && address ? (_jsx(FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] }));
+});
+AddressRenderRowBox.displayName = 'AddressRenderRowBox';
+//# sourceMappingURL=RenderRowBox.js.map

package/dist/esm/components/RenderRowBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAa/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAC7I,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,OAAO,CACL,MAAC,OAAO,IACN,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;aACtC;QACH,CAAC,KACG,KAAK,aAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,GAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,YAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,YAE7D,IAAI,IAAI,OAAO,GACH,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

package/dist/esm/components/favorite/FavoriteIconButton.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton, styled } from '@mui/material';
+import { useEvent } from '@xyo-network/react-event';
+import { useShareForwardedRef } from '@xyo-network/react-shared';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { generateFavoriteEvent } from '../lib';
+import { FavoriteToggleSVG } from './FavoriteToggleSVG';
+import { popperId } from './lib';
+import { FavoritePopper } from './Popper';
+export const FavoriteIconButton = forwardRef(({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
+    const [openPopper, setOpenPopper] = useState(false);
+    const [favorite, setFavorite] = useState(favoriteProp);
+    useEffect(() => {
+        setFavorite(favoriteProp);
+    }, [favoriteProp]);
+    const sharedRef = useShareForwardedRef(ref);
+    const [buttonRef, dispatch] = useEvent(undefined, sharedRef);
+    const onConfirmFavorite = (name, newFavoriteState) => {
+        const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name);
+        dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
+        setFavorite(newFavoriteState);
+        setOpenPopper(false);
+    };
+    const starRef = useRef(null);
+    return (_jsxs(IconButtonCondensed, { "aria-describedby": popperId, ref: buttonRef, onClick: (event) => {
+            event.stopPropagation();
+            setOpenPopper(!openPopper);
+        }, onTouchStart: (event) => {
+            event.stopPropagation();
+            setOpenPopper(!openPopper);
+        }, onMouseDown: (e) => e.stopPropagation(), sx: { lineHeight: 0, p: 0.25 }, ...props, children: [_jsx("span", { ref: starRef, children: _jsx(FavoriteToggleSVG, { favorite: favorite }) }), _jsx(FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
+});
+FavoriteIconButton.displayName = 'FavoriteIconButton';
+const IconButtonCondensed = styled(IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
+    lineHeight: 0,
+    padding: theme.spacing(0.25),
+}));
+//# sourceMappingURL=FavoriteIconButton.js.map

package/dist/esm/components/favorite/FavoriteIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/favorite/FavoriteToggleSVG.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import StarIcon from '@mui/icons-material/Star';
+import StarBorderIcon from '@mui/icons-material/StarBorder';
+export const FavoriteToggleSVG = ({ favorite }) => (_jsx(_Fragment, { children: favorite ? (_jsx(StarIcon, { className: "favorite-icon", component: 'svg', color: "secondary", fontSize: "small" })) : (_jsx(StarBorderIcon, { className: "favorite-icon", fontSize: "small" })) }));
+//# sourceMappingURL=FavoriteToggleSVG.js.map

package/dist/esm/components/favorite/FavoriteToggleSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,4BACG,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC5F,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC9D,GACA,CACJ,CAAA"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField } from '@mui/material';
+import { forwardRef, useEffect, useState } from 'react';
+import { popperId } from './lib';
+import { PopperButtonGroup } from './PopperButtonGroup';
+export const FavoritePopper = forwardRef(({ name: nameProp, favorite, favoriteRef, onClickAway = () => {
+    return;
+}, onConfirmFavorite, ...props }, ref) => {
+    const [name, setName] = useState(nameProp);
+    useEffect(() => {
+        setName(nameProp);
+    }, [nameProp]);
+    return (_jsx(ClickAwayListener, { onClickAway: onClickAway, children: _jsx(PopperStyled, { id: popperId, anchorEl: favoriteRef?.current, onClick: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), transition: true, ref: ref, ...props, children: ({ TransitionProps }) => (_jsx(Fade, { ...TransitionProps, timeout: 350, children: _jsx(Card, { children: _jsxs(CardContent, { sx: { display: 'flex', gap: 1 }, children: [_jsx(TextField, { autoFocus: true, label: "Favorite Name", placeholder: "optional", size: "small", value: name ?? '', onChange: (e) => setName(e.target.value) }), _jsx(PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, name: name })] }) }) })) }) }));
+});
+FavoritePopper.displayName = 'FavoritePopper';
+// Ensure the popper is over all other mui portal elements
+const PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }));
+//# sourceMappingURL=Popper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAClH,OAAO,EAAE,UAAU,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;IACjB,OAAM;AACR,CAAC,EACD,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,YACzC,KAAC,YAAY,IACX,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,WAAW,EAAE,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACxC,UAAU,QACV,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,OAAK,eAAe,EAAE,OAAO,EAAE,GAAG,YACrC,KAAC,IAAI,cACH,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1C,KAAC,SAAS,IACR,SAAS,QACT,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,EACF,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,IAC/E,GACT,GACF,CACR,GACY,GACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DeleteIcon from '@mui/icons-material/Delete';
+import StarIcon from '@mui/icons-material/Star';
+import { Button, ButtonGroup } from '@mui/material';
+export const PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+    return (_jsxs(ButtonGroup, { ...props, children: [_jsx(Button, { title: "Save Favorite", variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite?.(name, true);
+                }, children: _jsx(StarIcon, {}) }), favorite ? (_jsx(Button, { title: "Remove Favorite", variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite?.(name, false);
+                }, children: _jsx(DeleteIcon, {}) })) : null] }));
+};
+//# sourceMappingURL=PopperButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAQrE,MAAM,CAAC,MAAM,iBAAiB,GAAkC,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,MAAM,IACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;gBACjC,CAAC,YAED,KAAC,QAAQ,KAAG,GACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAClC,CAAC,YAED,KAAC,UAAU,KAAG,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/{components/favorite/index.d.mts → esm/components/favorite/index.js}

@@ -1,2 +1,2 @@
 export * from './FavoriteIconButton';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map