@uva-glass/component-library 3.9.0 → 3.10.0

package/dist/assets/ProgrammeCard.css

@@ -1 +1 @@
-._programme-card_1fp0d_1{background-color:var(--color-white);border:1px solid var(--color-grey-100);border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem}._programme-card_1fp0d_1:hover{background-color:var(--color-grey-50);border-color:var(--color-grey-400);cursor:pointer}._programme-card__divider_1fp0d_17{border:none;border-top:1px solid var(--color-grey-200);width:100%}
+._programme-card_15p36_1{background-color:var(--color-white);border:1px solid var(--color-grey-100);border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem;text-decoration:none}._programme-card_15p36_1:hover{background-color:var(--color-grey-50);border-color:var(--color-grey-400);cursor:pointer}._programme-card__divider_15p36_18{border:none;border-top:1px solid var(--color-grey-200);width:100%}

package/dist/components/ProgrammeCard/ProgrammeCard.d.ts

@@ -1,11 +1,11 @@
-import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface ProgrammeCardProps {
-    /** The callback function that is invoked when the card is clicked. */
-    onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    /** The URL to navigate to when the card is clicked. */
+    href: string;
     /** The header contents. */
     header?: ReactNode;
     /** The programme details. */
     details?: ReactNode;
 }
 /** Represents a component to render a card for a programme. */
-export declare const ProgrammeCard: ({ onClick, header, details }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgrammeCard: ({ href, header, details }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,18 +1,27 @@
-import { jsxs as _, jsx as p } from "react/jsx-runtime";
-import '../../assets/ProgrammeCard.css';const d = {
-  "programme-card": "_programme-card_1fp0d_1",
-  "programme-card__divider": "_programme-card__divider_1fp0d_17"
-}, c = ({ onClick: a, header: m, details: e }) => {
-  const o = (r) => {
-    a && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a(r));
-  };
-  return /* @__PURE__ */ _("div", { className: d["programme-card"], role: "button", onClick: a, onKeyDown: o, tabIndex: 0, children: [
-    m,
-    e && /* @__PURE__ */ p("hr", { className: d["programme-card__divider"] }),
-    e
-  ] });
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useNavigate as s } from "react-router";
+import '../../assets/ProgrammeCard.css';const o = {
+  "programme-card": "_programme-card_15p36_1",
+  "programme-card__divider": "_programme-card__divider_15p36_18"
+}, _ = ({ href: a, header: e, details: m }) => {
+  const c = s();
+  return /* @__PURE__ */ d(
+    "a",
+    {
+      className: o["programme-card"],
+      href: a,
+      onClick: (r) => {
+        r.metaKey || r.ctrlKey || r.shiftKey || r.altKey || r.button !== 0 || (r.preventDefault(), c(a));
+      },
+      children: [
+        e,
+        m && /* @__PURE__ */ i("hr", { className: o["programme-card__divider"] }),
+        m
+      ]
+    }
+  );
 };
 export {
-  c as ProgrammeCard
+  _ as ProgrammeCard
 };
 //# sourceMappingURL=ProgrammeCard.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The callback function that is invoked when the card is clicked. */\n  onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ onClick, header, details }: ProgrammeCardProps) => {\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  return (\n    <div className={styles['programme-card']} role=\"button\" onClick={onClick} onKeyDown={handleKeyDown} tabIndex={0}>\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </div>\n  );\n};\n"],"names":["ProgrammeCard","onClick","header","details","handleKeyDown","event","jsxs","styles","jsx"],"mappings":";;;;GAcaA,IAAgB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,QAAkC;AAC3E,QAAAC,IAAgB,CAACC,MAAyC;AAC9D,IAAIJ,MAAYI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACrDA,EAAM,eAAe,GACrBJ,EAAQI,CAAK;AAAA,EAEjB;AAEA,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GAAG,MAAK,UAAS,SAAAN,GAAkB,WAAWG,GAAe,UAAU,GAC3G,UAAA;AAAA,IAAAF;AAAA,IACAC,KAAY,gBAAAK,EAAA,MAAA,EAAG,WAAWD,EAAO,yBAAyB,GAAG;AAAA,IAC7DJ;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import { useNavigate } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The URL to navigate to when the card is clicked. */\n  href: string;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={styles['programme-card']}\n      href={href}\n      onClick={(event) => {\n        // lets browser handle new tab\n        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {\n          return;\n        }\n        event.preventDefault();\n        // lets react-router handle SPA-style navigation\n        navigate(href);\n      }}\n    >\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </a>\n  );\n};\n"],"names":["ProgrammeCard","href","header","details","navigate","useNavigate","jsxs","styles","event","jsx"],"mappings":";;;;;GAgBaA,IAAgB,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,QAAkC;AAC9E,QAAMC,IAAWC,EAAY;AAG3B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO,gBAAgB;AAAA,MAClC,MAAAN;AAAA,MACA,SAAS,CAACO,MAAU;AAEd,QAAAA,EAAM,WAAWA,EAAM,WAAWA,EAAM,YAAYA,EAAM,UAAUA,EAAM,WAAW,MAGzFA,EAAM,eAAe,GAErBJ,EAASH,CAAI;AAAA,MACf;AAAA,MAEC,UAAA;AAAA,QAAAC;AAAA,QACAC,KAAY,gBAAAM,EAAA,MAAA,EAAG,WAAWF,EAAO,yBAAyB,GAAG;AAAA,QAC7DJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-DXR-TB1d.js";
+import { BrowserRouter as a } from "react-router";
 import { ProgrammeCard as o } from "./ProgrammeCard.js";
-import { Container as n } from "../../storyComponents/Container/Container.js";
+import { Container as s } from "../../storyComponents/Container/Container.js";
 import "react";
 import { Icon as m } from "../Icon/Icon.js";
 import "../Buttons/Button.js";
@@ -17,7 +17,6 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "react-router";
 import "../../TablePlugin-Ba6PaBhf.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
@@ -27,20 +26,20 @@ import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-Ck_XnBVq.js";
-const p = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", K = {
+const p = "<ProgrammeCard key={key} header={header} details={details} href={href} />", J = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
     inspectComponent: o,
     codeString: p
   }
-}, s = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), l = s.bind({});
+}, n = (t) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(s, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }) }), l = n.bind({});
 l.args = {
   header: "This is my header",
   details: "This is my details",
-  onClick: a()
+  href: "/"
 };
-const d = s.bind({});
+const d = n.bind({});
 d.args = {
   header: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
     /* @__PURE__ */ r(m, { name: "Envelope", size: 32 }),
@@ -60,22 +59,22 @@ d.args = {
       "Details 3"
     ] })
   ] }),
-  onClick: a()
+  href: "/"
 };
-const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
+const h = (t) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(s, { size: "large", children: /* @__PURE__ */ e(i, { children: [
   /* @__PURE__ */ r(o, { ...t }),
   /* @__PURE__ */ r(o, { ...t }),
   /* @__PURE__ */ r(o, { ...t })
-] }) }), h = c.bind({});
-h.args = {
+] }) }) }), c = h.bind({});
+c.args = {
   header: "This is my header",
   details: "This is my details",
-  onClick: a()
+  href: "/"
 };
 export {
-  h as MultiProgrammeCards,
+  c as MultiProgrammeCards,
   l as ProgrammeCardExample,
   d as WithComplexContent,
-  K as default
+  J as default
 };
 //# sourceMappingURL=ProgrammeCard.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAA,CAAM,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,CAAE,CAAA;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,CAAE,CAAA;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,oBAAA,CAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,EAE1B,CAAA;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,EAAM,CAAA;AAAA,EAAA,CAC3B,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,CAAE,CAAA;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
+{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} href={href} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <ProgrammeCard {...args} />\n    </Container>\n  </BrowserRouter>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  href: '/',\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <Repeater>\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n      </Repeater>\n    </Container>\n  </BrowserRouter>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","BrowserRouter","Container","ProgrammeCardExample","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,6EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAwC,CAACC,MAC7C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAE,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAF,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GACF,GAGWI,IAAuBL,EAAS,KAAK,CAAE,CAAA;AACpDK,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAMC,IAAqBN,EAAS,KAAK,CAAE,CAAA;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,oBAAA,CAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,EAE1B,CAAA;AAAA,EAAA,GACF;AAAA,EAEF,MAAM;AACR;AAEA,MAAMC,IAA2D,CAACT,MAC/D,gBAAAC,EAAAC,GAAA,EACC,4BAACC,GAAU,EAAA,MAAK,SACd,UAAA,gBAAAG,EAACC,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,EAAM,CAAA;AAAA,EAC3B,CAAA,EACF,CAAA,GACF,GAGWU,IAAsBD,EAA4B,KAAK,CAAE,CAAA;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.9.0",
+  "version": "3.10.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -66,10 +66,10 @@
     "@types/jest": "^29.5.14",
     "@types/node": "^22.14.1",
     "@types/react-dom": "^19.1.2",
-    "@types/react": "^19.1.1",
+    "@types/react": "^19.1.2",
     "@uva-glass/eslint-config": "^1.3.10",
     "@uva-glass/stylelint-config": "^1.2.2",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.4.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "clsx": "^2.1.1",
@@ -113,8 +113,8 @@
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "^4.40.0",
-    "@rspack/binding-darwin-arm64": "1.3.4",
-    "@rspack/binding-linux-x64-gnu": "1.3.4",
-    "@ast-grep/napi-linux-x64-gnu": "0.36.3"
+    "@rspack/binding-darwin-arm64": "1.3.5",
+    "@rspack/binding-linux-x64-gnu": "1.3.5",
+    "@ast-grep/napi-linux-x64-gnu": "0.37.0"
   }
 }