@xyo-network/react-share 2.64.0-rc.3 → 2.64.0-rc.4

package/dist/browser/ShareButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/browser/ShareButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/{index.mjs → browser/ShareButton.js}

@@ -1,12 +1,11 @@
-// src/ShareButton.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from "@mui/icons-material";
 import { Popover } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { FlexRow } from "@xylabs/react-flexbox";
 import { LinkEx } from "@xylabs/react-link";
 import { useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ShareButton = ({ prepared = true, shareLink, ...props }) => {
+const ShareButton = ({ prepared = true, shareLink, ...props }) => {
   const [expanded, setExpanded] = useState(false);
   const anchorRef = useRef(null);
   const link = shareLink ?? window.location.href;
@@ -56,4 +55,4 @@ var ShareButton = ({ prepared = true, shareLink, ...props }) => {
 export {
   ShareButton
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=ShareButton.js.map

package/dist/browser/ShareButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":"AA6BQ,cAGA,YAHA;AA7BR,SAAS,YAAY,cAAc,SAAS,WAAW,WAAW,mBAAmB;AACrF,SAAS,eAAe;AACxB,SAAS,gBAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,QAAQ,gBAAgB;AAO1B,MAAM,cAA0C,CAAC,EAAE,WAAW,MAAM,WAAW,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,OAAO,aAAa,OAAO,SAAS;AAE1C,SACE,qBAAC,WAAQ,KAAK,GAAG,KAAK,WACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,sBAAY,IAAI;AAAA,QAClB;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,aAAU,WAAU,QAAO,UAAS,SAAQ;AAAA;AAAA,IAC/C;AAAA,IACA,oBAAC,WAAQ,MAAM,WAAW,WAAW,OAAO,UAAU,UAAU,SAAS,SAAS,MAAM,YAAY,KAAK,GAAG,oBAAoB,KAC9H,+BAAC,WAAQ,KAAK,KAAK,SAAS,KAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,wCAAwC,mBAAmB,IAAI,CAAC,EAAE;AAC9E,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,gDAAgD,mBAAmB,IAAI,CAAC,EAAE;AACtF,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,gBAAa,UAAS,SAAQ;AAAA;AAAA,MACjC;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/ShareButton.stories.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { ShareButton } from "./ShareButton";
+var ShareButton_stories_default = {
+  title: "modules/ShareButton"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(ShareButton, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithUnPrepared = Template.bind({});
+WithUnPrepared.args = { prepared: false };
+const WithCustomShareLink = Template.bind({});
+WithCustomShareLink.args = { shareLink: "http://explore.xyo.network" };
+export {
+  Default,
+  WithCustomShareLink,
+  WithUnPrepared,
+  ShareButton_stories_default as default
+};
+//# sourceMappingURL=ShareButton.stories.js.map

package/dist/browser/ShareButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { ShareButton } from './ShareButton'\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'modules/ShareButton',\n} as Meta<typeof ShareButton>\n\nconst Template: StoryFn<typeof ShareButton> = (props) => {\n  return <ShareButton {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithUnPrepared = Template.bind({})\nWithUnPrepared.args = { prepared: false }\n\nconst WithCustomShareLink = Template.bind({})\nWithCustomShareLink.args = { shareLink: 'http://explore.xyo.network' }\n\nexport { Default, WithCustomShareLink, WithUnPrepared }\n"],"mappings":"AAUS;AART,SAAS,mBAAmB;AAG5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,WAAwC,CAAC,UAAU;AACvD,SAAO,oBAAC,eAAa,GAAG,OAAO;AACjC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,MAAM;AAExC,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAC5C,oBAAoB,OAAO,EAAE,WAAW,6BAA6B;","names":[]}

package/dist/{index.d.mts.map → browser/index.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/{index.d.ts.map → browser/index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/browser/index.js

@@ -0,0 +1,2 @@
+export * from "./ShareButton";
+//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './ShareButton'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/ShareButton.d.mts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ButtonExProps } from '@xylabs/react-button';
+export interface ShareButtonProps extends ButtonExProps {
+    prepared?: boolean;
+    shareLink?: string;
+}
+export declare const ShareButton: React.FC<ShareButtonProps>;
+//# sourceMappingURL=ShareButton.d.ts.map

package/dist/node/ShareButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/node/ShareButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ButtonExProps } from '@xylabs/react-button';
+export interface ShareButtonProps extends ButtonExProps {
+    prepared?: boolean;
+    shareLink?: string;
+}
+export declare const ShareButton: React.FC<ShareButtonProps>;
+//# sourceMappingURL=ShareButton.d.ts.map

package/dist/node/ShareButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/{index.js → node/ShareButton.js}

@@ -16,23 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var ShareButton_exports = {};
+__export(ShareButton_exports, {
   ShareButton: () => ShareButton
 });
-module.exports = __toCommonJS(src_exports);
-
-// src/ShareButton.tsx
+module.exports = __toCommonJS(ShareButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons_material = require("@mui/icons-material");
 var import_material = require("@mui/material");
 var import_react_button = require("@xylabs/react-button");
 var import_react_flexbox = require("@xylabs/react-flexbox");
 var import_react_link = require("@xylabs/react-link");
 var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ShareButton = ({ prepared = true, shareLink, ...props }) => {
+const ShareButton = ({ prepared = true, shareLink, ...props }) => {
   const [expanded, setExpanded] = (0, import_react.useState)(false);
   const anchorRef = (0, import_react.useRef)(null);
   const link = shareLink ?? window.location.href;
@@ -83,4 +79,4 @@ var ShareButton = ({ prepared = true, shareLink, ...props }) => {
 0 && (module.exports = {
   ShareButton
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=ShareButton.js.map

package/dist/node/ShareButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA7BR,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAiC;AAO1B,MAAM,cAA0C,CAAC,EAAE,WAAW,MAAM,WAAW,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,gBAAY,qBAAO,IAAI;AAC7B,QAAM,OAAO,aAAa,OAAO,SAAS;AAE1C,SACE,6CAAC,gCAAQ,KAAK,GAAG,KAAK,WACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,sBAAY,IAAI;AAAA,QAClB;AAAA,QACC,GAAG;AAAA,QAEJ,sDAAC,sBAAAA,OAAA,EAAU,WAAU,QAAO,UAAS,SAAQ;AAAA;AAAA,IAC/C;AAAA,IACA,4CAAC,2BAAQ,MAAM,WAAW,WAAW,OAAO,UAAU,UAAU,SAAS,SAAS,MAAM,YAAY,KAAK,GAAG,oBAAoB,KAC9H,uDAAC,gCAAQ,KAAK,KAAK,SAAS,KAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,wCAAwC,mBAAmB,IAAI,CAAC,EAAE;AAC9E,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,sDAAC,sBAAAC,SAAA,EAAY,UAAS,SAAQ;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,gDAAgD,mBAAmB,IAAI,CAAC,EAAE;AACtF,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,sDAAC,sBAAAC,UAAA,EAAa,UAAS,SAAQ;AAAA;AAAA,MACjC;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":["ShareIcon","TwitterIcon","FacebookIcon"]}

package/dist/node/ShareButton.mjs

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from "@mui/icons-material";
+import { Popover } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { LinkEx } from "@xylabs/react-link";
+import { useRef, useState } from "react";
+const ShareButton = ({ prepared = true, shareLink, ...props }) => {
+  const [expanded, setExpanded] = useState(false);
+  const anchorRef = useRef(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ jsxs(FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ jsx(
+      ButtonEx,
+      {
+        variant: "text",
+        minWidth: 32,
+        size: "small",
+        disabled: !prepared,
+        onClick: () => {
+          setExpanded(true);
+        },
+        ...props,
+        children: /* @__PURE__ */ jsx(ShareIcon, { htmlColor: "gray", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ jsxs(FlexRow, { gap: 0.5, padding: 0.5, children: [
+      /* @__PURE__ */ jsx(
+        LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#1da1f2" },
+          onClick: () => {
+            window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ jsx(TwitterIcon, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#4267b2" },
+          onClick: () => {
+            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ jsx(FacebookIcon, { fontSize: "small" })
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  ShareButton
+};
+//# sourceMappingURL=ShareButton.mjs.map

package/dist/node/ShareButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":"AA6BQ,cAGA,YAHA;AA7BR,SAAS,YAAY,cAAc,SAAS,WAAW,WAAW,mBAAmB;AACrF,SAAS,eAAe;AACxB,SAAS,gBAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,QAAQ,gBAAgB;AAO1B,MAAM,cAA0C,CAAC,EAAE,WAAW,MAAM,WAAW,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,OAAO,aAAa,OAAO,SAAS;AAE1C,SACE,qBAAC,WAAQ,KAAK,GAAG,KAAK,WACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,sBAAY,IAAI;AAAA,QAClB;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,aAAU,WAAU,QAAO,UAAS,SAAQ;AAAA;AAAA,IAC/C;AAAA,IACA,oBAAC,WAAQ,MAAM,WAAW,WAAW,OAAO,UAAU,UAAU,SAAS,SAAS,MAAM,YAAY,KAAK,GAAG,oBAAoB,KAC9H,+BAAC,WAAQ,KAAK,KAAK,SAAS,KAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,wCAAwC,mBAAmB,IAAI,CAAC,EAAE;AAC9E,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,gDAAgD,mBAAmB,IAAI,CAAC,EAAE;AACtF,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,gBAAa,UAAS,SAAQ;AAAA;AAAA,MACjC;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/ShareButton.stories.js

@@ -0,0 +1,47 @@
+"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 ShareButton_stories_exports = {};
+__export(ShareButton_stories_exports, {
+  Default: () => Default,
+  WithCustomShareLink: () => WithCustomShareLink,
+  WithUnPrepared: () => WithUnPrepared,
+  default: () => ShareButton_stories_default
+});
+module.exports = __toCommonJS(ShareButton_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ShareButton = require("./ShareButton");
+var ShareButton_stories_default = {
+  title: "modules/ShareButton"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShareButton.ShareButton, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithUnPrepared = Template.bind({});
+WithUnPrepared.args = { prepared: false };
+const WithCustomShareLink = Template.bind({});
+WithCustomShareLink.args = { shareLink: "http://explore.xyo.network" };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithCustomShareLink,
+  WithUnPrepared
+});
+//# sourceMappingURL=ShareButton.stories.js.map

package/dist/node/ShareButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { ShareButton } from './ShareButton'\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'modules/ShareButton',\n} as Meta<typeof ShareButton>\n\nconst Template: StoryFn<typeof ShareButton> = (props) => {\n  return <ShareButton {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithUnPrepared = Template.bind({})\nWithUnPrepared.args = { prepared: false }\n\nconst WithCustomShareLink = Template.bind({})\nWithCustomShareLink.args = { shareLink: 'http://explore.xyo.network' }\n\nexport { Default, WithCustomShareLink, WithUnPrepared }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUS;AART,yBAA4B;AAG5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,WAAwC,CAAC,UAAU;AACvD,SAAO,4CAAC,kCAAa,GAAG,OAAO;AACjC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,MAAM;AAExC,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAC5C,oBAAoB,OAAO,EAAE,WAAW,6BAA6B;","names":[]}

package/dist/node/ShareButton.stories.mjs

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { ShareButton } from "./ShareButton";
+var ShareButton_stories_default = {
+  title: "modules/ShareButton"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(ShareButton, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithUnPrepared = Template.bind({});
+WithUnPrepared.args = { prepared: false };
+const WithCustomShareLink = Template.bind({});
+WithCustomShareLink.args = { shareLink: "http://explore.xyo.network" };
+export {
+  Default,
+  WithCustomShareLink,
+  WithUnPrepared,
+  ShareButton_stories_default as default
+};
+//# sourceMappingURL=ShareButton.stories.mjs.map

package/dist/node/ShareButton.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ShareButton.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { ShareButton } from './ShareButton'\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'modules/ShareButton',\n} as Meta<typeof ShareButton>\n\nconst Template: StoryFn<typeof ShareButton> = (props) => {\n  return <ShareButton {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithUnPrepared = Template.bind({})\nWithUnPrepared.args = { prepared: false }\n\nconst WithCustomShareLink = Template.bind({})\nWithCustomShareLink.args = { shareLink: 'http://explore.xyo.network' }\n\nexport { Default, WithCustomShareLink, WithUnPrepared }\n"],"mappings":"AAUS;AART,SAAS,mBAAmB;AAG5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,WAAwC,CAAC,UAAU;AACvD,SAAO,oBAAC,eAAa,GAAG,OAAO;AACjC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,MAAM;AAExC,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAC5C,oBAAoB,OAAO,EAAE,WAAW,6BAA6B;","names":[]}

package/dist/node/index.d.mts

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

package/dist/node/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/node/index.d.ts

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

package/dist/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/node/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./ShareButton"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./ShareButton")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './ShareButton'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;","names":[]}

package/dist/node/index.mjs

@@ -0,0 +1,2 @@
+export * from "./ShareButton";
+//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './ShareButton'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/package.json

@@ -10,9 +10,9 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-button": "^3.1.0-rc.3",
-    "@xylabs/react-flexbox": "^3.1.0-rc.3",
-    "@xylabs/react-link": "^3.1.0-rc.3"
+    "@xylabs/react-button": "^3.1.0-rc.6",
+    "@xylabs/react-flexbox": "^3.1.0-rc.6",
+    "@xylabs/react-link": "^3.1.0-rc.6"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.4.3",
-    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/ts-scripts-yarn3": "^3.0.55",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -35,30 +35,30 @@
     ".": {
       "node": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/node/index.d.mts",
+          "default": "./dist/node/index.mjs"
         },
         "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
+          "types": "./dist/node/index.d.ts",
+          "default": "./dist/node/index.js"
         }
       },
       "browser": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/browser/index.d.ts",
+          "default": "./dist/browser/index.js"
         },
         "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
+          "types": "./dist/browser/index.d.ts",
+          "default": "./dist/browser/index.js"
         }
       },
-      "default": "./dist/index.mjs"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/browser/index.js",
+  "module": "dist/browser/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -79,7 +79,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts",
-  "version": "2.64.0-rc.3",
+  "types": "dist/browser/index.d.ts",
+  "version": "2.64.0-rc.4",
   "stableVersion": "2.63.1"
 }

package/dist/ShareButton.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/ShareButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../src/ShareButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAK9D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/ShareButton.stories.d.mts

@@ -1,7 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-export default _default;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-declare const WithUnPrepared: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-declare const WithCustomShareLink: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-export { Default, WithCustomShareLink, WithUnPrepared };
-//# sourceMappingURL=ShareButton.stories.d.ts.map

package/dist/ShareButton.stories.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.stories.d.ts","sourceRoot":"","sources":["../src/ShareButton.stories.tsx"],"names":[],"mappings":";AAKA,wBAE6B;AAM7B,QAAA,MAAM,OAAO,yIAAoB,CAAA;AAGjC,QAAA,MAAM,cAAc,yIAAoB,CAAA;AAGxC,QAAA,MAAM,mBAAmB,yIAAoB,CAAA;AAG7C,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA"}

package/dist/ShareButton.stories.d.ts

@@ -1,7 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-export default _default;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-declare const WithUnPrepared: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-declare const WithCustomShareLink: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ShareButton").ShareButtonProps>;
-export { Default, WithCustomShareLink, WithUnPrepared };
-//# sourceMappingURL=ShareButton.stories.d.ts.map

package/dist/ShareButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.stories.d.ts","sourceRoot":"","sources":["../src/ShareButton.stories.tsx"],"names":[],"mappings":";AAKA,wBAE6B;AAM7B,QAAA,MAAM,OAAO,yIAAoB,CAAA;AAGjC,QAAA,MAAM,cAAc,yIAAoB,CAAA;AAGxC,QAAA,MAAM,mBAAmB,yIAAoB,CAAA;AAG7C,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton'\n","import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAiC;AAwBzB;AAjBD,IAAM,cAA0C,CAAC,EAAE,WAAW,MAAM,WAAW,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,gBAAY,qBAAO,IAAI;AAC7B,QAAM,OAAO,aAAa,OAAO,SAAS;AAE1C,SACE,6CAAC,gCAAQ,KAAK,GAAG,KAAK,WACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,sBAAY,IAAI;AAAA,QAClB;AAAA,QACC,GAAG;AAAA,QAEJ,sDAAC,sBAAAA,OAAA,EAAU,WAAU,QAAO,UAAS,SAAQ;AAAA;AAAA,IAC/C;AAAA,IACA,4CAAC,2BAAQ,MAAM,WAAW,WAAW,OAAO,UAAU,UAAU,SAAS,SAAS,MAAM,YAAY,KAAK,GAAG,oBAAoB,KAC9H,uDAAC,gCAAQ,KAAK,KAAK,SAAS,KAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,wCAAwC,mBAAmB,IAAI,CAAC,EAAE;AAC9E,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,sDAAC,sBAAAC,SAAA,EAAY,UAAS,SAAQ;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,gDAAgD,mBAAmB,IAAI,CAAC,EAAE;AACtF,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,sDAAC,sBAAAC,UAAA,EAAa,UAAS,SAAQ;AAAA;AAAA,MACjC;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":["ShareIcon","TwitterIcon","FacebookIcon"]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ShareButton.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";AAAA,SAAS,YAAY,cAAc,SAAS,WAAW,WAAW,mBAAmB;AACrF,SAAS,eAAe;AACxB,SAAS,gBAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,QAAQ,gBAAgB;AAwBzB,cAGA,YAHA;AAjBD,IAAM,cAA0C,CAAC,EAAE,WAAW,MAAM,WAAW,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,YAAY,OAAO,IAAI;AAC7B,QAAM,OAAO,aAAa,OAAO,SAAS;AAE1C,SACE,qBAAC,WAAQ,KAAK,GAAG,KAAK,WACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,CAAC;AAAA,QACX,SAAS,MAAM;AACb,sBAAY,IAAI;AAAA,QAClB;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,aAAU,WAAU,QAAO,UAAS,SAAQ;AAAA;AAAA,IAC/C;AAAA,IACA,oBAAC,WAAQ,MAAM,WAAW,WAAW,OAAO,UAAU,UAAU,SAAS,SAAS,MAAM,YAAY,KAAK,GAAG,oBAAoB,KAC9H,+BAAC,WAAQ,KAAK,KAAK,SAAS,KAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,wCAAwC,mBAAmB,IAAI,CAAC,EAAE;AAC9E,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,OAAO,EAAE,OAAO,UAAU;AAAA,UAC1B,SAAS,MAAM;AACb,mBAAO,KAAK,gDAAgD,mBAAmB,IAAI,CAAC,EAAE;AACtF,wBAAY,KAAK;AAAA,UACnB;AAAA,UAEA,8BAAC,gBAAa,UAAS,SAAQ;AAAA;AAAA,MACjC;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}