@uva-glass/component-library 3.55.0 → 3.55.2

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

@@ -1 +1 @@
-{"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":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"CheckboxTree.stories.js","names":[],"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"],"mappings":";;;;;;;AAiDA,IAAM,MAtCoB,GAAyB,GAAyB,MAA8B;CACxG,IAAM,IAAa,MAAM,KAAK,EAAE,QAAQ,GAAiB,GAAG,GAAG,MAAQ,IAAM,EAAE,EAEzE,KAAsB,MAAkB;EAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAkB;AAE/D,SAAO,GAAG,IADK,MAAa,IAAoB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAqB;IAI5F,IAAa,EAAW,KAAK,OAAiB;EAClD,UAAU,EAAmB,OAAO,EAAY,CAAC;EACjD,WAAW;EACX,UAAU;EACX,EAAE;AAmBH,QAjByB,EAAW,QAAQ,GAAS,GAAe,MAAgB;EAClF,IAAM,IAAW,KAAK,KAAK,IAAgB,EAAkB;AAa7D,SAZI,EAAc,SAAS,OAAO,IAAc,EAAE,CAAC,KAC5C,EAAQ,OACX,EAAQ,KAAY;GAClB,UAAU,YAAY;GACtB,UAAU,EAAE;GACb,GAEH,EAAQ,GAAU,SAAS,KAAK;GAC9B,GAAG,EAAW;GACd,WAAW,OAAO,EAAW,GAAa,UAAU;GACrD,CAAiB,GAEb;IACN,EAAE,CAAqB;GAS1B;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAI,EAJX,GACE,EAM3B,EAKD,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAFiC,MAAS,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAErC,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO;CACzB,OAAO;CACP,cAAc;CAEd,gBAAgB,CAAC,KAAK,IAAI;CAC1B,UAAU,GAAI;CACf;AAED,IAAM,IAAiB,GAEjB,KAAsB,MAAkB;CAC5C,IAAM,IAAW,KAAK,KAAK,SAAS,EAAM,GAAG,EAAe;AAE5D,QAAO,GAAG,IADK,MAAa,IAAiB,KAAK,IAAI,SAAS,EAAM,GAAG,KAAkB;GAItF,KAAsB,MAA0B;CACpD,IAAM,CAAC,GAAK,KAAO,EAAM,MAAM,IAAI,CAAC,IAAI,OAAO;AAC/C,QAAO,IAAI,IAAM,KAAK,KAAkB,KAAO;GAGpC,UAA0D;CACrE,IAAM,CAAC,GAAe,KAAoB,EAAmB;EAAC;EAAK;EAAK;EAAI,CAAC,EAEvE,KAA4B,MAA2B;EAC3D,IAAM,IAAmB,KAAK,MAAM,KAAK,UAAU,EAAc,CAAC,CAAC,QAChE,MAAmB,MAAW,EAAmB,EAAe,CAClE;AAGD,EADA,QAAuB,EAAiB,EACxC,EAAO,kBAAkB,CAAC,EAAiB;;AAQ7C,QACE,kBAAC,OAAD;EAAK,OAAO,EAAE,OAAO,SAAS;YAA9B,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;IAAQ,KAAK;IAAU,OAAO;IAAQ,cAAc;IAAQ;aAClG,KACC,EAAc,KAAK,GAAc,MAC/B,kBAAC,GAAD;IACE,OAAO,EAAmB,EAAa;IACvC,UAAU;IAEV,EADK,GAAG,EAAM,GAAG,IACjB,CACF;GACA,CAAA,EACN,kBAAC,GAAD;GACE,OAAM;GACN,cAAc;GACd,gBAAgB;GAChB,WArBsB,MAAoB;AAE9C,IADA,EAAiB,CAAC,GAAG,EAAM,CAAC,EAC5B,EAAO,kBAAkB,CAAC,EAAM;;GAoB5B,CAAA,CACE"}

package/dist/components/CheckboxTree/index.js

@@ -1,5 +1,3 @@
-import { CheckboxTree as r } from "./CheckboxTree.js";
-export {
-  r as CheckboxTree
-};
-//# sourceMappingURL=index.js.map
+import { h as e } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+export { e as CheckboxTree };

package/dist/components/Chip/Chip.js

@@ -1,14 +1,2 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { Icon as t } from "../Icon/Icon.js";
-import '../../assets/Chip.css';const e = "_chip_12dmi_1", l = "_chip__label_12dmi_25", c = {
-  chip: e,
-  chip__label: l,
-  "chip__close-button": "_chip__close-button_12dmi_32"
-}, h = ({ label: _, onDelete: i }) => /* @__PURE__ */ o("button", { className: c.chip, onClick: () => i(_), children: [
-  /* @__PURE__ */ s("span", { className: c.chip__label, children: _ }),
-  /* @__PURE__ */ s(t, { name: "Cross", size: 20, className: c["chip__close-button"] })
-] });
-export {
-  h as Chip
-};
-//# sourceMappingURL=Chip.js.map
+import { t as e } from "../../Chip-DJHvFToV.js";
+export { e as Chip };

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

@@ -1,29 +1,25 @@
-import { jsx as l } from "react/jsx-runtime";
-import { f as t } from "../../index-B_q_4aBT.js";
-import { Chip as e } from "./Chip.js";
-const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
-  title: "Atoms/Chip",
-  component: e,
-  argTypes: {},
-  parameters: {
-    inspectComponent: e,
-    codeString: s
-  }
-}, n = (o) => /* @__PURE__ */ l(e, { ...o }), a = {
-  label: "Nederlands",
-  onDelete: t()
-}, i = n.bind({});
-i.args = {
-  ...a
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../Chip-DJHvFToV.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Atoms/Chip",
+	component: t,
+	argTypes: {},
+	parameters: {
+		inspectComponent: t,
+		codeString: "<Chip label={string} onDelete={onDeleteFunction(label)}/>"
+	}
+}, i = (e) => /* @__PURE__ */ n(t, { ...e }), a = {
+	label: "Nederlands",
+	onDelete: e()
+}, o = i.bind({});
+o.args = { ...a };
+var s = i.bind({});
+s.args = {
+	label: "Een filter met een veel te lang label",
+	onDelete: e()
 };
-const r = n.bind({});
-r.args = {
-  label: "Een filter met een veel te lang label",
-  onDelete: t()
-};
-export {
-  i as ChipExample,
-  r as ChipLongLabel,
-  b as default
-};
-//# sourceMappingURL=Chip.stories.js.map
+//#endregion
+export { o as ChipExample, s as ChipLongLabel, r as default };
+
+//# sourceMappingURL=Chip.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"names":["codeString","Chip_stories","Chip","Template","args","jsx","defaultArgs","fn","ChipExample","ChipLongLabel"],"mappings":";;;AAOA,MAAMA,IAAa,6DAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAEzDE,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,UAAUC,EAAA;AACZ,GAEaC,IAAcL,EAAS,KAAK,CAAA,CAAE;AAC3CK,EAAY,OAAO;AAAA,EACjB,GAAGF;AACL;AAEO,MAAMG,IAAgBN,EAAS,KAAK,CAAA,CAAE;AAC7CM,EAAc,OAAO;AAAA,EACnB,OAAO;AAAA,EACP,UAAUF,EAAA;AACZ;"}
+{"version":3,"file":"Chip.stories.js","names":[],"sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"mappings":";;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN,YATG;EAUhB;CACF,EAEK,KAAgC,MAAS,kBAAC,GAAD,EAAM,GAAI,GAAQ,CAAA,EAE3D,IAAkC;CACtC,OAAO;CACP,UAAU,GAAI;CACf,EAEY,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO,EACjB,GAAG,GACJ;AAED,IAAa,IAAgB,EAAS,KAAK,EAAE,CAAC;AAC9C,EAAc,OAAO;CACnB,OAAO;CACP,UAAU,GAAI;CACf"}

package/dist/components/Chip/index.js

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

package/dist/components/ControlsButton/ControlsButton.js

@@ -1,82 +1,2 @@
-import { jsxs as l, Fragment as g, jsx as o } from "react/jsx-runtime";
-import { useId as I } from "react";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { Icon as $ } from "../Icon/Icon.js";
-import '../../assets/ControlsButton.css';const k = "_periods__item_t81b2_160", t = {
-  "controls-input": "_controls-input_t81b2_1",
-  "controls-button": "_controls-button_t81b2_40",
-  "controls-button--squared": "_controls-button--squared_t81b2_58",
-  "controls-button--with-prefix": "_controls-button--with-prefix_t81b2_70",
-  "controls-button--with-icon": "_controls-button--with-icon_t81b2_76",
-  "controls-button__wrapper": "_controls-button__wrapper_t81b2_80",
-  "controls-button__prefix": "_controls-button__prefix_t81b2_86",
-  "controls-button__tooltip": "_controls-button__tooltip_t81b2_91",
-  "controls-button__tooltip--left": "_controls-button__tooltip--left_t81b2_106",
-  "controls-button__tooltip--center": "_controls-button__tooltip--center_t81b2_110",
-  "controls-button__tooltip--right": "_controls-button__tooltip--right_t81b2_115",
-  "controls-button--checked": "_controls-button--checked_t81b2_160",
-  periods__item: k
-}, z = ({
-  type: a = "checkbox",
-  label: n,
-  value: i,
-  iconName: r,
-  prefix: _,
-  tooltip: s,
-  tooltipPosition: d = "center",
-  name: h,
-  forceSquared: m = !1,
-  checked: e,
-  disabled: f,
-  onSetValue: x
-}) => {
-  const w = I(), b = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), c = `${w}${b}`, u = `${c}-tooltip`;
-  return /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        type: a,
-        id: c,
-        name: h ?? b,
-        disabled: f,
-        value: i,
-        checked: e,
-        onChange: x,
-        className: t["controls-input"],
-        "aria-describedby": s ? u : void 0
-      }
-    ),
-    /* @__PURE__ */ l(
-      "label",
-      {
-        htmlFor: c,
-        className: p(t["controls-button"], [
-          m && t["controls-button--squared"],
-          _ && t["controls-button--with-prefix"],
-          r && t["controls-button--with-icon"],
-          e && t["controls-button--checked"]
-        ]),
-        children: [
-          r && /* @__PURE__ */ o($, { name: r, size: 20 }),
-          /* @__PURE__ */ l("div", { className: t["controls-button__wrapper"], children: [
-            _ && /* @__PURE__ */ o("div", { className: t["controls-button__prefix"], children: _ }),
-            n
-          ] }),
-          s && /* @__PURE__ */ o(
-            "div",
-            {
-              id: u,
-              role: "tooltip",
-              className: p(t["controls-button__tooltip"], t[`controls-button__tooltip--${d}`]),
-              children: s
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  z as ControlsButton
-};
-//# sourceMappingURL=ControlsButton.js.map
+import { t as e } from "../../ControlsButton-zemVxTlg.js";
+export { e as ControlsButton };

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

@@ -1,128 +1,104 @@
-import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { f as e } from "../../index-B_q_4aBT.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";
-const c = Object.keys(a), m = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", C = {
-  title: "Atoms/ControlsButton",
-  component: t,
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    value: {
-      control: "string"
-    },
-    iconName: {
-      control: { type: "select" },
-      options: c
-    },
-    forceSquared: {
-      control: "boolean"
-    },
-    isChecked: {
-      control: "boolean"
-    },
-    disabled: {
-      control: "boolean"
-    },
-    onSetValue: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: t,
-    codeString: m
-  }
-}, o = (n) => /* @__PURE__ */ r(t, { ...n }), b = o.bind({});
-b.args = {
-  type: "checkbox",
-  label: "1.2",
-  value: "1.2",
-  forceSquared: !0,
-  onSetValue: e()
+import { r as e } from "../../test-CPFNM-bL.js";
+import { t } from "../../icons-TRhI-4V6.js";
+import { t as n } from "../../ControlsButton-zemVxTlg.js";
+import { t as r } from "../../Periods-BYETtB6R.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = {
+	title: "Atoms/ControlsButton",
+	component: n,
+	argTypes: {
+		label: { control: "text" },
+		value: { control: "string" },
+		iconName: {
+			control: { type: "select" },
+			options: Object.keys(t)
+		},
+		forceSquared: { control: "boolean" },
+		isChecked: { control: "boolean" },
+		disabled: { control: "boolean" },
+		onSetValue: { table: { disable: !0 } }
+	},
+	parameters: {
+		inspectComponent: n,
+		codeString: "<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />"
+	}
+}, c = (e) => /* @__PURE__ */ a(n, { ...e }), l = c.bind({});
+l.args = {
+	type: "checkbox",
+	label: "1.2",
+	value: "1.2",
+	forceSquared: !0,
+	onSetValue: e()
 };
-const p = o.bind({});
-p.args = {
-  type: "checkbox",
-  label: "1.3",
-  value: "1.3",
-  prefix: "13",
-  onSetValue: e()
+var u = c.bind({});
+u.args = {
+	type: "checkbox",
+	label: "1.3",
+	value: "1.3",
+	prefix: "13",
+	onSetValue: e()
 };
-const d = o.bind({});
+var d = c.bind({});
 d.args = {
-  type: "checkbox",
-  label: "2.1",
-  value: "2.1",
-  iconName: "AcademicCap",
-  onSetValue: e()
+	type: "checkbox",
+	label: "2.1",
+	value: "2.1",
+	iconName: "AcademicCap",
+	onSetValue: e()
 };
-const u = o.bind({});
-u.args = {
-  type: "checkbox",
-  label: "5",
-  value: "5",
-  prefix: "40",
-  tooltip: /* @__PURE__ */ l(s, { children: [
-    "15 dec - 19 dec",
-    /* @__PURE__ */ r("br", {}),
-    "2025"
-  ] }),
-  tooltipPosition: "center",
-  onSetValue: e()
+var f = c.bind({});
+f.args = {
+	type: "checkbox",
+	label: "5",
+	value: "5",
+	prefix: "40",
+	tooltip: /* @__PURE__ */ o(i, { children: [
+		"15 dec - 19 dec",
+		/* @__PURE__ */ a("br", {}),
+		"2025"
+	] }),
+	tooltipPosition: "center",
+	onSetValue: e()
 };
-const x = o.bind({});
-x.args = {
-  type: "checkbox",
-  label: /* @__PURE__ */ r(
-    i,
-    {
-      periods: [
-        {
-          id: "2023P1",
-          number: 1,
-          semesterNumber: 1,
-          periodInSemester: 1
-        },
-        {
-          id: "2023P2",
-          number: 2,
-          semesterNumber: 1,
-          periodInSemester: 2
-        },
-        {
-          id: "2023P3",
-          number: 3,
-          semesterNumber: 1,
-          periodInSemester: 3
-        },
-        {
-          id: "2023P5",
-          number: 5,
-          semesterNumber: 2,
-          periodInSemester: 2
-        },
-        {
-          id: "2023P7",
-          number: 7,
-          semesterNumber: 3,
-          periodInSemester: 1
-        }
-      ]
-    }
-  ),
-  value: "5",
-  onSetValue: e()
-};
-export {
-  b as ControlsButtonExample,
-  x as WithComplexLabel,
-  d as WithIcon,
-  p as WithPrefix,
-  u as WithTooltip,
-  C as default
+var p = c.bind({});
+p.args = {
+	type: "checkbox",
+	label: /* @__PURE__ */ a(r, { periods: [
+		{
+			id: "2023P1",
+			number: 1,
+			semesterNumber: 1,
+			periodInSemester: 1
+		},
+		{
+			id: "2023P2",
+			number: 2,
+			semesterNumber: 1,
+			periodInSemester: 2
+		},
+		{
+			id: "2023P3",
+			number: 3,
+			semesterNumber: 1,
+			periodInSemester: 3
+		},
+		{
+			id: "2023P5",
+			number: 5,
+			semesterNumber: 2,
+			periodInSemester: 2
+		},
+		{
+			id: "2023P7",
+			number: 7,
+			semesterNumber: 3,
+			periodInSemester: 1
+		}
+	] }),
+	value: "5",
+	onSetValue: e()
 };
-//# sourceMappingURL=ControlsButton.stories.js.map
+//#endregion
+export { l as ControlsButtonExample, p as WithComplexLabel, d as WithIcon, u as WithPrefix, f as WithTooltip, s as default };
+
+//# sourceMappingURL=ControlsButton.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.stories.js","sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"names":["iconNames","Icons","codeString","ControlsButton_stories","ControlsButton","Template","args","jsx","ControlsButtonExample","fn","WithPrefix","WithIcon","WithTooltip","jsxs","Fragment","WithComplexLabel","Periods"],"mappings":";;;;;AAUA,MAAMA,IAAY,OAAO,KAAKC,CAAK,GAE7BC,IACJ,0KAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,SAAA;AAAA,MACjB,SAASJ;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBI;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAgB,GAAGE,GAAM,GAEtEE,IAAwBH,EAAS,KAAK,CAAA,CAAE;AACrDG,EAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,cAAc;AAAA,EACd,YAAYC,EAAA;AACd;AAEO,MAAMC,IAAaL,EAAS,KAAK,CAAA,CAAE;AAC1CK,EAAW,OAAO;AAAA,EAChB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAYD,EAAA;AACd;AAEO,MAAME,IAAWN,EAAS,KAAK,CAAA,CAAE;AACxCM,EAAS,OAAO;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAYF,EAAA;AACd;AAEO,MAAMG,IAAcP,EAAS,KAAK,CAAA,CAAE;AAC3CO,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SACE,gBAAAC,EAAAC,GAAA,EAAE,UAAA;AAAA,IAAA;AAAA,sBAEC,MAAA,EAAG;AAAA,IAAE;AAAA,EAAA,GAER;AAAA,EAEF,iBAAiB;AAAA,EACjB,YAAYL,EAAA;AACd;AAEO,MAAMM,IAAmBV,EAAS,KAAK,CAAA,CAAE;AAChDU,EAAiB,OAAO;AAAA,EACtB,MAAM;AAAA,EACN,OACE,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP;AAAA,UACE,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QAAA;AAAA,QAEpB;AAAA,UACE,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QAAA;AAAA,QAEpB;AAAA,UACE,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QAAA;AAAA,QAEpB;AAAA,UACE,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QAAA;AAAA,QAEpB;AAAA,UACE,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,EAAA;AAAA,EAGJ,OAAO;AAAA,EACP,YAAYP,EAAA;AACd;"}
+{"version":3,"file":"ControlsButton.stories.js","names":[],"sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\nimport { Periods } from 'components/Periods';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} tooltip={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  type: 'checkbox',\r\n  label: '5',\r\n  value: '5',\r\n  prefix: '40',\r\n  tooltip: (\r\n    <>\r\n      15 dec - 19 dec\r\n      <br />\r\n      2025\r\n    </>\r\n  ),\r\n  tooltipPosition: 'center',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithComplexLabel = Template.bind({});\r\nWithComplexLabel.args = {\r\n  type: 'checkbox',\r\n  label: (\r\n    <Periods\r\n      periods={[\r\n        {\r\n          id: '2023P1',\r\n          number: 1,\r\n          semesterNumber: 1,\r\n          periodInSemester: 1,\r\n        },\r\n        {\r\n          id: '2023P2',\r\n          number: 2,\r\n          semesterNumber: 1,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P3',\r\n          number: 3,\r\n          semesterNumber: 1,\r\n          periodInSemester: 3,\r\n        },\r\n        {\r\n          id: '2023P5',\r\n          number: 5,\r\n          semesterNumber: 2,\r\n          periodInSemester: 2,\r\n        },\r\n        {\r\n          id: '2023P7',\r\n          number: 7,\r\n          semesterNumber: 3,\r\n          periodInSemester: 1,\r\n        },\r\n      ]}\r\n    />\r\n  ),\r\n  value: '5',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;;;AAgBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,OAAO,EACL,SAAS,UACV;EACD,UAAU;GACR,SAAS,EAAE,MAAM,UAAU;GAC3B,SAlBY,OAAO,KAAK,EAAM;GAmB/B;EACD,cAAc,EACZ,SAAS,WACV;EACD,WAAW,EACT,SAAS,WACV;EACD,UAAU,EACR,SAAS,WACV;EACD,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YAlCd;EAmCC;CACF,EAEK,KAA0C,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAExE,IAAwB,EAAS,KAAK,EAAE,CAAC;AACtD,EAAsB,OAAO;CAC3B,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,YAAY,GAAI;CACjB;AAED,IAAa,IAAa,EAAS,KAAK,EAAE,CAAC;AAC3C,EAAW,OAAO;CAChB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,YAAY,GAAI;CACjB;AAED,IAAa,IAAW,EAAS,KAAK,EAAE,CAAC;AACzC,EAAS,OAAO;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,UAAU;CACV,YAAY,GAAI;CACjB;AAED,IAAa,IAAc,EAAS,KAAK,EAAE,CAAC;AAC5C,EAAY,OAAO;CACjB,MAAM;CACN,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SACE,kBAAA,GAAA,EAAA,UAAA;EAAE;EAEA,kBAAC,MAAD,EAAM,CAAA;;EAEL,EAAA,CAAA;CAEL,iBAAiB;CACjB,YAAY,GAAI;CACjB;AAED,IAAa,IAAmB,EAAS,KAAK,EAAE,CAAC;AACjD,EAAiB,OAAO;CACtB,MAAM;CACN,OACE,kBAAC,GAAD,EACE,SAAS;EACP;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACD;GACE,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GACnB;EACF,EACD,CAAA;CAEJ,OAAO;CACP,YAAY,GAAI;CACjB"}

package/dist/components/ControlsButton/index.js

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

package/dist/components/CopyableText/CopyableText.js

@@ -1,64 +1,2 @@
-import { jsxs as u, jsx as y } from "react/jsx-runtime";
-import { c as b } from "../../clsx-OuTLNxxd.js";
-import { useState as f, useRef as m, useEffect as C } from "react";
-import { Icon as _ } from "../Icon/Icon.js";
-import '../../assets/CopyableText.css';const a = {
-  "copyable-text-container": "_copyable-text-container_l97qt_1",
-  "copyable-text-copy-button": "_copyable-text-copy-button_l97qt_8",
-  "copyable-text-copy-visually-hidden": "_copyable-text-copy-visually-hidden_l97qt_32"
-}, v = 2e3, g = ({
-  text: n,
-  additionalClassName: r = "",
-  ariaLabelCopy: s,
-  ariaLabelHasBeenCopied: p,
-  customCopyValue: x
-}) => {
-  const [o, c] = f(!1), l = m(null), d = m(null), [h, e] = f(!1);
-  C(() => () => {
-    l.current && clearTimeout(l.current);
-  }, []);
-  const i = (t) => {
-    t.stopPropagation(), t.preventDefault(), c(!0), l.current = setTimeout(() => {
-      c(!1), e(!1);
-    }, v), navigator.clipboard.writeText(x ?? n).catch(() => c(!1));
-  };
-  return /* @__PURE__ */ u(
-    "span",
-    {
-      className: b(a["copyable-text-container"], r),
-      role: "button",
-      tabIndex: 0,
-      onFocus: () => e(!0),
-      onBlur: () => !o && e(!1),
-      onKeyDown: (t) => {
-        e(!0), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(t));
-      },
-      onMouseEnter: () => e(!0),
-      onMouseLeave: () => !o && e(!1),
-      children: [
-        n,
-        h && /* @__PURE__ */ u(
-          "button",
-          {
-            ref: d,
-            className: b(a["copyable-text-copy-button"], r),
-            onClick: i,
-            type: "button",
-            "aria-keyshortcuts": "Enter Space",
-            "aria-label": o ? p ?? "Copied" : s ?? "Copy to clipboard",
-            tabIndex: -1,
-            children: [
-              n,
-              /* @__PURE__ */ y(_, { name: o ? "CheckSmall" : "Copy", size: 20 }),
-              /* @__PURE__ */ y("span", { className: a["copyable-text-copy-visually-hidden"], "aria-live": "polite", children: o ? p ?? "Copied" : s ?? "Copy to clipboard" })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  g as CopyableText
-};
-//# sourceMappingURL=CopyableText.js.map
+import { t as e } from "../../CopyableText-DkyhZ6wk.js";
+export { e as CopyableText };