@xyo-network/react-shared 2.64.0-rc.3 → 2.64.0-rc.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeProp.d.ts","sourceRoot":"","sources":["../../src/SizeProp.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeProp.d.ts","sourceRoot":"","sources":["../../src/SizeProp.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA"}

package/dist/browser/SizeProp.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SizeProp.js.map

package/dist/browser/SizeProp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser/components/Ampersand.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ampersand.d.ts","sourceRoot":"","sources":["../../../src/components/Ampersand.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAM/C,CAAA"}

package/dist/browser/components/Ampersand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ampersand.d.ts","sourceRoot":"","sources":["../../../src/components/Ampersand.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAM/C,CAAA"}

package/dist/browser/components/Ampersand.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+const Ampersand = (props) => {
+  return /* @__PURE__ */ jsx(Typography, { marginX: 1, component: "span", ...props, children: "&" });
+};
+export {
+  Ampersand
+};
+//# sourceMappingURL=Ampersand.js.map

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

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

package/dist/browser/components/BasicHero/BasicHero.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicHero.d.ts","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,uBAAuB,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoF9C,CAAA"}

package/dist/browser/components/BasicHero/BasicHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicHero.d.ts","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,uBAAuB,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAoDD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoF9C,CAAA"}

package/dist/browser/components/BasicHero/BasicHero.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container, Grid, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { FlexGrowCol, FlexGrowRow } from "@xylabs/react-flexbox";
+import { LinkEx } from "@xylabs/react-link";
+import { useGradientStyles, useIsMobile } from "../../hooks";
+const SubLinkSection = ({ backgroundImageAlignment, subLinkIcon, subLinkPath, subLinkText1, subLinkText2 }) => {
+  return /* @__PURE__ */ jsxs(
+    FlexGrowRow,
+    {
+      width: "100%",
+      sx: { flexDirection: { md: "row", xs: "column" }, justifyContent: { md: backgroundImageAlignment ? "flex-start" : "center", xs: "center" } },
+      children: [
+        subLinkIcon ? /* @__PURE__ */ jsxs("span", { children: [
+          subLinkIcon,
+          "\xA0"
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Typography, { children: [
+          subLinkText1,
+          "\xA0"
+        ] }),
+        /* @__PURE__ */ jsx(LinkEx, { href: subLinkPath, underline: "always", target: "_blank", color: "inherit", children: /* @__PURE__ */ jsx(Typography, { children: subLinkText2 }) })
+      ]
+    }
+  );
+};
+const ButtonSection = ({ href, to, buttonText }) => {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsx(
+    ButtonEx,
+    {
+      fullWidth: true,
+      marginTop: 1,
+      marginBottom: 1,
+      marginRight: isMobile ? 2 : 1,
+      marginLeft: isMobile ? 2 : 0,
+      target: href ?? "_blank",
+      to,
+      href,
+      color: "primary",
+      variant: "contained",
+      paddingX: 3,
+      sx: { display: href || to ? "flex" : "none" },
+      children: buttonText
+    }
+  );
+};
+const BasicHero = ({
+  backgroundImage,
+  title,
+  gradientTitle,
+  backgroundColor,
+  textColor,
+  desc,
+  heroImage,
+  title2,
+  subLinkText1,
+  subLinkText2,
+  subLinkPath,
+  button1Text,
+  button2Text,
+  button2To,
+  button1To,
+  button2Href,
+  button1Href,
+  subLinkIcon,
+  sx,
+  ...props
+}) => {
+  const isMobile = useIsMobile();
+  const { classes } = useGradientStyles();
+  return /* @__PURE__ */ jsx(
+    FlexGrowCol,
+    {
+      sx: {
+        backgroundImage: `url(${backgroundImage})`,
+        backgroundPosition: { lg: "bottom", md: "center left", xs: "top left" },
+        minHeight: {
+          md: "500px",
+          sm: "400px",
+          xs: "200px"
+        },
+        ...sx ?? {}
+      },
+      style: {
+        backgroundColor: backgroundColor ?? "",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "cover",
+        color: textColor ?? ""
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          justifyContent: "center",
+          alignItems: "center",
+          sx: {
+            alignItems: { xs: "center" },
+            justifyContent: { xs: "center" }
+          },
+          children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8, children: /* @__PURE__ */ jsxs(FlexGrowCol, { paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? "flex-start" : "center" } }, children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: [
+                title ? /* @__PURE__ */ jsx("span", { children: `${title} ` }) : null,
+                gradientTitle ? /* @__PURE__ */ jsxs("span", { className: classes().heading, children: [
+                  " ",
+                  ` ${gradientTitle}`
+                ] }) : null,
+                title2 ? /* @__PURE__ */ jsx("span", { children: ` ${title2}` }) : null
+              ] }),
+              /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: desc }),
+              /* @__PURE__ */ jsxs(FlexGrowRow, { sx: { flexDirection: { lg: "row", xs: "column" } }, width: "100%", marginTop: 1, children: [
+                /* @__PURE__ */ jsx(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }),
+                /* @__PURE__ */ jsx(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })
+              ] }),
+              /* @__PURE__ */ jsx(
+                SubLinkSection,
+                {
+                  subLinkIcon,
+                  subLinkText1,
+                  subLinkText2,
+                  subLinkPath,
+                  backgroundImageAlignment: backgroundImage ? true : false
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: heroImage ? /* @__PURE__ */ jsx("img", { src: heroImage, width: "100%" }) : null })
+          ]
+        }
+      ) })
+    }
+  );
+};
+export {
+  BasicHero
+};
+//# sourceMappingURL=BasicHero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"sourcesContent":["import { Container, Grid, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { ReactElement } from 'react'\n\nimport { useGradientStyles, useIsMobile } from '../../hooks'\n\nexport interface BasicHeroProps extends FlexBoxProps {\n  backgroundColor?: string\n  backgroundImage?: string\n  button1Href?: string\n  button1Text?: string\n  button1To?: string\n  button2Href?: string\n  button2Text?: string\n  button2To?: string\n  desc: string\n  gradientTitle?: string\n  heroImage?: string\n  subLinkIcon?: ReactElement\n  subLinkPath?: string\n  subLinkText1?: string\n  subLinkText2?: string\n  sx?: Record<string, string>\n  textColor?: string\n  title: string\n  title2?: string\n}\n\ninterface SubLinkSectionProps {\n  backgroundImageAlignment?: boolean\n  subLinkIcon?: ReactElement\n  subLinkPath?: string\n  subLinkText1?: string\n  subLinkText2?: string\n}\n\ninterface ButtonSectionProps {\n  buttonText?: string\n  href?: string\n  to?: string\n}\nconst SubLinkSection: React.FC<SubLinkSectionProps> = ({ backgroundImageAlignment, subLinkIcon, subLinkPath, subLinkText1, subLinkText2 }) => {\n  return (\n    <FlexGrowRow\n      width=\"100%\"\n      sx={{ flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } }}\n    >\n      {subLinkIcon ? <span>{subLinkIcon}&nbsp;</span> : null}\n      <Typography>{subLinkText1}&nbsp;</Typography>\n      <LinkEx href={subLinkPath} underline=\"always\" target=\"_blank\" color=\"inherit\">\n        <Typography>{subLinkText2}</Typography>\n      </LinkEx>\n    </FlexGrowRow>\n  )\n}\n\nconst ButtonSection: React.FC<ButtonSectionProps> = ({ href, to, buttonText }) => {\n  const isMobile = useIsMobile()\n  return (\n    <ButtonEx\n      fullWidth={true}\n      marginTop={1}\n      marginBottom={1}\n      marginRight={isMobile ? 2 : 1}\n      marginLeft={isMobile ? 2 : 0}\n      target={href ?? '_blank'}\n      to={to}\n      href={href}\n      color=\"primary\"\n      variant=\"contained\"\n      paddingX={3}\n      sx={{ display: href || to ? 'flex' : 'none' }}\n    >\n      {buttonText}\n    </ButtonEx>\n  )\n}\n\nexport const BasicHero: React.FC<BasicHeroProps> = ({\n  backgroundImage,\n  title,\n  gradientTitle,\n  backgroundColor,\n  textColor,\n  desc,\n  heroImage,\n  title2,\n  subLinkText1,\n  subLinkText2,\n  subLinkPath,\n  button1Text,\n  button2Text,\n  button2To,\n  button1To,\n  button2Href,\n  button1Href,\n  subLinkIcon,\n  sx,\n  ...props\n}) => {\n  const isMobile = useIsMobile()\n  const { classes } = useGradientStyles()\n  return (\n    <FlexGrowCol\n      sx={{\n        backgroundImage: `url(${backgroundImage})`,\n        backgroundPosition: { lg: 'bottom', md: 'center left', xs: 'top left' },\n        minHeight: {\n          md: '500px',\n          sm: '400px',\n          xs: '200px',\n        },\n        ...(sx ?? {}),\n      }}\n      style={{\n        backgroundColor: backgroundColor ?? '',\n        backgroundRepeat: 'no-repeat',\n        backgroundSize: 'cover',\n        color: textColor ?? '',\n      }}\n      {...props}\n    >\n      <Container>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          sx={{\n            alignItems: { xs: 'center' },\n            justifyContent: { xs: 'center' },\n          }}\n        >\n          <Grid item xs={12} sm={8} md={backgroundImage ? 6 : 8} lg={backgroundImage ? 6 : 8}>\n            <FlexGrowCol paddingY={2} sx={{ alignItems: { xs: backgroundImage && !isMobile ? 'flex-start' : 'center' } }}>\n              <Typography variant=\"h1\" component=\"h1\" gutterBottom textAlign={backgroundImage && !isMobile ? 'left' : 'center'}>\n                {title ? <span>{`${title} `}</span> : null}\n                {gradientTitle ? <span className={classes().heading}> {` ${gradientTitle}`}</span> : null}\n                {title2 ? <span>{` ${title2}`}</span> : null}\n              </Typography>\n              <Typography variant=\"body1\" component=\"h2\" gutterBottom textAlign={backgroundImage && !isMobile ? 'left' : 'center'}>\n                {desc}\n              </Typography>\n              <FlexGrowRow sx={{ flexDirection: { lg: 'row', xs: 'column' } }} width=\"100%\" marginTop={1}>\n                <ButtonSection href={button1Href} to={button1To} buttonText={button1Text} />\n                <ButtonSection href={button2Href} to={button2To} buttonText={button2Text} />\n              </FlexGrowRow>\n              <SubLinkSection\n                subLinkIcon={subLinkIcon}\n                subLinkText1={subLinkText1}\n                subLinkText2={subLinkText2}\n                subLinkPath={subLinkPath}\n                backgroundImageAlignment={backgroundImage ? true : false}\n              />\n            </FlexGrowCol>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            {heroImage ? <img src={heroImage} width=\"100%\" /> : null}\n          </Grid>\n        </Grid>\n      </Container>\n    </FlexGrowCol>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/browser/components/BasicHero/BasicHero.stories.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import { BasicHero } from "./BasicHero";
+import BackgroundImage from "./default-desktop.svg";
+const StorybookEntry = {
+  argTypes: {},
+  component: BasicHero,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/BasicHero"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(BasicHero, { ...args }) });
+const Default = Template.bind({});
+Default.args = {
+  button1Text: "Button 1",
+  button1To: "",
+  button2Text: "Button 2",
+  button2To: "",
+  desc: " Ipsam illo molestiae nisi perferendis a error, eum repellendus voluptatibus, provident, voluptatum qui laborum assumenda minus!",
+  gradientTitle: "dolor",
+  subLinkPath: "https://medium.com/xyonetwork/xyo-2-0-has-arrived-fe160f8b2928",
+  subLinkText1: "We just announced XYO 2.0",
+  subLinkText2: "Read more here.",
+  title: "Lorem ipsum"
+};
+const WithBackgroundImage = Template.bind({});
+WithBackgroundImage.args = {
+  backgroundImage: BackgroundImage,
+  button1Text: "Button 1",
+  button1To: "",
+  button2Text: "Button 2",
+  button2To: "",
+  desc: " Ipsam illo molestiae nisi perferendis a error, eum repellendus voluptatibus, provident, voluptatum qui laborum assumenda minus!",
+  gradientTitle: "dolor",
+  subLinkPath: "https://medium.com/xyonetwork/xyo-2-0-has-arrived-fe160f8b2928",
+  subLinkText1: "We just announced XYO 2.0",
+  subLinkText2: "Read more here.",
+  title: "Lorem ipsum",
+  title2: "adipisicing elit."
+};
+var BasicHero_stories_default = StorybookEntry;
+export {
+  Default,
+  WithBackgroundImage,
+  BasicHero_stories_default as default
+};
+//# sourceMappingURL=BasicHero.stories.js.map

package/dist/browser/components/BasicHero/BasicHero.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/BasicHero/BasicHero.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { BasicHero } from './BasicHero'\nimport BackgroundImage from './default-desktop.svg'\nconst StorybookEntry = {\n  argTypes: {},\n  component: BasicHero,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/BasicHero',\n} as Meta<typeof BasicHero>\n\nconst Template: StoryFn<typeof BasicHero> = (args) => (\n  <BrowserRouter>\n    <BasicHero {...args}></BasicHero>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {\n  button1Text: 'Button 1',\n  button1To: '',\n  button2Text: 'Button 2',\n  button2To: '',\n  desc: ' Ipsam illo molestiae nisi perferendis a error, eum repellendus voluptatibus, provident, voluptatum qui laborum assumenda minus!',\n  gradientTitle: 'dolor',\n  subLinkPath: 'https://medium.com/xyonetwork/xyo-2-0-has-arrived-fe160f8b2928',\n  subLinkText1: 'We just announced XYO 2.0',\n  subLinkText2: 'Read more here.',\n  title: 'Lorem ipsum',\n}\nconst WithBackgroundImage = Template.bind({})\nWithBackgroundImage.args = {\n  backgroundImage: BackgroundImage,\n  button1Text: 'Button 1',\n  button1To: '',\n  button2Text: 'Button 2',\n  button2To: '',\n  desc: ' Ipsam illo molestiae nisi perferendis a error, eum repellendus voluptatibus, provident, voluptatum qui laborum assumenda minus!',\n  gradientTitle: 'dolor',\n  subLinkPath: 'https://medium.com/xyonetwork/xyo-2-0-has-arrived-fe160f8b2928',\n  subLinkText1: 'We just announced XYO 2.0',\n  subLinkText2: 'Read more here.',\n  title: 'Lorem ipsum',\n  title2: 'adipisicing elit.',\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { Default, WithBackgroundImage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAkBI;AAjBJ,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB;AAC1B,OAAO,qBAAqB;AAC5B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAsC,CAAC,SAC3C,oBAAC,iBACC,8BAAC,aAAW,GAAG,MAAM,GACvB;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AACT;AACA,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAC5C,oBAAoB,OAAO;AAAA,EACzB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACV;AAQA,IAAO,4BAAQ;","names":[]}