@uva-glass/component-library 2.1.1 → 2.3.0

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { c as f } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as E, useRef as g, useEffect as c } from "react";
-import { s as t } from "../../../SelectListbox.module-D-jCitTr.js";
+import { s as t } from "../../../SelectListbox.module-BWavTmq8.js";
 import { Icon as L } from "../../Icon/Icon.js";
 import { useSelect as N } from "../SelectProvider.js";
 const O = E((d, u) => {

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-D-jCitTr.js";
+import { s as f } from "../../../SelectListbox.module-BWavTmq8.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {

package/dist/components/SelectListbox/components/SelectOption.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { c as v } from "../../../clsx-OuTLNxxd.js";
 import { useRef as D, useEffect as p } from "react";
 import { useSelect as y } from "../SelectProvider.js";
-import { s as b } from "../../../SelectListbox.module-D-jCitTr.js";
+import { s as b } from "../../../SelectListbox.module-BWavTmq8.js";
 const S = ({ option: t, index: l, children: m }) => {
   const o = D(null), { isOpen: r, activeIndex: s, setActiveIndex: c, selectedValue: f, setSelectedValue: u, setIsOpen: i, options: a } = y(), w = (e) => {
     u(a[e]), i(!1);

package/dist/components/SelectListbox/components/SelectOptionBox.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as m, useRef as x } from "react";
-import { s as i } from "../../../SelectListbox.module-D-jCitTr.js";
+import { s as i } from "../../../SelectListbox.module-BWavTmq8.js";
 import { useSelect as a } from "../SelectProvider.js";
 const h = m((l, e) => {
   const { style: t, children: o } = l, { listboxId: r, isOpen: c } = a(), n = x(null);

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+export interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'style' | 'className'> {
+    /** The label for the toggle switch. */
+    label: string;
+    /** Boolean value if label should be visible. */
+    labelVisible?: boolean;
+    /** Selection for label placement compared to toggle switch. */
+    labelPosition?: 'before' | 'after';
+    /** Boolean value to be used if the toggle mutates. If true the toggle is disabled in a loading state. */
+    loading?: boolean;
+    /** Boolean value if extra gap is needed on left of component. */
+    extraLeftGap?: boolean;
+}
+/** Represents a component for a toggle switch. */
+export declare function ToggleSwitch({ label, labelPosition, labelVisible, loading, extraLeftGap, ...restProps }: ToggleSwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -0,0 +1,66 @@
+import { jsx as l, jsxs as _ } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import '../../assets/ToggleSwitch.css';const t = {
+  "toggle-switch": "_toggle-switch_1df21_1",
+  "toggle-switch__visible": "_toggle-switch__visible_1df21_9",
+  "toggle-switch--disabled": "_toggle-switch--disabled_1df21_54",
+  "toggle-switch--loading": "_toggle-switch--loading_1df21_64",
+  "toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_1df21_74",
+  "toggle-switch--disabled-label": "_toggle-switch--disabled-label_1df21_87",
+  "toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_1df21_91",
+  "toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_1df21_95"
+};
+function n({
+  condition: i,
+  wrapper: g,
+  children: e
+}) {
+  return i ? g(e) : e;
+}
+function f({
+  label: i,
+  labelPosition: g = "after",
+  labelVisible: e = !0,
+  loading: o = !1,
+  extraLeftGap: d,
+  ...s
+}) {
+  const c = /* @__PURE__ */ l(
+    "span",
+    {
+      className: a(
+        { [t["toggle-switch--visually-hidden"]]: !e },
+        { [t["toggle-switch--disabled-label"]]: s.disabled }
+      ),
+      children: i
+    }
+  );
+  return /* @__PURE__ */ l(
+    n,
+    {
+      condition: o,
+      wrapper: (h) => /* @__PURE__ */ l("div", { className: t["toggle-switch--loading-cursor"], children: h }),
+      children: /* @__PURE__ */ _(
+        "label",
+        {
+          className: a(
+            t["toggle-switch"],
+            { [t["toggle-switch--disabled"]]: s.disabled },
+            { [t["toggle-switch--loading"]]: o },
+            { [t["toggle-switch--extra-left-gap"]]: d }
+          ),
+          children: [
+            g === "before" && c,
+            /* @__PURE__ */ l("input", { className: t["toggle-switch--visually-hidden"], ...s, type: "checkbox" }),
+            /* @__PURE__ */ l("span", { className: t["toggle-switch__visible"], title: e ? "" : i }),
+            g === "after" && c
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  f as ToggleSwitch
+};
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/components/ToggleSwitch/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToggleSwitch.module.css';\n\nexport interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'style' | 'className'> {\n  /** The label for the toggle switch. */\n  label: string;\n  /** Boolean value if label should be visible. */\n  labelVisible?: boolean;\n  /** Selection for label placement compared to toggle switch. */\n  labelPosition?: 'before' | 'after';\n  /** Boolean value to be used if the toggle mutates. If true the toggle is disabled in a loading state. */\n  loading?: boolean;\n  /** Boolean value if extra gap is needed on left of component. */\n  extraLeftGap?: boolean;\n}\n\nfunction ConditionalWrapper({\n  condition,\n  wrapper,\n  children,\n}: {\n  condition: boolean;\n  wrapper: (children: ReactNode) => ReactNode;\n  children: ReactNode;\n}) {\n  return condition ? wrapper(children) : children;\n}\n\n/** Represents a component for a toggle switch. */\nexport function ToggleSwitch({\n  label,\n  labelPosition = 'after',\n  labelVisible = true,\n  loading = false,\n  extraLeftGap,\n  ...restProps\n}: ToggleSwitchProps) {\n  const labelComponent = (\n    <span\n      className={classNames(\n        { [styles['toggle-switch--visually-hidden']]: !labelVisible },\n        { [styles['toggle-switch--disabled-label']]: restProps.disabled }\n      )}\n    >\n      {label}\n    </span>\n  );\n\n  return (\n    <ConditionalWrapper\n      condition={loading}\n      wrapper={(children) => <div className={styles['toggle-switch--loading-cursor']}>{children}</div>}\n    >\n      <label\n        className={classNames(\n          styles['toggle-switch'],\n          { [styles['toggle-switch--disabled']]: restProps.disabled },\n          { [styles['toggle-switch--loading']]: loading },\n          { [styles['toggle-switch--extra-left-gap']]: extraLeftGap }\n        )}\n      >\n        {labelPosition === 'before' && labelComponent}\n        <input className={styles['toggle-switch--visually-hidden']} {...restProps} type=\"checkbox\" />\n        <span className={styles['toggle-switch__visible']} title={!labelVisible ? label : ''} />\n        {labelPosition === 'after' && labelComponent}\n      </label>\n    </ConditionalWrapper>\n  );\n}\n"],"names":["ConditionalWrapper","condition","wrapper","children","ToggleSwitch","label","labelPosition","labelVisible","loading","extraLeftGap","restProps","labelComponent","jsx","classNames","styles","jsxs"],"mappings":";;;;;;;;;;;;AAmBA,SAASA,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAIG;AACM,SAAAF,IAAYC,EAAQC,CAAQ,IAAIA;AACzC;AAGO,SAASC,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QACT,EAAE,CAACC,EAAO,gCAAgC,CAAC,GAAG,CAACP,EAAa;AAAA,QAC5D,EAAE,CAACO,EAAO,+BAA+B,CAAC,GAAGJ,EAAU,SAAS;AAAA,MAClE;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACH;AAIA,SAAA,gBAAAO;AAAA,IAACZ;AAAA,IAAA;AAAA,MACC,WAAWQ;AAAA,MACX,SAAS,CAACL,MAAa,gBAAAS,EAAC,SAAI,WAAWE,EAAO,+BAA+B,GAAI,UAAAX,GAAS;AAAA,MAE1F,UAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAAA,YACTC,EAAO,eAAe;AAAA,YACtB,EAAE,CAACA,EAAO,yBAAyB,CAAC,GAAGJ,EAAU,SAAS;AAAA,YAC1D,EAAE,CAACI,EAAO,wBAAwB,CAAC,GAAGN,EAAQ;AAAA,YAC9C,EAAE,CAACM,EAAO,+BAA+B,CAAC,GAAGL,EAAa;AAAA,UAC5D;AAAA,UAEC,UAAA;AAAA,YAAAH,MAAkB,YAAYK;AAAA,YAC/B,gBAAAC,EAAC,WAAM,WAAWE,EAAO,gCAAgC,GAAI,GAAGJ,GAAW,MAAK,YAAW;AAAA,YAC3F,gBAAAE,EAAC,QAAK,EAAA,WAAWE,EAAO,wBAAwB,GAAG,OAAQP,IAAuB,KAARF,EAAY,CAAA;AAAA,YACrFC,MAAkB,WAAWK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC;AAAA,EACF;AAEJ;"}

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

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

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { fn as l } from "../../index-DWzkl4aY.js";
+import { ToggleSwitch as e } from "./ToggleSwitch.js";
+const n = `
+// Has all InputHTMLAttributes props available except "className" and "style" 
+<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />
+`, p = {
+  title: "Atoms/ToggleSwitch",
+  component: e,
+  parameters: {
+    inspectComponent: e,
+    codeString: n
+  }
+}, a = (t) => /* @__PURE__ */ o(e, { ...t }), s = {
+  label: "Toggle switch example",
+  labelPosition: "before",
+  onChange: l()
+}, c = a.bind({});
+c.args = {
+  ...s
+};
+export {
+  c as ToggleSwitchExample,
+  p as default
+};
+//# sourceMappingURL=ToggleSwitch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.stories.js","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ToggleSwitchProps } from './ToggleSwitch';\n\nimport { ToggleSwitch } from './ToggleSwitch';\n\nconst codeString = `\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ToggleSwitch',\n  component: ToggleSwitch,\n  parameters: {\n    inspectComponent: ToggleSwitch,\n    codeString: codeString,\n  },\n} as Meta<ToggleSwitchProps>;\n\nconst Template: StoryFn<ToggleSwitchProps> = (args) => {\n  return <ToggleSwitch {...args} />;\n};\n\nconst defaultArgs: Partial<ToggleSwitchProps> = {\n  label: 'Toggle switch example',\n  labelPosition: 'before',\n  onChange: fn(),\n};\n\nexport const ToggleSwitchExample = Template.bind({});\nToggleSwitchExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","ToggleSwitch_stories","ToggleSwitch","Template","args","jsx","defaultArgs","fn","ToggleSwitchExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MACrC,gBAAAC,EAACH,GAAc,EAAA,GAAGE,EAAM,CAAA,GAG3BE,IAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAUC,EAAG;AACf,GAEaC,IAAsBL,EAAS,KAAK,CAAE,CAAA;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}

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

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

package/dist/components/ToggleSwitch/index.js

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

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

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

package/dist/components/index.d.ts

@@ -44,4 +44,5 @@ export * from './SelectListbox/SelectProvider';
 export * from './Sortable';
 export * from './Spinner';
 export * from './StatusPill';
+export * from './ToggleSwitch';
 export * from './Tooltip';

package/dist/components/index.js

@@ -9,14 +9,14 @@ 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 { Checkbox as g } from "./Checkbox/Checkbox.js";
+import { CheckboxButton as P } from "./CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as A } from "./CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as R } 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 { EmptyStateDataDisplay as T } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as G } from "./FeedbackBox/FeedbackBox.js";
+import { FieldHint as O } 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";
@@ -36,17 +36,18 @@ import { OverlayCloseButton as So } from "./OverlayCloseButton/OverlayCloseButto
 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 { ProgrammeCard as Io } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as ho } from "./RadioButton/RadioButton.js";
+import { Repeater as Do } 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 { SectionNotification as To } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as Go } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Oo, 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";
+import { ToggleSwitch as Vo } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Xo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -57,14 +58,14 @@ export {
   B as Button,
   d as ButtonGroup,
   L as Card,
-  I as Checkbox,
-  A as CheckboxButton,
-  R as CheckboxButtonBar,
-  h as CheckboxTree,
+  g as Checkbox,
+  P as CheckboxButton,
+  A as CheckboxButtonBar,
+  R as CheckboxTree,
   v as Drawer,
-  E as EmptyStateDataDisplay,
-  H as FeedbackBox,
-  T as FieldHint,
+  T as EmptyStateDataDisplay,
+  G as FeedbackBox,
+  O as FieldHint,
   N as Fieldset,
   q as FormField,
   K as FormInput,
@@ -86,18 +87,19 @@ export {
   ko as PageOverlay,
   Mo as PeriodSelector,
   Fo as Periods,
-  Po as ProgrammeCard,
-  Do as RadioButton,
-  go as Repeater,
+  Io as ProgrammeCard,
+  ho as RadioButton,
+  Do as Repeater,
   yo as Rte,
   vo as RteEditor,
-  Eo as SectionNotification,
-  Ho as SelectListbox,
-  To as SelectProvider,
+  To as SectionNotification,
+  Go as SelectListbox,
+  Oo as SelectProvider,
   jo as Sortable,
   Jo as Spinner,
   Qo as StatusPill,
-  Vo as Tooltip,
+  Vo as ToggleSwitch,
+  Xo 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

@@ -9,14 +9,14 @@ 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 { Checkbox as g } from "./components/Checkbox/Checkbox.js";
+import { CheckboxButton as P } from "./components/CheckboxButton/CheckboxButton.js";
+import { CheckboxButtonBar as A } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxTree as R } 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 { EmptyStateDataDisplay as T } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as G } from "./components/FeedbackBox/FeedbackBox.js";
+import { FieldHint as O } 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";
@@ -36,17 +36,18 @@ import { OverlayCloseButton as So } from "./components/OverlayCloseButton/Overla
 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 { ProgrammeCard as Io } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as ho } from "./components/RadioButton/RadioButton.js";
+import { Repeater as Do } 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 { SectionNotification as To } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as Go } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as Oo, 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";
+import { ToggleSwitch as Vo } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Xo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -57,14 +58,14 @@ export {
   B as Button,
   d as ButtonGroup,
   L as Card,
-  I as Checkbox,
-  A as CheckboxButton,
-  R as CheckboxButtonBar,
-  h as CheckboxTree,
+  g as Checkbox,
+  P as CheckboxButton,
+  A as CheckboxButtonBar,
+  R as CheckboxTree,
   v as Drawer,
-  E as EmptyStateDataDisplay,
-  H as FeedbackBox,
-  T as FieldHint,
+  T as EmptyStateDataDisplay,
+  G as FeedbackBox,
+  O as FieldHint,
   N as Fieldset,
   q as FormField,
   K as FormInput,
@@ -86,18 +87,19 @@ export {
   ko as PageOverlay,
   Mo as PeriodSelector,
   Fo as Periods,
-  Po as ProgrammeCard,
-  Do as RadioButton,
-  go as Repeater,
+  Io as ProgrammeCard,
+  ho as RadioButton,
+  Do as Repeater,
   yo as Rte,
   vo as RteEditor,
-  Eo as SectionNotification,
-  Ho as SelectListbox,
-  To as SelectProvider,
+  To as SectionNotification,
+  Go as SelectListbox,
+  Oo as SelectProvider,
   jo as Sortable,
   Jo as Spinner,
   Qo as StatusPill,
-  Vo as Tooltip,
+  Vo as ToggleSwitch,
+  Xo 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": "2.1.1",
+  "version": "2.3.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -49,25 +49,25 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.3",
     "@semantic-release/npm": "^12.0.1",
-    "@storybook/addon-a11y": "^8.4.6",
-    "@storybook/addon-essentials": "^8.4.6",
-    "@storybook/addon-links": "^8.4.6",
-    "@storybook/blocks": "^8.4.6",
-    "@storybook/manager-api": "^8.4.6",
-    "@storybook/preview-api": "^8.4.6",
-    "@storybook/react-vite": "^8.4.6",
-    "@storybook/react": "^8.4.6",
-    "@storybook/test": "^8.4.6",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/preview-api": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@types/node": "^22.10.1",
-    "@types/react-dom": "^18.3.1",
-    "@types/react": "^18.3.13",
+    "@types/react-dom": "^18.3.2",
+    "@types/react": "^18.3.14",
     "@uva-glass/eslint-config": "^1.3.1",
     "@uva-glass/stylelint-config": "^1.1.0",
     "@vitejs/plugin-react": "^4.3.4",
     "clsx": "^2.1.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.11.1",
     "glob": "^11.0.0",
@@ -80,7 +80,7 @@
     "react-router": "^7.0.2",
     "react": "^18.3.1",
     "semantic-release": "^24.2.0",
-    "storybook": "^8.4.6",
+    "storybook": "^8.4.7",
     "style-dictionary": "^4.2.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-standard": "^36.0.1",
@@ -91,8 +91,8 @@
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-static-copy": "^2.2.0",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.3",
-    "vite": "^6.0.2"
+    "vite-tsconfig-paths": "^5.1.4",
+    "vite": "^6.0.3"
   },
   "dependencies": {
     "@lexical/link": "^0.21.0",

package/dist/SelectListbox.module-D-jCitTr.js.map

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