@xyo-network/react-share 2.64.0-rc.6 → 2.64.0

package/dist/browser/ShareButton.cjs

@@ -0,0 +1,80 @@
+"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/ShareButton.tsx
+var ShareButton_exports = {};
+__export(ShareButton_exports, {
+  ShareButton: () => ShareButton
+});
+module.exports = __toCommonJS(ShareButton_exports);
+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 [expanded, setExpanded] = (0, import_react.useState)(false);
+  const anchorRef = (0, import_react.useRef)(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_button.ButtonEx,
+      {
+        variant: "text",
+        minWidth: 32,
+        size: "small",
+        disabled: !prepared,
+        onClick: () => {
+          setExpanded(true);
+        },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Share, { htmlColor: "gray", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 0.5, padding: 0.5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#1da1f2" },
+          onClick: () => {
+            window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Twitter, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#4267b2" },
+          onClick: () => {
+            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Facebook, { fontSize: "small" })
+        }
+      )
+    ] }) })
+  ] });
+};
+//# sourceMappingURL=ShareButton.cjs.map

package/dist/{node/ShareButton.mjs.map → browser/ShareButton.cjs.map}

@@ -1 +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":[]}
+{"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;AAAA,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/browser/ShareButton.d.cts

@@ -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/browser/ShareButton.d.cts.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/index.cjs

@@ -0,0 +1,82 @@
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ShareButton: () => ShareButton
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/ShareButton.tsx
+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 [expanded, setExpanded] = (0, import_react.useState)(false);
+  const anchorRef = (0, import_react.useRef)(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_button.ButtonEx,
+      {
+        variant: "text",
+        minWidth: 32,
+        size: "small",
+        disabled: !prepared,
+        onClick: () => {
+          setExpanded(true);
+        },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Share, { htmlColor: "gray", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 0.5, padding: 0.5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#1da1f2" },
+          onClick: () => {
+            window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Twitter, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#4267b2" },
+          onClick: () => {
+            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Facebook, { fontSize: "small" })
+        }
+      )
+    ] }) })
+  ] });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -0,0 +1 @@
+{"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/browser/index.d.cts

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

package/dist/browser/index.d.cts.map

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

package/dist/docs.json

@@ -0,0 +1,231 @@
+{
+	"id": 0,
+	"name": "@xyo-network/react-share",
+	"variant": "project",
+	"kind": 1,
+	"flags": {},
+	"children": [
+		{
+			"id": 1,
+			"name": "ShareButtonProps",
+			"variant": "declaration",
+			"kind": 256,
+			"flags": {},
+			"children": [
+				{
+					"id": 2,
+					"name": "prepared",
+					"variant": "declaration",
+					"kind": 1024,
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
+							"line": 9,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/share/src/ShareButton.tsx#L9"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					}
+				},
+				{
+					"id": 3,
+					"name": "shareLink",
+					"variant": "declaration",
+					"kind": 1024,
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
+							"line": 10,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/share/src/ShareButton.tsx#L10"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Properties",
+					"children": [
+						2,
+						3
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
+					"line": 8,
+					"character": 17,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/share/src/ShareButton.tsx#L8"
+				}
+			],
+			"extendedTypes": [
+				{
+					"type": "reference",
+					"target": {
+						"sourceFileName": "../../../../node_modules/@xylabs/react-button/src/components/ButtonExProps.tsx",
+						"qualifiedName": "ButtonExProps"
+					},
+					"name": "ButtonExProps",
+					"package": "@xylabs/react-button"
+				}
+			]
+		},
+		{
+			"id": 4,
+			"name": "ShareButton",
+			"variant": "declaration",
+			"kind": 64,
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/share/src/ShareButton.tsx",
+					"line": 13,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/share/src/ShareButton.tsx#L13"
+				}
+			],
+			"signatures": [
+				{
+					"id": 5,
+					"name": "ShareButton",
+					"variant": "signature",
+					"kind": 4096,
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "node_modules/@types/react/ts5.0/index.d.ts",
+							"line": 569,
+							"character": 8
+						}
+					],
+					"parameters": [
+						{
+							"id": 6,
+							"name": "props",
+							"variant": "param",
+							"kind": 32768,
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"target": 1,
+								"name": "ShareButtonProps",
+								"package": "@xyo-network/react-share"
+							}
+						},
+						{
+							"id": 7,
+							"name": "context",
+							"variant": "param",
+							"kind": 32768,
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "intrinsic",
+								"name": "any"
+							}
+						}
+					],
+					"type": {
+						"type": "union",
+						"types": [
+							{
+								"type": "literal",
+								"value": null
+							},
+							{
+								"type": "reference",
+								"target": {
+									"sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
+									"qualifiedName": "React.ReactElement"
+								},
+								"typeArguments": [
+									{
+										"type": "intrinsic",
+										"name": "any"
+									},
+									{
+										"type": "intrinsic",
+										"name": "any"
+									}
+								],
+								"name": "ReactElement",
+								"package": "@types/react",
+								"qualifiedName": "React.ReactElement"
+							}
+						]
+					}
+				}
+			]
+		}
+	],
+	"groups": [
+		{
+			"title": "Interfaces",
+			"children": [
+				1
+			]
+		},
+		{
+			"title": "Functions",
+			"children": [
+				4
+			]
+		}
+	],
+	"packageName": "@xyo-network/react-share",
+	"readme": [
+		{
+			"kind": "text",
+			"text": "[![logo][]](https://xyo.network)\n\nPart of [@xyo-network/sdk-xyo-react](https://www.npmjs.com/package/@xyo-network/sdk-xyo-react)\n\n## License\n\n> See the [LICENSE](LICENSE) file for license details\n\n## Credits\n\n[Made with 🔥 and ❄️ by XYO](https://xyo.network)\n\n[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png"
+		}
+	],
+	"symbolIdMap": {
+		"0": {
+			"sourceFileName": "src/index.ts",
+			"qualifiedName": ""
+		},
+		"1": {
+			"sourceFileName": "src/ShareButton.tsx",
+			"qualifiedName": "ShareButtonProps"
+		},
+		"2": {
+			"sourceFileName": "src/ShareButton.tsx",
+			"qualifiedName": "ShareButtonProps.prepared"
+		},
+		"3": {
+			"sourceFileName": "src/ShareButton.tsx",
+			"qualifiedName": "ShareButtonProps.shareLink"
+		},
+		"4": {
+			"sourceFileName": "src/ShareButton.tsx",
+			"qualifiedName": "ShareButton"
+		},
+		"5": {
+			"sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
+			"qualifiedName": "ShareButton"
+		},
+		"6": {
+			"sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
+			"qualifiedName": "props"
+		},
+		"7": {
+			"sourceFileName": "../../../../node_modules/@types/react/ts5.0/index.d.ts",
+			"qualifiedName": "context"
+		}
+	}
+}

package/dist/node/ShareButton.cjs

@@ -0,0 +1,84 @@
+"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/ShareButton.tsx
+var ShareButton_exports = {};
+__export(ShareButton_exports, {
+  ShareButton: () => ShareButton
+});
+module.exports = __toCommonJS(ShareButton_exports);
+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 [expanded, setExpanded] = (0, import_react.useState)(false);
+  const anchorRef = (0, import_react.useRef)(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_button.ButtonEx,
+      {
+        variant: "text",
+        minWidth: 32,
+        size: "small",
+        disabled: !prepared,
+        onClick: () => {
+          setExpanded(true);
+        },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Share, { htmlColor: "gray", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 0.5, padding: 0.5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#1da1f2" },
+          onClick: () => {
+            window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Twitter, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#4267b2" },
+          onClick: () => {
+            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Facebook, { fontSize: "small" })
+        }
+      )
+    ] }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShareButton
+});
+//# sourceMappingURL=ShareButton.cjs.map

package/dist/node/ShareButton.cjs.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;AAAA,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/node/ShareButton.d.cts

@@ -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.cts.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.js

@@ -1,40 +1,18 @@
-"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_exports = {};
-__export(ShareButton_exports, {
-  ShareButton: () => ShareButton
-});
-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");
-const ShareButton = ({ prepared = true, shareLink, ...props }) => {
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  const anchorRef = (0, import_react.useRef)(null);
+// src/ShareButton.tsx
+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 [expanded, setExpanded] = useState(false);
+  const anchorRef = useRef(null);
   const link = shareLink ?? window.location.href;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, ref: anchorRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_button.ButtonEx,
+  return /* @__PURE__ */ jsxs(FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ jsx(
+      ButtonEx,
       {
         variant: "text",
         minWidth: 32,
@@ -44,12 +22,12 @@ const ShareButton = ({ prepared = true, shareLink, ...props }) => {
           setExpanded(true);
         },
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Share, { htmlColor: "gray", fontSize: "small" })
+        children: /* @__PURE__ */ jsx(ShareIcon, { htmlColor: "gray", fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 0.5, padding: 0.5, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react_link.LinkEx,
+    /* @__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" },
@@ -57,11 +35,11 @@ const ShareButton = ({ prepared = true, shareLink, ...props }) => {
             window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
             setExpanded(false);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Twitter, { fontSize: "small" })
+          children: /* @__PURE__ */ jsx(TwitterIcon, { fontSize: "small" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react_link.LinkEx,
+      /* @__PURE__ */ jsx(
+        LinkEx,
         {
           lineHeight: 0,
           style: { color: "#4267b2" },
@@ -69,14 +47,13 @@ const ShareButton = ({ prepared = true, shareLink, ...props }) => {
             window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
             setExpanded(false);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Facebook, { fontSize: "small" })
+          children: /* @__PURE__ */ jsx(FacebookIcon, { fontSize: "small" })
         }
       )
     ] }) })
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ShareButton
-});
+};
 //# sourceMappingURL=ShareButton.js.map

package/dist/node/ShareButton.js.map

@@ -1 +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"]}
+{"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":[]}

package/dist/node/index.cjs

@@ -0,0 +1,86 @@
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ShareButton: () => ShareButton
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/ShareButton.tsx
+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 [expanded, setExpanded] = (0, import_react.useState)(false);
+  const anchorRef = (0, import_react.useRef)(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, ref: anchorRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_button.ButtonEx,
+      {
+        variant: "text",
+        minWidth: 32,
+        size: "small",
+        disabled: !prepared,
+        onClick: () => {
+          setExpanded(true);
+        },
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Share, { htmlColor: "gray", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Popover, { open: prepared ? expanded : false, anchorEl: anchorRef.current, onClose: () => setExpanded(false), transitionDuration: 500, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 0.5, padding: 0.5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#1da1f2" },
+          onClick: () => {
+            window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Twitter, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_link.LinkEx,
+        {
+          lineHeight: 0,
+          style: { color: "#4267b2" },
+          onClick: () => {
+            window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+            setExpanded(false);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Facebook, { fontSize: "small" })
+        }
+      )
+    ] }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShareButton
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -0,0 +1 @@
+{"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/node/index.d.cts

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

package/dist/node/index.d.cts.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

@@ -1,23 +1,59 @@
-"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;
+// src/ShareButton.tsx
+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 [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
 };
-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

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

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.6",
-    "@xylabs/react-flexbox": "^3.1.0-rc.6",
-    "@xylabs/react-link": "^3.1.0-rc.6"
+    "@xylabs/react-button": "^3.0.5",
+    "@xylabs/react-flexbox": "^3.0.5",
+    "@xylabs/react-link": "^3.0.5"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -25,8 +25,8 @@
     "react-router-dom": "^6"
   },
   "devDependencies": {
-    "@storybook/react": "^7.4.4",
-    "@xylabs/ts-scripts-yarn3": "^3.0.55",
+    "@storybook/react": "^7.4.5",
+    "@xylabs/ts-scripts-yarn3": "^3.0.78",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -36,28 +36,28 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
+          "default": "./dist/node/index.js"
         },
         "require": {
-          "types": "./dist/node/index.d.ts",
-          "default": "./dist/node/index.js"
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
         }
       },
       "browser": {
         "import": {
-          "types": "./dist/browser/index.d.ts",
+          "types": "./dist/browser/index.d.mts",
           "default": "./dist/browser/index.js"
         },
         "require": {
-          "types": "./dist/browser/index.d.ts",
-          "default": "./dist/browser/index.js"
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.mjs"
+      "default": "./dist/browser/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.js",
+  "main": "dist/browser/index.cjs",
   "module": "dist/browser/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
@@ -80,6 +80,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.64.0-rc.6",
-  "stableVersion": "2.63.1"
+  "version": "2.64.0",
+  "type": "module"
 }

package/dist/browser/ShareButton.stories.js

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/ShareButton.mjs

@@ -1,58 +0,0 @@
-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.stories.js

@@ -1,47 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.mjs

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

package/dist/node/index.mjs.map

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