@uva-glass/component-library 3.55.1 → 3.55.3

package/dist/components/CopyableText/CopyableText.stories.js

@@ -1,36 +1,37 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { CopyableText as a } from "./CopyableText.js";
-const s = "<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />", t = document.createElement("style");
-t.type = "text/css";
-t.innerHTML = ".customClass { font-weight: bold; color: #333; }";
-document.head.appendChild(t);
-const p = {
-  title: "Atoms/CopyableText",
-  component: a,
-  argTypes: {
-    additionalClassName: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: a,
-    codeString: s
-  }
-}, i = (o) => /* @__PURE__ */ n("div", { style: { padding: "1rem", backgroundColor: "#FFF", display: "flex", gap: "1rem", alignItems: "center" }, children: [
-  /* @__PURE__ */ e(a, { ...o }),
-  /* @__PURE__ */ e("span", { children: "EC" }),
-  /* @__PURE__ */ e("span", { children: "Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration" })
-] }), r = i.bind({});
-r.args = {
-  text: "3154CAR1VY",
-  additionalClassName: "customClass",
-  ariaLabelCopy: "Copy to clipboard",
-  ariaLabelHasBeenCopied: "Copied to clipboard"
+import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/CopyableText/CopyableText.stories.tsx
+var r = "<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />", i = document.createElement("style");
+i.type = "text/css", i.innerHTML = ".customClass { font-weight: bold; color: #333; }", document.head.appendChild(i);
+var a = {
+	title: "Atoms/CopyableText",
+	component: e,
+	argTypes: { additionalClassName: { table: { disable: !0 } } },
+	parameters: {
+		inspectComponent: e,
+		codeString: r
+	}
+}, o = ((r) => /* @__PURE__ */ n("div", {
+	style: {
+		padding: "1rem",
+		backgroundColor: "#FFF",
+		display: "flex",
+		gap: "1rem",
+		alignItems: "center"
+	},
+	children: [
+		/* @__PURE__ */ t(e, { ...r }),
+		/* @__PURE__ */ t("span", { children: "EC" }),
+		/* @__PURE__ */ t("span", { children: "Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration" })
+	]
+})).bind({});
+o.args = {
+	text: "3154CAR1VY",
+	additionalClassName: "customClass",
+	ariaLabelCopy: "Copy to clipboard",
+	ariaLabelHasBeenCopied: "Copied to clipboard"
 };
-export {
-  r as CopyableTextExample,
-  p as default
-};
-//# sourceMappingURL=CopyableText.stories.js.map
+//#endregion
+export { o as CopyableTextExample, a as default };
+
+//# sourceMappingURL=CopyableText.stories.js.map

package/dist/components/CopyableText/CopyableText.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableText.stories.js","sources":["../../../src/components/CopyableText/CopyableText.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { CopyableTextProps } from './CopyableText';\r\n\r\nimport { CopyableText } from './CopyableText';\r\n\r\nconst codeString =\r\n  '<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />';\r\n\r\n// Adding custom styles for the story\r\nconst customStyle = document.createElement('style');\r\ncustomStyle.type = 'text/css';\r\ncustomStyle.innerHTML = '.customClass { font-weight: bold; color: #333; }';\r\ndocument.head.appendChild(customStyle);\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/CopyableText',\r\n  component: CopyableText,\r\n  argTypes: {\r\n    additionalClassName: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: CopyableText,\r\n    codeString,\r\n  },\r\n} as Meta<CopyableTextProps>;\r\n\r\nconst Template: StoryFn<CopyableTextProps> = (args) => {\r\n  return (\r\n    <div style={{ padding: '1rem', backgroundColor: '#FFF', display: 'flex', gap: '1rem', alignItems: 'center' }}>\r\n      <CopyableText {...args} />\r\n      <span>EC</span>\r\n      <span>Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const CopyableTextExample = Template.bind({});\r\nCopyableTextExample.args = {\r\n  text: '3154CAR1VY',\r\n  additionalClassName: 'customClass',\r\n  ariaLabelCopy: 'Copy to clipboard',\r\n  ariaLabelHasBeenCopied: 'Copied to clipboard',\r\n};\r\n"],"names":["codeString","customStyle","CopyableText_stories","CopyableText","Template","args","jsxs","jsx","CopyableTextExample"],"mappings":";;AAKA,MAAMA,IACJ,sHAGIC,IAAc,SAAS,cAAc,OAAO;AAClDA,EAAY,OAAO;AACnBA,EAAY,YAAY;AACxB,SAAS,KAAK,YAAYA,CAAW;AAGrC,MAAAC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAH;AAAA,EAAA;AAEJ,GAEMI,IAAuC,CAACC,MAE1C,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,iBAAiB,QAAQ,SAAS,QAAQ,KAAK,QAAQ,YAAY,YAChG,UAAA;AAAA,EAAA,gBAAAC,EAACJ,GAAA,EAAc,GAAGE,GAAM;AAAA,EACxB,gBAAAE,EAAC,UAAK,UAAA,KAAA,CAAE;AAAA,EACR,gBAAAA,EAAC,UAAK,UAAA,8FAAA,CAA2F;AAAA,GACnG,GAISC,IAAsBJ,EAAS,KAAK,CAAA,CAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,MAAM;AAAA,EACN,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,wBAAwB;AAC1B;"}
+{"version":3,"file":"CopyableText.stories.js","names":[],"sources":["../../../src/components/CopyableText/CopyableText.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\r\nimport type { CopyableTextProps } from './CopyableText';\r\n\r\nimport { CopyableText } from './CopyableText';\r\n\r\nconst codeString =\r\n  '<CopyableText text={string} additionalClassName={string} ariaLabelCopy={string} ariaLabelHasBeenCopied={string} />';\r\n\r\n// Adding custom styles for the story\r\nconst customStyle = document.createElement('style');\r\ncustomStyle.type = 'text/css';\r\ncustomStyle.innerHTML = '.customClass { font-weight: bold; color: #333; }';\r\ndocument.head.appendChild(customStyle);\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/CopyableText',\r\n  component: CopyableText,\r\n  argTypes: {\r\n    additionalClassName: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: CopyableText,\r\n    codeString,\r\n  },\r\n} as Meta<CopyableTextProps>;\r\n\r\nconst Template: StoryFn<CopyableTextProps> = (args) => {\r\n  return (\r\n    <div style={{ padding: '1rem', backgroundColor: '#FFF', display: 'flex', gap: '1rem', alignItems: 'center' }}>\r\n      <CopyableText {...args} />\r\n      <span>EC</span>\r\n      <span>Tutoring and Study Guidance Advanced Professional Programme in Conservation and Restoration</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const CopyableTextExample = Template.bind({});\r\nCopyableTextExample.args = {\r\n  text: '3154CAR1VY',\r\n  additionalClassName: 'customClass',\r\n  ariaLabelCopy: 'Copy to clipboard',\r\n  ariaLabelHasBeenCopied: 'Copied to clipboard',\r\n};\r\n"],"mappings":";;;AAKA,IAAM,IACJ,sHAGI,IAAc,SAAS,cAAc,QAAQ;AACnD,EAAY,OAAO,YACnB,EAAY,YAAY,oDACxB,SAAS,KAAK,YAAY,EAAY;AAGtC,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,qBAAqB,EACnB,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EAClB;EACD;CACF,EAYY,MAViC,MAE1C,kBAAC,OAAD;CAAK,OAAO;EAAE,SAAS;EAAQ,iBAAiB;EAAQ,SAAS;EAAQ,KAAK;EAAQ,YAAY;EAAU;WAA5G;EACE,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA;EAC1B,kBAAC,QAAD,EAAA,UAAM,MAAS,CAAA;EACf,kBAAC,QAAD,EAAA,UAAM,+FAAkG,CAAA;EACpG;IAIkC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,MAAM;CACN,qBAAqB;CACrB,eAAe;CACf,wBAAwB;CACzB"}

package/dist/components/CopyableText/index.js

@@ -1,5 +1,2 @@
-import { CopyableText as p } from "./CopyableText.js";
-export {
-  p as CopyableText
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+export { e as CopyableText };

package/dist/components/Drawer/Drawer.js

@@ -1,62 +1,2 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useDialog as b } from "@react-aria/dialog";
-import { FocusScope as C } from "@react-aria/focus";
-import { useModal as D, useOverlay as y, usePreventScroll as N, OverlayContainer as v } from "@react-aria/overlays";
-import { c as P } from "../../clsx-OuTLNxxd.js";
-import { useState as x, useRef as S, useEffect as j } from "react";
-import { Backdrop as k } from "../Backdrop/Backdrop.js";
-import { OverlayCloseButton as B } from "../OverlayCloseButton/OverlayCloseButton.js";
-import '../../assets/Drawer.css';const F = "_drawer_1g9hi_1", R = "_drawer__content_1g9hi_22", T = "_drawer__header_1g9hi_32", E = "_drawer__footer_1g9hi_39", K = "_drawer__heading_1g9hi_26", M = "_drawer__buttons_1g9hi_64", r = {
-  drawer: F,
-  drawer__content: R,
-  drawer__header: T,
-  drawer__footer: E,
-  drawer__heading: K,
-  "drawer--open": "_drawer--open_1g9hi_59",
-  drawer__buttons: M
-}, q = 200;
-function U({
-  buttons: s,
-  children: n,
-  isOpen: o,
-  onClose: i,
-  title: l,
-  closeButtonAriaValueText: c = "Close",
-  ...w
-}) {
-  const [m, t] = x(r.drawer), { modalProps: h } = D({ isDisabled: !o }), a = S(null);
-  function _() {
-    t(r.drawer), globalThis.setTimeout(() => {
-      i();
-    }, q);
-  }
-  const { overlayProps: u, underlayProps: f } = y(
-    { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: o, onClose: _ },
-    a
-  ), { dialogProps: g, titleProps: p } = b({}, a);
-  return N({ isDisabled: !o }), j(() => {
-    t(P(r.drawer, { [r["drawer--open"]]: o }));
-  }, [o]), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { ...f, children: /* @__PURE__ */ e(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
-    "aside",
-    {
-      ...h,
-      ...u,
-      ...g,
-      ...w,
-      className: m,
-      ref: a,
-      children: [
-        /* @__PURE__ */ d("header", { className: r.drawer__header, children: [
-          /* @__PURE__ */ e("h1", { className: r.drawer__heading, ...p, children: l }),
-          /* @__PURE__ */ e(B, { "aria-label": c, onClick: _ })
-        ] }),
-        /* @__PURE__ */ e("div", { className: r.drawer__content, children: n }),
-        s && /* @__PURE__ */ e("footer", { className: r.drawer__footer, children: /* @__PURE__ */ e("div", { className: r.drawer__buttons, children: s }) })
-      ]
-    }
-  ) }) }) });
-}
-export {
-  U as Drawer
-};
-//# sourceMappingURL=Drawer.js.map
+import { t as e } from "../../Drawer-Ggofac6y.js";
+export { e as Drawer };

package/dist/components/Drawer/Drawer.stories.js

@@ -1,70 +1,51 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { OverlayProvider as p } from "@react-aria/overlays";
-import { f as m } from "../../index-B_q_4aBT.js";
-import { useState as c } from "react";
-import { Drawer as r } from "./Drawer.js";
-import { Button as o } from "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-import { ButtonGroup as u } from "../ButtonGroup/ButtonGroup.js";
-const d = `
-  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>
-`, v = {
-  title: "Molecules/Drawer",
-  component: r,
-  argTypes: {
-    isOpen: {
-      table: {
-        disable: !0
-      }
-    },
-    buttons: {
-      table: {
-        disable: !0
-      }
-    },
-    closeButtonAriaValueText: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: r,
-    codeString: d
-  }
-}, i = (l) => {
-  const [t, n] = c(!1);
-  return /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ e(o, { onClick: () => n(!t), variant: "primary", children: "Open drawer" }),
-    t && /* @__PURE__ */ e(
-      r,
-      {
-        ...l,
-        isOpen: t,
-        onClose: () => (m()(), n(!t)),
-        children: "Example Drawer Content"
-      }
-    )
-  ] });
-}, s = {
-  title: "Example Title",
-  closeButtonAriaValueText: "Close"
-}, b = i.bind({});
-b.args = {
-  ...s
-};
-const f = i.bind({});
+import { r as e } from "../../test-DQruvi8i.js";
+import { Button as t } from "../Buttons/Button.js";
+import { t as n } from "../../ButtonGroup-DR80lTLz.js";
+import { t as r } from "../../Drawer-Ggofac6y.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { OverlayProvider as s } from "@react-aria/overlays";
+var c = {
+	title: "Molecules/Drawer",
+	component: r,
+	argTypes: {
+		isOpen: { table: { disable: !0 } },
+		buttons: { table: { disable: !0 } },
+		closeButtonAriaValueText: { table: { disable: !0 } }
+	},
+	parameters: {
+		inspectComponent: r,
+		codeString: "\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n"
+	}
+}, l = (n) => {
+	let [c, l] = i(!1);
+	return /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a(t, {
+		onClick: () => l(!c),
+		variant: "primary",
+		children: "Open drawer"
+	}), c && /* @__PURE__ */ a(r, {
+		...n,
+		isOpen: c,
+		onClose: () => (e()(), l(!c)),
+		children: "Example Drawer Content"
+	})] });
+}, u = {
+	title: "Example Title",
+	closeButtonAriaValueText: "Close"
+}, d = l.bind({});
+d.args = { ...u };
+var f = l.bind({});
 f.args = {
-  ...s,
-  buttons: /* @__PURE__ */ a(u, { children: [
-    /* @__PURE__ */ e(o, { variant: "primary", children: "Primary Example Button" }),
-    /* @__PURE__ */ e(o, { variant: "secondary", children: "Secondary Example Button" })
-  ] })
-};
-export {
-  b as DrawerExample,
-  f as WithButtons,
-  v as default
+	...u,
+	buttons: /* @__PURE__ */ o(n, { children: [/* @__PURE__ */ a(t, {
+		variant: "primary",
+		children: "Primary Example Button"
+	}), /* @__PURE__ */ a(t, {
+		variant: "secondary",
+		children: "Secondary Example Button"
+	})] })
 };
-//# sourceMappingURL=Drawer.stories.js.map
+//#endregion
+export { d as DrawerExample, f as WithButtons, c as default };
+
+//# sourceMappingURL=Drawer.stories.js.map

package/dist/components/Drawer/Drawer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.stories.js","sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"names":["codeString","Drawer_stories","Drawer","Template","args","isOpen","setIsOpen","useState","OverlayProvider","jsx","Button","fn","defaultArgs","DrawerExample","WithButtons","ButtonGroup"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA,GAKnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,0BAA0B;AAAA,MACxB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAiC,CAACC,MAAS;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAAS,MAAMJ,EAAU,CAACD,CAAM,GAAG,SAAQ,WAAU,UAAA,cAAA,CAE7D;AAAA,IACCA,KACC,gBAAAI;AAAA,MAACP;AAAA,MAAA;AAAA,QACE,GAAGE;AAAA,QACJ,QAAAC;AAAA,QACA,SAAS,OACPM,IAAG,GACIL,EAAU,CAACD,CAAM;AAAA,QAE3B,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAEJ;AAEJ,GAEMO,IAAoC;AAAA,EACxC,OAAO;AAAA,EACP,0BAA0B;AAC5B,GAEaC,IAAgBV,EAAS,KAAK,CAAA,CAAE;AAC7CU,EAAc,OAAO;AAAA,EACnB,GAAGD;AACL;AAEO,MAAME,IAAcX,EAAS,KAAK,CAAA,CAAE;AAC3CW,EAAY,OAAO;AAAA,EACjB,GAAGF;AAAA,EACH,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAN,EAACC,GAAA,EAAO,SAAQ,WAAU,UAAA,0BAAsB;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAO,SAAQ,aAAY,UAAA,2BAAA,CAAwB;AAAA,EAAA,EAAA,CACtD;AAEJ;"}
+{"version":3,"file":"Drawer.stories.js","names":[],"sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Drawer,\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"mappings":";;;;;;;AAiBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,0BAA0B,EACxB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA3BG;EA4BhB;CACF,EAEK,KAAkC,MAAS;CAC/C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;AAE3C,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,eAAe,EAAU,CAAC,EAAO;EAAE,SAAQ;YAAU;EAEpD,CAAA,EACR,KACC,kBAAC,GAAD;EACE,GAAI;EACI;EACR,gBACE,GAAI,EAAE,EACC,EAAU,CAAC,EAAO;YAE5B;EAEQ,CAAA,CAEK,EAAA,CAAA;GAIhB,IAAoC;CACxC,OAAO;CACP,0BAA0B;CAC3B,EAEY,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO,EACnB,GAAG,GACJ;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,GAAG;CACH,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAQ,SAAQ;YAAU;EAA+B,CAAA,EACzD,kBAAC,GAAD;EAAQ,SAAQ;YAAY;EAAiC,CAAA,CACjD,EAAA,CAAA;CAEjB"}

package/dist/components/Drawer/index.js

@@ -1,5 +1,2 @@
-import { Drawer as o } from "./Drawer.js";
-export {
-  o as Drawer
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../Drawer-Ggofac6y.js";
+export { e as Drawer };

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,50 +1,2 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import { Icon as i } from "../Icon/Icon.js";
-import '../../assets/EmptyStateDataDisplay.css';const a = {
-  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1ayed_1",
-  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1ayed_9",
-  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1ayed_19",
-  "empty-state-data-display_wrapper--slim": "_empty-state-data-display_wrapper--slim_1ayed_23",
-  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1ayed_28",
-  "empty-state-data-display_icon-frame--slim": "_empty-state-data-display_icon-frame--slim_1ayed_32",
-  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1ayed_37",
-  "empty-state-data-display_label": "_empty-state-data-display_label_1ayed_43",
-  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1ayed_47"
-}, r = 24, _ = 16;
-function n({
-  label: l,
-  paragraph: s,
-  invertColors: p,
-  variant: e = "regular"
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: y(a["empty-state-data-display_wrapper"], {
-        [a["empty-state-data-display_wrapper--invert-colors"]]: p,
-        [a["empty-state-data-display_wrapper--slim"]]: e === "slim"
-      }),
-      children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: y(a["empty-state-data-display_icon-frame"], {
-              [a["empty-state-data-display_icon-frame--invert-colors"]]: p,
-              [a["empty-state-data-display_icon-frame--slim"]]: e === "slim"
-            }),
-            children: /* @__PURE__ */ t(i, { name: "CubeTransparent", size: e === "regular" ? r : _ })
-          }
-        ),
-        /* @__PURE__ */ d("div", { className: a["empty-state-data-display_text-content"], children: [
-          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: l }),
-          s && /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: s })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  n as EmptyStateDataDisplay
-};
-//# sourceMappingURL=EmptyStateDataDisplay.js.map
+import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+export { e as EmptyStateDataDisplay };

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js

@@ -1,19 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { EmptyStateDataDisplay as a } from "./EmptyStateDataDisplay.js";
-const e = "<EmptyStateDataDisplay label={label} paragraph={paragraph} />", o = {
-  title: "Molecules/EmptyStateDataDisplay",
-  component: a,
-  parameters: {
-    inspectComponent: a,
-    codeString: e
-  }
-}, s = (t) => /* @__PURE__ */ p(a, { ...t }), l = s.bind({});
-l.args = {
-  label: "This is an example info empty state data display label",
-  paragraph: "This is an example info empty state data display paragraph"
+import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+import { jsx as t } from "react/jsx-runtime";
+var n = {
+	title: "Molecules/EmptyStateDataDisplay",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<EmptyStateDataDisplay label={label} paragraph={paragraph} />"
+	}
+}, r = ((n) => /* @__PURE__ */ t(e, { ...n })).bind({});
+r.args = {
+	label: "This is an example info empty state data display label",
+	paragraph: "This is an example info empty state data display paragraph"
 };
-export {
-  l as EmptyStateDataDisplayExample,
-  o as default
-};
-//# sourceMappingURL=EmptyStateDataDisplay.stories.js.map
+//#endregion
+export { r as EmptyStateDataDisplayExample, n as default };
+
+//# sourceMappingURL=EmptyStateDataDisplay.stories.js.map

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateDataDisplay.stories.js","sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"names":["codeString","EmptyStateDataDisplay_stories","EmptyStateDataDisplay","Template","args","jsx","EmptyStateDataDisplayExample"],"mappings":";;AAKA,MAAMA,IAAa,iEAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAgD,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAuB,GAAGE,GAAM,GAEpFE,IAA+BH,EAAS,KAAK,CAAA,CAAE;AAC5DG,EAA6B,OAAO;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AACb;"}
+{"version":3,"file":"EmptyStateDataDisplay.stories.js","names":[],"sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    inspectComponent: EmptyStateDataDisplay,\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"mappings":";;AAQA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAF0C,MAAS,kBAAC,GAAD,EAAuB,GAAI,GAAQ,CAAA,EAE9C,KAAK,EAAE,CAAC;AAC7D,EAA6B,OAAO;CAClC,OAAO;CACP,WAAW;CACZ"}

package/dist/components/EmptyStateDataDisplay/index.js

@@ -1,5 +1,2 @@
-import { EmptyStateDataDisplay as p } from "./EmptyStateDataDisplay.js";
-export {
-  p as EmptyStateDataDisplay
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../EmptyStateDataDisplay-D0QiI8nE.js";
+export { e as EmptyStateDataDisplay };

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js

@@ -1,57 +1,2 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useState as f, useId as x } from "react";
-import { c as m } from "../../clsx-OuTLNxxd.js";
-import { Icon as l } from "../Icon/Icon.js";
-import '../../assets/ExpandableInfoPanel.css';const n = {
-  "expandable-info-panel_wrapper": "_expandable-info-panel_wrapper_bsdzd_1",
-  "expandable-info-panel_header": "_expandable-info-panel_header_bsdzd_7",
-  "expandable-info-panel_trigger": "_expandable-info-panel_trigger_bsdzd_16",
-  "expandable-info-panel_trigger--active": "_expandable-info-panel_trigger--active_bsdzd_46",
-  "expandable-info-panel_content-wrapper": "_expandable-info-panel_content-wrapper_bsdzd_68",
-  "expandable-info-panel_content-with-note-container": "_expandable-info-panel_content-with-note-container_bsdzd_77",
-  "expandable-info-panel_note": "_expandable-info-panel_note_bsdzd_83"
-}, z = ({
-  triggerLabel: p,
-  mainHeader: t,
-  collapseLabel: _ = "",
-  expandLabel: s = "",
-  content: o,
-  note: d = "",
-  defaultOpen: c = !1
-}) => {
-  const [e, b] = f(c), r = x();
-  return /* @__PURE__ */ i("div", { className: n["expandable-info-panel_wrapper"], children: [
-    /* @__PURE__ */ i("div", { className: n["expandable-info-panel_header"], children: [
-      t,
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: m(n["expandable-info-panel_trigger"], {
-            [n["expandable-info-panel_trigger--active"]]: e
-          }),
-          type: "button",
-          "aria-expanded": e,
-          "aria-controls": r,
-          "aria-label": `${p} - ${e ? _ : s}`,
-          onClick: () => b(!e),
-          children: [
-            /* @__PURE__ */ a(l, { name: e ? "SquareInfoSolid" : "SquareInfo", size: 24 }),
-            p,
-            /* @__PURE__ */ a(l, { name: e ? "CheveronUp" : "CheveronDown", size: 16 })
-          ]
-        }
-      )
-    ] }),
-    e && /* @__PURE__ */ i("div", { id: r, className: n["expandable-info-panel_content-wrapper"], children: [
-      /* @__PURE__ */ a(l, { name: "SquareInfo", size: 24 }),
-      d ? /* @__PURE__ */ i("div", { className: n["expandable-info-panel_content-with-note-container"], children: [
-        /* @__PURE__ */ a("div", { children: o }),
-        /* @__PURE__ */ a("div", { className: n["expandable-info-panel_note"], children: d })
-      ] }) : /* @__PURE__ */ a("div", { children: o })
-    ] })
-  ] });
-};
-export {
-  z as ExpandableInfoPanel
-};
-//# sourceMappingURL=ExpandableInfoPanel.js.map
+import { t as e } from "../../ExpandableInfoPanel-CnBVVNlJ.js";
+export { e as ExpandableInfoPanel };

package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.js

@@ -1,52 +1,59 @@
-import { jsxs as n, jsx as e, Fragment as t } from "react/jsx-runtime";
-import { ExpandableInfoPanel as a } from "./ExpandableInfoPanel.js";
-import { Repeater as o } from "../Repeater/Repeater.js";
-const s = "<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />", m = {
-  title: "Molecules/ExpandableInfoPanel",
-  component: a,
-  parameters: {
-    inspectComponent: a,
-    codeString: s
-  }
-}, i = (r) => /* @__PURE__ */ n(t, { children: [
-  /* @__PURE__ */ e(a, { ...r }),
-  /* @__PURE__ */ e("div", { style: { marginTop: "1rem" }, children: "De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen. Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping, afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt." })
-] }), l = i.bind({});
-l.args = {
-  triggerLabel: "Wat moet ik doen?",
-  mainHeader: /* @__PURE__ */ e("h1", { children: "Basisgegevens" }),
-  collapseLabel: "Sluit informatiepaneel",
-  expandLabel: "Open informatiepaneel",
-  content: /* @__PURE__ */ n(t, { children: [
-    /* @__PURE__ */ e("h3", { style: { marginTop: "0" }, children: "Wat moet ik doen?" }),
-    /* @__PURE__ */ e("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
-  ] })
+import { t as e } from "../../ExpandableInfoPanel-CnBVVNlJ.js";
+import { t } from "../../Repeater-BhkTEUai.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = {
+	title: "Molecules/ExpandableInfoPanel",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />"
+	}
+}, o = (t) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, { ...t }), /* @__PURE__ */ r("div", {
+	style: { marginTop: "1rem" },
+	children: "De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen. Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping, afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt."
+})] }), s = o.bind({});
+s.args = {
+	triggerLabel: "Wat moet ik doen?",
+	mainHeader: /* @__PURE__ */ r("h1", { children: "Basisgegevens" }),
+	collapseLabel: "Sluit informatiepaneel",
+	expandLabel: "Open informatiepaneel",
+	content: /* @__PURE__ */ i(n, { children: [
+		/* @__PURE__ */ r("h3", {
+			style: { marginTop: "0" },
+			children: "Wat moet ik doen?"
+		}),
+		/* @__PURE__ */ r("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
+		/* @__PURE__ */ r("br", {}),
+		/* @__PURE__ */ r("br", {}),
+		/* @__PURE__ */ r("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
+	] })
 };
-const d = i.bind({});
-d.args = {
-  triggerLabel: "Wat moet ik doen?",
-  mainHeader: /* @__PURE__ */ e("h1", { children: "Basisgegevens" }),
-  collapseLabel: "Sluit informatiepaneel",
-  expandLabel: "Open informatiepaneel",
-  content: /* @__PURE__ */ n(t, { children: [
-    /* @__PURE__ */ e("h3", { style: { marginTop: "0" }, children: "Wat moet ik doen?" }),
-    /* @__PURE__ */ e("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("br", {}),
-    /* @__PURE__ */ e("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
-  ] }),
-  note: /* @__PURE__ */ n(o, { gap: "050", children: [
-    /* @__PURE__ */ e("span", { style: { fontWeight: "700" }, children: "Let op" }),
-    /* @__PURE__ */ e("span", { children: "hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken." })
-  ] }),
-  defaultOpen: !0
+var c = o.bind({});
+c.args = {
+	triggerLabel: "Wat moet ik doen?",
+	mainHeader: /* @__PURE__ */ r("h1", { children: "Basisgegevens" }),
+	collapseLabel: "Sluit informatiepaneel",
+	expandLabel: "Open informatiepaneel",
+	content: /* @__PURE__ */ i(n, { children: [
+		/* @__PURE__ */ r("h3", {
+			style: { marginTop: "0" },
+			children: "Wat moet ik doen?"
+		}),
+		/* @__PURE__ */ r("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
+		/* @__PURE__ */ r("br", {}),
+		/* @__PURE__ */ r("br", {}),
+		/* @__PURE__ */ r("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
+	] }),
+	note: /* @__PURE__ */ i(t, {
+		gap: "050",
+		children: [/* @__PURE__ */ r("span", {
+			style: { fontWeight: "700" },
+			children: "Let op"
+		}), /* @__PURE__ */ r("span", { children: "hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken." })]
+	}),
+	defaultOpen: !0
 };
-export {
-  d as DefaultOpenWithNote,
-  l as ExpandableInfoPanelExample,
-  m as default
-};
-//# sourceMappingURL=ExpandableInfoPanel.stories.js.map
+//#endregion
+export { c as DefaultOpenWithNote, s as ExpandableInfoPanelExample, a as default };
+
+//# sourceMappingURL=ExpandableInfoPanel.stories.js.map