@xylabs/react-accordion 3.1.0-rc.3 → 3.1.0-rc.4

package/dist/AccordionGroup.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AccordionGroup_exports = {};
+__export(AccordionGroup_exports, {
+  AccordionGroup: () => AccordionGroup,
+  SimpleAccordion: () => SimpleAccordion
+});
+module.exports = __toCommonJS(AccordionGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react = require("react");
+const AccordionGroup = ({ defaultExpandedIndex, data }) => {
+  const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: data?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
+};
+const SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
+  const theme = (0, import_material.useTheme)();
+  const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Accordion, { expanded, onChange: () => onChange?.(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.AccordionDetails, { children: [
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
+      children,
+      (href || to) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionGroup,
+  SimpleAccordion
+});
+//# sourceMappingURL=AccordionGroup.js.map

package/dist/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n  description?: string\n  expanded?: boolean\n  href?: string\n  linkText?: string\n  name: string\n  onChange?: () => void\n  to?: string\n}\n\ninterface OptionalChildren {\n  children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n  data?: SimpleAccordionCardProps[]\n  defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n  return (\n    <>\n      {data?.map((item, index) => (\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  return (\n    <Accordion expanded={expanded} onChange={() => onChange?.()}>\n      <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n        <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n          {name}\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        {description && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {(href || to) && (\n          <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n            {linkText ?? 'Learn More'}\n          </ButtonEx>\n        )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AAhCJ,4BAAkC;AAClC,sBAAmH;AACnH,0BAAyB;AACzB,mBAAoC;AAyB7B,MAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,wBAAwB,CAAC;AAE5E,SACE,2EACG,gBAAM,IAAI,CAAC,MAAM,UAChB,4CAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,MAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,YAAQ,0BAAS;AACvB,QAAM,eAAW,+BAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,6CAAC,6BAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,gDAAC,oCAAiB,YAAY,4CAAC,2CAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,sDAAC,8BAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,6CAAC,oCACE;AAAA,qBACC,4CAAC,8BAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,4CAAC,gCAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/AccordionGroup.mjs

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ExpandMoreRounded } from "@mui/icons-material";
+import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+const AccordionGroup = ({ defaultExpandedIndex, data }) => {
+  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
+  return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
+};
+const SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
+    /* @__PURE__ */ jsxs(AccordionDetails, { children: [
+      description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
+      children,
+      (href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
+    ] })
+  ] });
+};
+export {
+  AccordionGroup,
+  SimpleAccordion
+};
+//# sourceMappingURL=AccordionGroup.mjs.map

package/dist/AccordionGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n  description?: string\n  expanded?: boolean\n  href?: string\n  linkText?: string\n  name: string\n  onChange?: () => void\n  to?: string\n}\n\ninterface OptionalChildren {\n  children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n  data?: SimpleAccordionCardProps[]\n  defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n  return (\n    <>\n      {data?.map((item, index) => (\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  return (\n    <Accordion expanded={expanded} onChange={() => onChange?.()}>\n      <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n        <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n          {name}\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        {description && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {(href || to) && (\n          <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n            {linkText ?? 'Learn More'}\n          </ButtonEx>\n        )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":"AAgCI,mBAEI,KAeF,YAjBF;AAhCJ,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AAyB7B,MAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,MAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/AccordionGroup.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AccordionGroup_stories_exports = {};
+__export(AccordionGroup_stories_exports, {
+  Default: () => Default,
+  default: () => AccordionGroup_stories_default
+});
+module.exports = __toCommonJS(AccordionGroup_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_AccordionGroup = require("./AccordionGroup");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_AccordionGroup.AccordionGroup,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "Components/AccordionGroup"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionGroup.AccordionGroup, { ...args });
+const Default = Template.bind({});
+Default.args = {
+  data: [
+    { description: "lorem ipsum", name: "Section 1" },
+    { description: "lorem ipsum", name: "Section 2" },
+    {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, { container: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, children: "Column 1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, children: "Column 2" })
+        ] }) }, "container")
+      ],
+      name: "Section 3"
+    }
+  ],
+  defaultExpandedIndex: 1
+};
+var AccordionGroup_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=AccordionGroup.stories.js.map

package/dist/AccordionGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AccordionGroup.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { AccordionGroup } from './AccordionGroup'\n\nconst StorybookEntry: Meta<typeof AccordionGroup> = {\n  argTypes: {},\n  component: AccordionGroup,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'Components/AccordionGroup',\n} as Meta<typeof AccordionGroup>\n\nconst Template: StoryFn<typeof AccordionGroup> = (args) => <AccordionGroup {...args}></AccordionGroup>\n\nconst Default: StoryFn<typeof AccordionGroup> = Template.bind({})\nDefault.args = {\n  data: [\n    { description: 'lorem ipsum', name: 'Section 1' },\n    { description: 'lorem ipsum', name: 'Section 2' },\n    {\n      children: [\n        <FlexCol key=\"container\" alignItems=\"stretch\">\n          <Grid container>\n            <Grid item xs={6}>\n              Column 1\n            </Grid>\n            <Grid item xs={6}>\n              Column 2\n            </Grid>\n          </Grid>\n        </FlexCol>,\n      ],\n      name: 'Section 3',\n    },\n  ],\n  defaultExpandedIndex: 1,\n}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB2D;AAjB3D,sBAAqB;AAErB,2BAAwB;AAExB,4BAA+B;AAE/B,MAAM,iBAA8C;AAAA,EAClD,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,SAAS,4CAAC,wCAAgB,GAAG,MAAM;AAErF,MAAM,UAA0C,SAAS,KAAK,CAAC,CAAC;AAChE,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,IACJ,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD;AAAA,MACE,UAAU;AAAA,QACR,4CAAC,gCAAwB,YAAW,WAClC,uDAAC,wBAAK,WAAS,MACb;AAAA,sDAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,UACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,WACF,KARW,WASb;AAAA,MACF;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,sBAAsB;AACxB;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/AccordionGroup.stories.mjs

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { AccordionGroup } from "./AccordionGroup";
+const StorybookEntry = {
+  argTypes: {},
+  component: AccordionGroup,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "Components/AccordionGroup"
+};
+const Template = (args) => /* @__PURE__ */ jsx(AccordionGroup, { ...args });
+const Default = Template.bind({});
+Default.args = {
+  data: [
+    { description: "lorem ipsum", name: "Section 1" },
+    { description: "lorem ipsum", name: "Section 2" },
+    {
+      children: [
+        /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: "Column 1" }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: "Column 2" })
+        ] }) }, "container")
+      ],
+      name: "Section 3"
+    }
+  ],
+  defaultExpandedIndex: 1
+};
+var AccordionGroup_stories_default = StorybookEntry;
+export {
+  Default,
+  AccordionGroup_stories_default as default
+};
+//# sourceMappingURL=AccordionGroup.stories.mjs.map

package/dist/AccordionGroup.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AccordionGroup.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { AccordionGroup } from './AccordionGroup'\n\nconst StorybookEntry: Meta<typeof AccordionGroup> = {\n  argTypes: {},\n  component: AccordionGroup,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'Components/AccordionGroup',\n} as Meta<typeof AccordionGroup>\n\nconst Template: StoryFn<typeof AccordionGroup> = (args) => <AccordionGroup {...args}></AccordionGroup>\n\nconst Default: StoryFn<typeof AccordionGroup> = Template.bind({})\nDefault.args = {\n  data: [\n    { description: 'lorem ipsum', name: 'Section 1' },\n    { description: 'lorem ipsum', name: 'Section 2' },\n    {\n      children: [\n        <FlexCol key=\"container\" alignItems=\"stretch\">\n          <Grid container>\n            <Grid item xs={6}>\n              Column 1\n            </Grid>\n            <Grid item xs={6}>\n              Column 2\n            </Grid>\n          </Grid>\n        </FlexCol>,\n      ],\n      name: 'Section 3',\n    },\n  ],\n  defaultExpandedIndex: 1,\n}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAiB2D,cAUjD,YAViD;AAjB3D,SAAS,YAAY;AAErB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAE/B,MAAM,iBAA8C;AAAA,EAClD,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,SAAS,oBAAC,kBAAgB,GAAG,MAAM;AAErF,MAAM,UAA0C,SAAS,KAAK,CAAC,CAAC;AAChE,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,IACJ,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD;AAAA,MACE,UAAU;AAAA,QACR,oBAAC,WAAwB,YAAW,WAClC,+BAAC,QAAK,WAAS,MACb;AAAA,8BAAC,QAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,UACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,WACF,KARW,WASb;AAAA,MACF;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,sBAAsB;AACxB;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/esm/AccordionGroup.d.ts

@@ -0,0 +1,24 @@
+import { AccordionProps } from '@mui/material';
+import { ReactNode } from 'react';
+type Override<T1, T2> = Omit<T1, keyof T2> & T2;
+interface SimpleAccordionCardAdditionalProps extends AccordionProps {
+    description?: string;
+    expanded?: boolean;
+    href?: string;
+    linkText?: string;
+    name: string;
+    onChange?: () => void;
+    to?: string;
+}
+interface OptionalChildren {
+    children?: ReactNode;
+}
+export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
+interface AccordionGroupProps {
+    data?: SimpleAccordionCardProps[];
+    defaultExpandedIndex?: number;
+}
+export declare const AccordionGroup: React.FC<AccordionGroupProps>;
+export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
+export {};
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/dist/esm/AccordionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}

package/dist/esm/AccordionGroup.js

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ExpandMoreRounded } from "@mui/icons-material";
+import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+const AccordionGroup = ({ defaultExpandedIndex, data }) => {
+  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
+  return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
+};
+const SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
+    /* @__PURE__ */ jsxs(AccordionDetails, { children: [
+      description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
+      children,
+      (href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
+    ] })
+  ] });
+};
+export {
+  AccordionGroup,
+  SimpleAccordion
+};
+//# sourceMappingURL=AccordionGroup.js.map

package/dist/esm/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n  description?: string\n  expanded?: boolean\n  href?: string\n  linkText?: string\n  name: string\n  onChange?: () => void\n  to?: string\n}\n\ninterface OptionalChildren {\n  children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n  data?: SimpleAccordionCardProps[]\n  defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n  return (\n    <>\n      {data?.map((item, index) => (\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  return (\n    <Accordion expanded={expanded} onChange={() => onChange?.()}>\n      <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n        <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n          {name}\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        {description && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {(href || to) && (\n          <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n            {linkText ?? 'Learn More'}\n          </ButtonEx>\n        )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":"AAgCI,mBAEI,KAeF,YAjBF;AAhCJ,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AAyB7B,MAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,MAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/AccordionGroup.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { AccordionGroup } from './AccordionGroup';
+declare const StorybookEntry: Meta<typeof AccordionGroup>;
+declare const Default: StoryFn<typeof AccordionGroup>;
+export { Default };
+export default StorybookEntry;
+//# sourceMappingURL=AccordionGroup.stories.d.ts.map

package/dist/esm/AccordionGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,cAAc,EAAE,IAAI,CAAC,OAAO,cAAc,CAShB,CAAA;AAIhC,QAAA,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,cAAc,CAAqB,CAAA;AAwBjE,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

package/dist/esm/AccordionGroup.stories.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { AccordionGroup } from "./AccordionGroup";
+const StorybookEntry = {
+  argTypes: {},
+  component: AccordionGroup,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "Components/AccordionGroup"
+};
+const Template = (args) => /* @__PURE__ */ jsx(AccordionGroup, { ...args });
+const Default = Template.bind({});
+Default.args = {
+  data: [
+    { description: "lorem ipsum", name: "Section 1" },
+    { description: "lorem ipsum", name: "Section 2" },
+    {
+      children: [
+        /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: "Column 1" }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: "Column 2" })
+        ] }) }, "container")
+      ],
+      name: "Section 3"
+    }
+  ],
+  defaultExpandedIndex: 1
+};
+var AccordionGroup_stories_default = StorybookEntry;
+export {
+  Default,
+  AccordionGroup_stories_default as default
+};
+//# sourceMappingURL=AccordionGroup.stories.js.map

package/dist/esm/AccordionGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AccordionGroup.stories.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nimport { AccordionGroup } from './AccordionGroup'\n\nconst StorybookEntry: Meta<typeof AccordionGroup> = {\n  argTypes: {},\n  component: AccordionGroup,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'Components/AccordionGroup',\n} as Meta<typeof AccordionGroup>\n\nconst Template: StoryFn<typeof AccordionGroup> = (args) => <AccordionGroup {...args}></AccordionGroup>\n\nconst Default: StoryFn<typeof AccordionGroup> = Template.bind({})\nDefault.args = {\n  data: [\n    { description: 'lorem ipsum', name: 'Section 1' },\n    { description: 'lorem ipsum', name: 'Section 2' },\n    {\n      children: [\n        <FlexCol key=\"container\" alignItems=\"stretch\">\n          <Grid container>\n            <Grid item xs={6}>\n              Column 1\n            </Grid>\n            <Grid item xs={6}>\n              Column 2\n            </Grid>\n          </Grid>\n        </FlexCol>,\n      ],\n      name: 'Section 3',\n    },\n  ],\n  defaultExpandedIndex: 1,\n}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAiB2D,cAUjD,YAViD;AAjB3D,SAAS,YAAY;AAErB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAE/B,MAAM,iBAA8C;AAAA,EAClD,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,SAAS,oBAAC,kBAAgB,GAAG,MAAM;AAErF,MAAM,UAA0C,SAAS,KAAK,CAAC,CAAC;AAChE,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,IACJ,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD,EAAE,aAAa,eAAe,MAAM,YAAY;AAAA,IAChD;AAAA,MACE,UAAU;AAAA,QACR,oBAAC,WAAwB,YAAW,WAClC,+BAAC,QAAK,WAAS,MACb;AAAA,8BAAC,QAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,UACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,sBAElB;AAAA,WACF,KARW,WASb;AAAA,MACF;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,sBAAsB;AACxB;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/esm/index.d.ts

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

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

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/index.js

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -15,41 +11,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
 var src_exports = {};
-__export(src_exports, {
-  AccordionGroup: () => AccordionGroup,
-  SimpleAccordion: () => SimpleAccordion
-});
 module.exports = __toCommonJS(src_exports);
-
-// src/AccordionGroup.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AccordionGroup = ({ defaultExpandedIndex, data }) => {
-  const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: data?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
-};
-var SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
-  const theme = (0, import_material.useTheme)();
-  const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Accordion, { expanded, onChange: () => onChange?.(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.AccordionDetails, { children: [
-      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
-      children,
-      (href || to) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
-    ] })
-  ] });
-};
+__reExport(src_exports, require("./AccordionGroup"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AccordionGroup,
-  SimpleAccordion
+  ...require("./AccordionGroup")
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup'\n","import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n  description?: string\n  expanded?: boolean\n  href?: string\n  linkText?: string\n  name: string\n  onChange?: () => void\n  to?: string\n}\n\ninterface OptionalChildren {\n  children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n  data?: SimpleAccordionCardProps[]\n  defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n  return (\n    <>\n      {data?.map((item, index) => (\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  return (\n    <Accordion expanded={expanded} onChange={() => onChange?.()}>\n      <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n        <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n          {name}\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        {description && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {(href || to) && (\n          <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n            {linkText ?? 'Learn More'}\n          </ButtonEx>\n        )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAAkC;AAClC,sBAAmH;AACnH,0BAAyB;AACzB,mBAAoC;AA6BhC;AAJG,IAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,wBAAwB,CAAC;AAE5E,SACE,2EACG,gBAAM,IAAI,CAAC,MAAM,UAChB,4CAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,IAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,YAAQ,0BAAS;AACvB,QAAM,eAAW,+BAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,6CAAC,6BAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,gDAAC,oCAAiB,YAAY,4CAAC,2CAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,sDAAC,8BAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,6CAAC,oCACE;AAAA,qBACC,4CAAC,8BAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,4CAAC,gCAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './AccordionGroup'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,6BAAd;","names":[]}

package/dist/index.mjs

@@ -1,27 +1,2 @@
-// src/AccordionGroup.tsx
-import { ExpandMoreRounded } from "@mui/icons-material";
-import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var AccordionGroup = ({ defaultExpandedIndex, data }) => {
-  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
-  return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
-};
-var SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
-  return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
-    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
-    /* @__PURE__ */ jsxs(AccordionDetails, { children: [
-      description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
-      children,
-      (href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
-    ] })
-  ] });
-};
-export {
-  AccordionGroup,
-  SimpleAccordion
-};
+export * from "./AccordionGroup";
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n  description?: string\n  expanded?: boolean\n  href?: string\n  linkText?: string\n  name: string\n  onChange?: () => void\n  to?: string\n}\n\ninterface OptionalChildren {\n  children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n  data?: SimpleAccordionCardProps[]\n  defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n  const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n  return (\n    <>\n      {data?.map((item, index) => (\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n  return (\n    <Accordion expanded={expanded} onChange={() => onChange?.()}>\n      <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n        <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n          {name}\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        {description && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {(href || to) && (\n          <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n            {linkText ?? 'Learn More'}\n          </ButtonEx>\n        )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AA6BhC,mBAEI,KAeF,YAjBF;AAJG,IAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,IAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './AccordionGroup'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/package.json

@@ -13,16 +13,16 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "~3.1.0-rc.3"
+    "@xylabs/react-button": "~3.1.0-rc.4"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@mui/icons-material": "^5.14.9",
     "@mui/material": "^5.14.10",
     "@storybook/react": "^7.4.3",
-    "@xylabs/react-flexbox": "~3.1.0-rc.3",
-    "@xylabs/ts-scripts-yarn3": "^3.0.28",
-    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xylabs/react-flexbox": "~3.1.0-rc.4",
+    "@xylabs/ts-scripts-yarn3": "^3.0.36",
+    "@xylabs/tsconfig-react": "^3.0.36",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
@@ -49,8 +49,8 @@
       },
       "browser": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/esm/index.d.ts",
+          "default": "./dist/esm/index.js"
         },
         "require": {
           "types": "./dist/index.d.ts",
@@ -82,6 +82,6 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "version": "3.1.0-rc.3",
+  "version": "3.1.0-rc.4",
   "stableVersion": "3.0.0"
 }