@xyo-network/react-share 3.0.2 → 3.0.3

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../../src/button/ShareButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzD,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,CA+ClD,CAAA"}

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

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

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

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

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

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

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

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

package/dist/browser/icons/social/Facebook.d.ts

@@ -0,0 +1,4 @@
+export declare const FacebookSvgIcon: import("@mui/material/OverridableComponent.js").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+//# sourceMappingURL=Facebook.d.ts.map

package/dist/browser/icons/social/Facebook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facebook.d.ts","sourceRoot":"","sources":["../../../../src/icons/social/Facebook.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;CAM3B,CAAA"}

package/dist/browser/icons/social/XTwitter.d.ts

@@ -0,0 +1,4 @@
+export declare const XTwitterSvgIcon: import("@mui/material/OverridableComponent.js").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+//# sourceMappingURL=XTwitter.d.ts.map

package/dist/browser/icons/social/XTwitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XTwitter.d.ts","sourceRoot":"","sources":["../../../../src/icons/social/XTwitter.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;CAK3B,CAAA"}

package/dist/browser/icons/social/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Facebook.tsx';
+export * from './XTwitter.tsx';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/browser/index.d.ts

@@ -1,68 +1,5 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React, { ComponentType, ReactNode } from 'react';
-import * as _mui_material_OverridableComponent_js from '@mui/material/OverridableComponent.js';
-import * as _mui_material from '@mui/material';
-import { StandardTextFieldProps, DialogProps, ButtonProps } from '@mui/material';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { WithChildren } from '@xylabs/react-shared';
-
-interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-declare const ShareButton: React.FC<ShareButtonProps>;
-
-declare const FacebookSvgIcon: _mui_material_OverridableComponent_js.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-
-declare const XTwitterSvgIcon: _mui_material_OverridableComponent_js.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-
-interface DynamicShareImageProps {
-    image: string;
-}
-declare const DynamicShareImage: React.FC<DynamicShareImageProps>;
-
-declare const HideParentsFlexbox: React.FC<WithChildren & FlexBoxProps>;
-
-interface CopyLinkTextFieldProps extends StandardTextFieldProps {
-    shareLinkName?: string;
-    shareUrl?: string;
-}
-declare const CopyLinkTextField: React.FC<CopyLinkTextFieldProps>;
-
-interface ShareOutDialogProps extends DialogProps {
-    ShareOutDialogActions?: ComponentType<{
-        onClose?: () => void;
-    }>;
-    cardImg?: ReactNode;
-    shareOutDialogContent?: ReactNode;
-    subtitle?: string;
-    title?: string;
-}
-declare const ShareOutDialog: React.FC<ShareOutDialogProps>;
-
-interface ShareOutExplanationProps {
-    toolTipTitle?: string;
-}
-declare const ShareOutExplanation: React.FC<ShareOutExplanationProps>;
-
-interface GenerateShareLinkButtonProps extends ButtonProps {
-    loading?: boolean;
-}
-declare const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps>;
-
-interface ShareOutHeadingFlexboxProps extends FlexBoxProps {
-    shareLinkName?: string;
-    shareUrl?: string;
-}
-declare const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps>;
-
-interface SocialButtonsFlexboxProps extends FlexBoxProps {
-    shareUrl?: string;
-}
-declare const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps>;
-
-export { CopyLinkTextField, type CopyLinkTextFieldProps, DynamicShareImage, type DynamicShareImageProps, FacebookSvgIcon, GenerateShareLinkButton, type GenerateShareLinkButtonProps, HideParentsFlexbox, ShareButton, type ShareButtonProps, ShareOutDialog, type ShareOutDialogProps, ShareOutExplanation, type ShareOutExplanationProps, ShareOutHeadingFlexbox, type ShareOutHeadingFlexboxProps, SocialButtonsFlexbox, type SocialButtonsFlexboxProps, XTwitterSvgIcon };
+export * from './button/index.ts';
+export * from './icons/index.ts';
+export * from './meta-server/index.ts';
+export * from './out/index.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/ShareButton.tsx","../../src/icons/social/Facebook.tsx","../../src/icons/social/XTwitter.tsx","../../src/meta-server/dynamic-share/DynamicShareImage.tsx","../../src/meta-server/live-share/HideParentsFlexbox.tsx","../../src/out/CopyLinkTextField.tsx","../../src/out/Dialog.tsx","../../src/out/Explanation.tsx","../../src/out/GenerateShareLinkButton.tsx","../../src/out/HeadingFlexbox.tsx","../../src/out/SocialButtonsFlexbox.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } 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","import { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const FacebookSvgIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"800\" width=\"1200\" viewBox=\"-204.79995 -341.33325 1774.9329 2047.9995\">\n    <path d=\"M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373\" fill=\"#1877f2\" />\n    <path d=\"M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4\" fill=\"#fff\" />\n  </svg>\n  , 'Facebook',\n)\n","import { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XTwitterSvgIcon = createSvgIcon(\n  <svg viewBox=\"0 0 1200 1227\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\" fill=\"white\" />\n  </svg>\n  , 'XTwitterSvgIcon')\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\n\n/**\n * The props for the DynamicShareImage component.\n */\nexport interface DynamicShareImageProps {\n  /**\n   * The URL of the share image for the page.\n   */\n  image: string\n}\n\n/**\n * Used in conjunction with the XY Meta Server to dynamically set the share image for a page.\n */\nexport const DynamicShareImage: React.FC<DynamicShareImageProps> = ({ image }) => {\n  return (\n    <Helmet>\n      <meta property=\"xyo:og:image\" content={image} />\n    </Helmet>\n  )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport React, { useEffect } from 'react'\n\nexport const HideParentsFlexbox: React.FC<WithChildren & FlexBoxProps> = ({ children, ...props }) => {\n  useEffect(() => {\n    const style = document.createElement('style')\n    document.head.append(style)\n    style.innerHTML = `\n    /** make all elements hidden */\n    * {\n      visibility: hidden;\n    }\n\n    /** move the preview area to the top of the page */\n    #preview-area {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 9999;\n    }\n\n    /** make the preview area and all its children visible */\n    #preview-area * {\n      visibility: visible;\n    }`\n\n    return () => {\n      style.remove()\n    }\n  }, [])\n\n  return (\n    <FlexGrowRow alignItems=\"stretch\" id=\"preview-area\" justifyContent=\"start\" {...props}>\n      {children}\n    </FlexGrowRow>\n  )\n}\n","import { CopyAllRounded } from '@mui/icons-material'\nimport type { StandardTextFieldProps } from '@mui/material'\nimport { IconButton, InputAdornment, TextField } from '@mui/material'\nimport { forget } from '@xylabs/forget'\nimport React, { useState } from 'react'\n\nexport interface CopyLinkTextFieldProps extends StandardTextFieldProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({ shareLinkName, shareUrl, ...props }) => {\n  const [error, setError] = useState<Error>()\n\n  const copyToClipboard = async (link?: string) => {\n    if (link) {\n      try {\n        await navigator.clipboard.writeText(link)\n      } catch (e) {\n        const message = 'Error copying shareUrl to clipboard'\n        console.error(message, e, link)\n        setError(new Error(message))\n      }\n    } else {\n      console.warn('tried to copy shareUrl before it was generated')\n    }\n  }\n\n  return (\n    <TextField\n      disabled\n      error={!!error}\n      helperText={error?.message}\n      // to override the color that appears when it's a text field, only on dark mode\n      sx={{ input: { WebkitTextFillColor: 'lightgray !important' } }}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <IconButton aria-label={`copy ${shareLinkName} link`} onClick={() => forget(copyToClipboard(shareUrl))} edge=\"end\">\n              <CopyAllRounded />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n      value={shareUrl}\n      {...props}\n    />\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport { Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport type { ComponentType, ReactNode } from 'react'\nimport React from 'react'\n\nexport interface ShareOutDialogProps extends DialogProps {\n  ShareOutDialogActions?: ComponentType<{ onClose?: () => void }>\n  cardImg?: ReactNode\n  shareOutDialogContent?: ReactNode\n  subtitle?: string\n  title?: string\n}\n\nexport const ShareOutDialog: React.FC<ShareOutDialogProps> = ({ ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props }) => {\n  const handleClose = () => {\n    onClose?.('', 'backdropClick')\n  }\n\n  return (\n    <Dialog onClose={onClose} open={open} {...props}>\n      <DialogTitle>\n        <Stack direction=\"row\" spacing={2}>\n          <FlexGrowCol alignItems=\"flex-start\" width=\"60%\">\n            <Typography variant=\"h5\">{title}</Typography>\n            <Typography variant=\"body1\">\n              {' '}\n              {subtitle}\n            </Typography>\n          </FlexGrowCol>\n          <FlexGrowCol alignItems=\"flex-end\" width=\"40%\">\n            {cardImg}\n          </FlexGrowCol>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        {shareOutDialogContent}\n        <FlexCol alignItems=\"stretch\">\n        </FlexCol>\n      </DialogContent>\n      {ShareOutDialogActions ? <DialogActions><ShareOutDialogActions onClose={handleClose} /></DialogActions> : null}\n    </Dialog>\n  )\n}\n","import { InfoOutlined } from '@mui/icons-material'\nimport { Tooltip, Typography, useTheme } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutExplanationProps {\n  toolTipTitle?: string\n}\n\nexport const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {\n  const theme = useTheme()\n  const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'\n  return (\n    <>\n      <FlexGrowRow alignItems=\"center\">\n        <Typography variant=\"body2\" paddingRight={0.5}>\n          What am I sharing?\n        </Typography>\n        <Tooltip\n          title={title}\n          placement=\"bottom\"\n        >\n          <InfoOutlined fontSize=\"small\" sx={{ fontSize: theme.typography.caption.fontSize }} />\n        </Tooltip>\n      </FlexGrowRow>\n    </>\n  )\n}\n","import type { ButtonProps } from '@mui/material'\nimport { Button, CircularProgress, styled } from '@mui/material'\nimport React from 'react'\n\nexport interface GenerateShareLinkButtonProps extends ButtonProps {\n  loading?: boolean\n}\n\nexport const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({ children = 'Generate My Share Link', loading, ...props }) => {\n  return (\n    <Button\n      variant=\"contained\"\n      startIcon={loading ? <StyledCircularProgress size=\"small\" /> : null}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nconst StyledCircularProgress = styled(CircularProgress, { name: 'StyledCircularProgress' })(({ theme }) => ({\n  // ensure the color of the spinner is the same as the button color\n  color: theme.palette.getContrastText(theme.palette.primary.main),\n  height: '20px',\n  opacity: '.87',\n  width: '20px',\n}))\n","import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutHeadingFlexboxProps extends FlexBoxProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({ children, shareLinkName, shareUrl, ...props }) => {\n  const GenerateShareLinkExplanation = \"When you generate your share link, we'll make a small amount of your data public so friends can check it out!\"\n\n  return (\n    <FlexGrowCol alignItems=\"flex-start\" paddingBottom={1} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Your Share Link</strong>\n      </Typography>\n      <Typography variant=\"body1\">\n        {shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation}\n      </Typography>\n      {children}\n    </FlexGrowCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FacebookSvgIcon, XTwitterSvgIcon } from '../icons/index.ts'\n\nexport interface SocialButtonsFlexboxProps extends FlexBoxProps {\n  shareUrl?: string\n}\n\nexport const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({ shareUrl, ...props }) => {\n  return (\n    <FlexGrowCol alignItems=\"stretch\" paddingTop={2} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Share on Social Media</strong>\n      </Typography>\n      <FlexRow gap={0.5} sx={{ flexDirection: { md: 'row', xs: 'column' } }}>\n        {shareUrl\n          ? (\n              <>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#000', color: '#fff' }}\n                  onClick={() => {\n                    window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`)\n                  }}\n                  startIcon={<XTwitterSvgIcon width=\"20px\" />}\n                >\n                  Share on X (Twitter)\n                </ButtonEx>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#4267b2', color: '#fff' }}\n                  onClick={() => {\n                    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`)\n                  }}\n                  startIcon={<FacebookSvgIcon />}\n                >\n                  Share on Facebook\n                </ButtonEx>\n              </>\n            )\n          : null}\n      </FlexRow>\n    </FlexGrowCol>\n  )\n}\n"],"mappings":"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","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","createSvgIcon","React","FacebookSvgIcon","svg","xmlns","height","width","viewBox","path","d","fill","createSvgIcon","React","XTwitterSvgIcon","svg","viewBox","fill","xmlns","path","d","React","Helmet","DynamicShareImage","image","React","Helmet","meta","property","content","FlexGrowRow","React","useEffect","HideParentsFlexbox","children","props","useEffect","style","document","createElement","head","append","innerHTML","remove","React","FlexGrowRow","alignItems","id","justifyContent","CopyAllRounded","IconButton","InputAdornment","TextField","forget","React","useState","CopyLinkTextField","shareLinkName","shareUrl","props","error","setError","useState","copyToClipboard","link","navigator","clipboard","writeText","e","message","console","Error","warn","React","TextField","disabled","helperText","sx","input","WebkitTextFillColor","InputProps","endAdornment","InputAdornment","position","IconButton","aria-label","onClick","forget","edge","CopyAllRounded","value","Dialog","DialogActions","DialogContent","DialogTitle","Stack","Typography","FlexCol","FlexGrowCol","React","ShareOutDialog","ShareOutDialogActions","cardImg","open","onClose","shareOutDialogContent","subtitle","title","props","handleClose","React","Dialog","DialogTitle","Stack","direction","spacing","FlexGrowCol","alignItems","width","Typography","variant","DialogContent","FlexCol","DialogActions","InfoOutlined","Tooltip","Typography","useTheme","FlexGrowRow","React","ShareOutExplanation","toolTipTitle","theme","useTheme","title","React","FlexGrowRow","alignItems","Typography","variant","paddingRight","Tooltip","placement","InfoOutlined","fontSize","sx","typography","caption","Button","CircularProgress","styled","React","GenerateShareLinkButton","children","loading","props","React","Button","variant","startIcon","StyledCircularProgress","size","styled","CircularProgress","name","theme","color","palette","getContrastText","primary","main","height","opacity","width","Typography","FlexGrowCol","React","ShareOutHeadingFlexbox","children","shareLinkName","shareUrl","props","GenerateShareLinkExplanation","React","FlexGrowCol","alignItems","paddingBottom","Typography","variant","gutterBottom","strong","Typography","ButtonEx","FlexGrowCol","FlexRow","React","SocialButtonsFlexbox","shareUrl","props","React","FlexGrowCol","alignItems","paddingTop","Typography","variant","gutterBottom","strong","FlexRow","gap","sx","flexDirection","md","xs","ButtonEx","style","backgroundColor","color","onClick","window","open","encodeURIComponent","startIcon","XTwitterSvgIcon","width","FacebookSvgIcon"]}
+{"version":3,"sources":["../../src/button/ShareButton.tsx","../../src/icons/social/Facebook.tsx","../../src/icons/social/XTwitter.tsx","../../src/meta-server/dynamic-share/DynamicShareImage.tsx","../../src/meta-server/live-share/HideParentsFlexbox.tsx","../../src/out/CopyLinkTextField.tsx","../../src/out/Dialog.tsx","../../src/out/Explanation.tsx","../../src/out/GenerateShareLinkButton.tsx","../../src/out/HeadingFlexbox.tsx","../../src/out/SocialButtonsFlexbox.tsx"],"sourcesContent":["import {\n  Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon,\n} from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } 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> = ({\n  prepared = true, shareLink, ...props\n}) => {\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","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const FacebookSvgIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"800\" width=\"1200\" viewBox=\"-204.79995 -341.33325 1774.9329 2047.9995\">\n    <path d=\"M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373\" fill=\"#1877f2\" />\n    <path d=\"M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4\" fill=\"#fff\" />\n  </svg>\n  , 'Facebook',\n)\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XTwitterSvgIcon = createSvgIcon(\n  <svg viewBox=\"0 0 1200 1227\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\" fill=\"white\" />\n  </svg>\n  , 'XTwitterSvgIcon',\n)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\n\n/**\n * The props for the DynamicShareImage component.\n */\nexport interface DynamicShareImageProps {\n  /**\n   * The URL of the share image for the page.\n   */\n  image: string\n}\n\n/**\n * Used in conjunction with the XY Meta Server to dynamically set the share image for a page.\n */\nexport const DynamicShareImage: React.FC<DynamicShareImageProps> = ({ image }) => {\n  return (\n    <Helmet>\n      <meta property=\"xyo:og:image\" content={image} />\n    </Helmet>\n  )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport React, { useEffect } from 'react'\n\nexport const HideParentsFlexbox: React.FC<WithChildren & FlexBoxProps> = ({ children, ...props }) => {\n  useEffect(() => {\n    const style = document.createElement('style')\n    document.head.append(style)\n    style.innerHTML = `\n    /** make all elements hidden */\n    * {\n      visibility: hidden;\n    }\n\n    /** move the preview area to the top of the page */\n    #preview-area {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 9999;\n    }\n\n    /** make the preview area and all its children visible */\n    #preview-area * {\n      visibility: visible;\n    }`\n\n    return () => {\n      style.remove()\n    }\n  }, [])\n\n  return (\n    <FlexGrowRow alignItems=\"stretch\" id=\"preview-area\" justifyContent=\"start\" {...props}>\n      {children}\n    </FlexGrowRow>\n  )\n}\n","import { CopyAllRounded } from '@mui/icons-material'\nimport type { StandardTextFieldProps } from '@mui/material'\nimport {\n  IconButton, InputAdornment, TextField,\n} from '@mui/material'\nimport { forget } from '@xylabs/forget'\nimport React, { useState } from 'react'\n\nexport interface CopyLinkTextFieldProps extends StandardTextFieldProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({\n  shareLinkName, shareUrl, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n\n  const copyToClipboard = async (link?: string) => {\n    if (link) {\n      try {\n        await navigator.clipboard.writeText(link)\n      } catch (e) {\n        const message = 'Error copying shareUrl to clipboard'\n        console.error(message, e, link)\n        setError(new Error(message))\n      }\n    } else {\n      console.warn('tried to copy shareUrl before it was generated')\n    }\n  }\n\n  return (\n    <TextField\n      disabled\n      error={!!error}\n      helperText={error?.message}\n      // to override the color that appears when it's a text field, only on dark mode\n      sx={{ input: { WebkitTextFillColor: 'lightgray !important' } }}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <IconButton aria-label={`copy ${shareLinkName} link`} onClick={() => forget(copyToClipboard(shareUrl))} edge=\"end\">\n              <CopyAllRounded />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n      value={shareUrl}\n      {...props}\n    />\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport type { ComponentType, ReactNode } from 'react'\nimport React from 'react'\n\nexport interface ShareOutDialogProps extends DialogProps {\n  ShareOutDialogActions?: ComponentType<{ onClose?: () => void }>\n  cardImg?: ReactNode\n  shareOutDialogContent?: ReactNode\n  subtitle?: string\n  title?: string\n}\n\nexport const ShareOutDialog: React.FC<ShareOutDialogProps> = ({\n  ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props\n}) => {\n  const handleClose = () => {\n    onClose?.('', 'backdropClick')\n  }\n\n  return (\n    <Dialog onClose={onClose} open={open} {...props}>\n      <DialogTitle>\n        <Stack direction=\"row\" spacing={2}>\n          <FlexGrowCol alignItems=\"flex-start\" width=\"60%\">\n            <Typography variant=\"h5\">{title}</Typography>\n            <Typography variant=\"body1\">\n              {' '}\n              {subtitle}\n            </Typography>\n          </FlexGrowCol>\n          <FlexGrowCol alignItems=\"flex-end\" width=\"40%\">\n            {cardImg}\n          </FlexGrowCol>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        {shareOutDialogContent}\n        <FlexCol alignItems=\"stretch\">\n        </FlexCol>\n      </DialogContent>\n      {ShareOutDialogActions ? <DialogActions><ShareOutDialogActions onClose={handleClose} /></DialogActions> : null}\n    </Dialog>\n  )\n}\n","import { InfoOutlined } from '@mui/icons-material'\nimport {\n  Tooltip, Typography, useTheme,\n} from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutExplanationProps {\n  toolTipTitle?: string\n}\n\nexport const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {\n  const theme = useTheme()\n  // eslint-disable-next-line @stylistic/max-len\n  const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'\n  return (\n    <>\n      <FlexGrowRow alignItems=\"center\">\n        <Typography variant=\"body2\" paddingRight={0.5}>\n          What am I sharing?\n        </Typography>\n        <Tooltip\n          title={title}\n          placement=\"bottom\"\n        >\n          <InfoOutlined fontSize=\"small\" sx={{ fontSize: theme.typography.caption.fontSize }} />\n        </Tooltip>\n      </FlexGrowRow>\n    </>\n  )\n}\n","import type { ButtonProps } from '@mui/material'\nimport {\n  Button, CircularProgress, styled,\n} from '@mui/material'\nimport React from 'react'\n\nexport interface GenerateShareLinkButtonProps extends ButtonProps {\n  loading?: boolean\n}\n\nexport const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({\n  children = 'Generate My Share Link', loading, ...props\n}) => {\n  return (\n    <Button\n      variant=\"contained\"\n      startIcon={loading ? <StyledCircularProgress size=\"small\" /> : null}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nconst StyledCircularProgress = styled(CircularProgress, { name: 'StyledCircularProgress' })(({ theme }) => ({\n  // ensure the color of the spinner is the same as the button color\n  color: theme.palette.getContrastText(theme.palette.primary.main),\n  height: '20px',\n  opacity: '.87',\n  width: '20px',\n}))\n","import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutHeadingFlexboxProps extends FlexBoxProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({\n  children, shareLinkName, shareUrl, ...props\n}) => {\n  const GenerateShareLinkExplanation = \"When you generate your share link, we'll make a small amount of your data public so friends can check it out!\"\n\n  return (\n    <FlexGrowCol alignItems=\"flex-start\" paddingBottom={1} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Your Share Link</strong>\n      </Typography>\n      <Typography variant=\"body1\">\n        {shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation}\n      </Typography>\n      {children}\n    </FlexGrowCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FacebookSvgIcon, XTwitterSvgIcon } from '../icons/index.ts'\n\nexport interface SocialButtonsFlexboxProps extends FlexBoxProps {\n  shareUrl?: string\n}\n\nexport const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({ shareUrl, ...props }) => {\n  return (\n    <FlexGrowCol alignItems=\"stretch\" paddingTop={2} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Share on Social Media</strong>\n      </Typography>\n      <FlexRow\n        gap={0.5}\n        sx={{ flexDirection: { md: 'row', xs: 'column' } }}\n      >\n        {shareUrl\n          ? (\n              <>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#000', color: '#fff' }}\n                  onClick={() => {\n                    window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`)\n                  }}\n                  startIcon={<XTwitterSvgIcon width=\"20px\" />}\n                >\n                  Share on X (Twitter)\n                </ButtonEx>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#4267b2', color: '#fff' }}\n                  onClick={() => {\n                    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`)\n                  }}\n                  startIcon={<FacebookSvgIcon />}\n                >\n                  Share on Facebook\n                </ButtonEx>\n              </>\n            )\n          : null}\n      </FlexRow>\n    </FlexGrowCol>\n  )\n}\n"],"mappings":"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","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","createSvgIcon","React","FacebookSvgIcon","svg","xmlns","height","width","viewBox","path","d","fill","createSvgIcon","React","XTwitterSvgIcon","svg","viewBox","fill","xmlns","path","d","React","Helmet","DynamicShareImage","image","React","Helmet","meta","property","content","FlexGrowRow","React","useEffect","HideParentsFlexbox","children","props","useEffect","style","document","createElement","head","append","innerHTML","remove","React","FlexGrowRow","alignItems","id","justifyContent","CopyAllRounded","IconButton","InputAdornment","TextField","forget","React","useState","CopyLinkTextField","shareLinkName","shareUrl","props","error","setError","useState","copyToClipboard","link","navigator","clipboard","writeText","e","message","console","Error","warn","React","TextField","disabled","helperText","sx","input","WebkitTextFillColor","InputProps","endAdornment","InputAdornment","position","IconButton","aria-label","onClick","forget","edge","CopyAllRounded","value","Dialog","DialogActions","DialogContent","DialogTitle","Stack","Typography","FlexCol","FlexGrowCol","React","ShareOutDialog","ShareOutDialogActions","cardImg","open","onClose","shareOutDialogContent","subtitle","title","props","handleClose","React","Dialog","DialogTitle","Stack","direction","spacing","FlexGrowCol","alignItems","width","Typography","variant","DialogContent","FlexCol","DialogActions","InfoOutlined","Tooltip","Typography","useTheme","FlexGrowRow","React","ShareOutExplanation","toolTipTitle","theme","useTheme","title","React","FlexGrowRow","alignItems","Typography","variant","paddingRight","Tooltip","placement","InfoOutlined","fontSize","sx","typography","caption","Button","CircularProgress","styled","React","GenerateShareLinkButton","children","loading","props","React","Button","variant","startIcon","StyledCircularProgress","size","styled","CircularProgress","name","theme","color","palette","getContrastText","primary","main","height","opacity","width","Typography","FlexGrowCol","React","ShareOutHeadingFlexbox","children","shareLinkName","shareUrl","props","GenerateShareLinkExplanation","React","FlexGrowCol","alignItems","paddingBottom","Typography","variant","gutterBottom","strong","Typography","ButtonEx","FlexGrowCol","FlexRow","React","SocialButtonsFlexbox","shareUrl","props","React","FlexGrowCol","alignItems","paddingTop","Typography","variant","gutterBottom","strong","FlexRow","gap","sx","flexDirection","md","xs","ButtonEx","style","backgroundColor","color","onClick","window","open","encodeURIComponent","startIcon","XTwitterSvgIcon","width","FacebookSvgIcon"]}

package/dist/browser/meta-server/dynamic-share/DynamicShareImage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DynamicShareImageProps {
+    image: string;
+}
+export declare const DynamicShareImage: React.FC<DynamicShareImageProps>;
+//# sourceMappingURL=DynamicShareImage.d.ts.map

package/dist/browser/meta-server/dynamic-share/DynamicShareImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicShareImage.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/dynamic-share/DynamicShareImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,sBAAsB;IAIrC,KAAK,EAAE,MAAM,CAAA;CACd;AAKD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAM9D,CAAA"}

package/dist/browser/meta-server/dynamic-share/index.d.ts

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

package/dist/browser/meta-server/dynamic-share/index.d.ts.map

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

package/dist/browser/meta-server/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dynamic-share/index.ts';
+export * from './live-share/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/meta-server/index.d.ts.map

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

package/dist/browser/meta-server/live-share/HideParentsFlexbox.d.ts

@@ -0,0 +1,5 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import type { WithChildren } from '@xylabs/react-shared';
+import React from 'react';
+export declare const HideParentsFlexbox: React.FC<WithChildren & FlexBoxProps>;
+//# sourceMappingURL=HideParentsFlexbox.d.ts.map

package/dist/browser/meta-server/live-share/HideParentsFlexbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideParentsFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/live-share/HideParentsFlexbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,GAAG,YAAY,CAkCpE,CAAA"}

package/dist/browser/meta-server/live-share/index.d.ts

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

package/dist/browser/meta-server/live-share/index.d.ts.map

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

package/dist/browser/out/CopyLinkTextField.d.ts

@@ -0,0 +1,8 @@
+import type { StandardTextFieldProps } from '@mui/material';
+import React from 'react';
+export interface CopyLinkTextFieldProps extends StandardTextFieldProps {
+    shareLinkName?: string;
+    shareUrl?: string;
+}
+export declare const CopyLinkTextField: React.FC<CopyLinkTextFieldProps>;
+//# sourceMappingURL=CopyLinkTextField.d.ts.map

package/dist/browser/out/CopyLinkTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyLinkTextField.d.ts","sourceRoot":"","sources":["../../../src/out/CopyLinkTextField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAK3D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuC9D,CAAA"}

package/dist/browser/out/Dialog.d.ts

@@ -0,0 +1,14 @@
+import type { DialogProps } from '@mui/material';
+import type { ComponentType, ReactNode } from 'react';
+import React from 'react';
+export interface ShareOutDialogProps extends DialogProps {
+    ShareOutDialogActions?: ComponentType<{
+        onClose?: () => void;
+    }>;
+    cardImg?: ReactNode;
+    shareOutDialogContent?: ReactNode;
+    subtitle?: string;
+    title?: string;
+}
+export declare const ShareOutDialog: React.FC<ShareOutDialogProps>;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/browser/out/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/out/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,qBAAqB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}

package/dist/browser/out/Explanation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ShareOutExplanationProps {
+    toolTipTitle?: string;
+}
+export declare const ShareOutExplanation: React.FC<ShareOutExplanationProps>;
+//# sourceMappingURL=Explanation.d.ts.map

package/dist/browser/out/Explanation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Explanation.d.ts","sourceRoot":"","sources":["../../../src/out/Explanation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmBlE,CAAA"}

package/dist/browser/out/GenerateShareLinkButton.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonProps } from '@mui/material';
+import React from 'react';
+export interface GenerateShareLinkButtonProps extends ButtonProps {
+    loading?: boolean;
+}
+export declare const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps>;
+//# sourceMappingURL=GenerateShareLinkButton.d.ts.map

package/dist/browser/out/GenerateShareLinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateShareLinkButton.d.ts","sourceRoot":"","sources":["../../../src/out/GenerateShareLinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAY1E,CAAA"}

package/dist/browser/out/HeadingFlexbox.d.ts

@@ -0,0 +1,8 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+export interface ShareOutHeadingFlexboxProps extends FlexBoxProps {
+    shareLinkName?: string;
+    shareUrl?: string;
+}
+export declare const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps>;
+//# sourceMappingURL=HeadingFlexbox.d.ts.map

package/dist/browser/out/HeadingFlexbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/HeadingFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgBxE,CAAA"}

package/dist/browser/out/SocialButtonsFlexbox.d.ts

@@ -0,0 +1,7 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+export interface SocialButtonsFlexboxProps extends FlexBoxProps {
+    shareUrl?: string;
+}
+export declare const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps>;
+//# sourceMappingURL=SocialButtonsFlexbox.d.ts.map

package/dist/browser/out/SocialButtonsFlexbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialButtonsFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/SocialButtonsFlexbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuCpE,CAAA"}

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

@@ -0,0 +1,7 @@
+export * from './CopyLinkTextField.tsx';
+export * from './Dialog.tsx';
+export * from './Explanation.tsx';
+export * from './GenerateShareLinkButton.tsx';
+export * from './HeadingFlexbox.tsx';
+export * from './SocialButtonsFlexbox.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/out/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA"}

package/package.json

@@ -1,71 +1,76 @@
 {
   "name": "@xyo-network/react-share",
+  "version": "3.0.3",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xyo.network",
     "name": "XYO Development Team",
+    "email": "support@xyo.network",
     "url": "https://xyo.network"
   },
-  "bugs": {
-    "email": "support@xyo.network",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/forget": "^4.0.2",
+    "@xylabs/forget": "^4.0.5",
     "@xylabs/react-button": "^4.0.3",
     "@xylabs/react-flexbox": "^4.0.3",
     "@xylabs/react-link": "^4.0.3",
     "@xylabs/react-shared": "^4.0.3",
     "react-helmet": "^6.1.0"
   },
-  "peerDependencies": {
-    "@mui/icons-material": "^5",
-    "@mui/material": "^5",
-    "@mui/styles": "^5",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-icons": "^4"
-  },
   "devDependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
     "@storybook/react": "^8.2.9",
     "@types/react-helmet": "^6.1.11",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.2.9",
     "typescript": "^5.5.4"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.mjs"
-      },
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
+  "peerDependencies": {
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "react": "^18",
+    "react-dom": "^18"
   },
-  "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
-  },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
-  },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.2",
-  "type": "module"
+  "docs": "dist/docs.json"
 }

package/src/button/ShareButton.stories.tsx

@@ -3,9 +3,7 @@ import React from 'react'
 
 import { ShareButton } from './ShareButton.tsx'
 
-export default {
-  title: 'modules/ShareButton',
-} as Meta<typeof ShareButton>
+export default { title: 'modules/ShareButton' } as Meta<typeof ShareButton>
 
 const Template: StoryFn<typeof ShareButton> = (props) => {
   return <ShareButton {...props} />
@@ -20,4 +18,6 @@ WithUnPrepared.args = { prepared: false }
 const WithCustomShareLink = Template.bind({})
 WithCustomShareLink.args = { shareLink: 'http://explore.xyo.network' }
 
-export { Default, WithCustomShareLink, WithUnPrepared }
+export {
+  Default, WithCustomShareLink, WithUnPrepared,
+}

package/src/button/ShareButton.tsx

@@ -1,4 +1,6 @@
-import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'
+import {
+  Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon,
+} from '@mui/icons-material'
 import { Popover } from '@mui/material'
 import type { ButtonExProps } from '@xylabs/react-button'
 import { ButtonEx } from '@xylabs/react-button'
@@ -11,7 +13,9 @@ export interface ShareButtonProps extends ButtonExProps {
   shareLink?: string
 }
 
-export const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {
+export const ShareButton: React.FC<ShareButtonProps> = ({
+  prepared = true, shareLink, ...props
+}) => {
   const [expanded, setExpanded] = useState(false)
   const anchorRef = useRef(null)
   const link = shareLink ?? window.location.href

package/src/icons/social/Facebook.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @stylistic/max-len */
 import { createSvgIcon } from '@mui/material'
 import React from 'react'
 

package/src/icons/social/XTwitter.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @stylistic/max-len */
 import { createSvgIcon } from '@mui/material'
 import React from 'react'
 
@@ -5,4 +6,5 @@ export const XTwitterSvgIcon = createSvgIcon(
   <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white" />
   </svg>
-  , 'XTwitterSvgIcon')
+  , 'XTwitterSvgIcon',
+)

package/src/out/CopyLinkTextField.stories.tsx

@@ -3,9 +3,7 @@ import React from 'react'
 
 import { CopyLinkTextField } from './CopyLinkTextField.tsx'
 
-export default {
-  title: 'modules/ShareOut/CopyLinkTextField',
-} as Meta<typeof CopyLinkTextField>
+export default { title: 'modules/ShareOut/CopyLinkTextField' } as Meta<typeof CopyLinkTextField>
 
 const Template: StoryFn<typeof CopyLinkTextField> = (props) => {
   return <CopyLinkTextField {...props} />
@@ -15,8 +13,6 @@ const Default = Template.bind({})
 Default.args = {}
 
 const WithShareUrl = Template.bind({})
-WithShareUrl.args = {
-  shareUrl: 'https://google.com',
-}
+WithShareUrl.args = { shareUrl: 'https://google.com' }
 
 export { Default, WithShareUrl }

package/src/out/CopyLinkTextField.tsx

@@ -1,6 +1,8 @@
 import { CopyAllRounded } from '@mui/icons-material'
 import type { StandardTextFieldProps } from '@mui/material'
-import { IconButton, InputAdornment, TextField } from '@mui/material'
+import {
+  IconButton, InputAdornment, TextField,
+} from '@mui/material'
 import { forget } from '@xylabs/forget'
 import React, { useState } from 'react'
 
@@ -9,7 +11,9 @@ export interface CopyLinkTextFieldProps extends StandardTextFieldProps {
   shareUrl?: string
 }
 
-export const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({ shareLinkName, shareUrl, ...props }) => {
+export const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({
+  shareLinkName, shareUrl, ...props
+}) => {
   const [error, setError] = useState<Error>()
 
   const copyToClipboard = async (link?: string) => {

package/src/out/Dialog.stories.tsx

@@ -10,9 +10,7 @@ import { GenerateShareLinkButton } from './GenerateShareLinkButton.tsx'
 import { ShareOutHeadingFlexbox } from './HeadingFlexbox.tsx'
 import { SocialButtonsFlexbox } from './SocialButtonsFlexbox.tsx'
 
-export default {
-  title: 'modules/ShareOut/Dialog',
-} as Meta<typeof ShareOutDialog>
+export default { title: 'modules/ShareOut/Dialog' } as Meta<typeof ShareOutDialog>
 
 const Template: StoryFn<typeof ShareOutDialog> = (props) => {
   return <ShareOutDialog {...props} />
@@ -24,8 +22,10 @@ const TemplateWithContent: StoryFn<typeof ShareOutDialog> = (props) => {
   const [shareUrl, setShareUrl] = useState('')
   const [loading, setLoading] = useState(false)
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { open: unused, ...restProps } = props
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    open: unused, ...restProps
+  } = props
 
   const cardImg = <img src="https://picsum.photos/100/100" height="100px" width="100px" />
   const shareLinkName = 'My Share Link'
@@ -59,7 +59,16 @@ const TemplateWithContent: StoryFn<typeof ShareOutDialog> = (props) => {
   return (
     <>
       <Button onClick={() => setOpen(true)} variant="contained">Open</Button>
-      <ShareOutDialog cardImg={cardImg} onClose={onClose} ShareOutDialogActions={shareOutDialogActions} shareOutDialogContent={shareOutDialogContent} open={open} title="Share Out Dialog" subtitle="With a subtitle" {...restProps} />
+      <ShareOutDialog
+        cardImg={cardImg}
+        onClose={onClose}
+        ShareOutDialogActions={shareOutDialogActions}
+        shareOutDialogContent={shareOutDialogContent}
+        open={open}
+        title="Share Out Dialog"
+        subtitle="With a subtitle"
+        {...restProps}
+      />
     </>
   )
 }

package/src/out/Dialog.tsx

@@ -1,5 +1,7 @@
 import type { DialogProps } from '@mui/material'
-import { Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography } from '@mui/material'
+import {
+  Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography,
+} from '@mui/material'
 import { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'
 import type { ComponentType, ReactNode } from 'react'
 import React from 'react'
@@ -12,7 +14,9 @@ export interface ShareOutDialogProps extends DialogProps {
   title?: string
 }
 
-export const ShareOutDialog: React.FC<ShareOutDialogProps> = ({ ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props }) => {
+export const ShareOutDialog: React.FC<ShareOutDialogProps> = ({
+  ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props
+}) => {
   const handleClose = () => {
     onClose?.('', 'backdropClick')
   }

package/src/out/Explanation.tsx

@@ -1,5 +1,7 @@
 import { InfoOutlined } from '@mui/icons-material'
-import { Tooltip, Typography, useTheme } from '@mui/material'
+import {
+  Tooltip, Typography, useTheme,
+} from '@mui/material'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
@@ -9,6 +11,7 @@ export interface ShareOutExplanationProps {
 
 export const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {
   const theme = useTheme()
+  // eslint-disable-next-line @stylistic/max-len
   const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'
   return (
     <>

package/src/out/GenerateShareLinkButton.stories.tsx

@@ -3,9 +3,7 @@ import React from 'react'
 
 import { GenerateShareLinkButton } from './GenerateShareLinkButton.tsx'
 
-export default {
-  title: 'modules/ShareOut/GenerateShareLinkButton',
-} as Meta<typeof GenerateShareLinkButton>
+export default { title: 'modules/ShareOut/GenerateShareLinkButton' } as Meta<typeof GenerateShareLinkButton>
 
 const Template: StoryFn<typeof GenerateShareLinkButton> = (props) => {
   return <GenerateShareLinkButton {...props} />
@@ -15,8 +13,6 @@ const Default = Template.bind({})
 Default.args = {}
 
 const WithLoading = Template.bind({})
-WithLoading.args = {
-  loading: true,
-}
+WithLoading.args = { loading: true }
 
 export { Default, WithLoading }

package/src/out/GenerateShareLinkButton.tsx

@@ -1,12 +1,16 @@
 import type { ButtonProps } from '@mui/material'
-import { Button, CircularProgress, styled } from '@mui/material'
+import {
+  Button, CircularProgress, styled,
+} from '@mui/material'
 import React from 'react'
 
 export interface GenerateShareLinkButtonProps extends ButtonProps {
   loading?: boolean
 }
 
-export const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({ children = 'Generate My Share Link', loading, ...props }) => {
+export const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({
+  children = 'Generate My Share Link', loading, ...props
+}) => {
   return (
     <Button
       variant="contained"

package/src/out/HeadingFlexbox.tsx

@@ -8,7 +8,9 @@ export interface ShareOutHeadingFlexboxProps extends FlexBoxProps {
   shareUrl?: string
 }
 
-export const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({ children, shareLinkName, shareUrl, ...props }) => {
+export const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({
+  children, shareLinkName, shareUrl, ...props
+}) => {
   const GenerateShareLinkExplanation = "When you generate your share link, we'll make a small amount of your data public so friends can check it out!"
 
   return (

package/src/out/SocialButtonsFlexbox.stories.tsx

@@ -3,9 +3,7 @@ import React from 'react'
 
 import { SocialButtonsFlexbox } from './SocialButtonsFlexbox.tsx'
 
-export default {
-  title: 'modules/ShareOut/SocialButtonsFlexbox',
-} as Meta<typeof SocialButtonsFlexbox>
+export default { title: 'modules/ShareOut/SocialButtonsFlexbox' } as Meta<typeof SocialButtonsFlexbox>
 
 const Template: StoryFn<typeof SocialButtonsFlexbox> = (props) => {
   return <SocialButtonsFlexbox {...props} />
@@ -15,8 +13,6 @@ const Default = Template.bind({})
 Default.args = {}
 
 const WithShareUrl = Template.bind({})
-WithShareUrl.args = {
-  shareUrl: 'https://google.com',
-}
+WithShareUrl.args = { shareUrl: 'https://google.com' }
 
 export { Default, WithShareUrl }

package/src/out/SocialButtonsFlexbox.tsx

@@ -16,7 +16,10 @@ export const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({ shar
       <Typography variant="body1" gutterBottom>
         <strong>Share on Social Media</strong>
       </Typography>
-      <FlexRow gap={0.5} sx={{ flexDirection: { md: 'row', xs: 'column' } }}>
+      <FlexRow
+        gap={0.5}
+        sx={{ flexDirection: { md: 'row', xs: 'column' } }}
+      >
         {shareUrl
           ? (
               <>

package/xy.config.ts

@@ -1,9 +1,7 @@
 import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },