@uva-glass/component-library 1.63.0 → 1.64.0

package/dist/assets/AccordionCard.css

@@ -0,0 +1 @@
+._accordion-card_12lqd_1{background-color:var(--color-grey-50);overflow:hidden;position:relative}._accordion-card__title_12lqd_7{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:1.5rem 1rem;-webkit-user-select:none;user-select:none}._accordion-card__title_12lqd_7 h3{margin:0}._accordion-card__title_12lqd_7:focus-visible{text-decoration:underline}._accordion-card__title-icon_12lqd_25{transform:rotate(-90deg);transition:transform .3s ease-in}._accordion-card__title-icon--expanded_12lqd_30{transform:rotate(90deg);transition:transform .3s ease-out}._accordion-card__content_12lqd_35{display:none}._accordion-card__content--expanded_12lqd_39{display:block}

package/dist/components/AccordionCard/AccordionCard.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface AccordionCardProps {
+    /** Clickable title (always visible). */
+    title: ReactNode;
+    /** Main content (hidden when expanded is false). */
+    content: ReactNode;
+    /** Indicator if Accordion should be expanded by default.*/
+    expanded?: boolean;
+}
+export declare const AccordionCard: ({ title, content, expanded }: AccordionCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionCard/AccordionCard.js

@@ -0,0 +1,58 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import { useState as x, useId as m } from "react";
+import { Icon as f } from "../Icon/Icon.js";
+import '../../assets/AccordionCard.css';const c = {
+  "accordion-card": "_accordion-card_12lqd_1",
+  "accordion-card__title": "_accordion-card__title_12lqd_7",
+  "accordion-card__title-icon": "_accordion-card__title-icon_12lqd_25",
+  "accordion-card__title-icon--expanded": "_accordion-card__title-icon--expanded_12lqd_30",
+  "accordion-card__content": "_accordion-card__content_12lqd_35",
+  "accordion-card__content--expanded": "_accordion-card__content--expanded_12lqd_39"
+}, u = ({ title: t, content: _, expanded: l = !1 }) => {
+  const [d, a] = x(l), n = m(), s = (p) => {
+    const { code: e } = p;
+    (e === "Enter" || e === "Space") && a(!d);
+  };
+  return /* @__PURE__ */ r("div", { className: c["accordion-card"], children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: c["accordion-card__title"],
+        id: n,
+        role: "button",
+        tabIndex: 0,
+        onClick: () => a(!d),
+        onKeyUp: s,
+        "aria-expanded": d,
+        children: [
+          /* @__PURE__ */ o(
+            f,
+            {
+              className: i(c["accordion-card__title-icon"], {
+                [c["accordion-card__title-icon--expanded"]]: d
+              }),
+              name: "CheveronLeft",
+              size: 16
+            }
+          ),
+          /* @__PURE__ */ o("h3", { children: t })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-labelledby": n,
+        className: i(c["accordion-card__content"], {
+          [c["accordion-card__content--expanded"]]: d
+        }),
+        children: _
+      }
+    )
+  ] });
+};
+export {
+  u as AccordionCard
+};
+//# sourceMappingURL=AccordionCard.js.map

package/dist/components/AccordionCard/AccordionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionCard.js","sources":["../../../src/components/AccordionCard/AccordionCard.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useId, useState } from 'react';\n\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport styles from './AccordionCard.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface AccordionCardProps {\n  /** Clickable title (always visible). */\n  title: ReactNode;\n  /** Main content (hidden when expanded is false). */\n  content: ReactNode;\n  /** Indicator if Accordion should be expanded by default.*/\n  expanded?: boolean;\n}\n\nexport const AccordionCard = ({ title, content, expanded = false }: AccordionCardProps) => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const accordionId = useId();\n\n  const onKeyUp = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { code } = event;\n\n    if (code === 'Enter' || code === 'Space') {\n      setIsExpanded(!isExpanded);\n    }\n  };\n\n  return (\n    <div className={styles['accordion-card']}>\n      <div\n        className={styles['accordion-card__title']}\n        id={accordionId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={() => setIsExpanded(!isExpanded)}\n        onKeyUp={onKeyUp}\n        aria-expanded={isExpanded}\n      >\n        <Icon\n          className={clsx(styles['accordion-card__title-icon'], {\n            [styles['accordion-card__title-icon--expanded']]: isExpanded,\n          })}\n          name=\"CheveronLeft\"\n          size={16}\n        />\n        <h3>{title}</h3>\n      </div>\n      <div\n        aria-labelledby={accordionId}\n        className={clsx(styles['accordion-card__content'], {\n          [styles['accordion-card__content--expanded']]: isExpanded,\n        })}\n      >\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["AccordionCard","title","content","expanded","isExpanded","setIsExpanded","useState","accordionId","useId","onKeyUp","event","code","jsxs","styles","jsx","Icon","clsx"],"mappings":";;;;;;;;;;;GAkBaA,IAAgB,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,SAAgC;AACzF,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAQ,GAC/CI,IAAcC,KAEdC,IAAU,CAACC,MAAyC;AAClD,UAAA,EAAE,MAAAC,EAAS,IAAAD;AAEb,KAAAC,MAAS,WAAWA,MAAS,YAC/BN,EAAc,CAACD,CAAU;AAAA,EAC3B;AAGF,SACG,gBAAAQ,EAAA,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GACrC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAO,uBAAuB;AAAA,QACzC,IAAIN;AAAA,QACJ,MAAK;AAAA,QACL,UAAU;AAAA,QACV,SAAS,MAAMF,EAAc,CAACD,CAAU;AAAA,QACxC,SAAAK;AAAA,QACA,iBAAeL;AAAA,QAEf,UAAA;AAAA,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAKH,EAAO,4BAA4B,GAAG;AAAA,gBACpD,CAACA,EAAO,sCAAsC,CAAC,GAAGT;AAAA,cAAA,CACnD;AAAA,cACD,MAAK;AAAA,cACL,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UACA,gBAAAU,EAAC,QAAI,UAAMb,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,IACA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAiBP;AAAA,QACjB,WAAWS,EAAKH,EAAO,yBAAyB,GAAG;AAAA,UACjD,CAACA,EAAO,mCAAmC,CAAC,GAAGT;AAAA,QAAA,CAChD;AAAA,QAEA,UAAAF;AAAA,MAAA;AAAA,IACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/AccordionCard/AccordionCard.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { AccordionCardProps } from './AccordionCard';
+declare const _default: Meta<AccordionCardProps>;
+export default _default;
+export declare const AccordionCardExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionCardProps>;

package/dist/components/AccordionCard/AccordionCard.stories.js

@@ -0,0 +1,33 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { AccordionCard as n } from "./AccordionCard.js";
+import { Container as t } from "../../storyComponents/Container/Container.js";
+const r = "<AccordionCard title={title} content={content}/>", m = {
+  title: "Atoms/AccordionCard",
+  component: n,
+  argTypes: {
+    expanded: {
+      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.
+      table: {
+        disable: !0
+      }
+    }
+  },
+  parameters: {
+    inspectComponent: n,
+    codeString: r
+  }
+}, o = (a) => /* @__PURE__ */ e(t, { size: "large", children: /* @__PURE__ */ e(n, { ...a }) }), s = o.bind({});
+s.args = {
+  title: "Vakaanbieding 1",
+  content: /* @__PURE__ */ i("div", { style: { margin: "0 2.125rem 2rem 3.125rem" }, children: [
+    /* @__PURE__ */ e("h3", { children: "Vakaanmelding: Het Belang van een Goede Start van Je Studiejaar" }),
+    /* @__PURE__ */ e("p", { children: "Vakaanmelding is een cruciale stap in het studieproces, waarbij studenten zich inschrijven voor de vakken die zij tijdens een semester of studiejaar willen volgen. Deze procedure is belangrijk om een gestructureerd en succesvol academisch traject te waarborgen. Hieronder bespreken we wat vakaanmelding inhoudt, waarom het essentieel is en hoe je je optimaal kunt voorbereiden." }),
+    /* @__PURE__ */ e("h3", { children: "Wat is vakaanmelding?" }),
+    /* @__PURE__ */ e("p", { children: "Vakaanmelding is het proces waarbij studenten via een digitaal systeem (zoals Blackboard, Canvas of een specifieke universiteitsportal) aangeven welke vakken zij willen volgen. Dit kan variëren van verplichte kernvakken tot keuzevakken die aansluiten bij persoonlijke interesses of specialisaties." })
+  ] })
+};
+export {
+  s as AccordionCardExample,
+  m as default
+};
+//# sourceMappingURL=AccordionCard.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionCard.stories.js","sources":["../../../src/components/AccordionCard/AccordionCard.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { AccordionCardProps } from './AccordionCard';\n\nimport { AccordionCard } from './AccordionCard';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<AccordionCard title={title} content={content}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AccordionCard',\n  component: AccordionCard,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: AccordionCard,\n    codeString: codeString,\n  },\n} as Meta<AccordionCardProps>;\n\nconst Template: StoryFn<AccordionCardProps> = (args) => (\n  <Container size=\"large\">\n    <AccordionCard {...args} />\n  </Container>\n);\n\nexport const AccordionCardExample = Template.bind({});\nAccordionCardExample.args = {\n  title: 'Vakaanbieding 1',\n  content: (\n    <div style={{ margin: '0 2.125rem 2rem 3.125rem' }}>\n      <h3>Vakaanmelding: Het Belang van een Goede Start van Je Studiejaar</h3>\n      <p>\n        Vakaanmelding is een cruciale stap in het studieproces, waarbij studenten zich inschrijven voor de vakken die\n        zij tijdens een semester of studiejaar willen volgen. Deze procedure is belangrijk om een gestructureerd en\n        succesvol academisch traject te waarborgen. Hieronder bespreken we wat vakaanmelding inhoudt, waarom het\n        essentieel is en hoe je je optimaal kunt voorbereiden.\n      </p>\n      <h3>Wat is vakaanmelding?</h3>\n      <p>\n        Vakaanmelding is het proces waarbij studenten via een digitaal systeem (zoals Blackboard, Canvas of een\n        specifieke universiteitsportal) aangeven welke vakken zij willen volgen. Dit kan variëren van verplichte\n        kernvakken tot keuzevakken die aansluiten bij persoonlijke interesses of specialisaties.\n      </p>\n    </div>\n  ),\n};\n"],"names":["codeString","AccordionCard_stories","AccordionCard","Template","args","jsx","Container","AccordionCardExample","jsxs"],"mappings":";;;AAOA,MAAMA,IAAa,oDAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,OAAO;AAAA,EACP,SACG,gBAAAC,EAAA,OAAA,EAAI,OAAO,EAAE,QAAQ,2BACpB,GAAA,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAG,UAA+D,kEAAA,CAAA;AAAA,IACnE,gBAAAA,EAAC,OAAE,UAKH,4XAAA,CAAA;AAAA,IACA,gBAAAA,EAAC,QAAG,UAAqB,wBAAA,CAAA;AAAA,IACzB,gBAAAA,EAAC,OAAE,UAIH,4SAAA,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/AccordionCard/index.d.ts

@@ -0,0 +1 @@
+export * from './AccordionCard';

package/dist/components/AccordionCard/index.js

@@ -0,0 +1,5 @@
+import { AccordionCard as c } from "./AccordionCard.js";
+export {
+  c as AccordionCard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AccordionCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Accordion';
+export * from './AccordionCard';
 export * from './ActionList';
 export * from './AppStatusBar';
 export * from './Attention';

package/dist/components/index.js

@@ -1,101 +1,103 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
-import { ActionList as p } from "./ActionList/ActionList.js";
-import { AppStatusBar as m } from "./AppStatusBar/AppStatusBar.js";
-import { Attention as i } from "./Attention/Attention.js";
-import { Backdrop as n } from "./Backdrop/Backdrop.js";
-import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
-import { Button as d } from "./Buttons/Button.js";
-import { LinkButton as B } from "./Buttons/LinkButton.js";
-import { MenuButton as b } from "./Buttons/MenuButton.js";
-import { Card as C } from "./Card/Card.js";
-import { Checkbox as L } from "./Checkbox/Checkbox.js";
-import { CheckboxButton as I } from "./CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as D } from "./CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as g } from "./CheckboxTree/CheckboxTree.js";
-import { Drawer as y } from "./Drawer/Drawer.js";
-import { EmptyStateDataDisplay as v } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as E } from "./FeedbackBox/FeedbackBox.js";
-import { FieldHint as H } from "./FieldHint/FieldHint.js";
-import { Fieldset as T } from "./Fieldset/Fieldset.js";
-import { FormField as N } from "./FormField/FormField.js";
-import { FormInput as q } from "./FormInput/FormInput.js";
-import { GridRow as K } from "./GridRow/GridRow.js";
-import { HorizontalList as U } from "./HorizontalList/HorizontalList.js";
-import { Icon as W } from "./Icon/Icon.js";
-import { IconButton as Y } from "./IconButton/IconButton.js";
-import { InfoMessage as _ } from "./InfoMessage/InfoMessage.js";
-import { Input as oo } from "./Input/Input.js";
-import { InputField as to } from "./InputField/InputField.js";
-import { Label as po } from "./Label/Label.js";
-import { MenuLink as mo } from "./MenuLink/MenuLink.js";
-import { MetaDataList as io } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as no } from "./ModalDialog/ModalDialog.js";
-import { M as uo } from "../TablePlugin-BLzR0g93.js";
-import { OverlayCloseButton as so } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { PageOverlay as So } from "./PageOverlay/PageOverlay.js";
-import { Periods as ko } from "./Periods/Periods.js";
-import { PeriodSelector as Fo } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Mo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Po } from "./RadioButton/RadioButton.js";
-import { Repeater as Ro } from "./Repeater/Repeater.js";
-import { Rte as ho, RteEditor as yo } from "./RteEditor/RteEditor.js";
-import { SectionNotification as vo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as Eo } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Ho, useSelect as Oo } from "./SelectListbox/SelectProvider.js";
-import { Sortable as zo } from "./Sortable/Sortable.js";
-import { Spinner as jo } from "./Spinner/Spinner.js";
-import { StatusPill as Jo } from "./StatusPill/StatusPill.js";
-import { Tooltip as Qo } from "./Tooltip/Tooltip.js";
+import { AccordionCard as p } from "./AccordionCard/AccordionCard.js";
+import { ActionList as m } from "./ActionList/ActionList.js";
+import { AppStatusBar as i } from "./AppStatusBar/AppStatusBar.js";
+import { Attention as n } from "./Attention/Attention.js";
+import { Backdrop as c } from "./Backdrop/Backdrop.js";
+import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
+import { Button as B } from "./Buttons/Button.js";
+import { LinkButton as b } from "./Buttons/LinkButton.js";
+import { MenuButton as C } from "./Buttons/MenuButton.js";
+import { Card as L } from "./Card/Card.js";
+import { Checkbox as I } from "./Checkbox/Checkbox.js";
+import { CheckboxButton as A } from "./CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as R } from "./CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as h } from "./CheckboxTree/CheckboxTree.js";
+import { Drawer as v } from "./Drawer/Drawer.js";
+import { EmptyStateDataDisplay as E } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as H } from "./FeedbackBox/FeedbackBox.js";
+import { FieldHint as T } from "./FieldHint/FieldHint.js";
+import { Fieldset as N } from "./Fieldset/Fieldset.js";
+import { FormField as q } from "./FormField/FormField.js";
+import { FormInput as K } from "./FormInput/FormInput.js";
+import { GridRow as U } from "./GridRow/GridRow.js";
+import { HorizontalList as W } from "./HorizontalList/HorizontalList.js";
+import { Icon as Y } from "./Icon/Icon.js";
+import { IconButton as _ } from "./IconButton/IconButton.js";
+import { InfoMessage as oo } from "./InfoMessage/InfoMessage.js";
+import { Input as to } from "./Input/Input.js";
+import { InputField as po } from "./InputField/InputField.js";
+import { Label as mo } from "./Label/Label.js";
+import { MenuLink as io } from "./MenuLink/MenuLink.js";
+import { MetaDataList as no } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as co } from "./ModalDialog/ModalDialog.js";
+import { M as so } from "../TablePlugin-BLzR0g93.js";
+import { OverlayCloseButton as So } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { PageOverlay as ko } from "./PageOverlay/PageOverlay.js";
+import { Periods as Fo } from "./Periods/Periods.js";
+import { PeriodSelector as Mo } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Po } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Do } from "./RadioButton/RadioButton.js";
+import { Repeater as go } from "./Repeater/Repeater.js";
+import { Rte as yo, RteEditor as vo } from "./RteEditor/RteEditor.js";
+import { SectionNotification as Eo } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as Ho } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as To, useSelect as zo } from "./SelectListbox/SelectProvider.js";
+import { Sortable as jo } from "./Sortable/Sortable.js";
+import { Spinner as Jo } from "./Spinner/Spinner.js";
+import { StatusPill as Qo } from "./StatusPill/StatusPill.js";
+import { Tooltip as Vo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
-  p as ActionList,
-  m as AppStatusBar,
-  i as Attention,
-  n as Backdrop,
-  d as Button,
-  u as ButtonGroup,
-  C as Card,
-  L as Checkbox,
-  I as CheckboxButton,
-  D as CheckboxButtonBar,
-  g as CheckboxTree,
-  y as Drawer,
-  v as EmptyStateDataDisplay,
-  E as FeedbackBox,
-  H as FieldHint,
-  T as Fieldset,
-  N as FormField,
-  q as FormInput,
-  K as GridRow,
-  U as HorizontalList,
-  W as Icon,
-  Y as IconButton,
-  _ as InfoMessage,
-  oo as Input,
-  to as InputField,
-  po as Label,
-  B as LinkButton,
-  b as MenuButton,
-  mo as MenuLink,
-  io as MetaDataList,
-  no as ModalDialog,
-  uo as MultiSelect,
-  so as OverlayCloseButton,
-  So as PageOverlay,
-  Fo as PeriodSelector,
-  ko as Periods,
-  Mo as ProgrammeCard,
-  Po as RadioButton,
-  Ro as Repeater,
-  ho as Rte,
-  yo as RteEditor,
-  vo as SectionNotification,
-  Eo as SelectListbox,
-  Ho as SelectProvider,
-  zo as Sortable,
-  jo as Spinner,
-  Jo as StatusPill,
-  Qo as Tooltip,
-  Oo as useSelect
+  p as AccordionCard,
+  m as ActionList,
+  i as AppStatusBar,
+  n as Attention,
+  c as Backdrop,
+  B as Button,
+  d as ButtonGroup,
+  L as Card,
+  I as Checkbox,
+  A as CheckboxButton,
+  R as CheckboxButtonBar,
+  h as CheckboxTree,
+  v as Drawer,
+  E as EmptyStateDataDisplay,
+  H as FeedbackBox,
+  T as FieldHint,
+  N as Fieldset,
+  q as FormField,
+  K as FormInput,
+  U as GridRow,
+  W as HorizontalList,
+  Y as Icon,
+  _ as IconButton,
+  oo as InfoMessage,
+  to as Input,
+  po as InputField,
+  mo as Label,
+  b as LinkButton,
+  C as MenuButton,
+  io as MenuLink,
+  no as MetaDataList,
+  co as ModalDialog,
+  so as MultiSelect,
+  So as OverlayCloseButton,
+  ko as PageOverlay,
+  Mo as PeriodSelector,
+  Fo as Periods,
+  Po as ProgrammeCard,
+  Do as RadioButton,
+  go as Repeater,
+  yo as Rte,
+  vo as RteEditor,
+  Eo as SectionNotification,
+  Ho as SelectListbox,
+  To as SelectProvider,
+  jo as Sortable,
+  Jo as Spinner,
+  Qo as StatusPill,
+  Vo as Tooltip,
+  zo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,101 +1,103 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
-import { ActionList as p } from "./components/ActionList/ActionList.js";
-import { AppStatusBar as m } from "./components/AppStatusBar/AppStatusBar.js";
-import { Attention as i } from "./components/Attention/Attention.js";
-import { Backdrop as n } from "./components/Backdrop/Backdrop.js";
-import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
-import { Button as d } from "./components/Buttons/Button.js";
-import { LinkButton as B } from "./components/Buttons/LinkButton.js";
-import { MenuButton as b } from "./components/Buttons/MenuButton.js";
-import { Card as C } from "./components/Card/Card.js";
-import { Checkbox as L } from "./components/Checkbox/Checkbox.js";
-import { CheckboxButton as I } from "./components/CheckboxButton/CheckboxButton.js";
-import { CheckboxButtonBar as D } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
-import { CheckboxTree as g } from "./components/CheckboxTree/CheckboxTree.js";
-import { Drawer as y } from "./components/Drawer/Drawer.js";
-import { EmptyStateDataDisplay as v } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
-import { FeedbackBox as E } from "./components/FeedbackBox/FeedbackBox.js";
-import { FieldHint as H } from "./components/FieldHint/FieldHint.js";
-import { Fieldset as T } from "./components/Fieldset/Fieldset.js";
-import { FormField as N } from "./components/FormField/FormField.js";
-import { FormInput as q } from "./components/FormInput/FormInput.js";
-import { GridRow as K } from "./components/GridRow/GridRow.js";
-import { HorizontalList as U } from "./components/HorizontalList/HorizontalList.js";
-import { Icon as W } from "./components/Icon/Icon.js";
-import { IconButton as Y } from "./components/IconButton/IconButton.js";
-import { InfoMessage as _ } from "./components/InfoMessage/InfoMessage.js";
-import { Input as oo } from "./components/Input/Input.js";
-import { InputField as to } from "./components/InputField/InputField.js";
-import { Label as po } from "./components/Label/Label.js";
-import { MenuLink as mo } from "./components/MenuLink/MenuLink.js";
-import { MetaDataList as io } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as no } from "./components/ModalDialog/ModalDialog.js";
-import { M as uo } from "./TablePlugin-BLzR0g93.js";
-import { OverlayCloseButton as so } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { PageOverlay as So } from "./components/PageOverlay/PageOverlay.js";
-import { Periods as ko } from "./components/Periods/Periods.js";
-import { PeriodSelector as Fo } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Mo } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Po } from "./components/RadioButton/RadioButton.js";
-import { Repeater as Ro } from "./components/Repeater/Repeater.js";
-import { Rte as ho, RteEditor as yo } from "./components/RteEditor/RteEditor.js";
-import { SectionNotification as vo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as Eo } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Ho, useSelect as Oo } from "./components/SelectListbox/SelectProvider.js";
-import { Sortable as zo } from "./components/Sortable/Sortable.js";
-import { Spinner as jo } from "./components/Spinner/Spinner.js";
-import { StatusPill as Jo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as Qo } from "./components/Tooltip/Tooltip.js";
+import { AccordionCard as p } from "./components/AccordionCard/AccordionCard.js";
+import { ActionList as m } from "./components/ActionList/ActionList.js";
+import { AppStatusBar as i } from "./components/AppStatusBar/AppStatusBar.js";
+import { Attention as n } from "./components/Attention/Attention.js";
+import { Backdrop as c } from "./components/Backdrop/Backdrop.js";
+import { ButtonGroup as d } from "./components/ButtonGroup/ButtonGroup.js";
+import { Button as B } from "./components/Buttons/Button.js";
+import { LinkButton as b } from "./components/Buttons/LinkButton.js";
+import { MenuButton as C } from "./components/Buttons/MenuButton.js";
+import { Card as L } from "./components/Card/Card.js";
+import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
+import { CheckboxButton as A } from "./components/CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as R } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as h } from "./components/CheckboxTree/CheckboxTree.js";
+import { Drawer as v } from "./components/Drawer/Drawer.js";
+import { EmptyStateDataDisplay as E } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as H } from "./components/FeedbackBox/FeedbackBox.js";
+import { FieldHint as T } from "./components/FieldHint/FieldHint.js";
+import { Fieldset as N } from "./components/Fieldset/Fieldset.js";
+import { FormField as q } from "./components/FormField/FormField.js";
+import { FormInput as K } from "./components/FormInput/FormInput.js";
+import { GridRow as U } from "./components/GridRow/GridRow.js";
+import { HorizontalList as W } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as Y } from "./components/Icon/Icon.js";
+import { IconButton as _ } from "./components/IconButton/IconButton.js";
+import { InfoMessage as oo } from "./components/InfoMessage/InfoMessage.js";
+import { Input as to } from "./components/Input/Input.js";
+import { InputField as po } from "./components/InputField/InputField.js";
+import { Label as mo } from "./components/Label/Label.js";
+import { MenuLink as io } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as no } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as co } from "./components/ModalDialog/ModalDialog.js";
+import { M as so } from "./TablePlugin-BLzR0g93.js";
+import { OverlayCloseButton as So } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { PageOverlay as ko } from "./components/PageOverlay/PageOverlay.js";
+import { Periods as Fo } from "./components/Periods/Periods.js";
+import { PeriodSelector as Mo } from "./components/PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as Po } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Do } from "./components/RadioButton/RadioButton.js";
+import { Repeater as go } from "./components/Repeater/Repeater.js";
+import { Rte as yo, RteEditor as vo } from "./components/RteEditor/RteEditor.js";
+import { SectionNotification as Eo } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as Ho } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as To, useSelect as zo } from "./components/SelectListbox/SelectProvider.js";
+import { Sortable as jo } from "./components/Sortable/Sortable.js";
+import { Spinner as Jo } from "./components/Spinner/Spinner.js";
+import { StatusPill as Qo } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as Vo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
-  p as ActionList,
-  m as AppStatusBar,
-  i as Attention,
-  n as Backdrop,
-  d as Button,
-  u as ButtonGroup,
-  C as Card,
-  L as Checkbox,
-  I as CheckboxButton,
-  D as CheckboxButtonBar,
-  g as CheckboxTree,
-  y as Drawer,
-  v as EmptyStateDataDisplay,
-  E as FeedbackBox,
-  H as FieldHint,
-  T as Fieldset,
-  N as FormField,
-  q as FormInput,
-  K as GridRow,
-  U as HorizontalList,
-  W as Icon,
-  Y as IconButton,
-  _ as InfoMessage,
-  oo as Input,
-  to as InputField,
-  po as Label,
-  B as LinkButton,
-  b as MenuButton,
-  mo as MenuLink,
-  io as MetaDataList,
-  no as ModalDialog,
-  uo as MultiSelect,
-  so as OverlayCloseButton,
-  So as PageOverlay,
-  Fo as PeriodSelector,
-  ko as Periods,
-  Mo as ProgrammeCard,
-  Po as RadioButton,
-  Ro as Repeater,
-  ho as Rte,
-  yo as RteEditor,
-  vo as SectionNotification,
-  Eo as SelectListbox,
-  Ho as SelectProvider,
-  zo as Sortable,
-  jo as Spinner,
-  Jo as StatusPill,
-  Qo as Tooltip,
-  Oo as useSelect
+  p as AccordionCard,
+  m as ActionList,
+  i as AppStatusBar,
+  n as Attention,
+  c as Backdrop,
+  B as Button,
+  d as ButtonGroup,
+  L as Card,
+  I as Checkbox,
+  A as CheckboxButton,
+  R as CheckboxButtonBar,
+  h as CheckboxTree,
+  v as Drawer,
+  E as EmptyStateDataDisplay,
+  H as FeedbackBox,
+  T as FieldHint,
+  N as Fieldset,
+  q as FormField,
+  K as FormInput,
+  U as GridRow,
+  W as HorizontalList,
+  Y as Icon,
+  _ as IconButton,
+  oo as InfoMessage,
+  to as Input,
+  po as InputField,
+  mo as Label,
+  b as LinkButton,
+  C as MenuButton,
+  io as MenuLink,
+  no as MetaDataList,
+  co as ModalDialog,
+  so as MultiSelect,
+  So as OverlayCloseButton,
+  ko as PageOverlay,
+  Mo as PeriodSelector,
+  Fo as Periods,
+  Po as ProgrammeCard,
+  Do as RadioButton,
+  go as Repeater,
+  yo as Rte,
+  vo as RteEditor,
+  Eo as SectionNotification,
+  Ho as SelectListbox,
+  To as SelectProvider,
+  jo as Sortable,
+  Jo as Spinner,
+  Qo as StatusPill,
+  Vo as Tooltip,
+  zo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.63.0",
+  "version": "1.64.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",