@uva-glass/component-library 3.52.10 → 3.53.0

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as a } from "../../react.esm-BjO203QT.js";
-import { u as e } from "../../index-BKK3EWVW.js";
+import { r as n, s as a } from "../../react.esm-BDo_tPxu.js";
+import { u as e } from "../../index-ZQcmo1D_.js";
 import { Accordion as i } from "./Accordion.js";
 describe("Accordion", () => {
   it("should render", () => {

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-BjO203QT.js";
-import { u as r } from "../../index-BKK3EWVW.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-BDo_tPxu.js";
+import { u as r } from "../../index-ZQcmo1D_.js";
 import { AccordionCard as a } from "./AccordionCard.js";
 describe("AccordionCard", () => {
   it("should render", () => {

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, w as a } from "../../react.esm-BjO203QT.js";
-import { u as l } from "../../index-BKK3EWVW.js";
+import { r as n, s as t, w as a } from "../../react.esm-BDo_tPxu.js";
+import { u as l } from "../../index-ZQcmo1D_.js";
 import { ActionList as o } from "./ActionList.js";
 const T = jest.fn(), c = [
   /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r, s as t } from "../../react.esm-BjO203QT.js";
+import { r, s as t } from "../../react.esm-BDo_tPxu.js";
 import { AppStatusBar as s } from "./AppStatusBar.js";
 describe("AppStatusBar", () => {
   it("should render", () => {

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as t, s as r } from "../../react.esm-BjO203QT.js";
+import { r as t, s as r } from "../../react.esm-BDo_tPxu.js";
 import { Attention as n } from "./Attention.js";
 describe("Attention", () => {
   it("should render (variant primary)", () => {

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as e, s as o } from "../../react.esm-BjO203QT.js";
+import { r as e, s as o } from "../../react.esm-BDo_tPxu.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

package/dist/components/Buttons/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { f as l } from "../../index-DRQMriwT.js";
+import { f as l } from "../../index-B4NxQN5d.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as c } from "../../react.esm-BjO203QT.js";
+import { r as n, s as t, f as c } from "../../react.esm-BDo_tPxu.js";
 import { Button as o } from "./Button.js";
 const s = jest.fn();
 describe("Button", () => {

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { f as s } from "../../index-DRQMriwT.js";
+import { f as s } from "../../index-B4NxQN5d.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as n } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as c } from "../../react.esm-BjO203QT.js";
+import { r as n, s as t, f as c } from "../../react.esm-BDo_tPxu.js";
 import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
 import { LinkButton as o } from "./LinkButton.js";
 const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [

package/dist/components/Buttons/MenuButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { f as c } from "../../index-DRQMriwT.js";
+import { f as c } from "../../index-B4NxQN5d.js";
 import { MenuButton as t } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as u, s as e, f as c } from "../../react.esm-BjO203QT.js";
+import { r as u, s as e, f as c } from "../../react.esm-BDo_tPxu.js";
 import { createRef as s } from "react";
 import { MenuButton as r } from "./MenuButton.js";
 const n = jest.fn();

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r, s as d } from "../../react.esm-BjO203QT.js";
+import { r, s as d } from "../../react.esm-BDo_tPxu.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { f as e } from "../../index-DRQMriwT.js";
+import { f as e } from "../../index-B4NxQN5d.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as o, s as t } from "../../react.esm-BjO203QT.js";
-import { u as s } from "../../index-BKK3EWVW.js";
+import { r as o, s as t } from "../../react.esm-BDo_tPxu.js";
+import { u as s } from "../../index-ZQcmo1D_.js";
 import { Checkbox as r } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
-import { f as o } from "../../index-DRQMriwT.js";
+import { f as o } from "../../index-B4NxQN5d.js";
 import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
 import { Periods as r } from "../Periods/Periods.js";
 const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", B = {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as c, s as t } from "../../react.esm-BjO203QT.js";
+import { r as c, s as t } from "../../react.esm-BDo_tPxu.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), d = [
   {

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,85 +1,141 @@
-import { jsx as h, jsxs as b } from "react/jsx-runtime";
-import { f as C } from "../../index-DRQMriwT.js";
-import { a as u } from "../../chunk-HERDX7MO-DaYu-eWo.js";
-import { useState as f } from "react";
-import { CheckboxTree as p } from "./CheckboxTree.js";
-import { Chip as g } from "../Chip/Chip.js";
-const E = (e, r, t) => {
-  const l = Array.from({ length: r }, (o, c) => c + 1), n = (o) => {
-    const c = Math.ceil(parseInt(o) / t), i = c === t ? "" : `.${parseInt(o) % t || t}`;
-    return `${c}${i}`;
-  }, s = l.map((o) => ({
-    itemName: n(String(o)),
+import { jsx as d, jsxs as y } from "react/jsx-runtime";
+import { s as O, f as _ } from "../../index-B4NxQN5d.js";
+import { I as C, a as v } from "../../chunk-SS2NHR7W-qmI2h7CJ.js";
+import { useState as R } from "react";
+import { CheckboxTree as u } from "./CheckboxTree.js";
+import { Chip as w } from "../Chip/Chip.js";
+var D = "storybook/actions", S = `${D}/action-event`, x = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+}, T = (e, t) => {
+  let r = Object.getPrototypeOf(e);
+  return !r || t(r) ? r : T(r, t);
+}, V = (e) => !!(typeof e == "object" && e && T(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) && typeof e.persist == "function"), j = (e) => {
+  if (V(e)) {
+    let t = Object.create(
+      e.constructor.prototype,
+      Object.getOwnPropertyDescriptors(e)
+    );
+    t.persist();
+    let r = Object.getOwnPropertyDescriptor(t, "view"), n = r?.value;
+    return typeof n == "object" && n?.constructor.name === "Window" && Object.defineProperty(t, "view", {
+      ...r,
+      value: Object.create(n.constructor.prototype)
+    }), t;
+  }
+  return e;
+};
+function b(e, t = {}) {
+  let r = {
+    ...x,
+    ...t
+  }, n = function(...i) {
+    if (t.implicit) {
+      let g = ("__STORYBOOK_PREVIEW__" in O ? O.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+        (p) => p.phase === "playing" || p.phase === "rendering"
+      );
+      if (g) {
+        let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, f = new C({
+          phase: g.phase,
+          name: e,
+          deprecated: p
+        });
+        if (p)
+          console.warn(f);
+        else
+          throw f;
+      }
+    }
+    let s = v.getChannel(), h = Date.now().toString(36) + Math.random().toString(36).substring(2), o = 5, c = i.map(j), a = i.length > 1 ? c : c[0], l = {
+      id: h,
+      count: 0,
+      data: { name: e, args: a },
+      options: {
+        ...r,
+        maxDepth: o + (r.depth || 3)
+      }
+    };
+    s.emit(S, l);
+  };
+  return n.isAction = !0, n.implicit = t.implicit, n;
+}
+const A = (e, t, r) => {
+  const n = Array.from({ length: t }, (o, c) => c + 1), i = (o) => {
+    const c = Math.ceil(parseInt(o) / r), a = c === r ? "" : `.${parseInt(o) % r || r}`;
+    return `${c}${a}`;
+  }, s = n.map((o) => ({
+    itemName: i(String(o)),
     itemValue: o,
     disabled: !1
   }));
-  return l.reduce((o, c, i) => {
-    const m = Math.ceil(c / t);
-    return e.includes(String(i + 1)) && (o[m] || (o[m] = {
-      itemName: `Semester ${m}`,
+  return n.reduce((o, c, a) => {
+    const l = Math.ceil(c / r);
+    return e.includes(String(a + 1)) && (o[l] || (o[l] = {
+      itemName: `Semester ${l}`,
       children: []
-    }), o[m].children.push({
-      ...s[i],
-      itemValue: String(s[i].itemValue)
+    }), o[l].children.push({
+      ...s[a],
+      itemValue: String(s[a].itemValue)
     })), o;
   }, []);
-}, x = 7, O = 3, T = E(
+}, I = 7, P = 3, E = A(
   ["1", "2", "3", "4", "5", "6", "7"],
-  x,
-  O
-), _ = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", P = {
+  I,
+  P
+), $ = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", U = {
   title: "Organisms/CheckboxTree",
-  component: p,
+  component: u,
   parameters: {
-    inspectComponent: p,
-    codeString: _
+    inspectComponent: u,
+    codeString: $
   }
-}, $ = (e) => /* @__PURE__ */ h(p, { ...e }), k = $.bind({});
-k.args = {
+}, k = (e) => /* @__PURE__ */ d(u, { ...e }), N = k.bind({});
+N.args = {
   title: "Periode",
-  checkboxTree: T,
+  checkboxTree: E,
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   selectedValues: ["3", "4"],
-  onChange: C()
+  onChange: _()
 };
-const a = 3, V = (e) => {
-  const r = Math.ceil(parseInt(e) / a), t = r === a ? "" : `.${parseInt(e) % a || a}`;
-  return `${r}${t}`;
-}, R = (e) => {
-  const [r, t] = e.split(".").map(Number);
-  return `${(r - 1) * a + (t || 1)}`;
-}, j = () => {
-  const [e, r] = f(["5", "4", "1"]), t = (n) => {
+const m = 3, M = (e) => {
+  const t = Math.ceil(parseInt(e) / m), r = t === m ? "" : `.${parseInt(e) % m || m}`;
+  return `${t}${r}`;
+}, B = (e) => {
+  const [t, r] = e.split(".").map(Number);
+  return `${(t - 1) * m + (r || 1)}`;
+}, Y = () => {
+  const [e, t] = R(["5", "4", "1"]), r = (i) => {
     const s = JSON.parse(JSON.stringify(e)).filter(
-      (d) => d !== R(n)
+      (h) => h !== B(i)
     );
-    r(() => s), u("onChange value:")(s);
-  }, l = (n) => {
-    r([...n]), u("onChange value:")(n);
+    t(() => s), b("onChange value:")(s);
+  }, n = (i) => {
+    t([...i]), b("onChange value:")(i);
   };
-  return /* @__PURE__ */ b("div", { style: { width: "15rem" }, children: [
-    /* @__PURE__ */ h("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", width: "100%", marginBottom: "1rem" }, children: e && e.map((n, s) => /* @__PURE__ */ h(
-      g,
+  return /* @__PURE__ */ y("div", { style: { width: "15rem" }, children: [
+    /* @__PURE__ */ d("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", width: "100%", marginBottom: "1rem" }, children: e && e.map((i, s) => /* @__PURE__ */ d(
+      w,
       {
-        label: V(n),
-        onDelete: t
+        label: M(i),
+        onDelete: r
       },
-      `${s}_${n}`
+      `${s}_${i}`
     )) }),
-    /* @__PURE__ */ h(
-      p,
+    /* @__PURE__ */ d(
+      u,
       {
         title: "Periode",
-        checkboxTree: T,
+        checkboxTree: E,
         selectedValues: e,
-        onChange: l
+        onChange: n
       }
     )
   ] });
 };
 export {
-  k as CheckboxTreeExample,
-  j as CheckboxTreeWithChips,
-  P as default
+  N as CheckboxTreeExample,
+  Y as CheckboxTreeWithChips,
+  U as default
 };
 //# sourceMappingURL=CheckboxTree.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"names":["createPeriodTree","periodIndices","numberOfPeriods","periodPerSemester","allPeriods","_","idx","periodValueToLabel","value","semester","period","periodTree","periodIndex","periods","currentPeriod","NUMBER_OF_PERIODS","PERIOD_PER_SEMESTER","MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","args","jsx","CheckboxTreeExample","fn","PERIOD_SEGMENT","periodLabelToValue","row","col","CheckboxTreeWithChips","activeFilters","setActiveFilters","useState","handleRemoveActiveFilter","filterToRemove","newActiveFilters","filter","action","handlePeriodChange","activeFilter","index","Chip"],"mappings":"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"}
+{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../node_modules/storybook/dist/_browser-chunks/chunk-6XWLIJQL.js","../../../node_modules/storybook/dist/_browser-chunks/chunk-EUVGDK4H.js","../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["// src/actions/constants.ts\nvar PARAM_KEY = \"actions\", ADDON_ID = \"storybook/actions\", PANEL_ID = `${ADDON_ID}/panel`, EVENT_ID = `${ADDON_ID}/action-event`, CLEAR_ID = `${ADDON_ID}/action-clear`, CYCLIC_KEY = \"$___storybook.isCyclic\";\n\nexport {\n  PARAM_KEY,\n  ADDON_ID,\n  PANEL_ID,\n  EVENT_ID,\n  CLEAR_ID,\n  CYCLIC_KEY\n};\n","import {\n  EVENT_ID\n} from \"./chunk-6XWLIJQL.js\";\n\n// src/actions/runtime/configureActions.ts\nvar config = {\n  depth: 10,\n  clearOnStoryChange: !0,\n  limit: 50\n}, configureActions = (options = {}) => {\n  Object.assign(config, options);\n};\n\n// src/actions/runtime/action.ts\nimport { ImplicitActionsDuringRendering } from \"storybook/internal/preview-errors\";\nimport { global } from \"@storybook/global\";\nimport { addons } from \"storybook/preview-api\";\nvar findProto = (obj, callback) => {\n  let proto = Object.getPrototypeOf(obj);\n  return !proto || callback(proto) ? proto : findProto(proto, callback);\n}, isReactSyntheticEvent = (e) => !!(typeof e == \"object\" && e && findProto(e, (proto) => /^Synthetic(?:Base)?Event$/.test(proto.constructor.name)) && typeof e.persist == \"function\"), serializeArg = (a) => {\n  if (isReactSyntheticEvent(a)) {\n    let e = Object.create(\n      a.constructor.prototype,\n      Object.getOwnPropertyDescriptors(a)\n    );\n    e.persist();\n    let viewDescriptor = Object.getOwnPropertyDescriptor(e, \"view\"), view = viewDescriptor?.value;\n    return typeof view == \"object\" && view?.constructor.name === \"Window\" && Object.defineProperty(e, \"view\", {\n      ...viewDescriptor,\n      value: Object.create(view.constructor.prototype)\n    }), e;\n  }\n  return a;\n};\nfunction action(name, options = {}) {\n  let actionOptions = {\n    ...config,\n    ...options\n  }, handler = function(...args) {\n    if (options.implicit) {\n      let storyRenderer = (\"__STORYBOOK_PREVIEW__\" in global ? global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(\n        (render) => render.phase === \"playing\" || render.phase === \"rendering\"\n      );\n      if (storyRenderer) {\n        let deprecated = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, error = new ImplicitActionsDuringRendering({\n          phase: storyRenderer.phase,\n          name,\n          deprecated\n        });\n        if (deprecated)\n          console.warn(error);\n        else\n          throw error;\n      }\n    }\n    let channel = addons.getChannel(), id = Date.now().toString(36) + Math.random().toString(36).substring(2), minDepth = 5, serializedArgs = args.map(serializeArg), normalizedArgs = args.length > 1 ? serializedArgs : serializedArgs[0], actionDisplayToEmit = {\n      id,\n      count: 0,\n      data: { name, args: normalizedArgs },\n      options: {\n        ...actionOptions,\n        maxDepth: minDepth + (actionOptions.depth || 3)\n      }\n    };\n    channel.emit(EVENT_ID, actionDisplayToEmit);\n  };\n  return handler.isAction = !0, handler.implicit = options.implicit, handler;\n}\n\n// src/actions/runtime/actions.ts\nvar actions = (...args) => {\n  let options = config, names = args;\n  names.length === 1 && Array.isArray(names[0]) && ([names] = names), names.length !== 1 && typeof names[names.length - 1] != \"string\" && (options = {\n    ...config,\n    ...names.pop()\n  });\n  let namesObject = names[0];\n  (names.length !== 1 || typeof namesObject == \"string\") && (namesObject = {}, names.forEach((name) => {\n    namesObject[name] = name;\n  }));\n  let actionsObject = {};\n  return Object.keys(namesObject).forEach((name) => {\n    actionsObject[name] = action(namesObject[name], options);\n  }), actionsObject;\n};\n\nexport {\n  config,\n  configureActions,\n  action,\n  actions\n};\n","import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"names":["ADDON_ID","EVENT_ID","config","findProto","obj","callback","proto","isReactSyntheticEvent","serializeArg","a","e","viewDescriptor","view","action","name","options","actionOptions","handler","args","storyRenderer","global","render","deprecated","error","ImplicitActionsDuringRendering","channel","addons","id","minDepth","serializedArgs","normalizedArgs","actionDisplayToEmit","createPeriodTree","periodIndices","numberOfPeriods","periodPerSemester","allPeriods","_","idx","periodValueToLabel","value","semester","period","periodTree","periodIndex","periods","currentPeriod","NUMBER_OF_PERIODS","PERIOD_PER_SEMESTER","MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","jsx","CheckboxTreeExample","fn","PERIOD_SEGMENT","periodLabelToValue","row","col","CheckboxTreeWithChips","activeFilters","setActiveFilters","useState","handleRemoveActiveFilter","filterToRemove","newActiveFilters","filter","handlePeriodChange","activeFilter","index","Chip"],"mappings":";;;;;;AACG,IAAwBA,IAAW,qBAAqDC,IAAW,GAAGD,CAAQ,iBCI7GE,IAAS;AAAA,EACX,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,OAAO;AACT,GAQIC,IAAY,CAACC,GAAKC,MAAa;AACjC,MAAIC,IAAQ,OAAO,eAAeF,CAAG;AACrC,SAAO,CAACE,KAASD,EAASC,CAAK,IAAIA,IAAQH,EAAUG,GAAOD,CAAQ;AACtE,GAAGE,IAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,YAAY,KAAKJ,EAAU,GAAG,CAACG,MAAU,4BAA4B,KAAKA,EAAM,YAAY,IAAI,CAAC,KAAK,OAAO,EAAE,WAAW,aAAaE,IAAe,CAACC,MAAM;AAC5M,MAAIF,EAAsBE,CAAC,GAAG;AAC5B,QAAIC,IAAI,OAAO;AAAA,MACbD,EAAE,YAAY;AAAA,MACd,OAAO,0BAA0BA,CAAC;AAAA,IACxC;AACI,IAAAC,EAAE,QAAO;AACT,QAAIC,IAAiB,OAAO,yBAAyBD,GAAG,MAAM,GAAGE,IAAOD,GAAgB;AACxF,WAAO,OAAOC,KAAQ,YAAYA,GAAM,YAAY,SAAS,YAAY,OAAO,eAAeF,GAAG,QAAQ;AAAA,MACxG,GAAGC;AAAA,MACH,OAAO,OAAO,OAAOC,EAAK,YAAY,SAAS;AAAA,IACrD,CAAK,GAAGF;AAAA,EACN;AACA,SAAOD;AACT;AACA,SAASI,EAAOC,GAAMC,IAAU,IAAI;AAClC,MAAIC,IAAgB;AAAA,IAClB,GAAGd;AAAA,IACH,GAAGa;AAAA,EACP,GAAKE,IAAU,YAAYC,GAAM;AAC7B,QAAIH,EAAQ,UAAU;AACpB,UAAII,KAAiB,2BAA2BC,IAASA,EAAO,wBAAwB,SAAS,aAAa;AAAA,QAC5G,CAACC,MAAWA,EAAO,UAAU,aAAaA,EAAO,UAAU;AAAA,MACnE;AACM,UAAIF,GAAe;AACjB,YAAIG,IAAa,CAAC,YAAY,UAAU,mCAAmCC,IAAQ,IAAIC,EAA+B;AAAA,UACpH,OAAOL,EAAc;AAAA,UACrB,MAAAL;AAAA,UACA,YAAAQ;AAAA,QACV,CAAS;AACD,YAAIA;AACF,kBAAQ,KAAKC,CAAK;AAAA;AAElB,gBAAMA;AAAA,MACV;AAAA,IACF;AACA,QAAIE,IAAUC,EAAO,WAAU,GAAIC,IAAK,KAAK,IAAG,EAAG,SAAS,EAAE,IAAI,KAAK,OAAM,EAAG,SAAS,EAAE,EAAE,UAAU,CAAC,GAAGC,IAAW,GAAGC,IAAiBX,EAAK,IAAIV,CAAY,GAAGsB,IAAiBZ,EAAK,SAAS,IAAIW,IAAiBA,EAAe,CAAC,GAAGE,IAAsB;AAAA,MAC7P,IAAAJ;AAAA,MACA,OAAO;AAAA,MACP,MAAM,EAAE,MAAAb,GAAM,MAAMgB,EAAc;AAAA,MAClC,SAAS;AAAA,QACP,GAAGd;AAAA,QACH,UAAUY,KAAYZ,EAAc,SAAS;AAAA,MACrD;AAAA,IACA;AACI,IAAAS,EAAQ,KAAKxB,GAAU8B,CAAmB;AAAA,EAC5C;AACA,SAAOd,EAAQ,WAAW,IAAIA,EAAQ,WAAWF,EAAQ,UAAUE;AACrE;ACzDA,MAAMe,IAAmB,CAACC,GAAyBC,GAAyBC,MAA8B;AACxG,QAAMC,IAAa,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAmB,CAACG,GAAGC,MAAQA,IAAM,CAAC,GAExEC,IAAqB,CAACC,MAAkB;AAC5C,UAAMC,IAAW,KAAK,KAAK,SAASD,CAAK,IAAIL,CAAiB,GACxDO,IAASD,MAAaN,IAAoB,KAAK,IAAI,SAASK,CAAK,IAAIL,KAAqBA,CAAiB;AACjH,WAAO,GAAGM,CAAQ,GAAGC,CAAM;AAAA,EAC7B,GAEMC,IAAaP,EAAW,IAAI,CAACQ,OAAiB;AAAA,IAClD,UAAUL,EAAmB,OAAOK,CAAW,CAAC;AAAA,IAChD,WAAWA;AAAA,IACX,UAAU;AAAA,EAAA,EACV;AAmBF,SAjByBR,EAAW,OAAO,CAACS,GAASC,GAAeF,MAAgB;AAClF,UAAMH,IAAW,KAAK,KAAKK,IAAgBX,CAAiB;AAC5D,WAAIF,EAAc,SAAS,OAAOW,IAAc,CAAC,CAAC,MAC3CC,EAAQJ,CAAQ,MACnBI,EAAQJ,CAAQ,IAAI;AAAA,MAClB,UAAU,YAAYA,CAAQ;AAAA,MAC9B,UAAU,CAAA;AAAA,IAAC,IAGfI,EAAQJ,CAAQ,EAAE,SAAS,KAAK;AAAA,MAC9B,GAAGE,EAAWC,CAAW;AAAA,MACzB,WAAW,OAAOD,EAAWC,CAAW,EAAE,SAAS;AAAA,IAAA,CACpC,IAEZC;AAAA,EACT,GAAG,CAAA,CAAsB;AAG3B,GAEME,IAAoB,GACpBC,IAAsB,GAEtBC,IAAqBjB;AAAA,EACzB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,EAClCe;AAAA,EACAC;AACF,GAEME,IAAa,4EAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACnC,MAAS,gBAAAoC,EAACF,GAAA,EAAc,GAAGlC,GAAM,GAElEqC,IAAsBF,EAAS,KAAK,CAAA,CAAE;AACnDE,EAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,EACP,cAAcN;AAAA;AAAA,EAEd,gBAAgB,CAAC,KAAK,GAAG;AAAA,EACzB,UAAUO,EAAA;AACZ;AAEA,MAAMC,IAAiB,GAEjBlB,IAAqB,CAACC,MAAkB;AAC5C,QAAMC,IAAW,KAAK,KAAK,SAASD,CAAK,IAAIiB,CAAc,GACrDf,IAASD,MAAagB,IAAiB,KAAK,IAAI,SAASjB,CAAK,IAAIiB,KAAkBA,CAAc;AACxG,SAAO,GAAGhB,CAAQ,GAAGC,CAAM;AAC7B,GAEMgB,IAAqB,CAAClB,MAA0B;AACpD,QAAM,CAACmB,GAAKC,CAAG,IAAIpB,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM;AAC9C,SAAO,IAAImB,IAAM,KAAKF,KAAkBG,KAAO,EAAE;AACnD,GAEaC,IAAoD,MAAM;AACrE,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAmB,CAAC,KAAK,KAAK,GAAG,CAAC,GAEtEC,IAA2B,CAACC,MAA2B;AAC3D,UAAMC,IAAmB,KAAK,MAAM,KAAK,UAAUL,CAAa,CAAC,EAAE;AAAA,MACjE,CAACM,MAAmBA,MAAWV,EAAmBQ,CAAc;AAAA,IAAA;AAGlE,IAAAH,EAAiB,MAAMI,CAAgB,GACvCtD,EAAO,iBAAiB,EAAEsD,CAAgB;AAAA,EAC5C,GAEME,IAAqB,CAAC7B,MAAoB;AAC9C,IAAAuB,EAAiB,CAAC,GAAGvB,CAAK,CAAC,GAC3B3B,EAAO,iBAAiB,EAAE2B,CAAK;AAAA,EACjC;AAEA,2BACG,OAAA,EAAI,OAAO,EAAE,OAAO,WACnB,UAAA;AAAA,IAAA,gBAAAc,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,UAAU,OAAO,QAAQ,cAAc,UAC1F,UAAAQ,KACCA,EAAc,IAAI,CAACQ,GAAcC,MAC/B,gBAAAjB;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,OAAOjC,EAAmB+B,CAAY;AAAA,QACtC,UAAUL;AAAA,MAAA;AAAA,MACL,GAAGM,CAAK,IAAID,CAAY;AAAA,IAAA,CAEhC,GACL;AAAA,IACA,gBAAAhB;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,cAAcH;AAAA,QACd,gBAAgBa;AAAA,QAChB,UAAUO;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;","x_google_ignoreList":[0,1]}

package/dist/components/Chip/Chip.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { f as t } from "../../index-DRQMriwT.js";
+import { f as t } from "../../index-B4NxQN5d.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { f as e } from "../../index-DRQMriwT.js";
+import { f as e } from "../../index-B4NxQN5d.js";
 import { ControlsButton as t } from "./ControlsButton.js";
 import { Icons as a } from "../Icon/icons/index.js";
 import { Periods as i } from "../Periods/Periods.js";

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

@@ -1,6 +1,6 @@
 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-DRQMriwT.js";
+import { f as m } from "../../index-B4NxQN5d.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as s, s as e, f as r } from "../../react.esm-BjO203QT.js";
+import { r as s, s as e, f as r } from "../../react.esm-BDo_tPxu.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/FormInput/FormInput.d.ts

@@ -16,9 +16,11 @@ export interface FormInputProps {
     notValidatedText?: string;
     /** Returns array of selected values as number */
     onChange?: (value: string) => void;
+    /** Sets max length for the standard input */
+    maxLength?: number;
     /** Determines if the container wrapper is rendered. */
     noContainer?: boolean;
     /** Optional custom input that will replace the default input */
     customInput?: ReactNode;
 }
-export declare const FormInput: ({ id, label, labelPosition, type, required, notValid, notValidatedText, onChange, noContainer, customInput, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: ({ id, label, labelPosition, type, required, notValid, notValidatedText, onChange, maxLength, noContainer, customInput, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormInput/FormInput.js

@@ -1,13 +1,13 @@
-import { jsxs as c, Fragment as v, jsx as r } from "react/jsx-runtime";
-import { c as l } from "../../clsx-OuTLNxxd.js";
+import { jsxs as l, Fragment as k, jsx as r } from "react/jsx-runtime";
+import { c as f } from "../../clsx-OuTLNxxd.js";
 import "../Accordion/Accordion.js";
 import "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
-import { Label as k } from "../Label/Label.js";
-import { FeedbackBox as g } from "../FeedbackBox/FeedbackBox.js";
+import { Label as g } from "../Label/Label.js";
+import { FeedbackBox as x } from "../FeedbackBox/FeedbackBox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -37,41 +37,43 @@ import '../../assets/FormInput.css';const t = {
   "form-input__input-container": "_form-input__input-container_rt0pn_35",
   "form-input__input": "_form-input__input_rt0pn_25",
   "not-valid": "_not-valid_rt0pn_60"
-}, T = ({
+}, V = ({
   id: o,
   label: i,
-  labelPosition: f = "top",
+  labelPosition: u = "top",
   type: p = "text",
-  required: u = !1,
-  notValid: s = !1,
+  required: s = !1,
+  notValid: d = !1,
   notValidatedText: e = "",
   onChange: m,
-  noContainer: d = !1,
-  customInput: _
+  maxLength: _,
+  noContainer: b = !1,
+  customInput: a
 }) => {
-  const b = (n) => ["e", "E", "+", "-"].includes(n.key) && n.preventDefault(), h = (n) => {
+  const h = (n) => ["e", "E", "+", "-"].includes(n.key) && n.preventDefault(), v = (n) => {
     typeof m == "function" && m(n.target.value);
-  }, a = /* @__PURE__ */ c(v, { children: [
-    i && /* @__PURE__ */ r(k, { htmlFor: o, required: u, alignRight: !0, children: i }),
-    /* @__PURE__ */ c("div", { className: t["form-input__input-feedback-container"], children: [
-      _ || /* @__PURE__ */ r("div", { className: t["form-input__input-container"], children: /* @__PURE__ */ r(
+  }, c = /* @__PURE__ */ l(k, { children: [
+    i && /* @__PURE__ */ r(g, { htmlFor: o, required: s, alignRight: !0, children: i }),
+    /* @__PURE__ */ l("div", { className: t["form-input__input-feedback-container"], children: [
+      a || /* @__PURE__ */ r("div", { className: t["form-input__input-container"], children: /* @__PURE__ */ r(
         "input",
         {
           id: o,
           type: p,
-          ...p === "number" && { onKeyDown: b },
-          onChange: h,
-          className: l(t["form-input__input"], {
-            [t["not-valid"]]: s
-          })
+          ...p === "number" && { onKeyDown: h },
+          onChange: v,
+          className: f(t["form-input__input"], {
+            [t["not-valid"]]: d
+          }),
+          ..._ ? { maxLength: _ } : {}
         }
       ) }),
-      e !== "" && /* @__PURE__ */ r(g, { level: "error", feedback: e })
+      e !== "" && /* @__PURE__ */ r(x, { level: "error", feedback: e })
     ] })
   ] });
-  return d ? a : /* @__PURE__ */ r("div", { className: l(t["form-input__container"], t[`form-input__container--label-${f}`]), children: a });
+  return b ? c : /* @__PURE__ */ r("div", { className: f(t["form-input__container"], t[`form-input__container--label-${u}`]), children: c });
 };
 export {
-  T as FormInput
+  V as FormInput
 };
 //# sourceMappingURL=FormInput.js.map

package/dist/components/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\n  /** Shows red * */\n  required?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange?: (value: string) => void;\n  /** Determines if the container wrapper is rendered. */\n  noContainer?: boolean;\n  /** Optional custom input that will replace the default input */\n  customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValid = false,\n  notValidatedText = '',\n  onChange,\n  noContainer = false,\n  customInput,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  const componentContent = (\n    <>\n      {label && (\n        <Label htmlFor={id} required={required} alignRight>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-input__input-feedback-container']}>\n        {customInput ? (\n          customInput\n        ) : (\n          <div className={styles['form-input__input-container']}>\n            <input\n              id={id}\n              type={type}\n              {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n              onChange={handleChange}\n              className={clsx(styles['form-input__input'], {\n                [styles['not-valid']]: notValid,\n              })}\n            />\n          </div>\n        )}\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </>\n  );\n\n  return noContainer ? (\n    componentContent\n  ) : (\n    <div className={clsx(styles['form-input__container'], styles[`form-input__container--label-${labelPosition}`])}>\n      {componentContent}\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValid","notValidatedText","onChange","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","clsx","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAA,GAE9CC,IAAe,CAACD,MAA+C;AACnE,IAAI,OAAOJ,KAAa,cACtBA,EAASI,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,uBACEe,GAAA,EAAM,SAAShB,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UAAAH,EAAA,CACH;AAAA,IAGF,gBAAAa,EAAC,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGC,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAlB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWO,EAAA;AAAA,UACvC,UAAUE;AAAA,UACV,WAAWO,EAAKF,EAAO,mBAAmB,GAAG;AAAA,YAC3C,CAACA,EAAO,WAAW,CAAC,GAAGZ;AAAA,UAAA,CACxB;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,MAEDC,MAAqB,MAAM,gBAAAY,EAACE,KAAY,OAAM,SAAQ,UAAUd,EAAA,CAAkB;AAAA,IAAA,EAAA,CACrF;AAAA,EAAA,GACF;AAGF,SAAOE,IACLK,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAKF,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCf,CAAa,EAAE,CAAC,GAC1G,UAAAW,GACH;AAEJ;"}
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\n  /** Shows red * */\n  required?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange?: (value: string) => void;\n  /** Sets max length for the standard input */\n  maxLength?: number;\n  /** Determines if the container wrapper is rendered. */\n  noContainer?: boolean;\n  /** Optional custom input that will replace the default input */\n  customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValid = false,\n  notValidatedText = '',\n  onChange,\n  maxLength,\n  noContainer = false,\n  customInput,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  const componentContent = (\n    <>\n      {label && (\n        <Label htmlFor={id} required={required} alignRight>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-input__input-feedback-container']}>\n        {customInput ? (\n          customInput\n        ) : (\n          <div className={styles['form-input__input-container']}>\n            <input\n              id={id}\n              type={type}\n              {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n              onChange={handleChange}\n              className={clsx(styles['form-input__input'], {\n                [styles['not-valid']]: notValid,\n              })}\n              {...(maxLength ? { maxLength } : {})}\n            />\n          </div>\n        )}\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </>\n  );\n\n  return noContainer ? (\n    componentContent\n  ) : (\n    <div className={clsx(styles['form-input__container'], styles[`form-input__container--label-${labelPosition}`])}>\n      {componentContent}\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValid","notValidatedText","onChange","maxLength","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","clsx","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAA,GAE9CC,IAAe,CAACD,MAA+C;AACnE,IAAI,OAAOL,KAAa,cACtBA,EAASK,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAf,uBACEgB,GAAA,EAAM,SAASjB,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UAAAH,EAAA,CACH;AAAA,IAGF,gBAAAc,EAAC,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGC,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAnB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWQ,EAAA;AAAA,UACvC,UAAUE;AAAA,UACV,WAAWO,EAAKF,EAAO,mBAAmB,GAAG;AAAA,YAC3C,CAACA,EAAO,WAAW,CAAC,GAAGb;AAAA,UAAA,CACxB;AAAA,UACA,GAAIG,IAAY,EAAE,WAAAA,MAAc,CAAA;AAAA,QAAC;AAAA,MAAA,GAEtC;AAAA,MAEDF,MAAqB,MAAM,gBAAAa,EAACE,KAAY,OAAM,SAAQ,UAAUf,EAAA,CAAkB;AAAA,IAAA,EAAA,CACrF;AAAA,EAAA,GACF;AAGF,SAAOG,IACLK,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAKF,EAAO,uBAAuB,GAAGA,EAAO,gCAAgChB,CAAa,EAAE,CAAC,GAC1G,UAAAY,GACH;AAEJ;"}

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { f as i } from "../../index-DRQMriwT.js";
+import { f as i } from "../../index-B4NxQN5d.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { f as r } from "../../index-DRQMriwT.js";
+import { f as r } from "../../index-B4NxQN5d.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>