@xyo-network/react-shared 2.64.0 → 2.64.1

package/dist/browser/components/Pipe.js

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/Pipe.tsx
 import { Typography } from "@mui/material";
-const Pipe = (props) => {
+import { jsx } from "react/jsx-runtime";
+var Pipe = (props) => {
   return /* @__PURE__ */ jsx(Typography, { marginX: 1, component: "span", ...props, children: "|" });
 };
 export {

package/dist/browser/components/Pipe.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Pipe.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nexport const Pipe: React.FC<TypographyProps> = (props) => {\n  return (\n    <Typography marginX={1} component=\"span\" {...props}>\n      |\n    </Typography>\n  )\n}\n"],"mappings":"AAII;AAJJ,SAAS,kBAAmC;AAErC,MAAM,OAAkC,CAAC,UAAU;AACxD,SACE,oBAAC,cAAW,SAAS,GAAG,WAAU,QAAQ,GAAG,OAAO,eAEpD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/Pipe.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nexport const Pipe: React.FC<TypographyProps> = (props) => {\n  return (\n    <Typography marginX={1} component=\"span\" {...props}>\n      |\n    </Typography>\n  )\n}\n"],"mappings":";AAAA,SAAS,kBAAmC;AAIxC;AAFG,IAAM,OAAkC,CAAC,UAAU;AACxD,SACE,oBAAC,cAAW,SAAS,GAAG,WAAU,QAAQ,GAAG,OAAO,eAEpD;AAEJ;","names":[]}

package/dist/browser/components/ScrollTableOnSm.js

@@ -1,13 +1,14 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/ScrollTableOnSm.tsx
 import { styled } from "@mui/material";
-const StyledScrollTableOnSm = styled("div")(({ theme }) => ({
+import { jsx } from "react/jsx-runtime";
+var StyledScrollTableOnSm = styled("div")(({ theme }) => ({
   [theme.breakpoints.down("md")]: {
     overflowX: "scroll"
   },
   display: "flex",
   flexGrow: 1
 }));
-const ScrollTableOnSm = ({ children }) => /* @__PURE__ */ jsx(StyledScrollTableOnSm, { children });
+var ScrollTableOnSm = ({ children }) => /* @__PURE__ */ jsx(StyledScrollTableOnSm, { children });
 export {
   ScrollTableOnSm
 };

package/dist/browser/components/ScrollTableOnSm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScrollTableOnSm.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nconst StyledScrollTableOnSm = styled('div')(({ theme }) => ({\n  [theme.breakpoints.down('md')]: {\n    overflowX: 'scroll',\n  },\n  display: 'flex',\n  flexGrow: 1,\n}))\n\nconst ScrollTableOnSm: React.FC<WithChildren> = ({ children }) => <StyledScrollTableOnSm>{children}</StyledScrollTableOnSm>\n\nexport { ScrollTableOnSm }\n"],"mappings":"AAWkE;AAXlE,SAAS,cAAc;AAGvB,MAAM,wBAAwB,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC1D,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AACZ,EAAE;AAEF,MAAM,kBAA0C,CAAC,EAAE,SAAS,MAAM,oBAAC,yBAAuB,UAAS;","names":[]}
+{"version":3,"sources":["../../../src/components/ScrollTableOnSm.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nconst StyledScrollTableOnSm = styled('div')(({ theme }) => ({\n  [theme.breakpoints.down('md')]: {\n    overflowX: 'scroll',\n  },\n  display: 'flex',\n  flexGrow: 1,\n}))\n\nconst ScrollTableOnSm: React.FC<WithChildren> = ({ children }) => <StyledScrollTableOnSm>{children}</StyledScrollTableOnSm>\n\nexport { ScrollTableOnSm }\n"],"mappings":";AAAA,SAAS,cAAc;AAW2C;AARlE,IAAM,wBAAwB,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC1D,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AACZ,EAAE;AAEF,IAAM,kBAA0C,CAAC,EAAE,SAAS,MAAM,oBAAC,yBAAuB,UAAS;","names":[]}

package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.js

@@ -1,8 +1,9 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/SectionSpacingRow/SectionSpacingRow.tsx
 import { useTheme } from "@mui/material";
 import { FlexGrowRow } from "@xylabs/react-flexbox";
 import { forwardRef } from "react";
-const SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
+import { jsx } from "react/jsx-runtime";
+var SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
   const theme = useTheme();
   return /* @__PURE__ */ jsx(
     FlexGrowRow,

package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { forwardRef } from 'react'\n\nexport const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {\n  const theme = useTheme()\n  return (\n    <FlexGrowRow\n      sx={{\n        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },\n        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },\n        ...sx,\n      }}\n      width=\"100%\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n})\n\nSectionSpacingRow.displayName = 'SectionSpacingRow'\n"],"mappings":"AAOI;AAPJ,SAAS,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,kBAAkB;AAEpB,MAAM,oBAAoB,WAAyC,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QAC5D,YAAY,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QACzD,GAAG;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,kBAAkB,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { forwardRef } from 'react'\n\nexport const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {\n  const theme = useTheme()\n  return (\n    <FlexGrowRow\n      sx={{\n        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },\n        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },\n        ...sx,\n      }}\n      width=\"100%\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n})\n\nSectionSpacingRow.displayName = 'SectionSpacingRow'\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,kBAAkB;AAKvB;AAHG,IAAM,oBAAoB,WAAyC,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QAC5D,YAAY,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QACzD,GAAG;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,kBAAkB,cAAc;","names":[]}

package/dist/browser/components/SectionSpacingRow/index.js

@@ -1,2 +1,27 @@
-export * from "./SectionSpacingRow";
+// src/components/SectionSpacingRow/SectionSpacingRow.tsx
+import { useTheme } from "@mui/material";
+import { FlexGrowRow } from "@xylabs/react-flexbox";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    FlexGrowRow,
+    {
+      sx: {
+        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
+        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
+        ...sx
+      },
+      width: "100%",
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+SectionSpacingRow.displayName = "SectionSpacingRow";
+export {
+  SectionSpacingRow
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/SectionSpacingRow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SectionSpacingRow/index.ts"],"sourcesContent":["export * from './SectionSpacingRow'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { forwardRef } from 'react'\n\nexport const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {\n  const theme = useTheme()\n  return (\n    <FlexGrowRow\n      sx={{\n        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },\n        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },\n        ...sx,\n      }}\n      width=\"100%\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n})\n\nSectionSpacingRow.displayName = 'SectionSpacingRow'\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,kBAAkB;AAKvB;AAHG,IAAM,oBAAoB,WAAyC,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QAC5D,YAAY,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QACzD,GAAG;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,kBAAkB,cAAc;","names":[]}

package/dist/browser/components/StyleGuide/AppBars.example.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/StyleGuide/AppBars.example.tsx
 import { Menu as MenuIcon } from "@mui/icons-material";
 import { Button, IconButton, Toolbar, Typography } from "@mui/material";
 import { AppBarEx } from "@xylabs/react-appbar";
 import { FlexCol } from "@xylabs/react-flexbox";
-const AppBarsExample = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var AppBarsExample = () => {
   const contextToolbar = /* @__PURE__ */ jsxs(Toolbar, { disableGutters: true, children: [
     /* @__PURE__ */ jsx(IconButton, { edge: "start", color: "inherit", "aria-label": "menu", sx: { mr: 2 }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
     /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "inherit", component: "div", children: "Photos" })

package/dist/browser/components/StyleGuide/AppBars.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/AppBars.example.tsx"],"sourcesContent":["import { Menu as MenuIcon } from '@mui/icons-material'\nimport { Button, IconButton, Toolbar, Typography } from '@mui/material'\nimport { AppBarEx } from '@xylabs/react-appbar'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const AppBarsExample = () => {\n  const contextToolbar = (\n    <Toolbar disableGutters>\n      <IconButton edge=\"start\" color=\"inherit\" aria-label=\"menu\" sx={{ mr: 2 }}>\n        <MenuIcon />\n      </IconButton>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\">\n        Photos\n      </Typography>\n    </Toolbar>\n  )\n\n  const systemToolbar = <Button variant=\"contained\">Get Started</Button>\n\n  return (\n    <FlexCol alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">App Bar</Typography>\n      <AppBarEx elevation={0} contextToolbar={contextToolbar} systemToolbar={systemToolbar} />\n    </FlexCol>\n  )\n}\n"],"mappings":"AAOI,SAEI,KAFJ;AAPJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,YAAY,SAAS,kBAAkB;AACxD,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAEjB,MAAM,iBAAiB,MAAM;AAClC,QAAM,iBACJ,qBAAC,WAAQ,gBAAc,MACrB;AAAA,wBAAC,cAAW,MAAK,SAAQ,OAAM,WAAU,cAAW,QAAO,IAAI,EAAE,IAAI,EAAE,GACrE,8BAAC,YAAS,GACZ;AAAA,IACA,oBAAC,cAAW,SAAQ,MAAK,OAAM,WAAU,WAAU,OAAM,oBAEzD;AAAA,KACF;AAGF,QAAM,gBAAgB,oBAAC,UAAO,SAAQ,aAAY,yBAAW;AAE7D,SACE,qBAAC,WAAQ,YAAW,WAClB;AAAA,wBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,YAAS,WAAW,GAAG,gBAAgC,eAA8B;AAAA,KACxF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/AppBars.example.tsx"],"sourcesContent":["import { Menu as MenuIcon } from '@mui/icons-material'\nimport { Button, IconButton, Toolbar, Typography } from '@mui/material'\nimport { AppBarEx } from '@xylabs/react-appbar'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const AppBarsExample = () => {\n  const contextToolbar = (\n    <Toolbar disableGutters>\n      <IconButton edge=\"start\" color=\"inherit\" aria-label=\"menu\" sx={{ mr: 2 }}>\n        <MenuIcon />\n      </IconButton>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\">\n        Photos\n      </Typography>\n    </Toolbar>\n  )\n\n  const systemToolbar = <Button variant=\"contained\">Get Started</Button>\n\n  return (\n    <FlexCol alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">App Bar</Typography>\n      <AppBarEx elevation={0} contextToolbar={contextToolbar} systemToolbar={systemToolbar} />\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,YAAY,SAAS,kBAAkB;AACxD,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAIpB,SAEI,KAFJ;AAFG,IAAM,iBAAiB,MAAM;AAClC,QAAM,iBACJ,qBAAC,WAAQ,gBAAc,MACrB;AAAA,wBAAC,cAAW,MAAK,SAAQ,OAAM,WAAU,cAAW,QAAO,IAAI,EAAE,IAAI,EAAE,GACrE,8BAAC,YAAS,GACZ;AAAA,IACA,oBAAC,cAAW,SAAQ,MAAK,OAAM,WAAU,WAAU,OAAM,oBAEzD;AAAA,KACF;AAGF,QAAM,gBAAgB,oBAAC,UAAO,SAAQ,aAAY,yBAAW;AAE7D,SACE,qBAAC,WAAQ,YAAW,WAClB;AAAA,wBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,YAAS,WAAW,GAAG,gBAAgC,eAA8B;AAAA,KACxF;AAEJ;","names":[]}

package/dist/browser/components/StyleGuide/Buttons.example.js

@@ -1,9 +1,10 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/StyleGuide/Buttons.example.tsx
 import { Button, Typography } from "@mui/material";
 import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-const colors = ["primary", "secondary"];
-const variants = ["text", "contained", "outlined"];
-const ButtonsExample = ({ ...props }) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var colors = ["primary", "secondary"];
+var variants = ["text", "contained", "outlined"];
+var ButtonsExample = ({ ...props }) => {
   return /* @__PURE__ */ jsxs(FlexCol, { ...props, alignItems: "stretch", children: [
     /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Buttons" }),
     /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Buttons" }),

package/dist/browser/components/StyleGuide/Buttons.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/Buttons.example.tsx"],"sourcesContent":["import { Button, ButtonTypeMap, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nconst colors = ['primary', 'secondary'] as ButtonTypeMap['props']['color'][]\nconst variants = ['text', 'contained', 'outlined'] as ButtonTypeMap['props']['variant'][]\n\nexport const ButtonsExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props} alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">Buttons</Typography>\n      <Typography variant=\"subtitle2\">Buttons</Typography>\n      <FlexRow alignItems=\"stretch\" mb={2}>\n        {colors.map((color) => (\n          <>\n            <Button variant=\"contained\" color={color}>\n              {color}\n            </Button>\n            &nbsp;\n          </>\n        ))}\n      </FlexRow>\n      {variants.map((variant) => (\n        <FlexCol key={`btn-${variant}`} alignItems=\"stretch\" mb={2}>\n          <Typography variant=\"subtitle2\">\n            <span style={{ textTransform: 'capitalize' }}>{variant}</span> Buttons\n          </Typography>\n          <FlexRow alignItems=\"stretch\">\n            <Button variant={variant}>Button</Button>&nbsp;\n            <Button variant={variant} disabled>\n              Disabled\n            </Button>\n            &nbsp;\n            <Button variant={variant} href=\"#href\">\n              Link\n            </Button>\n          </FlexRow>\n        </FlexCol>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":"AASM,SAII,UAJJ,KAII,YAJJ;AATN,SAAS,QAAuB,kBAAkB;AAClD,SAAS,SAAS,eAAe;AAEjC,MAAM,SAAS,CAAC,WAAW,WAAW;AACtC,MAAM,WAAW,CAAC,QAAQ,aAAa,UAAU;AAE1C,MAAM,iBAA2B,CAAC,EAAE,GAAG,MAAM,MAAM;AACxD,SACE,qBAAC,WAAS,GAAG,OAAO,YAAW,WAC7B;AAAA,wBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,WAAQ,YAAW,WAAU,IAAI,GAC/B,iBAAO,IAAI,CAAC,UACX,iCACE;AAAA,0BAAC,UAAO,SAAQ,aAAY,OACzB,iBACH;AAAA,MAAS;AAAA,OAEX,CACD,GACH;AAAA,IACC,SAAS,IAAI,CAAC,YACb,qBAAC,WAA+B,YAAW,WAAU,IAAI,GACvD;AAAA,2BAAC,cAAW,SAAQ,aAClB;AAAA,4BAAC,UAAK,OAAO,EAAE,eAAe,aAAa,GAAI,mBAAQ;AAAA,QAAO;AAAA,SAChE;AAAA,MACA,qBAAC,WAAQ,YAAW,WAClB;AAAA,4BAAC,UAAO,SAAkB,oBAAM;AAAA,QAAS;AAAA,QACzC,oBAAC,UAAO,SAAkB,UAAQ,MAAC,sBAEnC;AAAA,QAAS;AAAA,QAET,oBAAC,UAAO,SAAkB,MAAK,SAAQ,kBAEvC;AAAA,SACF;AAAA,SAbY,OAAO,OAAO,EAc5B,CACD;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/Buttons.example.tsx"],"sourcesContent":["import { Button, ButtonTypeMap, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nconst colors = ['primary', 'secondary'] as ButtonTypeMap['props']['color'][]\nconst variants = ['text', 'contained', 'outlined'] as ButtonTypeMap['props']['variant'][]\n\nexport const ButtonsExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props} alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">Buttons</Typography>\n      <Typography variant=\"subtitle2\">Buttons</Typography>\n      <FlexRow alignItems=\"stretch\" mb={2}>\n        {colors.map((color) => (\n          <>\n            <Button variant=\"contained\" color={color}>\n              {color}\n            </Button>\n            &nbsp;\n          </>\n        ))}\n      </FlexRow>\n      {variants.map((variant) => (\n        <FlexCol key={`btn-${variant}`} alignItems=\"stretch\" mb={2}>\n          <Typography variant=\"subtitle2\">\n            <span style={{ textTransform: 'capitalize' }}>{variant}</span> Buttons\n          </Typography>\n          <FlexRow alignItems=\"stretch\">\n            <Button variant={variant}>Button</Button>&nbsp;\n            <Button variant={variant} disabled>\n              Disabled\n            </Button>\n            &nbsp;\n            <Button variant={variant} href=\"#href\">\n              Link\n            </Button>\n          </FlexRow>\n        </FlexCol>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,QAAuB,kBAAkB;AAClD,SAAS,SAAS,eAAe;AAQ3B,SAII,UAJJ,KAII,YAJJ;AANN,IAAM,SAAS,CAAC,WAAW,WAAW;AACtC,IAAM,WAAW,CAAC,QAAQ,aAAa,UAAU;AAE1C,IAAM,iBAA2B,CAAC,EAAE,GAAG,MAAM,MAAM;AACxD,SACE,qBAAC,WAAS,GAAG,OAAO,YAAW,WAC7B;AAAA,wBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,cAAW,SAAQ,aAAY,qBAAO;AAAA,IACvC,oBAAC,WAAQ,YAAW,WAAU,IAAI,GAC/B,iBAAO,IAAI,CAAC,UACX,iCACE;AAAA,0BAAC,UAAO,SAAQ,aAAY,OACzB,iBACH;AAAA,MAAS;AAAA,OAEX,CACD,GACH;AAAA,IACC,SAAS,IAAI,CAAC,YACb,qBAAC,WAA+B,YAAW,WAAU,IAAI,GACvD;AAAA,2BAAC,cAAW,SAAQ,aAClB;AAAA,4BAAC,UAAK,OAAO,EAAE,eAAe,aAAa,GAAI,mBAAQ;AAAA,QAAO;AAAA,SAChE;AAAA,MACA,qBAAC,WAAQ,YAAW,WAClB;AAAA,4BAAC,UAAO,SAAkB,oBAAM;AAAA,QAAS;AAAA,QACzC,oBAAC,UAAO,SAAkB,UAAQ,MAAC,sBAEnC;AAAA,QAAS;AAAA,QAET,oBAAC,UAAO,SAAkB,MAAK,SAAQ,kBAEvC;AAAA,SACF;AAAA,SAbY,OAAO,OAAO,EAc5B,CACD;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/StyleGuide/Papers.example.js

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/StyleGuide/Papers.example.tsx
 import { Paper, Typography } from "@mui/material";
 import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-const PapersExample = ({ ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var PapersExample = ({ ...props }) => {
   return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Paper" }),
     /* @__PURE__ */ jsx(FlexRow, { alignItems: "stretch", children: Array.from({ length: 5 }, () => void 0).map((_, index) => /* @__PURE__ */ jsx(FlexCol, { marginRight: 2, children: /* @__PURE__ */ jsx(Paper, { elevation: index * 2, color: "secondary", children: /* @__PURE__ */ jsxs(Typography, { margin: 1, children: [

package/dist/browser/components/StyleGuide/Papers.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/Papers.example.tsx"],"sourcesContent":["import { Paper, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nexport const PapersExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props}>\n      <Typography variant=\"subtitle1\">Paper</Typography>\n      <FlexRow alignItems=\"stretch\">\n        {Array.from({ length: 5 }, () => undefined).map((_, index) => (\n          <FlexCol key={`paper-${index}`} marginRight={2}>\n            <Paper key={`paper-${index}`} elevation={index * 2} color=\"secondary\">\n              <Typography margin={1}>Elevation-{index * 3}</Typography>\n            </Paper>\n          </FlexCol>\n        ))}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":"AAMM,cAKQ,YALR;AANN,SAAS,OAAO,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAE1B,MAAM,gBAA0B,CAAC,EAAE,GAAG,MAAM,MAAM;AACvD,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,SAAQ,aAAY,mBAAK;AAAA,IACrC,oBAAC,WAAQ,YAAW,WACjB,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,MAAS,EAAE,IAAI,CAAC,GAAG,UAClD,oBAAC,WAA+B,aAAa,GAC3C,8BAAC,SAA6B,WAAW,QAAQ,GAAG,OAAM,aACxD,+BAAC,cAAW,QAAQ,GAAG;AAAA;AAAA,MAAW,QAAQ;AAAA,OAAE,KADlC,SAAS,KAAK,EAE1B,KAHY,SAAS,KAAK,EAI5B,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/Papers.example.tsx"],"sourcesContent":["import { Paper, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nexport const PapersExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props}>\n      <Typography variant=\"subtitle1\">Paper</Typography>\n      <FlexRow alignItems=\"stretch\">\n        {Array.from({ length: 5 }, () => undefined).map((_, index) => (\n          <FlexCol key={`paper-${index}`} marginRight={2}>\n            <Paper key={`paper-${index}`} elevation={index * 2} color=\"secondary\">\n              <Typography margin={1}>Elevation-{index * 3}</Typography>\n            </Paper>\n          </FlexCol>\n        ))}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,OAAO,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAK3B,cAKQ,YALR;AAHC,IAAM,gBAA0B,CAAC,EAAE,GAAG,MAAM,MAAM;AACvD,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,SAAQ,aAAY,mBAAK;AAAA,IACrC,oBAAC,WAAQ,YAAW,WACjB,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,MAAS,EAAE,IAAI,CAAC,GAAG,UAClD,oBAAC,WAA+B,aAAa,GAC3C,8BAAC,SAA6B,WAAW,QAAQ,GAAG,OAAM,aACxD,+BAAC,cAAW,QAAQ,GAAG;AAAA;AAAA,MAAW,QAAQ;AAAA,OAAE,KADlC,SAAS,KAAK,EAE1B,KAHY,SAAS,KAAK,EAI5B,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/StyleGuide/StyleGuide.example.js

@@ -1,17 +1,104 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Typography } from "@mui/material";
+// src/components/StyleGuide/StyleGuide.example.tsx
+import { Typography as Typography5 } from "@mui/material";
+import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
+
+// src/components/StyleGuide/AppBars.example.tsx
+import { Menu as MenuIcon } from "@mui/icons-material";
+import { Button, IconButton, Toolbar, Typography } from "@mui/material";
+import { AppBarEx } from "@xylabs/react-appbar";
 import { FlexCol } from "@xylabs/react-flexbox";
-import { AppBarsExample } from "./AppBars.example";
-import { ButtonsExample } from "./Buttons.example";
-import { PapersExample } from "./Papers.example";
-import { TextsExample } from "./Texts.example";
-const StyleGuideExample = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var AppBarsExample = () => {
+  const contextToolbar = /* @__PURE__ */ jsxs(Toolbar, { disableGutters: true, children: [
+    /* @__PURE__ */ jsx(IconButton, { edge: "start", color: "inherit", "aria-label": "menu", sx: { mr: 2 }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "inherit", component: "div", children: "Photos" })
+  ] });
+  const systemToolbar = /* @__PURE__ */ jsx(Button, { variant: "contained", children: "Get Started" });
   return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "XYO Network Style Guide" }),
-    /* @__PURE__ */ jsx(AppBarsExample, {}),
-    /* @__PURE__ */ jsx(ButtonsExample, {}),
-    /* @__PURE__ */ jsx(PapersExample, {}),
-    /* @__PURE__ */ jsx(TextsExample, {})
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "App Bar" }),
+    /* @__PURE__ */ jsx(AppBarEx, { elevation: 0, contextToolbar, systemToolbar })
+  ] });
+};
+
+// src/components/StyleGuide/Buttons.example.tsx
+import { Button as Button2, Typography as Typography2 } from "@mui/material";
+import { FlexCol as FlexCol2, FlexRow } from "@xylabs/react-flexbox";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var colors = ["primary", "secondary"];
+var variants = ["text", "contained", "outlined"];
+var ButtonsExample = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs2(FlexCol2, { ...props, alignItems: "stretch", children: [
+    /* @__PURE__ */ jsx2(Typography2, { variant: "subtitle1", children: "Buttons" }),
+    /* @__PURE__ */ jsx2(Typography2, { variant: "subtitle2", children: "Buttons" }),
+    /* @__PURE__ */ jsx2(FlexRow, { alignItems: "stretch", mb: 2, children: colors.map((color) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Button2, { variant: "contained", color, children: color }),
+      "\xA0"
+    ] })) }),
+    variants.map((variant) => /* @__PURE__ */ jsxs2(FlexCol2, { alignItems: "stretch", mb: 2, children: [
+      /* @__PURE__ */ jsxs2(Typography2, { variant: "subtitle2", children: [
+        /* @__PURE__ */ jsx2("span", { style: { textTransform: "capitalize" }, children: variant }),
+        " Buttons"
+      ] }),
+      /* @__PURE__ */ jsxs2(FlexRow, { alignItems: "stretch", children: [
+        /* @__PURE__ */ jsx2(Button2, { variant, children: "Button" }),
+        "\xA0",
+        /* @__PURE__ */ jsx2(Button2, { variant, disabled: true, children: "Disabled" }),
+        "\xA0",
+        /* @__PURE__ */ jsx2(Button2, { variant, href: "#href", children: "Link" })
+      ] })
+    ] }, `btn-${variant}`))
+  ] });
+};
+
+// src/components/StyleGuide/Papers.example.tsx
+import { Paper, Typography as Typography3 } from "@mui/material";
+import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PapersExample = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs3(FlexCol3, { ...props, children: [
+    /* @__PURE__ */ jsx3(Typography3, { variant: "subtitle1", children: "Paper" }),
+    /* @__PURE__ */ jsx3(FlexRow2, { alignItems: "stretch", children: Array.from({ length: 5 }, () => void 0).map((_, index) => /* @__PURE__ */ jsx3(FlexCol3, { marginRight: 2, children: /* @__PURE__ */ jsx3(Paper, { elevation: index * 2, color: "secondary", children: /* @__PURE__ */ jsxs3(Typography3, { margin: 1, children: [
+      "Elevation-",
+      index * 3
+    ] }) }, `paper-${index}`) }, `paper-${index}`)) })
+  ] });
+};
+
+// src/components/StyleGuide/Texts.example.tsx
+import { Typography as Typography4 } from "@mui/material";
+import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var TextsExample = () => {
+  const variantList = [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "subtitle1",
+    "subtitle2",
+    "body1",
+    "body2",
+    "button",
+    "caption",
+    "overline"
+  ];
+  return /* @__PURE__ */ jsx4(FlexCol4, { children: variantList.map((variant) => /* @__PURE__ */ jsxs4(Typography4, { variant, children: [
+    variant,
+    " - XYO Network"
+  ] }, variant)) });
+};
+
+// src/components/StyleGuide/StyleGuide.example.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var StyleGuideExample = () => {
+  return /* @__PURE__ */ jsxs5(FlexCol5, { alignItems: "stretch", children: [
+    /* @__PURE__ */ jsx5(Typography5, { variant: "h5", children: "XYO Network Style Guide" }),
+    /* @__PURE__ */ jsx5(AppBarsExample, {}),
+    /* @__PURE__ */ jsx5(ButtonsExample, {}),
+    /* @__PURE__ */ jsx5(PapersExample, {}),
+    /* @__PURE__ */ jsx5(TextsExample, {})
   ] });
 };
 export {

package/dist/browser/components/StyleGuide/StyleGuide.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/StyleGuide.example.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { AppBarsExample } from './AppBars.example'\nimport { ButtonsExample } from './Buttons.example'\nimport { PapersExample } from './Papers.example'\nimport { TextsExample } from './Texts.example'\n\nexport const StyleGuideExample: React.FC = () => {\n  return (\n    <FlexCol alignItems=\"stretch\">\n      <Typography variant=\"h5\">XYO Network Style Guide</Typography>\n      <AppBarsExample />\n      <ButtonsExample />\n      <PapersExample />\n      <TextsExample />\n    </FlexCol>\n  )\n}\n"],"mappings":"AAUI,SACE,KADF;AAVJ,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAEtB,MAAM,oBAA8B,MAAM;AAC/C,SACE,qBAAC,WAAQ,YAAW,WAClB;AAAA,wBAAC,cAAW,SAAQ,MAAK,qCAAuB;AAAA,IAChD,oBAAC,kBAAe;AAAA,IAChB,oBAAC,kBAAe;AAAA,IAChB,oBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa;AAAA,KAChB;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/StyleGuide.example.tsx","../../../../src/components/StyleGuide/AppBars.example.tsx","../../../../src/components/StyleGuide/Buttons.example.tsx","../../../../src/components/StyleGuide/Papers.example.tsx","../../../../src/components/StyleGuide/Texts.example.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { AppBarsExample } from './AppBars.example'\nimport { ButtonsExample } from './Buttons.example'\nimport { PapersExample } from './Papers.example'\nimport { TextsExample } from './Texts.example'\n\nexport const StyleGuideExample: React.FC = () => {\n  return (\n    <FlexCol alignItems=\"stretch\">\n      <Typography variant=\"h5\">XYO Network Style Guide</Typography>\n      <AppBarsExample />\n      <ButtonsExample />\n      <PapersExample />\n      <TextsExample />\n    </FlexCol>\n  )\n}\n","import { Menu as MenuIcon } from '@mui/icons-material'\nimport { Button, IconButton, Toolbar, Typography } from '@mui/material'\nimport { AppBarEx } from '@xylabs/react-appbar'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const AppBarsExample = () => {\n  const contextToolbar = (\n    <Toolbar disableGutters>\n      <IconButton edge=\"start\" color=\"inherit\" aria-label=\"menu\" sx={{ mr: 2 }}>\n        <MenuIcon />\n      </IconButton>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\">\n        Photos\n      </Typography>\n    </Toolbar>\n  )\n\n  const systemToolbar = <Button variant=\"contained\">Get Started</Button>\n\n  return (\n    <FlexCol alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">App Bar</Typography>\n      <AppBarEx elevation={0} contextToolbar={contextToolbar} systemToolbar={systemToolbar} />\n    </FlexCol>\n  )\n}\n","import { Button, ButtonTypeMap, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nconst colors = ['primary', 'secondary'] as ButtonTypeMap['props']['color'][]\nconst variants = ['text', 'contained', 'outlined'] as ButtonTypeMap['props']['variant'][]\n\nexport const ButtonsExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props} alignItems=\"stretch\">\n      <Typography variant=\"subtitle1\">Buttons</Typography>\n      <Typography variant=\"subtitle2\">Buttons</Typography>\n      <FlexRow alignItems=\"stretch\" mb={2}>\n        {colors.map((color) => (\n          <>\n            <Button variant=\"contained\" color={color}>\n              {color}\n            </Button>\n            &nbsp;\n          </>\n        ))}\n      </FlexRow>\n      {variants.map((variant) => (\n        <FlexCol key={`btn-${variant}`} alignItems=\"stretch\" mb={2}>\n          <Typography variant=\"subtitle2\">\n            <span style={{ textTransform: 'capitalize' }}>{variant}</span> Buttons\n          </Typography>\n          <FlexRow alignItems=\"stretch\">\n            <Button variant={variant}>Button</Button>&nbsp;\n            <Button variant={variant} disabled>\n              Disabled\n            </Button>\n            &nbsp;\n            <Button variant={variant} href=\"#href\">\n              Link\n            </Button>\n          </FlexRow>\n        </FlexCol>\n      ))}\n    </FlexCol>\n  )\n}\n","import { Paper, Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\n\nexport const PapersExample: React.FC = ({ ...props }) => {\n  return (\n    <FlexCol {...props}>\n      <Typography variant=\"subtitle1\">Paper</Typography>\n      <FlexRow alignItems=\"stretch\">\n        {Array.from({ length: 5 }, () => undefined).map((_, index) => (\n          <FlexCol key={`paper-${index}`} marginRight={2}>\n            <Paper key={`paper-${index}`} elevation={index * 2} color=\"secondary\">\n              <Typography margin={1}>Elevation-{index * 3}</Typography>\n            </Paper>\n          </FlexCol>\n        ))}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { Typography, TypographyVariant } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const TextsExample = () => {\n  const variantList: TypographyVariant[] = [\n    'h1',\n    'h2',\n    'h3',\n    'h4',\n    'h5',\n    'h6',\n    'subtitle1',\n    'subtitle2',\n    'body1',\n    'body2',\n    'button',\n    'caption',\n    'overline',\n  ]\n\n  return (\n    <FlexCol>\n      {variantList.map((variant) => (\n        <Typography key={variant} variant={variant}>\n          {variant} - XYO Network\n        </Typography>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":"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","names":["Typography","FlexCol","Button","Typography","FlexCol","jsx","jsxs","Typography","FlexCol","FlexRow","jsx","jsxs","Typography","FlexCol","jsx","jsxs","jsx","jsxs","FlexCol","Typography"]}

package/dist/browser/components/StyleGuide/Texts.example.js

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/StyleGuide/Texts.example.tsx
 import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-const TextsExample = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextsExample = () => {
   const variantList = [
     "h1",
     "h2",

package/dist/browser/components/StyleGuide/Texts.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/Texts.example.tsx"],"sourcesContent":["import { Typography, TypographyVariant } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const TextsExample = () => {\n  const variantList: TypographyVariant[] = [\n    'h1',\n    'h2',\n    'h3',\n    'h4',\n    'h5',\n    'h6',\n    'subtitle1',\n    'subtitle2',\n    'body1',\n    'body2',\n    'button',\n    'caption',\n    'overline',\n  ]\n\n  return (\n    <FlexCol>\n      {variantList.map((variant) => (\n        <Typography key={variant} variant={variant}>\n          {variant} - XYO Network\n        </Typography>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAqBI,cAEI,YAFJ;AArBJ,SAAS,kBAAqC;AAC9C,SAAS,eAAe;AAEjB,MAAM,eAAe,MAAM;AAChC,QAAM,cAAmC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,WACE,sBAAY,IAAI,CAAC,YAChB,qBAAC,cAAyB,SACvB;AAAA;AAAA,IAAQ;AAAA,OADM,OAEjB,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/Texts.example.tsx"],"sourcesContent":["import { Typography, TypographyVariant } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const TextsExample = () => {\n  const variantList: TypographyVariant[] = [\n    'h1',\n    'h2',\n    'h3',\n    'h4',\n    'h5',\n    'h6',\n    'subtitle1',\n    'subtitle2',\n    'body1',\n    'body2',\n    'button',\n    'caption',\n    'overline',\n  ]\n\n  return (\n    <FlexCol>\n      {variantList.map((variant) => (\n        <Typography key={variant} variant={variant}>\n          {variant} - XYO Network\n        </Typography>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,kBAAqC;AAC9C,SAAS,eAAe;AAoBpB,cAEI,YAFJ;AAlBG,IAAM,eAAe,MAAM;AAChC,QAAM,cAAmC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,WACE,sBAAY,IAAI,CAAC,YAChB,qBAAC,cAAyB,SACvB;AAAA;AAAA,IAAQ;AAAA,OADM,OAEjB,CACD,GACH;AAEJ;","names":[]}

package/dist/browser/components/StyleGuide/VariantContext.example.js

@@ -1,5 +1,6 @@
+// src/components/StyleGuide/VariantContext.example.tsx
 import { createContext } from "react";
-const VariantContext = createContext("main");
+var VariantContext = createContext("main");
 export {
   VariantContext
 };

package/dist/browser/components/StyleGuide/VariantContext.example.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/StyleGuide/VariantContext.example.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const VariantContext = createContext('main')\n"],"mappings":"AAAA,SAAS,qBAAqB;AAEvB,MAAM,iBAAiB,cAAc,MAAM;","names":[]}
+{"version":3,"sources":["../../../../src/components/StyleGuide/VariantContext.example.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const VariantContext = createContext('main')\n"],"mappings":";AAAA,SAAS,qBAAqB;AAEvB,IAAM,iBAAiB,cAAc,MAAM;","names":[]}

package/dist/browser/components/TableCell/AddressTableCell.js

@@ -1,10 +1,130 @@
+// src/components/TableCell/AddressTableCell.tsx
+import { forwardRef as forwardRef3 } from "react";
+
+// src/components/TableCell/EllipsisTableCell.tsx
+import { styled as styled2, TableCell } from "@mui/material";
+import { LinkEx } from "@xylabs/react-link";
+import { forwardRef as forwardRef2, useMemo } from "react";
+
+// src/components/Ellipsize.tsx
+import { Box, styled, Typography } from "@mui/material";
+import { forwardRef, useCallback, useState } from "react";
+
+// src/hooks/useShareForwardRef.ts
+import { useEffect, useRef } from "react";
+var useShareForwardedRef = (forwardedRef, refresh = 0) => {
+  const innerRef = useRef(null);
+  useEffect(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    if (typeof forwardedRef === "function") {
+      forwardedRef(innerRef.current);
+      return;
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef, refresh]);
+  return innerRef;
+};
+
+// src/components/Ellipsize.tsx
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { EllipsisTableCell } from "./EllipsisTableCell";
-const AddressTableCell = forwardRef(({ value, archive, exploreDomain, link, ...props }, ref) => {
+var ComponentName = "Ellipsize";
+var EllipsizeRoot = styled(Box, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
+  slot: "Root"
+})(({ beforeLineHeight }) => ({
+  "&": {
+    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+    // the pseudo element with a hidden character establishes the proper height of the content and hides it
+    ":before": {
+      content: "'nbsp;'",
+      display: "block",
+      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+      float: "left",
+      visibility: "hidden",
+      // since we are `display: block`, lineHeight is the height
+      ...beforeLineHeight && { lineHeight: beforeLineHeight }
+    }
+  }
+}));
+var EllipsizeInnerWrap = styled(Box, {
+  name: ComponentName,
+  slot: "innerWrap"
+})(() => ({
+  position: "relative"
+}));
+var EllipsizeContentWrap = styled(Typography, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
+  slot: "contentWrap"
+})(({ theme, ellipsisPosition, fontFamily }) => {
+  return theme.unstable_sx({
+    fontFamily: fontFamily ?? "monospace",
+    left: 0,
+    overflow: "hidden",
+    position: "absolute",
+    right: 0,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...ellipsisPosition === "start" ? {
+      direction: "rtl",
+      textAlign: "left"
+    } : {}
+  });
+});
+var useClientHeight = () => {
+  const [contentWrapHeight, setContentWrapHeight] = useState();
+  const contentWrapRef = useCallback((node) => {
+    if (node !== null) {
+      setContentWrapHeight(node.clientHeight + "px");
+    }
+  }, []);
+  return { contentWrapHeight, contentWrapRef };
+};
+var EllipsizeBox = forwardRef(
+  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = useShareForwardedRef(ref);
+    return /* @__PURE__ */ jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ jsx(EllipsizeInnerWrap, { children: /* @__PURE__ */ jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
+  }
+);
+EllipsizeBox.displayName = "EllipsizeBox";
+
+// src/components/TableCell/EllipsisTableCell.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EllipsisTableCellRoot = styled2(TableCell, {
+  name: "EllipsisTableCell",
+  shouldForwardProp: (prop) => prop !== "width",
+  slot: "Root"
+})(({ width = "100%" }) => ({
+  width
+}));
+var EllipsisTableCellWithRef = forwardRef2(
+  ({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = useMemo(() => {
+      if (children) {
+        return children;
+      }
+      if (href || link || to) {
+        return /* @__PURE__ */ jsx2(LinkEx, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
+      }
+      return value;
+    }, [children, href, link, to, value]);
+    return /* @__PURE__ */ jsx2(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ jsx2(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
+  }
+);
+EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
+var EllipsisTableCell = EllipsisTableCellWithRef;
+
+// src/components/TableCell/AddressTableCell.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AddressTableCell = forwardRef3(({ value, archive, exploreDomain, link, ...props }, ref) => {
   const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
   const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
-  return /* @__PURE__ */ jsx(EllipsisTableCell, { value, href, to, ref, link, ...props });
+  return /* @__PURE__ */ jsx3(EllipsisTableCell, { value, href, to, ref, link, ...props });
 });
 AddressTableCell.displayName = "AddressTableCell";
 export {

package/dist/browser/components/TableCell/AddressTableCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface AddressTableCellProps extends EllipsisTableCellProps {\n  /** @deprecated - archives are no longer supported */\n  archive?: string\n  /** @deprecated - use events instead */\n  exploreDomain?: string\n  link?: boolean\n}\n\nconst AddressTableCell = forwardRef<HTMLTableCellElement, AddressTableCellProps>(({ value, archive, exploreDomain, link, ...props }, ref) => {\n  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined\n  const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined\n\n  return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />\n})\n\nAddressTableCell.displayName = 'AddressTableCell'\nexport { AddressTableCell }\n"],"mappings":"AAgBS;AAhBT,SAAS,kBAAkB;AAE3B,SAAS,yBAAiD;AAU1D,MAAM,mBAAmB,WAAwD,CAAC,EAAE,OAAO,SAAS,eAAe,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3I,QAAM,OAAO,iBAAiB,UAAU,GAAG,aAAa,YAAY,OAAO,YAAY,KAAK,KAAK;AACjG,QAAM,KAAK,kBAAkB,UAAa,UAAU,YAAY,OAAO,YAAY,KAAK,KAAK;AAE7F,SAAO,oBAAC,qBAAkB,OAAc,MAAY,IAAQ,KAAU,MAAa,GAAG,OAAO;AAC/F,CAAC;AAED,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/TableCell/AddressTableCell.tsx","../../../../src/components/TableCell/EllipsisTableCell.tsx","../../../../src/components/Ellipsize.tsx","../../../../src/hooks/useShareForwardRef.ts"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface AddressTableCellProps extends EllipsisTableCellProps {\n  /** @deprecated - archives are no longer supported */\n  archive?: string\n  /** @deprecated - use events instead */\n  exploreDomain?: string\n  link?: boolean\n}\n\nconst AddressTableCell = forwardRef<HTMLTableCellElement, AddressTableCellProps>(({ value, archive, exploreDomain, link, ...props }, ref) => {\n  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined\n  const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined\n\n  return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />\n})\n\nAddressTableCell.displayName = 'AddressTableCell'\nexport { AddressTableCell }\n","import { styled, TableCell, TableCellProps } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useMemo } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { EllipsizeBox } from '../Ellipsize'\n\nconst EllipsisTableCellRoot = styled(TableCell, {\n  name: 'EllipsisTableCell',\n  shouldForwardProp: (prop) => prop !== 'width',\n  slot: 'Root',\n})(({ width = '100%' }) => ({\n  width,\n}))\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n  href?: string\n  link?: boolean\n  to?: To\n  value?: string\n  /**\n   * Width of the table cell.\n   *\n   * Note: When using percentages, this value can be different than what you expect\n   * if used on a cell that is not the first cell in the first row.\n   */\n  width?: string | number\n}\n\nexport const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(\n  ({ children, href, link = false, to, value, ...props }, ref) => {\n    const data = useMemo(() => {\n      if (children) {\n        return children\n      }\n      if (href || link || to) {\n        return (\n          <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined}>\n            {value}\n          </LinkEx>\n        )\n      }\n      return value\n    }, [children, href, link, to, value])\n    return (\n      <EllipsisTableCellRoot ref={ref} {...props}>\n        <EllipsizeBox sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>\n      </EllipsisTableCellRoot>\n    )\n  },\n)\n\nEllipsisTableCellWithRef.displayName = 'EllipsisTableCell'\nexport const EllipsisTableCell = EllipsisTableCellWithRef\n","import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { useShareForwardedRef } from '../hooks'\n\n/**\n * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259\n */\n\nconst ComponentName = 'Ellipsize'\n\nexport interface EllipsizeRootProps extends BoxProps {\n  beforeLineHeight?: string | number\n}\n\nconst EllipsizeRoot = styled(Box, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'beforeLineHeight',\n  slot: 'Root',\n})<EllipsizeRootProps>(({ beforeLineHeight }) => ({\n  '&': {\n    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.\n    // the pseudo element with a hidden character establishes the proper height of the content and hides it\n    ':before': {\n      content: \"'nbsp;'\",\n      display: 'block',\n      // take the pseudo element out of the `display: block` flow so it won't push against our actual content\n      float: 'left',\n      visibility: 'hidden',\n      // since we are `display: block`, lineHeight is the height\n      ...(beforeLineHeight && { lineHeight: beforeLineHeight }),\n    },\n  },\n}))\n\nconst EllipsizeInnerWrap = styled(Box, {\n  name: ComponentName,\n  slot: 'innerWrap',\n})(() => ({\n  position: 'relative',\n}))\n\nconst EllipsizeContentWrap = styled(Typography, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'ellipsisPosition',\n  slot: 'contentWrap',\n})<TypographyWithComponentProps>(({ theme, ellipsisPosition, fontFamily }) => {\n  return theme.unstable_sx({\n    fontFamily: fontFamily ?? 'monospace',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    ...(ellipsisPosition === 'start'\n      ? {\n          direction: 'rtl',\n          textAlign: 'left',\n        }\n      : {}),\n  })\n})\n\nconst useClientHeight = () => {\n  const [contentWrapHeight, setContentWrapHeight] = useState<string>()\n\n  const contentWrapRef = useCallback((node: HTMLElement) => {\n    if (node !== null) {\n      setContentWrapHeight(node.clientHeight + 'px')\n    }\n  }, [])\n\n  return { contentWrapHeight, contentWrapRef }\n}\n\n// See - https://mui.com/material-ui/guides/composition/#with-typescript\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {\n  ellipsisPosition?: 'start' | 'end'\n}\n\nexport interface EllipsizeBoxProps extends BoxProps {\n  disableSharedRef?: boolean\n  ellipsisPosition?: 'start' | 'end'\n  typographyProps?: TypographyWithComponentProps\n}\n\nexport const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(\n  ({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {\n    // Allow syncing of :before pseudo element height with contentWrapHeight\n    const { contentWrapRef, contentWrapHeight } = useClientHeight()\n    const sharedRef = useShareForwardedRef(ref)\n\n    return (\n      <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>\n        <EllipsizeInnerWrap>\n          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant=\"body2\" {...typographyProps}>\n            {children}\n          </EllipsizeContentWrap>\n        </EllipsizeInnerWrap>\n      </EllipsizeRoot>\n    )\n  },\n)\nEllipsizeBox.displayName = 'EllipsizeBox'\n","import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n  // final ref that will share value with forward ref. this is the one to be attached to components\n  const innerRef = useRef<T>(null)\n\n  useEffect(() => {\n    if (!forwardedRef) {\n      return\n    }\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(innerRef.current)\n      return\n    } else {\n      forwardedRef.current = innerRef.current\n    }\n  }, [forwardedRef, refresh])\n\n  return innerRef\n}\n"],"mappings":"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","names":["forwardRef","styled","forwardRef","jsx","styled","forwardRef","jsx","forwardRef"]}