@xylabs/react-accordion 3.0.17 → 3.0.19

package/README.md

@@ -0,0 +1,67 @@
+[![logo][]](https://xylabs.com)
+
+# @xylabs/react-accordion
+
+[![npm-badge][]][npm-link]
+[![npm-downloads-badge][]][npm-link]
+[![jsdelivr-badge][]][jsdelivr-link]
+[![npm-license-badge][]](LICENSE)
+
+> XY Labs generalized React library 
+
+## Table of Contents
+
+-   [Description](#description)
+-   [Install](#install)
+-   [Maintainers](#maintainers)
+-   [License](#license)
+-   [Credits](#credits)
+
+## Description
+
+Common React code that is used throughout XYO projects that use React.
+
+## Install
+
+Using npm:
+
+```sh
+npm i --save @xylabs/react-accordion
+```
+
+Using yarn:
+
+```sh
+yarn add @xylabs/react-accordion
+```
+
+## Documentation
+[Developer Reference](https://xylabs.github.io/sdk-react)
+
+[Storybook](https://xylabs.github.io/sdk-react/storybook)
+
+## Maintainers
+
+-   [Arie Trouw](https://github.com/arietrouw) ([arietrouw.com](https://arietrouw.com))
+-   [Matt Jones](https://github.com/jonesmac)
+-   [Joel Carter](https://github.com/JoelBCarter)
+-   [Jordan Trouw](https://github.com/jordantrouw)
+
+## License
+
+See the [LICENSE](LICENSE) file for license details
+
+## Credits
+
+[Made with 🔥and ❄️ by XY Labs](https://xylabs.com)
+
+[logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg
+
+[npm-badge]: https://img.shields.io/npm/v/@xylabs/react-accordion.svg
+[npm-link]: https://www.npmjs.com/package/@xylabs/react-accordion
+
+[npm-downloads-badge]: https://img.shields.io/npm/dw/@xylabs/react-accordion
+[npm-license-badge]: https://img.shields.io/npm/l/@xylabs/react-accordion
+
+[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xylabs/react-accordion/badge
+[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xylabs/react-accordion

package/package.json

@@ -13,16 +13,16 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "~3.0.17"
+    "@xylabs/react-button": "~3.0.19"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@mui/icons-material": "^5.14.12",
-    "@mui/material": "^5.14.12",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/material": "^5.14.13",
     "@storybook/react": "^7.4.6",
-    "@xylabs/react-flexbox": "~3.0.17",
-    "@xylabs/ts-scripts-yarn3": "^3.0.88",
-    "@xylabs/tsconfig-react": "^3.0.88",
+    "@xylabs/react-flexbox": "~3.0.19",
+    "@xylabs/ts-scripts-yarn3": "^3.1.9",
+    "@xylabs/tsconfig-react": "^3.1.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
@@ -81,6 +81,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.0.17",
+  "version": "3.0.19",
   "type": "module"
 }

package/dist/browser/AccordionGroup.cjs

@@ -1,48 +0,0 @@
-"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);
-
-// src/AccordionGroup.tsx
-var AccordionGroup_exports = {};
-__export(AccordionGroup_exports, {
-  AccordionGroup: () => AccordionGroup,
-  SimpleAccordion: () => SimpleAccordion
-});
-module.exports = __toCommonJS(AccordionGroup_exports);
-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" })
-    ] })
-  ] });
-};
-//# sourceMappingURL=AccordionGroup.cjs.map

package/dist/browser/AccordionGroup.cjs.map

@@ -1 +0,0 @@
-{"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;AAAA,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":[]}

package/dist/browser/AccordionGroup.js

@@ -1,27 +0,0 @@
-// 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
-};
-//# sourceMappingURL=AccordionGroup.js.map

package/dist/browser/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"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":[]}

package/dist/node/AccordionGroup.cjs

@@ -1,53 +0,0 @@
-"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);
-
-// src/AccordionGroup.tsx
-var AccordionGroup_exports = {};
-__export(AccordionGroup_exports, {
-  AccordionGroup: () => AccordionGroup,
-  SimpleAccordion: () => SimpleAccordion
-});
-module.exports = __toCommonJS(AccordionGroup_exports);
-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 == null ? void 0 : 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 == null ? void 0 : 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.cjs.map

package/dist/node/AccordionGroup.cjs.map

@@ -1 +0,0 @@
-{"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;AAAA,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,uCAAM,IAAI,CAAC,MAAM,UAChB,4CAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,IAEvH;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,wCAC7C;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/node/AccordionGroup.js

@@ -1,27 +0,0 @@
-// 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 == null ? void 0 : 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 == null ? void 0 : 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/node/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"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,uCAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,IAEvH;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,wCAC7C;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":[]}