@xyo-network/react-share 2.81.10 → 2.82.0

package/dist/browser/ShareButton.d.cts

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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.mts

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -30,53 +41,56 @@ 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 }) => {
+var import_react = __toESM(require("react"), 1);
+var ShareButton = /* @__PURE__ */ __name(({ 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" })
-        }
-      )
-    ] }) })
-  ] });
-};
+  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    gap: 1,
+    ref: anchorRef
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
+    variant: "text",
+    minWidth: 32,
+    size: "small",
+    disabled: !prepared,
+    onClick: /* @__PURE__ */ __name(() => {
+      setExpanded(true);
+    }, "onClick"),
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Share, {
+    htmlColor: "gray",
+    fontSize: "small"
+  })), /* @__PURE__ */ import_react.default.createElement(import_material.Popover, {
+    open: prepared ? expanded : false,
+    anchorEl: anchorRef.current,
+    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
+    transitionDuration: 500
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    gap: 0.5,
+    padding: 0.5
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#1da1f2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Twitter, {
+    fontSize: "small"
+  })), /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#4267b2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Facebook, {
+    fontSize: "small"
+  })))));
+}, "ShareButton");
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.js'\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"]}
+{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.tsx'\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 React, { 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;;;;;;;ACAA,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAwC;AAOjC,IAAMA,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,QAAeC,uBAAS,KAAA;AACzC,QAAMC,gBAAYC,qBAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,6BAAAC,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAGC,KAAKT;KACpB,6BAAAM,QAAA,cAACI,8BAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACpB;IACXqB,SAAS,6BAAA;AACPjB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,6BAAAU,QAAA,cAACU,sBAAAA,OAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,6BAAAZ,QAAA,cAACa,yBAAAA;IAAQC,MAAM1B,WAAWG,WAAW;IAAOwB,UAAUrB,UAAUsB;IAASC,SAAS,6BAAMzB,YAAY,KAAA,GAAlB;IAA0B0B,oBAAoB;KAC9H,6BAAAlB,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,6BAAAnB,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,wCAAwCU,mBAAmB5B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAACyB,sBAAAA,SAAAA;IAAYb,UAAS;OAExB,6BAAAZ,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,gDAAgDU,mBAAmB5B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAAC0B,sBAAAA,UAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","React","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/browser/index.d.cts

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

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

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

package/dist/browser/index.d.mts

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

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

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

package/dist/browser/index.d.ts

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

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

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

package/dist/browser/index.mjs

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// 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 React, { useRef, useState } from "react";
+var ShareButton = /* @__PURE__ */ __name(({ prepared = true, shareLink, ...props }) => {
+  const [expanded, setExpanded] = useState(false);
+  const anchorRef = useRef(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ React.createElement(FlexRow, {
+    gap: 1,
+    ref: anchorRef
+  }, /* @__PURE__ */ React.createElement(ButtonEx, {
+    variant: "text",
+    minWidth: 32,
+    size: "small",
+    disabled: !prepared,
+    onClick: /* @__PURE__ */ __name(() => {
+      setExpanded(true);
+    }, "onClick"),
+    ...props
+  }, /* @__PURE__ */ React.createElement(ShareIcon, {
+    htmlColor: "gray",
+    fontSize: "small"
+  })), /* @__PURE__ */ React.createElement(Popover, {
+    open: prepared ? expanded : false,
+    anchorEl: anchorRef.current,
+    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
+    transitionDuration: 500
+  }, /* @__PURE__ */ React.createElement(FlexRow, {
+    gap: 0.5,
+    padding: 0.5
+  }, /* @__PURE__ */ React.createElement(LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#1da1f2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ React.createElement(TwitterIcon, {
+    fontSize: "small"
+  })), /* @__PURE__ */ React.createElement(LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#4267b2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ React.createElement(FacebookIcon, {
+    fontSize: "small"
+  })))));
+}, "ShareButton");
+export {
+  ShareButton
+};
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.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 React, { 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,SAASA,YAAYC,cAAcC,SAASC,WAAWC,WAAWC,mBAAmB;AACrF,SAASC,eAAe;AACxB,SAASC,gBAA+B;AACxC,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,OAAOC,SAASC,QAAQC,gBAAgB;AAOjC,IAAMC,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAAS,KAAA;AACzC,QAAMC,YAAYC,OAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,sBAAA,cAACC,SAAAA;IAAQC,KAAK;IAAGC,KAAKR;KACpB,sBAAA,cAACS,UAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACnB;IACXoB,SAAS,6BAAA;AACPhB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,sBAAA,cAACmB,WAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,sBAAA,cAACC,SAAAA;IAAQC,MAAMzB,WAAWG,WAAW;IAAOuB,UAAUpB,UAAUqB;IAASC,SAAS,6BAAMxB,YAAY,KAAA,GAAlB;IAA0ByB,oBAAoB;KAC9H,sBAAA,cAACjB,SAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,sBAAA,cAACC,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,wCAAwCU,mBAAmB3B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACgC,aAAAA;IAAYb,UAAS;OAExB,sBAAA,cAACQ,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,gDAAgDU,mBAAmB3B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACiC,cAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["Facebook","FacebookIcon","Share","ShareIcon","Twitter","TwitterIcon","Popover","ButtonEx","FlexRow","LinkEx","React","useRef","useState","ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/neutral/ShareButton.d.cts

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

package/dist/neutral/ShareButton.d.cts.map

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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/neutral/ShareButton.d.mts

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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/neutral/ShareButton.d.ts

@@ -1,4 +1,5 @@
 import { ButtonExProps } from '@xylabs/react-button';
+import React from 'react';
 export interface ShareButtonProps extends ButtonExProps {
     prepared?: boolean;
     shareLink?: string;

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

@@ -1 +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"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,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/neutral/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -30,53 +41,56 @@ 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 }) => {
+var import_react = __toESM(require("react"), 1);
+var ShareButton = /* @__PURE__ */ __name(({ 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" })
-        }
-      )
-    ] }) })
-  ] });
-};
+  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    gap: 1,
+    ref: anchorRef
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
+    variant: "text",
+    minWidth: 32,
+    size: "small",
+    disabled: !prepared,
+    onClick: /* @__PURE__ */ __name(() => {
+      setExpanded(true);
+    }, "onClick"),
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Share, {
+    htmlColor: "gray",
+    fontSize: "small"
+  })), /* @__PURE__ */ import_react.default.createElement(import_material.Popover, {
+    open: prepared ? expanded : false,
+    anchorEl: anchorRef.current,
+    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
+    transitionDuration: 500
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    gap: 0.5,
+    padding: 0.5
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#1da1f2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Twitter, {
+    fontSize: "small"
+  })), /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#4267b2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Facebook, {
+    fontSize: "small"
+  })))));
+}, "ShareButton");
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.js'\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"]}
+{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.tsx'\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 React, { 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;;;;;;;ACAA,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAwC;AAOjC,IAAMA,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,QAAeC,uBAAS,KAAA;AACzC,QAAMC,gBAAYC,qBAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,6BAAAC,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAGC,KAAKT;KACpB,6BAAAM,QAAA,cAACI,8BAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACpB;IACXqB,SAAS,6BAAA;AACPjB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,6BAAAU,QAAA,cAACU,sBAAAA,OAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,6BAAAZ,QAAA,cAACa,yBAAAA;IAAQC,MAAM1B,WAAWG,WAAW;IAAOwB,UAAUrB,UAAUsB;IAASC,SAAS,6BAAMzB,YAAY,KAAA,GAAlB;IAA0B0B,oBAAoB;KAC9H,6BAAAlB,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,6BAAAnB,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,wCAAwCU,mBAAmB5B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAACyB,sBAAAA,SAAAA;IAAYb,UAAS;OAExB,6BAAAZ,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,gDAAgDU,mBAAmB5B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAAC0B,sBAAAA,UAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","React","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/neutral/index.d.cts

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

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

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

package/dist/neutral/index.d.mts

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

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

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

package/dist/neutral/index.d.ts

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

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

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

package/dist/neutral/index.mjs

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// 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 React, { useRef, useState } from "react";
+var ShareButton = /* @__PURE__ */ __name(({ prepared = true, shareLink, ...props }) => {
+  const [expanded, setExpanded] = useState(false);
+  const anchorRef = useRef(null);
+  const link = shareLink ?? window.location.href;
+  return /* @__PURE__ */ React.createElement(FlexRow, {
+    gap: 1,
+    ref: anchorRef
+  }, /* @__PURE__ */ React.createElement(ButtonEx, {
+    variant: "text",
+    minWidth: 32,
+    size: "small",
+    disabled: !prepared,
+    onClick: /* @__PURE__ */ __name(() => {
+      setExpanded(true);
+    }, "onClick"),
+    ...props
+  }, /* @__PURE__ */ React.createElement(ShareIcon, {
+    htmlColor: "gray",
+    fontSize: "small"
+  })), /* @__PURE__ */ React.createElement(Popover, {
+    open: prepared ? expanded : false,
+    anchorEl: anchorRef.current,
+    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
+    transitionDuration: 500
+  }, /* @__PURE__ */ React.createElement(FlexRow, {
+    gap: 0.5,
+    padding: 0.5
+  }, /* @__PURE__ */ React.createElement(LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#1da1f2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ React.createElement(TwitterIcon, {
+    fontSize: "small"
+  })), /* @__PURE__ */ React.createElement(LinkEx, {
+    lineHeight: 0,
+    style: {
+      color: "#4267b2"
+    },
+    onClick: /* @__PURE__ */ __name(() => {
+      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+      setExpanded(false);
+    }, "onClick")
+  }, /* @__PURE__ */ React.createElement(FacebookIcon, {
+    fontSize: "small"
+  })))));
+}, "ShareButton");
+export {
+  ShareButton
+};
+//# sourceMappingURL=index.mjs.map

package/dist/neutral/index.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 React, { 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,SAASA,YAAYC,cAAcC,SAASC,WAAWC,WAAWC,mBAAmB;AACrF,SAASC,eAAe;AACxB,SAASC,gBAA+B;AACxC,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,OAAOC,SAASC,QAAQC,gBAAgB;AAOjC,IAAMC,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAAS,KAAA;AACzC,QAAMC,YAAYC,OAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,sBAAA,cAACC,SAAAA;IAAQC,KAAK;IAAGC,KAAKR;KACpB,sBAAA,cAACS,UAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACnB;IACXoB,SAAS,6BAAA;AACPhB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,sBAAA,cAACmB,WAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,sBAAA,cAACC,SAAAA;IAAQC,MAAMzB,WAAWG,WAAW;IAAOuB,UAAUpB,UAAUqB;IAASC,SAAS,6BAAMxB,YAAY,KAAA,GAAlB;IAA0ByB,oBAAoB;KAC9H,sBAAA,cAACjB,SAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,sBAAA,cAACC,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,wCAAwCU,mBAAmB3B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACgC,aAAAA;IAAYb,UAAS;OAExB,sBAAA,cAACQ,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,gDAAgDU,mBAAmB3B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACiC,cAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["Facebook","FacebookIcon","Share","ShareIcon","Twitter","TwitterIcon","Popover","ButtonEx","FlexRow","LinkEx","React","useRef","useState","ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}