@uva-glass/component-library 3.55.6 → 3.55.8

package/dist/{PasteHandlerPlugin-BNp8ST0q.js.map → PasteHandlerPlugin-Bc6n-G35.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PasteHandlerPlugin-BNp8ST0q.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n    /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i,\n    /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n    isActive(htmlString) {\n        return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n    }\n    normalize(htmlString) {\n        const { bodyString, stylesString } = parseHtml(htmlString);\n        const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n        this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n        this.removeMSAttributes(doc);\n        return doc.body.innerHTML;\n    }\n    findAllItemLikeElements(doc) {\n        const items = doc.querySelectorAll('*');\n        const res = [];\n        for (const item of items) {\n            const tagName = item.tagName.toLowerCase();\n            // Find all the possible list items\n            if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) || !(item instanceof HTMLElement)) {\n                continue;\n            }\n            const style = convertStyleToObject(item.getAttribute('style') || '');\n            // Keep items that are part of a list.\n            if ('mso-list' in style) {\n                if (!item.parentElement)\n                    continue;\n                if (isList(item.parentElement))\n                    continue;\n                const itemData = getListItemData(style);\n                res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n            }\n        }\n        return res;\n    }\n    transformListItemLikeLElementsIntoLists(doc, stylesString) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        const itemLikeElements = this.findAllItemLikeElements(doc);\n        if (!itemLikeElements.length) {\n            return;\n        }\n        const encounteredLists = {};\n        const stack = [];\n        for (const itemLikeElement of itemLikeElements) {\n            if (itemLikeElement.indent != null) {\n                // Reset the current stack if the previous used list does not continue with itemLikeElement\n                if (!isListContinuation(itemLikeElement)) {\n                    stack.length = 0;\n                }\n                // Combined list ID for addressing encounter lists counters.\n                const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n                // Normalized list item indentation.\n                const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n                // Trimming of the list stack on list ID change.\n                if (indent < stack.length && ((_a = stack[indent]) === null || _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n                    stack.length = indent;\n                }\n                // Trimming of the list stack on lower indent list encountered.\n                if (indent < stack.length - 1) {\n                    stack.length = indent + 1;\n                }\n                else {\n                    const listStyle = detectListStyle(itemLikeElement, stylesString);\n                    // Create a new OL/UL if required (greater indent or different list type).\n                    if (indent > stack.length - 1 || ((_b = stack[indent]) === null || _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n                        if (indent == 0 &&\n                            listStyle.type == 'ol' &&\n                            itemLikeElement.id !== undefined &&\n                            encounteredLists[originalListId]) {\n                            listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n                        }\n                        const listElement = createNewEmptyList(listStyle, false);\n                        // Insert the new OL/UL.\n                        if (stack.length == 0) {\n                            const parent = itemLikeElement.element.parentNode;\n                            const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n                            if (index === parent.children.length) {\n                                parent.appendChild(listElement);\n                            }\n                            else {\n                                parent.insertBefore(listElement, itemLikeElement.element);\n                            }\n                        }\n                        else {\n                            const parentListItems = (_d = stack[indent - 1]) === null || _d === void 0 ? void 0 : _d.listItemElements;\n                            if (parentListItems) {\n                                (_e = parentListItems[parentListItems.length - 1]) === null || _e === void 0 ? void 0 : _e.appendChild(listElement);\n                            }\n                        }\n                        // Update the list stack for other items to reference.\n                        stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n                        // Prepare list counter for start index.\n                        if (indent == 0 && itemLikeElement.id !== undefined) {\n                            encounteredLists[originalListId] = listStyle.startIndex || 1;\n                        }\n                    }\n                }\n                // Use LI if it is already it or create a new LI element.\n                const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n                // Append the LI to OL/UL.\n                (_f = stack[indent]) === null || _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n                (_g = stack[indent]) === null || _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n                // Increment list counter.\n                if (indent == 0 && itemLikeElement.id !== undefined) {\n                    encounteredLists[originalListId]++;\n                }\n                // Append list block to LI.\n                if (itemLikeElement.element != listItem) {\n                    listItem.appendChild(itemLikeElement.element);\n                }\n                // Clean list block.\n                removeMsoListIgnoreSpans(itemLikeElement.element);\n            }\n        }\n    }\n    removeMSAttributes(doc) {\n        const items = doc.querySelectorAll('*');\n        const elementsToUnwrap = [];\n        for (const item of items) {\n            // Eliminate all classes that include mso.\n            for (const className of item.classList) {\n                if (/\\bmso/gi.exec(className)) {\n                    item.classList.remove(className);\n                }\n            }\n            // Eliminate all useless mso styling\n            if (item instanceof HTMLElement) {\n                removeMSOStyles(item);\n            }\n            // Push word specific elements to an array\n            if (item.tagName === 'W:SDT' || item.tagName === 'W:SDTPR' && isElementEmpty(item) || item.tagName === 'O:P' && isElementEmpty(item)) {\n                elementsToUnwrap.push(item);\n            }\n        }\n        // Eliminate word specific elements\n        for (const item of elementsToUnwrap) {\n            const itemParent = item.parentNode;\n            itemParent.removeChild(item);\n        }\n    }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    const stylesString = extractStyles(htmlDocument);\n    return {\n        bodyString,\n        stylesString\n    };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags) {\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n        // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n        .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2')\n        .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n        .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n        .replace(/ <\\//g, '\\u00A0</')\n        .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n        // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n        .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')\n        // Remove all whitespaces when they contain any \\r or \\n.\n        .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n    });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach(el => {\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n    });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n        (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n    const styleObject = {};\n    if (!styleString) {\n        return styleObject;\n    }\n    // Split the style string into individual declarations\n    const declarations = styleString.split(';').map(declaration => declaration.trim());\n    // Iterate over each declaration and split it into property and value\n    declarations.forEach(declaration => {\n        const [property, value] = declaration.split(':').map(part => part.trim());\n        if (property && value) {\n            // Add the property and value to the style object\n            styleObject[property] = value;\n        }\n    });\n    return styleObject;\n}\nfunction isElementEmpty(element) {\n    return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n    // Get the current style string of the paragraph node\n    const currentStyle = element.getAttribute('style') || '';\n    // Parse the style string to extract individual style properties\n    const styleProperties = currentStyle.split(';').map(property => property.trim());\n    // Remove the 'mso-bidi-font-family' property from the list of style properties\n    const filteredProperties = styleProperties.filter(property => {\n        var _a;\n        const [key] = property.split(':');\n        return !(/\\bmso/gi.exec((_a = key === null || key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n    });\n    // Reconstruct the style string without the removed property\n    const updatedStyle = filteredProperties.join(';');\n    // Set the updated style string back to the paragraph node\n    element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n    var _a;\n    const listStyle = styles['mso-list'];\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n        };\n    }\n    return {\n        indent: 1\n    };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        }\n        else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\nfunction findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n        return element.parentElement.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement.textContent;\n    if (listMarker === 'o') {\n        return 'circle';\n    }\n    else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n        return 'disc';\n    }\n    // Word returns '§' instead of '■' for the square list style.\n    else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\nfunction findListMarkerNode(element) {\n    var _a;\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (((_a = Array.from(element.children)[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n        return null;\n    }\n    for (const childNode of Array.from(element.children)) {\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n            continue;\n        }\n        return childNode;\n    }\n    return null;\n}\nfunction mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch (value) {\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n    const list = document.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        list.style.setProperty('list-style-type', listStyle.style);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        list.setAttribute('start', listStyle.startIndex.toString());\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        list.classList.add('legal-list');\n    }\n    return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n    // Get all <span> elements inside the parentElement\n    const spans = parentElement.querySelectorAll('span');\n    // Iterate over each <span> element\n    spans.forEach(span => {\n        var _a;\n        // Get the value of the 'style' attribute\n        const style = span.getAttribute('style');\n        // Check if the 'style' attribute contains 'mso-list: Ignore'\n        if (style && style.includes('mso-list:Ignore')) {\n            // Remove the <span> element\n            (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);\n        }\n    });\n}\nfunction isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        return isList(currentItem.element.parentElement);\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    // @ts-expect-error\n    return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const content = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', content);\n        if (wordNormalizer.isActive(content)) {\n          newData.setData('text/html', wordNormalizer.normalize(content));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"PasteHandlerPlugin-Bc6n-G35.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n    /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i,\n    /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n    isActive(htmlString) {\n        return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n    }\n    normalize(htmlString) {\n        const { bodyString, stylesString } = parseHtml(htmlString);\n        const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n        this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n        this.removeMSAttributes(doc);\n        return doc.body.innerHTML;\n    }\n    findAllItemLikeElements(doc) {\n        const items = doc.querySelectorAll('*');\n        const res = [];\n        for (const item of items) {\n            const tagName = item.tagName.toLowerCase();\n            // Find all the possible list items\n            if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) || !(item instanceof HTMLElement)) {\n                continue;\n            }\n            const style = convertStyleToObject(item.getAttribute('style') || '');\n            // Keep items that are part of a list.\n            if ('mso-list' in style) {\n                if (!item.parentElement)\n                    continue;\n                if (isList(item.parentElement))\n                    continue;\n                const itemData = getListItemData(style);\n                res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n            }\n        }\n        return res;\n    }\n    transformListItemLikeLElementsIntoLists(doc, stylesString) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        const itemLikeElements = this.findAllItemLikeElements(doc);\n        if (!itemLikeElements.length) {\n            return;\n        }\n        const encounteredLists = {};\n        const stack = [];\n        for (const itemLikeElement of itemLikeElements) {\n            if (itemLikeElement.indent != null) {\n                // Reset the current stack if the previous used list does not continue with itemLikeElement\n                if (!isListContinuation(itemLikeElement)) {\n                    stack.length = 0;\n                }\n                // Combined list ID for addressing encounter lists counters.\n                const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n                // Normalized list item indentation.\n                const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n                // Trimming of the list stack on list ID change.\n                if (indent < stack.length && ((_a = stack[indent]) === null || _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n                    stack.length = indent;\n                }\n                // Trimming of the list stack on lower indent list encountered.\n                if (indent < stack.length - 1) {\n                    stack.length = indent + 1;\n                }\n                else {\n                    const listStyle = detectListStyle(itemLikeElement, stylesString);\n                    // Create a new OL/UL if required (greater indent or different list type).\n                    if (indent > stack.length - 1 || ((_b = stack[indent]) === null || _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n                        if (indent == 0 &&\n                            listStyle.type == 'ol' &&\n                            itemLikeElement.id !== undefined &&\n                            encounteredLists[originalListId]) {\n                            listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n                        }\n                        const listElement = createNewEmptyList(listStyle, false);\n                        // Insert the new OL/UL.\n                        if (stack.length == 0) {\n                            const parent = itemLikeElement.element.parentNode;\n                            const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n                            if (index === parent.children.length) {\n                                parent.appendChild(listElement);\n                            }\n                            else {\n                                parent.insertBefore(listElement, itemLikeElement.element);\n                            }\n                        }\n                        else {\n                            const parentListItems = (_d = stack[indent - 1]) === null || _d === void 0 ? void 0 : _d.listItemElements;\n                            if (parentListItems) {\n                                (_e = parentListItems[parentListItems.length - 1]) === null || _e === void 0 ? void 0 : _e.appendChild(listElement);\n                            }\n                        }\n                        // Update the list stack for other items to reference.\n                        stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n                        // Prepare list counter for start index.\n                        if (indent == 0 && itemLikeElement.id !== undefined) {\n                            encounteredLists[originalListId] = listStyle.startIndex || 1;\n                        }\n                    }\n                }\n                // Use LI if it is already it or create a new LI element.\n                const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n                // Append the LI to OL/UL.\n                (_f = stack[indent]) === null || _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n                (_g = stack[indent]) === null || _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n                // Increment list counter.\n                if (indent == 0 && itemLikeElement.id !== undefined) {\n                    encounteredLists[originalListId]++;\n                }\n                // Append list block to LI.\n                if (itemLikeElement.element != listItem) {\n                    listItem.appendChild(itemLikeElement.element);\n                }\n                // Clean list block.\n                removeMsoListIgnoreSpans(itemLikeElement.element);\n            }\n        }\n    }\n    removeMSAttributes(doc) {\n        const items = doc.querySelectorAll('*');\n        const elementsToUnwrap = [];\n        for (const item of items) {\n            // Eliminate all classes that include mso.\n            for (const className of item.classList) {\n                if (/\\bmso/gi.exec(className)) {\n                    item.classList.remove(className);\n                }\n            }\n            // Eliminate all useless mso styling\n            if (item instanceof HTMLElement) {\n                removeMSOStyles(item);\n            }\n            // Push word specific elements to an array\n            if (item.tagName === 'W:SDT' || item.tagName === 'W:SDTPR' && isElementEmpty(item) || item.tagName === 'O:P' && isElementEmpty(item)) {\n                elementsToUnwrap.push(item);\n            }\n        }\n        // Eliminate word specific elements\n        for (const item of elementsToUnwrap) {\n            const itemParent = item.parentNode;\n            itemParent.removeChild(item);\n        }\n    }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    const stylesString = extractStyles(htmlDocument);\n    return {\n        bodyString,\n        stylesString\n    };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags) {\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n        // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n        .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2')\n        .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n        .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n        .replace(/ <\\//g, '\\u00A0</')\n        .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n        // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n        .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')\n        // Remove all whitespaces when they contain any \\r or \\n.\n        .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n    });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach(el => {\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n    });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n        (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n    const styleObject = {};\n    if (!styleString) {\n        return styleObject;\n    }\n    // Split the style string into individual declarations\n    const declarations = styleString.split(';').map(declaration => declaration.trim());\n    // Iterate over each declaration and split it into property and value\n    declarations.forEach(declaration => {\n        const [property, value] = declaration.split(':').map(part => part.trim());\n        if (property && value) {\n            // Add the property and value to the style object\n            styleObject[property] = value;\n        }\n    });\n    return styleObject;\n}\nfunction isElementEmpty(element) {\n    return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n    // Get the current style string of the paragraph node\n    const currentStyle = element.getAttribute('style') || '';\n    // Parse the style string to extract individual style properties\n    const styleProperties = currentStyle.split(';').map(property => property.trim());\n    // Remove the 'mso-bidi-font-family' property from the list of style properties\n    const filteredProperties = styleProperties.filter(property => {\n        var _a;\n        const [key] = property.split(':');\n        return !(/\\bmso/gi.exec((_a = key === null || key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n    });\n    // Reconstruct the style string without the removed property\n    const updatedStyle = filteredProperties.join(';');\n    // Set the updated style string back to the paragraph node\n    element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n    var _a;\n    const listStyle = styles['mso-list'];\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n        };\n    }\n    return {\n        indent: 1\n    };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        }\n        else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\nfunction findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n        return element.parentElement.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement.textContent;\n    if (listMarker === 'o') {\n        return 'circle';\n    }\n    else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n        return 'disc';\n    }\n    // Word returns '§' instead of '■' for the square list style.\n    else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\nfunction findListMarkerNode(element) {\n    var _a;\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (((_a = Array.from(element.children)[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n        return null;\n    }\n    for (const childNode of Array.from(element.children)) {\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n            continue;\n        }\n        return childNode;\n    }\n    return null;\n}\nfunction mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch (value) {\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n    const list = document.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        list.style.setProperty('list-style-type', listStyle.style);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        list.setAttribute('start', listStyle.startIndex.toString());\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        list.classList.add('legal-list');\n    }\n    return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n    // Get all <span> elements inside the parentElement\n    const spans = parentElement.querySelectorAll('span');\n    // Iterate over each <span> element\n    spans.forEach(span => {\n        var _a;\n        // Get the value of the 'style' attribute\n        const style = span.getAttribute('style');\n        // Check if the 'style' attribute contains 'mso-list: Ignore'\n        if (style && style.includes('mso-list:Ignore')) {\n            // Remove the <span> element\n            (_a = span.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(span);\n        }\n    });\n}\nfunction isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        return isList(currentItem.element.parentElement);\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    // @ts-expect-error\n    return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n\n  const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n    event.preventDefault();\n    editor.update(() => {\n      const selection = $getSelection();\n      const clipboardData =\n        objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n      if (clipboardData != null && selection !== null) {\n        const content = clipboardData.getData('text/html') || clipboardData.getData('text/plain');\n        const newData = new DataTransfer();\n        const wordNormalizer = new MSWordNormalizer();\n        newData.setData('text/html', content);\n        if (wordNormalizer.isActive(content)) {\n          newData.setData('text/html', wordNormalizer.normalize(content));\n        }\n        $insertDataTransferForRichText(newData, selection, editor);\n      }\n    });\n  };\n\n  useEffect(() => {\n    const removePasteListener = editor.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (event instanceof ClipboardEvent) {\n          handlePaste(event);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_CRITICAL\n    );\n\n    return () => {\n      removePasteListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/{Periods-BYETtB6R.js → Periods-C5cxLlWt.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { useId as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import './assets/Periods.css';var r = {
@@ -37,4 +37,4 @@ import './assets/Periods.css';var r = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=Periods-BYETtB6R.js.map
+//# sourceMappingURL=Periods-C5cxLlWt.js.map

package/dist/{Periods-BYETtB6R.js.map → Periods-C5cxLlWt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Periods-BYETtB6R.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.periods__item {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-500);\n  display: inline-block;\n  height: 0.75rem;\n  margin-right: 0.125rem;\n  width: 0.5rem;\n}\n\n.periods__item:last-child {\n  margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n  margin-right: 0.5rem;\n}\n\n.periods__item--active {\n  background-color: var(--color-grey-600);\n  border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 3 | 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            data-period-item\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,GAAY,GAAG,GAAG,MAAU,IAAQ,EAAE,EAC5E,IAAW,GAAO,EAElB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,SACxB,EAEI,KAAa,MAAqD;EACtE,IAAM,IAA4C,EAAE;AA+CpD,SA5CA,IACI,EAAQ,SAAS,MAAW;AAC1B,OAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,EAAE,EAEhC,KAAgB,IAAS,KAAK,IAAK;AAKzC,IAHK,EAAgB,OACnB,EAAgB,KAAY,EAAE,GAEhC,EAAgB,GAAU,KAAK,EAAY;;IAE7C,GACF,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;AAK7C,GAHK,EAAgB,OACnB,EAAgB,KAAkB,EAAE,GAEtC,EAAgB,GAAgB,KAAK,EAAiB;IACtD,EAGQ,OAAO,KAAK,EAAgB,CAAC,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,EAAY,EACpC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;AAGnG,OAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,KAAK;AAC1C,QAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,KAAK,CAAC,GAAG,EAAoB,IAAI,GAAG;SAEpH,KAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;AAI7E,UAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;KACvC,GAEI,CAAM,MAAM,GAAG;IAGlB,KAAkB,MAClB,IACM,EAAqB,SAAS,EAAY,GAE3C,IAAQ,MAAM,MAAY,EAAkB,WAAW,EAAY;AAI9E,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,EAAoB,GAAG;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,EAAY,GAAG,EAAO,2BAA2B,GACjE;GACD,oBAAA;GAEA,EADK,GAAG,EAAS,GAAG,IACpB,CAEJ;EACE,CAAA"}
+{"version":3,"file":"Periods-C5cxLlWt.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.periods__item {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-500);\n  display: inline-block;\n  height: 0.75rem;\n  margin-right: 0.125rem;\n  width: 0.5rem;\n}\n\n.periods__item:last-child {\n  margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n  margin-right: 0.5rem;\n}\n\n.periods__item--active {\n  background-color: var(--color-grey-600);\n  border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 3 | 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            data-period-item\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MAAU,IAAQ,CAAC,GAC3E,IAAW,EAAM,GAEjB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,QACzB,GAEK,KAAa,MAAqD;EACtE,IAAM,IAA4C,CAAC;EA+CnD,OA5CA,IACI,EAAQ,SAAS,MAAW;GAC1B,IAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,CAAC,GAE/B,KAAgB,IAAS,KAAK,IAAK;IAKzC,AAHK,EAAgB,OACnB,EAAgB,KAAY,CAAC,IAE/B,EAAgB,GAAU,KAAK,CAAW;GAC5C;EACF,CAAC,IACD,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;GAK7C,AAHK,EAAgB,OACnB,EAAgB,KAAkB,CAAC,IAErC,EAAgB,GAAgB,KAAK,CAAgB;EACvD,CAAC,GAGS,OAAO,KAAK,CAAe,EAAE,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,CAAW,GACnC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;GAGnG,IAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,IAAI;IACzC,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,IAAI,EAAE,GAAG,EAAoB,IAAI,GAAG;GACtH,OACE,IAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;GAI7E,OAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;EAC1C,GAAG,EAEI,EAAM,KAAK,IAAI;CACxB,GAEM,KAAkB,MAClB,IACM,EAAqB,SAAS,CAAW,IAE1C,IAAQ,MAAM,MAAY,EAAkB,WAAW,CAAW;CAI7E,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,CAAmB,IAAI;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,CAAW,IAAI,EAAO,2BAA2B,EAClE;GACA,oBAAA;EAED,GADM,GAAG,EAAS,GAAG,GACrB,CAEJ;CACE,CAAA;AAET"}

package/dist/{ProgrammeCard-76gG7ksx.js → ProgrammeCard-CAAOSWKa.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useNavigate as r } from "react-router";
 import './assets/ProgrammeCard.css';//#region src/components/ProgrammeCard/ProgrammeCard.module.css
@@ -24,4 +24,4 @@ var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=ProgrammeCard-76gG7ksx.js.map
+//# sourceMappingURL=ProgrammeCard-CAAOSWKa.js.map

package/dist/{ProgrammeCard-76gG7ksx.js.map → ProgrammeCard-CAAOSWKa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard-76gG7ksx.js","names":[],"sources":["../src/components/ProgrammeCard/ProgrammeCard.module.css","../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":[".programme-card {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-300);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  position: relative;\n  text-decoration: none;\n}\n\n.programme-card--new::before {\n  background-color: var(--color-purple-600);\n  border-radius: 0.18rem 0 0 0.18rem;\n  content: \"\";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 0.25rem;\n  z-index: 1;\n}\n\n.programme-card:hover {\n  background-color: var(--color-grey-200);\n  border-color: var(--color-grey-600);\n  cursor: pointer;\n}\n\n.programme-card__divider {\n  border: none;\n  border-top: 1px solid var(--color-grey-400);\n  width: 100%;\n}\n","import { useNavigate } from 'react-router';\nimport { clsx } from 'clsx';\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  isNew?: boolean;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details, isNew }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={clsx(styles['programme-card'], isNew && styles['programme-card--new'])}\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"],"mappings":";;;;;;;;GCkBa,KAAiB,EAAE,SAAM,WAAQ,YAAS,eAAgC;CACrF,IAAM,IAAW,GAAa;AAE9B,QACE,kBAAC,KAAD;EACE,WAAW,EAAK,EAAO,mBAAmB,KAAS,EAAO,uBAAuB;EAC3E;EACN,UAAU,MAAU;AAEd,KAAM,WAAW,EAAM,WAAW,EAAM,YAAY,EAAM,UAAU,EAAM,WAAW,MAGzF,EAAM,gBAAgB,EAEtB,EAAS,EAAK;;YAVlB;GAaG;GACA,KAAW,kBAAC,MAAD,EAAI,WAAW,EAAO,4BAA8B,CAAA;GAC/D;GACC"}
+{"version":3,"file":"ProgrammeCard-CAAOSWKa.js","names":[],"sources":["../src/components/ProgrammeCard/ProgrammeCard.module.css","../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":[".programme-card {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-300);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  position: relative;\n  text-decoration: none;\n}\n\n.programme-card--new::before {\n  background-color: var(--color-purple-600);\n  border-radius: 0.18rem 0 0 0.18rem;\n  content: \"\";\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 0.25rem;\n  z-index: 1;\n}\n\n.programme-card:hover {\n  background-color: var(--color-grey-200);\n  border-color: var(--color-grey-600);\n  cursor: pointer;\n}\n\n.programme-card__divider {\n  border: none;\n  border-top: 1px solid var(--color-grey-400);\n  width: 100%;\n}\n","import { useNavigate } from 'react-router';\nimport { clsx } from 'clsx';\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  isNew?: boolean;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details, isNew }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={clsx(styles['programme-card'], isNew && styles['programme-card--new'])}\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"],"mappings":";;;;;;;;GCkBa,KAAiB,EAAE,SAAM,WAAQ,YAAS,eAAgC;CACrF,IAAM,IAAW,EAAY;CAE7B,OACE,kBAAC,KAAD;EACE,WAAW,EAAK,EAAO,mBAAmB,KAAS,EAAO,sBAAsB;EAC1E;EACN,UAAU,MAAU;GAEd,EAAM,WAAW,EAAM,WAAW,EAAM,YAAY,EAAM,UAAU,EAAM,WAAW,MAGzF,EAAM,eAAe,GAErB,EAAS,CAAI;EACf;YAXF;GAaG;GACA,KAAW,kBAAC,MAAD,EAAI,WAAW,EAAO,2BAA6B,CAAA;GAC9D;EACA;;AAEP"}

package/dist/{RadioButton-Bto2p5B9.js → RadioButton-CKALsbBb.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import './assets/RadioButton2.css';//#region src/components/RadioButton/RadioButton.module.css
 var r = {
@@ -32,4 +32,4 @@ var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=RadioButton-Bto2p5B9.js.map
+//# sourceMappingURL=RadioButton-CKALsbBb.js.map

package/dist/{RadioButton-Bto2p5B9.js.map → RadioButton-CKALsbBb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioButton-Bto2p5B9.js","names":[],"sources":["../src/components/RadioButton/RadioButton.module.css","../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":[".radio-button {\n  align-items: center;\n  display: grid;\n  gap: 0 0.5rem;\n  grid-template-columns: auto [label] 1fr;\n}\n\n.radio-button__input {\n  accent-color: var(--color-navy-600);\n}\n\n.radio-button .radio-button__input {\n  cursor: pointer;\n  margin-top: 0;\n}\n\n.radio-button__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n}\n\n.radio-button__label::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -1rem;\n  bottom: 0;\n  width: 1rem;\n}\n\n.radio-button__description {\n  color: var(--color-grey-700);\n  grid-area: label;\n  margin: 0;\n}\n\n.radio-button .radio-button__label {\n  width: fit-content;\n}\n\n.radio-button :disabled + .radio-button__label {\n  color: var(--color-grey-700);\n  cursor: unset;\n}\n\n.radio-button--gap-large {\n  column-gap: 1rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** The id of the element. */\n  id: string;\n  /** The label of the radio button. */\n  label: string;\n  /** The description that is shown under the label. */\n  description?: string;\n  /** The gap between the label and radio button. */\n  gap?: 'normal' | 'large';\n}\n\n/** Represents a component for a radio button. */\nexport const RadioButton = ({ id, label, gap = 'normal', description, ...restProps }: RadioButtonProps) => (\n  <div className={clsx(styles['radio-button'], styles[`radio-button--gap-${gap}`])}>\n    <input\n      className={styles['radio-button__input']}\n      {...restProps}\n      id={id}\n      type=\"radio\"\n      aria-describedby={description ? `${id}-description` : undefined}\n    />\n    <label className={styles['radio-button__label']} htmlFor={id}>\n      {label}\n    </label>\n    {description && (\n      <p id={`${id}-description`} className={styles['radio-button__description']}>\n        {description}\n      </p>\n    )}\n  </div>\n);\n"],"mappings":";;;;;;;;;GCkBa,KAAe,EAAE,OAAI,UAAO,SAAM,UAAU,gBAAa,GAAG,QACvE,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,iBAAiB,EAAO,qBAAqB,KAAO;WAAhF;EACE,kBAAC,SAAD;GACE,WAAW,EAAO;GAClB,GAAI;GACA;GACJ,MAAK;GACL,oBAAkB,IAAc,GAAG,EAAG,gBAAgB,KAAA;GACtD,CAAA;EACF,kBAAC,SAAD;GAAO,WAAW,EAAO;GAAwB,SAAS;aACvD;GACK,CAAA;EACP,KACC,kBAAC,KAAD;GAAG,IAAI,GAAG,EAAG;GAAe,WAAW,EAAO;aAC3C;GACC,CAAA;EAEF"}
+{"version":3,"file":"RadioButton-CKALsbBb.js","names":[],"sources":["../src/components/RadioButton/RadioButton.module.css","../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":[".radio-button {\n  align-items: center;\n  display: grid;\n  gap: 0 0.5rem;\n  grid-template-columns: auto [label] 1fr;\n}\n\n.radio-button__input {\n  accent-color: var(--color-navy-600);\n}\n\n.radio-button .radio-button__input {\n  cursor: pointer;\n  margin-top: 0;\n}\n\n.radio-button__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n}\n\n.radio-button__label::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -1rem;\n  bottom: 0;\n  width: 1rem;\n}\n\n.radio-button__description {\n  color: var(--color-grey-700);\n  grid-area: label;\n  margin: 0;\n}\n\n.radio-button .radio-button__label {\n  width: fit-content;\n}\n\n.radio-button :disabled + .radio-button__label {\n  color: var(--color-grey-700);\n  cursor: unset;\n}\n\n.radio-button--gap-large {\n  column-gap: 1rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** The id of the element. */\n  id: string;\n  /** The label of the radio button. */\n  label: string;\n  /** The description that is shown under the label. */\n  description?: string;\n  /** The gap between the label and radio button. */\n  gap?: 'normal' | 'large';\n}\n\n/** Represents a component for a radio button. */\nexport const RadioButton = ({ id, label, gap = 'normal', description, ...restProps }: RadioButtonProps) => (\n  <div className={clsx(styles['radio-button'], styles[`radio-button--gap-${gap}`])}>\n    <input\n      className={styles['radio-button__input']}\n      {...restProps}\n      id={id}\n      type=\"radio\"\n      aria-describedby={description ? `${id}-description` : undefined}\n    />\n    <label className={styles['radio-button__label']} htmlFor={id}>\n      {label}\n    </label>\n    {description && (\n      <p id={`${id}-description`} className={styles['radio-button__description']}>\n        {description}\n      </p>\n    )}\n  </div>\n);\n"],"mappings":";;;;;;;;;GCkBa,KAAe,EAAE,OAAI,UAAO,SAAM,UAAU,gBAAa,GAAG,QACvE,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,iBAAiB,EAAO,qBAAqB,IAAM;WAA/E;EACE,kBAAC,SAAD;GACE,WAAW,EAAO;GAClB,GAAI;GACA;GACJ,MAAK;GACL,oBAAkB,IAAc,GAAG,EAAG,gBAAgB,KAAA;EACvD,CAAA;EACD,kBAAC,SAAD;GAAO,WAAW,EAAO;GAAwB,SAAS;aACvD;EACI,CAAA;EACN,KACC,kBAAC,KAAD;GAAG,IAAI,GAAG,EAAG;GAAe,WAAW,EAAO;aAC3C;EACA,CAAA;CAEF"}

package/dist/{RadioGroup-JeTjVp5B.js → RadioGroup-DhnnBRJu.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
-import { t } from "./RadioButton-Bto2p5B9.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { t } from "./RadioButton-CKALsbBb.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import './assets/RadioGroup.css';//#region src/components/RadioGroup/RadioGroup.module.css
@@ -47,4 +47,4 @@ var a = {
 //#endregion
 export { o as t };
 
-//# sourceMappingURL=RadioGroup-JeTjVp5B.js.map
+//# sourceMappingURL=RadioGroup-DhnnBRJu.js.map

package/dist/{RadioGroup-JeTjVp5B.js.map → RadioGroup-DhnnBRJu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup-JeTjVp5B.js","names":[],"sources":["../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":[".radio-group__wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.radio-group__header {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: var(--line-height-s);\n  margin: 0;\n}\n\n.radio-group {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-600);\n  border-radius: 0.25rem;\n  overflow: hidden;\n}\n\n.radio-group__option {\n  cursor: pointer;\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n}\n\n.radio-group__option:not(:last-of-type) {\n  border-bottom: 1px solid var(--color-grey-400);\n}\n\n.radio-group__option:hover {\n  background-color: var(--color-grey-300);\n}\n\n.radio-group__option--disabled {\n  cursor: default;\n  pointer-events: none;\n}\n","import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './RadioGroup.module.css';\n\nimport { RadioButton } from 'components/RadioButton/RadioButton';\n\ntype Option = {\n  id: string;\n  titleLabel: string;\n  descriptionLabel?: string;\n  value: string;\n};\n\nexport interface RadioGroupProps {\n  /** The label of the radio group */\n  label: string;\n  /** Radio options. */\n  options: Option[];\n  /** Returns selected values as string */\n  onChange: (value: string) => void;\n  /** If true, the whole group will be disabled. */\n  disabled?: boolean;\n}\n\n/** Represents a component for dispalying grouped styled radio buttons. */\nexport const RadioGroup = ({ label, options, onChange, disabled }: RadioGroupProps) => {\n  const [selectedValue, setSelectedValue] = useState<string | null>(null);\n\n  const handleSelection = (value: string) => {\n    if (!disabled) {\n      setSelectedValue(value);\n      onChange(value);\n    }\n  };\n\n  return (\n    <div className={styles['radio-group__wrapper']}>\n      <h2 className={styles['radio-group__header']}>{label}</h2>\n      <div className={styles['radio-group']}>\n        {options.map(({ id, descriptionLabel, titleLabel, value }) => (\n          <div\n            className={clsx(styles['radio-group__option'], {\n              [styles['radio-group__option--disabled']]: disabled,\n            })}\n            key={id}\n            onClick={() => handleSelection(value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                handleSelection(value);\n              }\n            }}\n            role=\"presentation\"\n          >\n            <RadioButton\n              id={id}\n              label={titleLabel}\n              description={descriptionLabel}\n              name={label}\n              onChange={(event) => {\n                handleSelection(event.target.value);\n              }}\n              value={value}\n              checked={selectedValue === value}\n              disabled={disabled}\n              gap=\"large\"\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GC0Ba,KAAc,EAAE,UAAO,YAAS,aAAU,kBAAgC;CACrF,IAAM,CAAC,GAAe,KAAoB,EAAwB,KAAK,EAEjE,KAAmB,MAAkB;AACzC,EAAK,MACH,EAAiB,EAAM,EACvB,EAAS,EAAM;;AAInB,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,MAAD;GAAI,WAAW,EAAO;aAAyB;GAAW,CAAA,EAC1D,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAQ,KAAK,EAAE,OAAI,qBAAkB,eAAY,eAChD,kBAAC,OAAD;IACE,WAAW,EAAK,EAAO,wBAAwB,GAC5C,EAAO,mCAAmC,GAC5C,CAAC;IAEF,eAAe,EAAgB,EAAM;IACrC,YAAY,MAAU;AACpB,MAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,QACzC,EAAgB,EAAM;;IAG1B,MAAK;cAEL,kBAAC,GAAD;KACM;KACJ,OAAO;KACP,aAAa;KACb,MAAM;KACN,WAAW,MAAU;AACnB,QAAgB,EAAM,OAAO,MAAM;;KAE9B;KACP,SAAS,MAAkB;KACjB;KACV,KAAI;KACJ,CAAA;IACE,EAtBC,EAsBD,CACN;GACE,CAAA,CACF"}
+{"version":3,"file":"RadioGroup-DhnnBRJu.js","names":[],"sources":["../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":[".radio-group__wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.radio-group__header {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: var(--line-height-s);\n  margin: 0;\n}\n\n.radio-group {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-600);\n  border-radius: 0.25rem;\n  overflow: hidden;\n}\n\n.radio-group__option {\n  cursor: pointer;\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n}\n\n.radio-group__option:not(:last-of-type) {\n  border-bottom: 1px solid var(--color-grey-400);\n}\n\n.radio-group__option:hover {\n  background-color: var(--color-grey-300);\n}\n\n.radio-group__option--disabled {\n  cursor: default;\n  pointer-events: none;\n}\n","import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './RadioGroup.module.css';\n\nimport { RadioButton } from 'components/RadioButton/RadioButton';\n\ntype Option = {\n  id: string;\n  titleLabel: string;\n  descriptionLabel?: string;\n  value: string;\n};\n\nexport interface RadioGroupProps {\n  /** The label of the radio group */\n  label: string;\n  /** Radio options. */\n  options: Option[];\n  /** Returns selected values as string */\n  onChange: (value: string) => void;\n  /** If true, the whole group will be disabled. */\n  disabled?: boolean;\n}\n\n/** Represents a component for dispalying grouped styled radio buttons. */\nexport const RadioGroup = ({ label, options, onChange, disabled }: RadioGroupProps) => {\n  const [selectedValue, setSelectedValue] = useState<string | null>(null);\n\n  const handleSelection = (value: string) => {\n    if (!disabled) {\n      setSelectedValue(value);\n      onChange(value);\n    }\n  };\n\n  return (\n    <div className={styles['radio-group__wrapper']}>\n      <h2 className={styles['radio-group__header']}>{label}</h2>\n      <div className={styles['radio-group']}>\n        {options.map(({ id, descriptionLabel, titleLabel, value }) => (\n          <div\n            className={clsx(styles['radio-group__option'], {\n              [styles['radio-group__option--disabled']]: disabled,\n            })}\n            key={id}\n            onClick={() => handleSelection(value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                handleSelection(value);\n              }\n            }}\n            role=\"presentation\"\n          >\n            <RadioButton\n              id={id}\n              label={titleLabel}\n              description={descriptionLabel}\n              name={label}\n              onChange={(event) => {\n                handleSelection(event.target.value);\n              }}\n              value={value}\n              checked={selectedValue === value}\n              disabled={disabled}\n              gap=\"large\"\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GC0Ba,KAAc,EAAE,UAAO,YAAS,aAAU,kBAAgC;CACrF,IAAM,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAEhE,KAAmB,MAAkB;EACzC,AAAK,MACH,EAAiB,CAAK,GACtB,EAAS,CAAK;CAElB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,MAAD;GAAI,WAAW,EAAO;aAAyB;EAAU,CAAA,GACzD,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAQ,KAAK,EAAE,OAAI,qBAAkB,eAAY,eAChD,kBAAC,OAAD;IACE,WAAW,EAAK,EAAO,wBAAwB,GAC5C,EAAO,mCAAmC,EAC7C,CAAC;IAED,eAAe,EAAgB,CAAK;IACpC,YAAY,MAAU;KACpB,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,QACzC,EAAgB,CAAK;IAEzB;IACA,MAAK;cAEL,kBAAC,GAAD;KACM;KACJ,OAAO;KACP,aAAa;KACb,MAAM;KACN,WAAW,MAAU;MACnB,EAAgB,EAAM,OAAO,KAAK;KACpC;KACO;KACP,SAAS,MAAkB;KACjB;KACV,KAAI;IACL,CAAA;GACE,GAtBE,CAsBF,CACN;EACE,CAAA,CACF;;AAET"}

package/dist/{Repeater-BhkTEUai.js → Repeater-Bnoqqz0X.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t } from "react/jsx-runtime";
 import './assets/Repeater.css';var n = {
 	repeater: "_repeater_12czp_1",
@@ -19,4 +19,4 @@ import './assets/Repeater.css';var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=Repeater-BhkTEUai.js.map
+//# sourceMappingURL=Repeater-Bnoqqz0X.js.map

package/dist/{Repeater-BhkTEUai.js.map → Repeater-Bnoqqz0X.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Repeater-BhkTEUai.js","names":[],"sources":["../src/components/Repeater/Repeater.module.css","../src/components/Repeater/Repeater.tsx"],"sourcesContent":[".repeater {\n  display: flex;\n}\n\n.repeater--row {\n  flex-direction: row;\n}\n\n.repeater--row-reverse {\n  flex-direction: row-reverse;\n}\n\n.repeater--column {\n  flex-direction: column;\n}\n\n.repeater--column-reverse {\n  flex-direction: column-reverse;\n}\n\n.repeater--gap-025 {\n  gap: 0.25rem;\n}\n\n.repeater--gap-050 {\n  gap: 0.5rem;\n}\n\n.repeater--gap-075 {\n  gap: 0.75rem;\n}\n\n.repeater--gap-100 {\n  gap: 1rem;\n}\n\n.repeater--gap-150 {\n  gap: 1.5rem;\n}\n\n.repeater--gap-200 {\n  gap: 2rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Repeater.module.css';\n\nexport interface RepeaterProps {\n  /** The direction of the items. */\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /** The gap between the items. */\n  gap?: '025' | '050' | '075' | '100' | '150' | '200';\n}\n\n/** Represents a component to show a list of items. */\nexport const Repeater = ({ children, flexDirection = 'column', gap = '050' }: PropsWithChildren<RepeaterProps>) => {\n  return (\n    <div className={clsx(styles['repeater'], styles[`repeater--${flexDirection}`], styles[`repeater--gap-${gap}`])}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;GCca,KAAY,EAAE,aAAU,mBAAgB,UAAU,SAAM,YAEjE,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,UAAa,EAAO,aAAa,MAAkB,EAAO,iBAAiB,KAAO;CAC3G;CACG,CAAA"}
+{"version":3,"file":"Repeater-Bnoqqz0X.js","names":[],"sources":["../src/components/Repeater/Repeater.module.css","../src/components/Repeater/Repeater.tsx"],"sourcesContent":[".repeater {\n  display: flex;\n}\n\n.repeater--row {\n  flex-direction: row;\n}\n\n.repeater--row-reverse {\n  flex-direction: row-reverse;\n}\n\n.repeater--column {\n  flex-direction: column;\n}\n\n.repeater--column-reverse {\n  flex-direction: column-reverse;\n}\n\n.repeater--gap-025 {\n  gap: 0.25rem;\n}\n\n.repeater--gap-050 {\n  gap: 0.5rem;\n}\n\n.repeater--gap-075 {\n  gap: 0.75rem;\n}\n\n.repeater--gap-100 {\n  gap: 1rem;\n}\n\n.repeater--gap-150 {\n  gap: 1.5rem;\n}\n\n.repeater--gap-200 {\n  gap: 2rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Repeater.module.css';\n\nexport interface RepeaterProps {\n  /** The direction of the items. */\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /** The gap between the items. */\n  gap?: '025' | '050' | '075' | '100' | '150' | '200';\n}\n\n/** Represents a component to show a list of items. */\nexport const Repeater = ({ children, flexDirection = 'column', gap = '050' }: PropsWithChildren<RepeaterProps>) => {\n  return (\n    <div className={clsx(styles['repeater'], styles[`repeater--${flexDirection}`], styles[`repeater--gap-${gap}`])}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;GCca,KAAY,EAAE,aAAU,mBAAgB,UAAU,SAAM,YAEjE,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,UAAa,EAAO,aAAa,MAAkB,EAAO,iBAAiB,IAAM;CAC1G;AACE,CAAA"}

package/dist/{RteEditor.module-BJLUYSpf.js → RteEditor.module-pWBasED2.js}

@@ -38,4 +38,4 @@ import './assets/RteEditor.css';var e = {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=RteEditor.module-BJLUYSpf.js.map
+//# sourceMappingURL=RteEditor.module-pWBasED2.js.map

package/dist/{RteEditor.module-BJLUYSpf.js.map → RteEditor.module-pWBasED2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RteEditor.module-BJLUYSpf.js","names":[],"sources":["../src/components/RteEditor/RteEditor.module.css"],"sourcesContent":[".editor__container {\n  display: flex;\n  flex-direction: column;\n}\n\n.editor__header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n  min-height: 1.5rem;\n}\n\n.editor__header-word-count {\n  align-self: flex-end;\n  font-size: 0.875rem;\n  margin-left: 0.5rem;\n  text-align: right;\n  white-space: nowrap;\n  width: 4.5rem;\n}\n\n.editor__header-word-count--alert {\n  color: var(--color-red-600);\n  font-weight: bold;\n}\n\n.editor {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-600);\n  border-radius: 4px;\n  margin-bottom: 0.5rem;\n  padding: 0.25rem;\n}\n\n.editor:has(.editor__field:focus-visible) {\n  outline: 1px solid var(--color-navy-600);\n}\n\n.editor.not-valid {\n  border-color: var(--color-red-600);\n}\n\n.editor__toolbar {\n  align-items: center;\n  display: flex;\n  gap: 0.25rem;\n  justify-content: flex-start;\n  margin-bottom: 0.5rem;\n  padding: 0.25rem;\n}\n\n.editor__toolbar-flyout-wrapper {\n  background-color: var(--color-uva-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 3px 6px rgba(0 0 0 / 40%);\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  padding: 1rem;\n  position: fixed;\n  top: calc(100% + 0.25rem);\n  z-index: 1500;\n}\n\n.editor__toolbar-button-group {\n  align-items: center;\n  display: flex;\n  gap: 0.125rem;\n  justify-content: center;\n}\n\n.editor__toolbar-button-group--text {\n  align-items: center;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n}\n\n.editor__toolbar-button {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: inherit;\n  justify-content: center;\n  min-height: 2rem;\n  width: 2rem;\n}\n\n.editor__toolbar-button:hover {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-700);\n}\n\n.editor__toolbar-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n  z-index: 1;\n}\n\n.editor__toolbar-button--active,\n.editor__toolbar-button:active {\n  background-color: var(--color-uva-black);\n  border-color: var(--color-uva-black);\n  color: var(--color-uva-white);\n}\n\n.editor__toolbar-button--text {\n  border: 1px solid transparent;\n  font-size: 1rem;\n  padding: 0.25rem 0.5rem;\n  width: auto;\n}\n\n.editor__toolbar-button:disabled {\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-400);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button:hover:disabled {\n  background-color: var(--color-grey-300);\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-500);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button--bold {\n  font-weight: bold;\n}\n\n.editor__toolbar-button--italic {\n  font-style: italic;\n}\n\n.editor__toolbar-button:active:hover {\n  color: var(--color-uva-white);\n}\n\n.editor__toolbar-button--active:hover {\n  color: var(--color-uva-black);\n}\n\n.editor__toolbar-button--active:disabled {\n  background-color: var(--color-grey-300);\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-500);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button-flyoutwrapper {\n  position: relative;\n}\n\n.editor__field-wrapper {\n  position: relative;\n}\n\n.editor__field-wrapper::before {\n  border-top: 1px solid var(--color-grey-600);\n  content: \"\";\n  display: block;\n  height: 0;\n  margin-left: -0.25rem;\n  margin-top: -0.3rem;\n  width: calc(100% + 0.5rem);\n}\n\n.editor__field {\n  background-color: var(--color-uva-white);\n  margin-top: 0.5rem;\n  min-height: 8rem;\n  overflow-x: hidden;\n  padding: 0 0.5rem 0.5rem;\n  position: relative;\n}\n\n.editor__field::-webkit-scrollbar {\n  cursor: default;\n  width: 12px;\n}\n\n.editor__field::-webkit-scrollbar-track {\n  background: var(--color-uva-white);\n}\n\n.editor__field::-webkit-scrollbar-thumb {\n  background-color: var(--color-grey-500);\n  border: 3px solid var(--color-uva-white);\n  border-radius: 20px;\n  cursor: default;\n}\n\n.editor__field:focus-visible {\n  outline: none;\n}\n\n.editor__placeholder {\n  color: var(--color-grey-500);\n  left: 0.45rem;\n  pointer-events: none;\n  position: absolute;\n  top: 0.55rem;\n}\n\n/* Editor theme blockstyles */\n\n.guide-text-ltr {\n  text-align: left;\n}\n\n.guide-text-rtl {\n  text-align: right;\n}\n\n.guide-text-paragraph {\n  margin: 0;\n  position: relative;\n}\n\n.guide-text__text--bold {\n  font-weight: bold;\n}\n\n.guide-text__text--italic {\n  font-style: italic;\n}\n\n.guide-text__list--ul,\n.guide-text__list--ol {\n  list-style-position: inside;\n  margin: 0 0 0 -0.25rem;\n  padding: 0.25rem;\n}\n\n.guide-text__list--ol {\n  list-style-position: outside;\n  list-style-type: decimal;\n  margin: 0 0 0 0.25rem;\n}\n\n.guide-text__list--ul .guide-text__list--listitem {\n  margin: 0;\n}\n\n.guide-text__list--ol .guide-text__list--listitem {\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\n.guide-text__list--ol .guide-text__list--nested-listitem,\n.guide-text__list--ul .guide-text__list--nested-listitem {\n  list-style-type: none;\n  margin-left: 1.5rem;\n}\n\n.guide-text__list--ol .guide-text__list--nested-listitem {\n  margin-left: 1rem;\n}\n\n.guide-text__list--ul2 .guide-text__list--listitem {\n  list-style-type: circle;\n}\n\n.guide-text__list--ul3 .guide-text__list--listitem {\n  list-style-type: square;\n}\n\n.guide-text__list--ul4 .guide-text__list--listitem {\n  list-style-type: disc;\n}\n\n.guide-text__list--ul5 .guide-text__list--listitem {\n  list-style-type: circle;\n}\n\nul .guide-text__list--nested-listitem ol {\n  list-style-position: outside;\n  list-style-type: decimal;\n  margin-left: 0;\n  padding: 0.25rem 0.25rem 0.25rem 0.55rem;\n}\n\nul .guide-text__list--nested-listitem ol .guide-text__list--listitem {\n  list-style-type: decimal;\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\nol .guide-text__list--nested-listitem ul .guide-text__list--listitem {\n  list-style-type: disc;\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\nul .guide-text__list--nested-listitem {\n  list-style-type: none !important;\n}\n\nol .guide-text__list--nested-listitem ul {\n  margin-left: -1.5rem;\n  padding-left: 0.55rem;\n}\n\n.guide-text__table-wrapper {\n  margin: 0 1rem 0.5rem 0;\n  overflow-x: auto;\n}\n\n.guide-text__table {\n  border: 2px solid var(--color-grey-400);\n  border-collapse: collapse;\n  border-collapse: collapse;\n  border-spacing: 0;\n  margin: 0.5rem 0;\n  overflow-x: scroll;\n  overflow-y: scroll;\n  table-layout: fixed;\n  width: fit-content;\n}\n\n/* CSS counts the <colgroup> tag as the first \"row\" in the table. \nTherefore, to apply zebra striping to the actual odd rows, \nthe CSS must target the even rows instead. */\n\n.guide-text__table > tr:nth-child(even) {\n  background-color: var(--color-grey-100);\n}\n\n.guide-text__table > tr td {\n  border: 1px dotted var(--color-grey-400);\n  padding: 0.25rem 0.5rem;\n  position: relative;\n  vertical-align: top;\n}\n\ntd .guide-text__table-wrapper {\n  margin: 0;\n}\n\ntd:has(.guide-text__table-wrapper) {\n  padding: 0 !important;\n}\n\ntd:has(.guide-text__table-wrapper) table {\n  border: 0;\n  margin: 0;\n}\n\ntd:has(.guide-text__table-wrapper) table tr {\n  background-color: transparent !important;\n}\n\n.guide-text__course-catalogue-link {\n  color: var(--color-grey-800);\n  cursor: default;\n  text-decoration: dotted underline;\n}\n"],"mappings":""}
+{"version":3,"file":"RteEditor.module-pWBasED2.js","names":[],"sources":["../src/components/RteEditor/RteEditor.module.css"],"sourcesContent":[".editor__container {\n  display: flex;\n  flex-direction: column;\n}\n\n.editor__header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.5rem;\n  min-height: 1.5rem;\n}\n\n.editor__header-word-count {\n  align-self: flex-end;\n  font-size: 0.875rem;\n  margin-left: 0.5rem;\n  text-align: right;\n  white-space: nowrap;\n  width: 4.5rem;\n}\n\n.editor__header-word-count--alert {\n  color: var(--color-red-600);\n  font-weight: bold;\n}\n\n.editor {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-600);\n  border-radius: 4px;\n  margin-bottom: 0.5rem;\n  padding: 0.25rem;\n}\n\n.editor:has(.editor__field:focus-visible) {\n  outline: 1px solid var(--color-navy-600);\n}\n\n.editor.not-valid {\n  border-color: var(--color-red-600);\n}\n\n.editor__toolbar {\n  align-items: center;\n  display: flex;\n  gap: 0.25rem;\n  justify-content: flex-start;\n  margin-bottom: 0.5rem;\n  padding: 0.25rem;\n}\n\n.editor__toolbar-flyout-wrapper {\n  background-color: var(--color-uva-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 3px 6px rgba(0 0 0 / 40%);\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  padding: 1rem;\n  position: fixed;\n  top: calc(100% + 0.25rem);\n  z-index: 1500;\n}\n\n.editor__toolbar-button-group {\n  align-items: center;\n  display: flex;\n  gap: 0.125rem;\n  justify-content: center;\n}\n\n.editor__toolbar-button-group--text {\n  align-items: center;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n}\n\n.editor__toolbar-button {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: inherit;\n  justify-content: center;\n  min-height: 2rem;\n  width: 2rem;\n}\n\n.editor__toolbar-button:hover {\n  background-color: var(--color-grey-400);\n  border: 1px solid var(--color-grey-700);\n}\n\n.editor__toolbar-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n  z-index: 1;\n}\n\n.editor__toolbar-button--active,\n.editor__toolbar-button:active {\n  background-color: var(--color-uva-black);\n  border-color: var(--color-uva-black);\n  color: var(--color-uva-white);\n}\n\n.editor__toolbar-button--text {\n  border: 1px solid transparent;\n  font-size: 1rem;\n  padding: 0.25rem 0.5rem;\n  width: auto;\n}\n\n.editor__toolbar-button:disabled {\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-400);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button:hover:disabled {\n  background-color: var(--color-grey-300);\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-500);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button--bold {\n  font-weight: bold;\n}\n\n.editor__toolbar-button--italic {\n  font-style: italic;\n}\n\n.editor__toolbar-button:active:hover {\n  color: var(--color-uva-white);\n}\n\n.editor__toolbar-button--active:hover {\n  color: var(--color-uva-black);\n}\n\n.editor__toolbar-button--active:disabled {\n  background-color: var(--color-grey-300);\n  border-color: var(--color-grey-300);\n  color: var(--color-grey-500);\n  cursor: not-allowed;\n}\n\n.editor__toolbar-button-flyoutwrapper {\n  position: relative;\n}\n\n.editor__field-wrapper {\n  position: relative;\n}\n\n.editor__field-wrapper::before {\n  border-top: 1px solid var(--color-grey-600);\n  content: \"\";\n  display: block;\n  height: 0;\n  margin-left: -0.25rem;\n  margin-top: -0.3rem;\n  width: calc(100% + 0.5rem);\n}\n\n.editor__field {\n  background-color: var(--color-uva-white);\n  margin-top: 0.5rem;\n  min-height: 8rem;\n  overflow-x: hidden;\n  padding: 0 0.5rem 0.5rem;\n  position: relative;\n}\n\n.editor__field::-webkit-scrollbar {\n  cursor: default;\n  width: 12px;\n}\n\n.editor__field::-webkit-scrollbar-track {\n  background: var(--color-uva-white);\n}\n\n.editor__field::-webkit-scrollbar-thumb {\n  background-color: var(--color-grey-500);\n  border: 3px solid var(--color-uva-white);\n  border-radius: 20px;\n  cursor: default;\n}\n\n.editor__field:focus-visible {\n  outline: none;\n}\n\n.editor__placeholder {\n  color: var(--color-grey-500);\n  left: 0.45rem;\n  pointer-events: none;\n  position: absolute;\n  top: 0.55rem;\n}\n\n/* Editor theme blockstyles */\n\n.guide-text-ltr {\n  text-align: left;\n}\n\n.guide-text-rtl {\n  text-align: right;\n}\n\n.guide-text-paragraph {\n  margin: 0;\n  position: relative;\n}\n\n.guide-text__text--bold {\n  font-weight: bold;\n}\n\n.guide-text__text--italic {\n  font-style: italic;\n}\n\n.guide-text__list--ul,\n.guide-text__list--ol {\n  list-style-position: inside;\n  margin: 0 0 0 -0.25rem;\n  padding: 0.25rem;\n}\n\n.guide-text__list--ol {\n  list-style-position: outside;\n  list-style-type: decimal;\n  margin: 0 0 0 0.25rem;\n}\n\n.guide-text__list--ul .guide-text__list--listitem {\n  margin: 0;\n}\n\n.guide-text__list--ol .guide-text__list--listitem {\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\n.guide-text__list--ol .guide-text__list--nested-listitem,\n.guide-text__list--ul .guide-text__list--nested-listitem {\n  list-style-type: none;\n  margin-left: 1.5rem;\n}\n\n.guide-text__list--ol .guide-text__list--nested-listitem {\n  margin-left: 1rem;\n}\n\n.guide-text__list--ul2 .guide-text__list--listitem {\n  list-style-type: circle;\n}\n\n.guide-text__list--ul3 .guide-text__list--listitem {\n  list-style-type: square;\n}\n\n.guide-text__list--ul4 .guide-text__list--listitem {\n  list-style-type: disc;\n}\n\n.guide-text__list--ul5 .guide-text__list--listitem {\n  list-style-type: circle;\n}\n\nul .guide-text__list--nested-listitem ol {\n  list-style-position: outside;\n  list-style-type: decimal;\n  margin-left: 0;\n  padding: 0.25rem 0.25rem 0.25rem 0.55rem;\n}\n\nul .guide-text__list--nested-listitem ol .guide-text__list--listitem {\n  list-style-type: decimal;\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\nol .guide-text__list--nested-listitem ul .guide-text__list--listitem {\n  list-style-type: disc;\n  margin-left: 0.35rem;\n  padding-left: 0.55rem;\n}\n\nul .guide-text__list--nested-listitem {\n  list-style-type: none !important;\n}\n\nol .guide-text__list--nested-listitem ul {\n  margin-left: -1.5rem;\n  padding-left: 0.55rem;\n}\n\n.guide-text__table-wrapper {\n  margin: 0 1rem 0.5rem 0;\n  overflow-x: auto;\n}\n\n.guide-text__table {\n  border: 2px solid var(--color-grey-400);\n  border-collapse: collapse;\n  border-collapse: collapse;\n  border-spacing: 0;\n  margin: 0.5rem 0;\n  overflow-x: scroll;\n  overflow-y: scroll;\n  table-layout: fixed;\n  width: fit-content;\n}\n\n/* CSS counts the <colgroup> tag as the first \"row\" in the table. \nTherefore, to apply zebra striping to the actual odd rows, \nthe CSS must target the even rows instead. */\n\n.guide-text__table > tr:nth-child(even) {\n  background-color: var(--color-grey-100);\n}\n\n.guide-text__table > tr td {\n  border: 1px dotted var(--color-grey-400);\n  padding: 0.25rem 0.5rem;\n  position: relative;\n  vertical-align: top;\n}\n\ntd .guide-text__table-wrapper {\n  margin: 0;\n}\n\ntd:has(.guide-text__table-wrapper) {\n  padding: 0 !important;\n}\n\ntd:has(.guide-text__table-wrapper) table {\n  border: 0;\n  margin: 0;\n}\n\ntd:has(.guide-text__table-wrapper) table tr {\n  background-color: transparent !important;\n}\n\n.guide-text__course-catalogue-link {\n  color: var(--color-grey-800);\n  cursor: default;\n  text-decoration: dotted underline;\n}\n"],"mappings":""}

package/dist/{SearchField.module-BgxjHaPG.js → SearchField.module-Bn9xQD-f.js}

@@ -16,4 +16,4 @@ var e = {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=SearchField.module-BgxjHaPG.js.map
+//# sourceMappingURL=SearchField.module-Bn9xQD-f.js.map

package/dist/{SearchField.module-BgxjHaPG.js.map → SearchField.module-Bn9xQD-f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SearchField.module-BgxjHaPG.js","names":[],"sources":["../src/components/SearchField/SearchField.module.css"],"sourcesContent":[".search-field__input-wrapper {\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n  width: 100%;\n}\n\n.search-field__input-field {\n  appearance: none;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  flex: 1;\n  font-family: inherit;\n  font-size: inherit;\n  height: 2.35rem;\n  margin: 0;\n  padding: 0 2.75rem 0 1rem;\n  text-align: inherit;\n  width: 100%;\n}\n\n.search-field__input-field::placeholder {\n  color: var(--color-grey-700);\n  font-size: inherit;\n  opacity: 1;\n}\n\n.search-field__input-field:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.search-field__icon {\n  color: var(--color-grey-700);\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.search-field__result-wrapper {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-700);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  overflow: hidden;\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  width: clamp(22rem, 100%, 24rem);\n  z-index: 10;\n}\n\n.search-field__input-container {\n  position: relative;\n  width: 100%;\n}\n\n.search-field__input-container--hidden {\n  display: none;\n}\n\n.search-field__input-container--visible {\n  display: block;\n  max-width: 22rem;\n  min-width: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.search-field__compact-button {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  height: 2.35rem;\n  justify-content: center;\n  margin: 0;\n  text-align: inherit;\n  width: 2.35rem;\n}\n\n.search-field__compact-icon {\n  color: var(--color-grey-700);\n}\n\n.search-field__result-list {\n  border-bottom: 1px solid var(--color-grey-700);\n  list-style: none;\n  margin: 0;\n  max-height: min(23.75rem, 50vh);\n  overflow-y: auto;\n  padding: 0;\n}\n\n.search-field__result-list:empty {\n  display: none;\n}\n\n.search-field__result-item {\n  font-size: inherit;\n  max-width: 100%;\n  padding: 0.5rem 1rem;\n  white-space: nowrap;\n}\n\n.search-field__result-item:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: none;\n}\n\n.search-field__result-item:hover,\n.search-field__result-item:focus-visible {\n  background-color: var(--color-grey-300);\n  cursor: pointer;\n}\n\n.search-field__result-info {\n  background-color: var(--color-uva-white);\n  border-radius: 0 0 0.25rem 0.25rem;\n  border-top: 1px solid var(--color-grey-400);\n  font-size: inherit;\n  max-width: 100%;\n  padding: 0.5rem 1rem;\n  white-space: nowrap;\n}\n"],"mappings":""}
+{"version":3,"file":"SearchField.module-Bn9xQD-f.js","names":[],"sources":["../src/components/SearchField/SearchField.module.css"],"sourcesContent":[".search-field__input-wrapper {\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n  width: 100%;\n}\n\n.search-field__input-field {\n  appearance: none;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  flex: 1;\n  font-family: inherit;\n  font-size: inherit;\n  height: 2.35rem;\n  margin: 0;\n  padding: 0 2.75rem 0 1rem;\n  text-align: inherit;\n  width: 100%;\n}\n\n.search-field__input-field::placeholder {\n  color: var(--color-grey-700);\n  font-size: inherit;\n  opacity: 1;\n}\n\n.search-field__input-field:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.search-field__icon {\n  color: var(--color-grey-700);\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.search-field__result-wrapper {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-700);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  overflow: hidden;\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  width: clamp(22rem, 100%, 24rem);\n  z-index: 10;\n}\n\n.search-field__input-container {\n  position: relative;\n  width: 100%;\n}\n\n.search-field__input-container--hidden {\n  display: none;\n}\n\n.search-field__input-container--visible {\n  display: block;\n  max-width: 22rem;\n  min-width: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.search-field__compact-button {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  height: 2.35rem;\n  justify-content: center;\n  margin: 0;\n  text-align: inherit;\n  width: 2.35rem;\n}\n\n.search-field__compact-icon {\n  color: var(--color-grey-700);\n}\n\n.search-field__result-list {\n  border-bottom: 1px solid var(--color-grey-700);\n  list-style: none;\n  margin: 0;\n  max-height: min(23.75rem, 50vh);\n  overflow-y: auto;\n  padding: 0;\n}\n\n.search-field__result-list:empty {\n  display: none;\n}\n\n.search-field__result-item {\n  font-size: inherit;\n  max-width: 100%;\n  padding: 0.5rem 1rem;\n  white-space: nowrap;\n}\n\n.search-field__result-item:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: none;\n}\n\n.search-field__result-item:hover,\n.search-field__result-item:focus-visible {\n  background-color: var(--color-grey-300);\n  cursor: pointer;\n}\n\n.search-field__result-info {\n  background-color: var(--color-uva-white);\n  border-radius: 0 0 0.25rem 0.25rem;\n  border-top: 1px solid var(--color-grey-400);\n  font-size: inherit;\n  max-width: 100%;\n  padding: 0.5rem 1rem;\n  white-space: nowrap;\n}\n"],"mappings":""}

package/dist/{SectionNotification-CQqwPTqP.js → SectionNotification-BT0Z2edJ.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t } from "react/jsx-runtime";
 import './assets/SectionNotification.css';//#region src/components/SectionNotification/SectionNotification.module.css
 var n = {
@@ -11,4 +11,4 @@ var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=SectionNotification-CQqwPTqP.js.map
+//# sourceMappingURL=SectionNotification-BT0Z2edJ.js.map

package/dist/{SectionNotification-CQqwPTqP.js.map → SectionNotification-BT0Z2edJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification-CQqwPTqP.js","names":[],"sources":["../src/components/SectionNotification/SectionNotification.module.css","../src/components/SectionNotification/SectionNotification.tsx"],"sourcesContent":[".section-notification {\n  align-items: center;\n  background-color: var(--color-orange-100);\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n  padding: 0.75rem 1rem;\n}\n\n.section-notification--fullwidth {\n  width: 100%;\n}\n","import classNames from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './SectionNotification.module.css';\n\nexport interface SectionNotificationProps {\n  /** `true` if the notification bar should be full width; otherwise, `false`. */\n  fullWidth?: boolean;\n}\n\n/** Represents a component to show notifications within a [Card](/story/atoms-card--card-example). */\nexport const SectionNotification = ({ fullWidth = false, children }: PropsWithChildren<SectionNotificationProps>) => (\n  <div\n    className={classNames(styles['section-notification'], {\n      [styles['section-notification--fullwidth']]: fullWidth,\n    })}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;GCYa,KAAuB,EAAE,eAAY,IAAO,kBACvD,kBAAC,OAAD;CACE,WAAW,EAAW,EAAO,yBAAyB,GACnD,EAAO,qCAAqC,GAC9C,CAAC;CAED;CACG,CAAA"}
+{"version":3,"file":"SectionNotification-BT0Z2edJ.js","names":[],"sources":["../src/components/SectionNotification/SectionNotification.module.css","../src/components/SectionNotification/SectionNotification.tsx"],"sourcesContent":[".section-notification {\n  align-items: center;\n  background-color: var(--color-orange-100);\n  display: flex;\n  gap: 0.5rem;\n  justify-content: center;\n  padding: 0.75rem 1rem;\n}\n\n.section-notification--fullwidth {\n  width: 100%;\n}\n","import classNames from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './SectionNotification.module.css';\n\nexport interface SectionNotificationProps {\n  /** `true` if the notification bar should be full width; otherwise, `false`. */\n  fullWidth?: boolean;\n}\n\n/** Represents a component to show notifications within a [Card](/story/atoms-card--card-example). */\nexport const SectionNotification = ({ fullWidth = false, children }: PropsWithChildren<SectionNotificationProps>) => (\n  <div\n    className={classNames(styles['section-notification'], {\n      [styles['section-notification--fullwidth']]: fullWidth,\n    })}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;GCYa,KAAuB,EAAE,eAAY,IAAO,kBACvD,kBAAC,OAAD;CACE,WAAW,EAAW,EAAO,yBAAyB,GACnD,EAAO,qCAAqC,EAC/C,CAAC;CAEA;AACE,CAAA"}

package/dist/{SelectListbox.module-HaPs1CLD.js → SelectListbox.module-Df90DNyN.js}

@@ -27,4 +27,4 @@ var e = {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=SelectListbox.module-HaPs1CLD.js.map
+//# sourceMappingURL=SelectListbox.module-Df90DNyN.js.map

package/dist/{SelectListbox.module-HaPs1CLD.js.map → SelectListbox.module-Df90DNyN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectListbox.module-HaPs1CLD.js","names":[],"sources":["../src/components/SelectListbox/SelectListbox.module.css"],"sourcesContent":[".select-listbox-container {\n  position: relative;\n}\n\n.select-listbox__wrapper {\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  height: auto;\n  overflow: hidden;\n  position: fixed;\n  width: auto;\n  z-index: 20;\n}\n\n.select-listbox-trigger {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  justify-content: space-between;\n  line-height: inherit;\n  overflow: hidden;\n  padding: 0.4rem 2rem 0.4rem 1rem;\n  width: 100%;\n}\n\n.select-listbox-trigger--default {\n  padding: 0.75rem 2rem 0.75rem 1rem;\n}\n\n.select-listbox-trigger--small {\n  padding: 0.4rem 2rem 0.4rem 1rem;\n}\n\n.select-listbox-trigger--medium {\n  height: 2.75rem;\n  padding: 0.5rem 2rem 0.5rem 1rem;\n}\n\n.select-listbox-trigger-label {\n  min-height: 0.65rem;\n  overflow: hidden;\n  text-align: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.select-listbox__wrapper--align-right {\n  right: 0;\n}\n\n.select-listbox-trigger--bold {\n  font-weight: var(--semibold);\n}\n\n.select-listbox-trigger--pill {\n  border-radius: 6.25rem;\n  padding: 0.5rem 1.5rem;\n}\n\n.select-listbox-trigger--pillLeft {\n  border-radius: 6.25rem 0 0 6.25rem;\n  padding-left: 1.5rem;\n}\n\n.select-listbox-trigger--pillRight {\n  border-radius: 0 6.25rem 6.25rem 0;\n  padding-right: 1.25rem;\n}\n\n.select-listbox-trigger--darkBorder {\n  border-color: var(--color-uva-black);\n}\n\n.select-listbox-trigger--roundedLeft {\n  border-radius: 0.25rem 0 0 0.25rem;\n}\n\n.select-listbox-trigger--roundedRight {\n  border-radius: 0 0.25rem 0.25rem 0;\n}\n\n.select-listbox-trigger:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.select-listbox-trigger:focus-visible,\n.select-listbox-trigger:hover {\n  background-color: var(--color-grey-300);\n}\n\n.select-listbox-trigger--noborder {\n  border: none;\n}\n\n.select-listbox-trigger--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.select-listbox-trigger--pillLeft + .select-listbox__wrapper {\n  left: 1rem;\n}\n\n.select-listbox-trigger--pillRight + .select-listbox__wrapper--align-right {\n  right: 1rem;\n}\n\n.select-listbox-trigger-icon {\n  position: absolute;\n  right: 0.875rem;\n}\n\n.select-listbox-trigger-icon--open {\n  transform: rotate(180deg);\n}\n\n.select-listbox {\n  background-color: var(--color-uva-white);\n  list-style: none;\n  margin: 0;\n  min-width: 100%;\n  overflow-y: auto;\n  padding: 4px;\n  width: fit-content;\n}\n\n.select-listbox-option {\n  align-items: center;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5rem 0.75rem;\n  position: relative;\n  user-select: none;\n}\n\n/* keyword active is styling that cover both on mouse:hover and keyboard:focus */\n\n.select-listbox-option--active,\n.select-listbox-option:hover {\n  background-color: var(--color-grey-300);\n  box-shadow: 0 0 0 1px var(--color-uva-white);\n}\n\n.select-listbox-option[aria-selected=\"true\"] {\n  font-weight: var(--semibold);\n}\n\n.select-listbox-divider {\n  background-color: var(--color-grey-400);\n  height: 1px;\n  margin: 1px -0.25rem;\n  /* minus side margin to bleed over listbox padding */\n}\n"],"mappings":""}
+{"version":3,"file":"SelectListbox.module-Df90DNyN.js","names":[],"sources":["../src/components/SelectListbox/SelectListbox.module.css"],"sourcesContent":[".select-listbox-container {\n  position: relative;\n}\n\n.select-listbox__wrapper {\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  height: auto;\n  overflow: hidden;\n  position: fixed;\n  width: auto;\n  z-index: 20;\n}\n\n.select-listbox-trigger {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  justify-content: space-between;\n  line-height: inherit;\n  overflow: hidden;\n  padding: 0.4rem 2rem 0.4rem 1rem;\n  width: 100%;\n}\n\n.select-listbox-trigger--default {\n  padding: 0.75rem 2rem 0.75rem 1rem;\n}\n\n.select-listbox-trigger--small {\n  padding: 0.4rem 2rem 0.4rem 1rem;\n}\n\n.select-listbox-trigger--medium {\n  height: 2.75rem;\n  padding: 0.5rem 2rem 0.5rem 1rem;\n}\n\n.select-listbox-trigger-label {\n  min-height: 0.65rem;\n  overflow: hidden;\n  text-align: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.select-listbox__wrapper--align-right {\n  right: 0;\n}\n\n.select-listbox-trigger--bold {\n  font-weight: var(--semibold);\n}\n\n.select-listbox-trigger--pill {\n  border-radius: 6.25rem;\n  padding: 0.5rem 1.5rem;\n}\n\n.select-listbox-trigger--pillLeft {\n  border-radius: 6.25rem 0 0 6.25rem;\n  padding-left: 1.5rem;\n}\n\n.select-listbox-trigger--pillRight {\n  border-radius: 0 6.25rem 6.25rem 0;\n  padding-right: 1.25rem;\n}\n\n.select-listbox-trigger--darkBorder {\n  border-color: var(--color-uva-black);\n}\n\n.select-listbox-trigger--roundedLeft {\n  border-radius: 0.25rem 0 0 0.25rem;\n}\n\n.select-listbox-trigger--roundedRight {\n  border-radius: 0 0.25rem 0.25rem 0;\n}\n\n.select-listbox-trigger:focus-visible {\n  background-color: var(--color-grey-300);\n  outline: 1px solid var(--color-grey-700);\n}\n\n.select-listbox-trigger:focus-visible,\n.select-listbox-trigger:hover {\n  background-color: var(--color-grey-300);\n}\n\n.select-listbox-trigger--noborder {\n  border: none;\n}\n\n.select-listbox-trigger--not-valid {\n  border-color: var(--color-red-600);\n}\n\n.select-listbox-trigger--pillLeft + .select-listbox__wrapper {\n  left: 1rem;\n}\n\n.select-listbox-trigger--pillRight + .select-listbox__wrapper--align-right {\n  right: 1rem;\n}\n\n.select-listbox-trigger-icon {\n  position: absolute;\n  right: 0.875rem;\n}\n\n.select-listbox-trigger-icon--open {\n  transform: rotate(180deg);\n}\n\n.select-listbox {\n  background-color: var(--color-uva-white);\n  list-style: none;\n  margin: 0;\n  min-width: 100%;\n  overflow-y: auto;\n  padding: 4px;\n  width: fit-content;\n}\n\n.select-listbox-option {\n  align-items: center;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5rem 0.75rem;\n  position: relative;\n  user-select: none;\n}\n\n/* keyword active is styling that cover both on mouse:hover and keyboard:focus */\n\n.select-listbox-option--active,\n.select-listbox-option:hover {\n  background-color: var(--color-grey-300);\n  box-shadow: 0 0 0 1px var(--color-uva-white);\n}\n\n.select-listbox-option[aria-selected=\"true\"] {\n  font-weight: var(--semibold);\n}\n\n.select-listbox-divider {\n  background-color: var(--color-grey-400);\n  height: 1px;\n  margin: 1px -0.25rem;\n  /* minus side margin to bleed over listbox padding */\n}\n"],"mappings":""}

package/dist/{Slider-BlLyrET9.js → Slider-dCmT0VM2.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { useEffect as n, useEffectEvent as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -99,4 +99,4 @@ import './assets/Slider.css';var c = {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=Slider-BlLyrET9.js.map
+//# sourceMappingURL=Slider-dCmT0VM2.js.map

package/dist/{Slider-BlLyrET9.js.map → Slider-dCmT0VM2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Slider-BlLyrET9.js","names":[],"sources":["../src/components/Slider/Slider.module.css","../src/components/Slider/Slider.tsx"],"sourcesContent":[".slider_wrapper {\n  align-items: center;\n  display: flex;\n  gap: 1rem;\n  width: 100%;\n}\n\n.slider_button {\n  align-items: center;\n  appearance: none;\n  aspect-ratio: 1 / 1;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  height: 2rem;\n  justify-content: center;\n  width: 2rem;\n}\n\n.slider_button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.slider_button:hover {\n  border-color: var(--color-grey-700);\n}\n\n.slider_button:disabled,\n.slider_button:disabled:hover {\n  border: none;\n  cursor: not-allowed;\n}\n\n.slider_trackwrapper {\n  display: flex;\n  position: relative;\n  width: 100%;\n}\n\n.slider_balloon {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n  position: absolute;\n  text-align: center;\n  top: -1.8125rem;\n  white-space: nowrap;\n}\n\n.slider_input {\n  appearance: none;\n  background: var(--color-grey-400);\n  flex-grow: 1;\n  height: 0.25rem;\n}\n\n.slider_input:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.slider_input:disabled {\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-runnable-track {\n  appearance: none;\n  color: var(--color-navy-600);\n  cursor: pointer;\n  height: 2rem;\n  margin-top: -0.125rem;\n}\n\n.slider_input:disabled::-webkit-slider-runnable-track {\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(0.5rem + 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-webkit-slider-thumb,\n.slider_input:disabled:hover::-webkit-slider-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-moz-range-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(-0.25rem - 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-moz-range-thumb,\n.slider_input:hover:disabled::-moz-range-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-ms-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(-0.25rem - 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-ms-thumb,\n.slider_input:hover:disabled::-ms-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-ms-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-progress {\n  background-color: var(--color-navy-600);\n}\n\n.slider_input::-moz-range-track {\n  background-color: var(--color-grey-400);\n}\n\n.slider_input::-ms-fill-lower {\n  background-color: var(--color-navy-600);\n}\n\n.slider_input::-ms-fill-upper {\n  background-color: var(--color-grey-400);\n}\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { CSSProperties } from 'react';\r\n\r\nimport styles from './Slider.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface SliderProps {\r\n  /* The minimum value of the slider */\r\n  min: number;\r\n  /* The maximum value of the slider */\r\n  max: number;\r\n  /* The current value of the slider */\r\n  value?: number;\r\n  /* The step value of the slider */\r\n  step?: number;\r\n  /* The units to display next to the value */\r\n  units?: string;\r\n  /* aria-label labels for navigation buttons  */\r\n  navigationLabels?: { increase: string; decrease: string };\r\n  /* Whether the slider is disabled */\r\n  disabled?: boolean;\r\n  /* Callback function when the value changes */\r\n  onChange?: (value: number) => void;\r\n}\r\n\r\nconst HALF_STEP = 0.5;\r\nconst HUNDRED = 100;\r\nconst THUMB_SIZE = 16;\r\nconst REM = 16;\r\n\r\nexport const Slider = ({\r\n  min,\r\n  max,\r\n  value,\r\n  step = 1,\r\n  units,\r\n  navigationLabels,\r\n  disabled = false,\r\n  onChange,\r\n}: SliderProps) => {\r\n  const [sliderValue, setSliderValue] = useState(value !== undefined ? value : (min + max) * HALF_STEP);\r\n  const [balloonLeftPosition, setBalloonLeftPosition] = useState('');\r\n  const sliderRef = useRef<HTMLInputElement>(null);\r\n  const trackWrapperRef = useRef<HTMLDivElement>(null);\r\n  const balloonRef = useRef<HTMLDivElement>(null);\r\n\r\n  const handleButtonClick = (direction: number) => {\r\n    const newValue = sliderValue + direction * step;\r\n    if (newValue >= min && newValue <= max) {\r\n      setSliderValue(newValue);\r\n      paintValueOnTrack(newValue);\r\n      setFloaterPosition(newValue);\r\n      if (onChange) {\r\n        onChange(newValue);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const newValue = Number(event.target.value);\r\n    setSliderValue(newValue);\r\n    paintValueOnTrack(newValue);\r\n    setFloaterPosition(newValue);\r\n    if (onChange) {\r\n      onChange(newValue);\r\n    }\r\n  };\r\n\r\n  const paintValueOnTrack = (valueToPaint: number) => {\r\n    if (!sliderRef.current) return;\r\n    const percentage = ((valueToPaint - min) / (max - min)) * HUNDRED;\r\n    if (disabled) {\r\n      sliderRef.current.style.background = `linear-gradient(\r\n         to right, \r\n         var(--color-grey-700) 0%, \r\n         var(--color-grey-700) ${percentage}%, \r\n         var(--color-grey-400) ${percentage}%, \r\n         var(--color-grey-400) 100%)`;\r\n    } else {\r\n      sliderRef.current.style.background = `linear-gradient(\r\n         to right, \r\n         var(--color-navy-600) 0%, \r\n         var(--color-navy-600) ${percentage}%, \r\n         var(--color-grey-400) ${percentage}%, \r\n         var(--color-grey-400) 100%)`;\r\n    }\r\n  };\r\n\r\n  const setFloaterPosition = (value: number) => {\r\n    if (trackWrapperRef.current && balloonRef.current) {\r\n      const balloonWidth = balloonRef.current.clientWidth;\r\n      const trackWidth = trackWrapperRef.current.clientWidth - THUMB_SIZE;\r\n      const position = ((value - min) / (max - min)) * trackWidth;\r\n      const leftPosition = position - (balloonWidth - THUMB_SIZE) * HALF_STEP;\r\n      const clampedLeft = Math.max(0, Math.min(leftPosition, trackWidth - balloonWidth + THUMB_SIZE * HALF_STEP));\r\n      setBalloonLeftPosition(`${clampedLeft}px`);\r\n    }\r\n  };\r\n\r\n  const initializeSlider = useEffectEvent((value: number) => {\r\n    setSliderValue(value);\r\n    paintValueOnTrack(value);\r\n    setFloaterPosition(value);\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (value !== undefined) {\r\n      initializeSlider(value);\r\n    }\r\n  }, [value, disabled]);\r\n\r\n  return (\r\n    <div className={styles['slider_wrapper']}>\r\n      <button\r\n        type=\"button\"\r\n        className={styles['slider_button']}\r\n        onClick={() => handleButtonClick(-1)}\r\n        aria-label={navigationLabels?.decrease ? navigationLabels.decrease : 'Verlaag waarde'}\r\n        disabled={disabled}\r\n      >\r\n        <Icon name=\"Minus\" size={20} />\r\n      </button>\r\n      <div className={styles['slider_trackwrapper']} ref={trackWrapperRef}>\r\n        <div\r\n          className={clsx(styles['slider_balloon'], { [styles['slider_balloon--disabled']]: disabled })}\r\n          style={{ left: balloonLeftPosition }}\r\n          ref={balloonRef}\r\n        >\r\n          {sliderValue}\r\n          {units && <span className={styles['slider_units']}>{units}</span>}\r\n        </div>\r\n        <input\r\n          type=\"range\"\r\n          className={styles['slider_input']}\r\n          min={min}\r\n          max={max}\r\n          step={step}\r\n          value={sliderValue}\r\n          onChange={handleSliderChange}\r\n          ref={sliderRef}\r\n          style={{ '--thumb-size': `${THUMB_SIZE / REM}rem` } as CSSProperties}\r\n          aria-valuemin={min}\r\n          aria-valuemax={max}\r\n          aria-valuenow={sliderValue}\r\n          aria-valuetext={units ? `${sliderValue} ${units}` : `${sliderValue}`}\r\n          aria-label=\"Slider\"\r\n          disabled={disabled}\r\n        />\r\n      </div>\r\n      <button\r\n        type=\"button\"\r\n        className={styles['slider_button']}\r\n        onClick={() => handleButtonClick(1)}\r\n        aria-label={navigationLabels?.increase ? navigationLabels.increase : 'Verhoog waarde'}\r\n        disabled={disabled}\r\n      >\r\n        <Icon name=\"Plus\" size={20} />\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;GC4BM,IAAY,IACZ,IAAU,KACV,IAAa,IACb,IAAM,IAEC,KAAU,EACrB,QACA,QACA,UACA,UAAO,GACP,UACA,qBACA,cAAW,IACX,kBACiB;CACjB,IAAM,CAAC,GAAa,KAAkB,EAAS,MAAU,KAAA,KAAqB,IAAM,KAAO,IAAtB,EAAgC,EAC/F,CAAC,GAAqB,KAA0B,EAAS,GAAG,EAC5D,IAAY,EAAyB,KAAK,EAC1C,IAAkB,EAAuB,KAAK,EAC9C,IAAa,EAAuB,KAAK,EAEzC,KAAqB,MAAsB;EAC/C,IAAM,IAAW,IAAc,IAAY;AAC3C,EAAI,KAAY,KAAO,KAAY,MACjC,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAKlB,KAAsB,MAA+C;EACzE,IAAM,IAAW,OAAO,EAAM,OAAO,MAAM;AAI3C,EAHA,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAIhB,KAAqB,MAAyB;AAClD,MAAI,CAAC,EAAU,QAAS;EACxB,IAAM,KAAe,IAAe,MAAQ,IAAM,KAAQ;AAC1D,EAAI,IACF,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;wCAGtC,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;;IAKpC,KAAsB,MAAkB;AAC5C,MAAI,EAAgB,WAAW,EAAW,SAAS;GACjD,IAAM,IAAe,EAAW,QAAQ,aAClC,IAAa,EAAgB,QAAQ,cAAc,GAEnD,KADa,IAAQ,MAAQ,IAAM,KAAQ,KAChB,IAAe,KAAc;AAE9D,KAAuB,GADH,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,IAAa,IAAe,IAAa,EAAU,CAChF,CAAY,IAAI;;IAIxC,IAAmB,GAAgB,MAAkB;AAGzD,EAFA,EAAe,EAAM,EACrB,EAAkB,EAAM,EACxB,EAAmB,EAAM;GACzB;AAQF,QANA,QAAgB;AACd,EAAI,MAAU,KAAA,KACZ,EAAiB,EAAM;IAExB,CAAC,GAAO,EAAS,CAAC,EAGnB,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,GAAG;IACpC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAQ,MAAM;KAAM,CAAA;IACxB,CAAA;GACT,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAwB,KAAK;cAApD,CACE,kBAAC,OAAD;KACE,WAAW,EAAK,EAAO,gBAAmB,GAAG,EAAO,8BAA8B,GAAU,CAAC;KAC7F,OAAO,EAAE,MAAM,GAAqB;KACpC,KAAK;eAHP,CAKG,GACA,KAAS,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAkB;MAAa,CAAA,CAC7D;QACN,kBAAC,SAAD;KACE,MAAK;KACL,WAAW,EAAO;KACb;KACA;KACC;KACN,OAAO;KACP,UAAU;KACV,KAAK;KACL,OAAO,EAAE,gBAAgB,GAAG,IAAa,EAAI,MAAM;KACnD,iBAAe;KACf,iBAAe;KACf,iBAAe;KACf,kBAAgB,IAAQ,GAAG,EAAY,GAAG,MAAU,GAAG;KACvD,cAAW;KACD;KACV,CAAA,CACE;;GACN,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,EAAE;IACnC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAO,MAAM;KAAM,CAAA;IACvB,CAAA;GACL"}
+{"version":3,"file":"Slider-dCmT0VM2.js","names":[],"sources":["../src/components/Slider/Slider.module.css","../src/components/Slider/Slider.tsx"],"sourcesContent":[".slider_wrapper {\n  align-items: center;\n  display: flex;\n  gap: 1rem;\n  width: 100%;\n}\n\n.slider_button {\n  align-items: center;\n  appearance: none;\n  aspect-ratio: 1 / 1;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  height: 2rem;\n  justify-content: center;\n  width: 2rem;\n}\n\n.slider_button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.slider_button:hover {\n  border-color: var(--color-grey-700);\n}\n\n.slider_button:disabled,\n.slider_button:disabled:hover {\n  border: none;\n  cursor: not-allowed;\n}\n\n.slider_trackwrapper {\n  display: flex;\n  position: relative;\n  width: 100%;\n}\n\n.slider_balloon {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n  position: absolute;\n  text-align: center;\n  top: -1.8125rem;\n  white-space: nowrap;\n}\n\n.slider_input {\n  appearance: none;\n  background: var(--color-grey-400);\n  flex-grow: 1;\n  height: 0.25rem;\n}\n\n.slider_input:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.slider_input:disabled {\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-runnable-track {\n  appearance: none;\n  color: var(--color-navy-600);\n  cursor: pointer;\n  height: 2rem;\n  margin-top: -0.125rem;\n}\n\n.slider_input:disabled::-webkit-slider-runnable-track {\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(0.5rem + 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-webkit-slider-thumb,\n.slider_input:disabled:hover::-webkit-slider-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-moz-range-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(-0.25rem - 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-moz-range-thumb,\n.slider_input:hover:disabled::-moz-range-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-ms-thumb {\n  appearance: none;\n  background: var(--color-uva-white);\n  border: 2px solid var(--color-navy-600);\n  border-radius: 0.125rem;\n  cursor: pointer;\n  height: var(--thumb-size);\n  margin-top: calc(-0.25rem - 1px);\n  position: relative;\n  width: var(--thumb-size);\n}\n\n.slider_input:disabled::-ms-thumb,\n.slider_input:hover:disabled::-ms-thumb {\n  background: var(--color-grey-700);\n  border: 2px solid var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-ms-thumb:hover {\n  background: var(--color-navy-200);\n  border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-progress {\n  background-color: var(--color-navy-600);\n}\n\n.slider_input::-moz-range-track {\n  background-color: var(--color-grey-400);\n}\n\n.slider_input::-ms-fill-lower {\n  background-color: var(--color-navy-600);\n}\n\n.slider_input::-ms-fill-upper {\n  background-color: var(--color-grey-400);\n}\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { CSSProperties } from 'react';\r\n\r\nimport styles from './Slider.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface SliderProps {\r\n  /* The minimum value of the slider */\r\n  min: number;\r\n  /* The maximum value of the slider */\r\n  max: number;\r\n  /* The current value of the slider */\r\n  value?: number;\r\n  /* The step value of the slider */\r\n  step?: number;\r\n  /* The units to display next to the value */\r\n  units?: string;\r\n  /* aria-label labels for navigation buttons  */\r\n  navigationLabels?: { increase: string; decrease: string };\r\n  /* Whether the slider is disabled */\r\n  disabled?: boolean;\r\n  /* Callback function when the value changes */\r\n  onChange?: (value: number) => void;\r\n}\r\n\r\nconst HALF_STEP = 0.5;\r\nconst HUNDRED = 100;\r\nconst THUMB_SIZE = 16;\r\nconst REM = 16;\r\n\r\nexport const Slider = ({\r\n  min,\r\n  max,\r\n  value,\r\n  step = 1,\r\n  units,\r\n  navigationLabels,\r\n  disabled = false,\r\n  onChange,\r\n}: SliderProps) => {\r\n  const [sliderValue, setSliderValue] = useState(value !== undefined ? value : (min + max) * HALF_STEP);\r\n  const [balloonLeftPosition, setBalloonLeftPosition] = useState('');\r\n  const sliderRef = useRef<HTMLInputElement>(null);\r\n  const trackWrapperRef = useRef<HTMLDivElement>(null);\r\n  const balloonRef = useRef<HTMLDivElement>(null);\r\n\r\n  const handleButtonClick = (direction: number) => {\r\n    const newValue = sliderValue + direction * step;\r\n    if (newValue >= min && newValue <= max) {\r\n      setSliderValue(newValue);\r\n      paintValueOnTrack(newValue);\r\n      setFloaterPosition(newValue);\r\n      if (onChange) {\r\n        onChange(newValue);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const newValue = Number(event.target.value);\r\n    setSliderValue(newValue);\r\n    paintValueOnTrack(newValue);\r\n    setFloaterPosition(newValue);\r\n    if (onChange) {\r\n      onChange(newValue);\r\n    }\r\n  };\r\n\r\n  const paintValueOnTrack = (valueToPaint: number) => {\r\n    if (!sliderRef.current) return;\r\n    const percentage = ((valueToPaint - min) / (max - min)) * HUNDRED;\r\n    if (disabled) {\r\n      sliderRef.current.style.background = `linear-gradient(\r\n         to right, \r\n         var(--color-grey-700) 0%, \r\n         var(--color-grey-700) ${percentage}%, \r\n         var(--color-grey-400) ${percentage}%, \r\n         var(--color-grey-400) 100%)`;\r\n    } else {\r\n      sliderRef.current.style.background = `linear-gradient(\r\n         to right, \r\n         var(--color-navy-600) 0%, \r\n         var(--color-navy-600) ${percentage}%, \r\n         var(--color-grey-400) ${percentage}%, \r\n         var(--color-grey-400) 100%)`;\r\n    }\r\n  };\r\n\r\n  const setFloaterPosition = (value: number) => {\r\n    if (trackWrapperRef.current && balloonRef.current) {\r\n      const balloonWidth = balloonRef.current.clientWidth;\r\n      const trackWidth = trackWrapperRef.current.clientWidth - THUMB_SIZE;\r\n      const position = ((value - min) / (max - min)) * trackWidth;\r\n      const leftPosition = position - (balloonWidth - THUMB_SIZE) * HALF_STEP;\r\n      const clampedLeft = Math.max(0, Math.min(leftPosition, trackWidth - balloonWidth + THUMB_SIZE * HALF_STEP));\r\n      setBalloonLeftPosition(`${clampedLeft}px`);\r\n    }\r\n  };\r\n\r\n  const initializeSlider = useEffectEvent((value: number) => {\r\n    setSliderValue(value);\r\n    paintValueOnTrack(value);\r\n    setFloaterPosition(value);\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (value !== undefined) {\r\n      initializeSlider(value);\r\n    }\r\n  }, [value, disabled]);\r\n\r\n  return (\r\n    <div className={styles['slider_wrapper']}>\r\n      <button\r\n        type=\"button\"\r\n        className={styles['slider_button']}\r\n        onClick={() => handleButtonClick(-1)}\r\n        aria-label={navigationLabels?.decrease ? navigationLabels.decrease : 'Verlaag waarde'}\r\n        disabled={disabled}\r\n      >\r\n        <Icon name=\"Minus\" size={20} />\r\n      </button>\r\n      <div className={styles['slider_trackwrapper']} ref={trackWrapperRef}>\r\n        <div\r\n          className={clsx(styles['slider_balloon'], { [styles['slider_balloon--disabled']]: disabled })}\r\n          style={{ left: balloonLeftPosition }}\r\n          ref={balloonRef}\r\n        >\r\n          {sliderValue}\r\n          {units && <span className={styles['slider_units']}>{units}</span>}\r\n        </div>\r\n        <input\r\n          type=\"range\"\r\n          className={styles['slider_input']}\r\n          min={min}\r\n          max={max}\r\n          step={step}\r\n          value={sliderValue}\r\n          onChange={handleSliderChange}\r\n          ref={sliderRef}\r\n          style={{ '--thumb-size': `${THUMB_SIZE / REM}rem` } as CSSProperties}\r\n          aria-valuemin={min}\r\n          aria-valuemax={max}\r\n          aria-valuenow={sliderValue}\r\n          aria-valuetext={units ? `${sliderValue} ${units}` : `${sliderValue}`}\r\n          aria-label=\"Slider\"\r\n          disabled={disabled}\r\n        />\r\n      </div>\r\n      <button\r\n        type=\"button\"\r\n        className={styles['slider_button']}\r\n        onClick={() => handleButtonClick(1)}\r\n        aria-label={navigationLabels?.increase ? navigationLabels.increase : 'Verhoog waarde'}\r\n        disabled={disabled}\r\n      >\r\n        <Icon name=\"Plus\" size={20} />\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/{Sortable.module-8SoaHfuE.js → Sortable.module-CgDMpWM8.js}

@@ -23,4 +23,4 @@ import './assets/Sortable.css';var e = {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=Sortable.module-8SoaHfuE.js.map
+//# sourceMappingURL=Sortable.module-CgDMpWM8.js.map

package/dist/{Sortable.module-8SoaHfuE.js.map → Sortable.module-CgDMpWM8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Sortable.module-8SoaHfuE.js","names":[],"sources":["../src/components/Sortable/Sortable.module.css"],"sourcesContent":[".sortable__wrapper {\n  position: relative;\n}\n\n.sortable__wrapper--scrollable {\n  border-bottom: 1px solid var(--color-grey-300);\n  border-top: 1px solid var(--color-grey-300);\n  margin-bottom: 1rem;\n  max-height: 21rem;\n  overflow-y: auto;\n}\n\n.sortable__container {\n  --item-min-height: 3.75rem;\n  counter-reset: container;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  list-style: none;\n  margin: 1rem 1rem 1rem 0;\n  padding: 0;\n}\n\n.sortable__drop-target {\n  display: flex;\n  gap: 1rem;\n  min-height: var(--item-min-height);\n  position: relative;\n}\n\n.sortable__drop-target::before {\n  align-items: center;\n  content: counter(container);\n  counter-increment: container;\n  display: flex;\n  opacity: 1;\n  position: relative;\n  transition: opacity 0.25s;\n}\n\n.sortable__drop-target--no-number::before {\n  content: none;\n}\n\n.sortable__drop-target::after {\n  content: \"\";\n  display: block;\n  height: 1px;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 1;\n}\n\n.sortable__drop-target:last-child::after {\n  display: inline;\n}\n\n.sortable__sort-item {\n  align-items: center;\n  border-radius: 0.5rem;\n  display: flex;\n  gap: 1rem;\n  min-height: var(--item-min-height);\n  position: relative;\n  width: 100%;\n  z-index: 0;\n}\n\n.sortable__sort-item--grey-200 {\n  background-color: var(--color-grey-200);\n}\n\n.sortable__sort-item--white {\n  background-color: var(--color-uva-white);\n}\n\n.sortable__sort-item:focus {\n  z-index: 2;\n}\n\n.sortable__sort-item--ghost {\n  -webkit-user-drag: none;\n  margin: 0 1rem;\n  opacity: 0.5;\n  padding: 0.5rem 0;\n  pointer-events: none;\n  position: fixed;\n  visibility: hidden;\n  z-index: 2;\n}\n\n.sortable__sort-item__handle {\n  appearance: none;\n  background: none;\n  background-color: var(--color-uva-white);\n  border: 0;\n  cursor: grab;\n  height: 2.625rem;\n  width: 2.625rem;\n}\n\n.sortable__sort-item__button-container {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border-left: 1px solid var(--color-grey-300);\n  border-radius: 0 0.5rem 0.5rem 0;\n  display: flex;\n  flex-direction: column;\n  inset: 0 0 0 auto;\n  margin-right: 1px;\n  overflow: hidden;\n  position: absolute;\n  width: 2.625rem;\n  z-index: 20;\n}\n\n.sortable__sort-item__button-container[data-touch=\"false\"] {\n  display: none;\n}\n\n.sortable__sort-item__handle--icon {\n  align-items: center;\n  display: flex;\n  height: 1rem;\n  width: 1rem;\n}\n\n.sortable__sort-item__handle--up,\n.sortable__sort-item__handle--down {\n  color: black;\n  display: none;\n  height: 100%;\n  right: 0.5rem;\n}\n\n.sortable__sort-item__handle--up {\n  transform: rotate(180deg);\n}\n\n.sortable__sort-item--dragging .sortable__sort-item__handle {\n  cursor: grabbing;\n}\n\n.sortable__sort-item__contents {\n  align-items: center;\n  color: var(--color-uva-black);\n  display: flex;\n  gap: 0.5rem;\n  padding: 0.5rem;\n  width: 100%;\n}\n\n.sortable__sort-item__contents--handle-right {\n  padding-left: 1rem;\n  padding-right: 2.5rem;\n}\n\n.sortable__handle {\n  color: var(--color-grey-700);\n  cursor: grab;\n  display: flex;\n}\n\n.sortable__handle--right {\n  position: absolute;\n  right: 0.5rem;\n}\n\n/** Target touch enabled devices and screen readers */\n\n.sortable__sort-item__button-container[data-touch=\"true\"] {\n  gap: 1px;\n  justify-content: center;\n}\n\n.sortable__sort-item__button-container[data-touch=\"true\"] .sortable__sort-item__handle--up,\n.sortable__sort-item__button-container[data-touch=\"true\"] .sortable__sort-item__handle--down {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n\n.sortable__visually-hidden {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: 0 -1px -1px 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n"],"mappings":""}
+{"version":3,"file":"Sortable.module-CgDMpWM8.js","names":[],"sources":["../src/components/Sortable/Sortable.module.css"],"sourcesContent":[".sortable__wrapper {\n  position: relative;\n}\n\n.sortable__wrapper--scrollable {\n  border-bottom: 1px solid var(--color-grey-300);\n  border-top: 1px solid var(--color-grey-300);\n  margin-bottom: 1rem;\n  max-height: 21rem;\n  overflow-y: auto;\n}\n\n.sortable__container {\n  --item-min-height: 3.75rem;\n  counter-reset: container;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  list-style: none;\n  margin: 1rem 1rem 1rem 0;\n  padding: 0;\n}\n\n.sortable__drop-target {\n  display: flex;\n  gap: 1rem;\n  min-height: var(--item-min-height);\n  position: relative;\n}\n\n.sortable__drop-target::before {\n  align-items: center;\n  content: counter(container);\n  counter-increment: container;\n  display: flex;\n  opacity: 1;\n  position: relative;\n  transition: opacity 0.25s;\n}\n\n.sortable__drop-target--no-number::before {\n  content: none;\n}\n\n.sortable__drop-target::after {\n  content: \"\";\n  display: block;\n  height: 1px;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 1;\n}\n\n.sortable__drop-target:last-child::after {\n  display: inline;\n}\n\n.sortable__sort-item {\n  align-items: center;\n  border-radius: 0.5rem;\n  display: flex;\n  gap: 1rem;\n  min-height: var(--item-min-height);\n  position: relative;\n  width: 100%;\n  z-index: 0;\n}\n\n.sortable__sort-item--grey-200 {\n  background-color: var(--color-grey-200);\n}\n\n.sortable__sort-item--white {\n  background-color: var(--color-uva-white);\n}\n\n.sortable__sort-item:focus {\n  z-index: 2;\n}\n\n.sortable__sort-item--ghost {\n  -webkit-user-drag: none;\n  margin: 0 1rem;\n  opacity: 0.5;\n  padding: 0.5rem 0;\n  pointer-events: none;\n  position: fixed;\n  visibility: hidden;\n  z-index: 2;\n}\n\n.sortable__sort-item__handle {\n  appearance: none;\n  background: none;\n  background-color: var(--color-uva-white);\n  border: 0;\n  cursor: grab;\n  height: 2.625rem;\n  width: 2.625rem;\n}\n\n.sortable__sort-item__button-container {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border-left: 1px solid var(--color-grey-300);\n  border-radius: 0 0.5rem 0.5rem 0;\n  display: flex;\n  flex-direction: column;\n  inset: 0 0 0 auto;\n  margin-right: 1px;\n  overflow: hidden;\n  position: absolute;\n  width: 2.625rem;\n  z-index: 20;\n}\n\n.sortable__sort-item__button-container[data-touch=\"false\"] {\n  display: none;\n}\n\n.sortable__sort-item__handle--icon {\n  align-items: center;\n  display: flex;\n  height: 1rem;\n  width: 1rem;\n}\n\n.sortable__sort-item__handle--up,\n.sortable__sort-item__handle--down {\n  color: black;\n  display: none;\n  height: 100%;\n  right: 0.5rem;\n}\n\n.sortable__sort-item__handle--up {\n  transform: rotate(180deg);\n}\n\n.sortable__sort-item--dragging .sortable__sort-item__handle {\n  cursor: grabbing;\n}\n\n.sortable__sort-item__contents {\n  align-items: center;\n  color: var(--color-uva-black);\n  display: flex;\n  gap: 0.5rem;\n  padding: 0.5rem;\n  width: 100%;\n}\n\n.sortable__sort-item__contents--handle-right {\n  padding-left: 1rem;\n  padding-right: 2.5rem;\n}\n\n.sortable__handle {\n  color: var(--color-grey-700);\n  cursor: grab;\n  display: flex;\n}\n\n.sortable__handle--right {\n  position: absolute;\n  right: 0.5rem;\n}\n\n/** Target touch enabled devices and screen readers */\n\n.sortable__sort-item__button-container[data-touch=\"true\"] {\n  gap: 1px;\n  justify-content: center;\n}\n\n.sortable__sort-item__button-container[data-touch=\"true\"] .sortable__sort-item__handle--up,\n.sortable__sort-item__button-container[data-touch=\"true\"] .sortable__sort-item__handle--down {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n\n.sortable__visually-hidden {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: 0 -1px -1px 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n"],"mappings":""}

package/dist/{SortableProvider-8HYiBXJS.js → SortableProvider-DV6gWmq_.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
-import { t } from "./Sortable.module-8SoaHfuE.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { t } from "./Sortable.module-CgDMpWM8.js";
 import { initialState as n, sortableReducer as r } from "./components/Sortable/sortableReducer.js";
 import { clearDraggingSource as i, clearDraggingTarget as a, dragEnd as o, dragStart as s, drop as c, moveToPosition as l, reset as u, setClone as d, setDraggingSource as f, setDraggingTarget as p } from "./components/Sortable/actions.js";
 import { cloneElement as m, createContext as h, useContext as g, useEffect as _, useReducer as v, useRef as y } from "react";
@@ -144,4 +144,4 @@ function E() {
 //#endregion
 export { E as n, x as r, T as t };
 
-//# sourceMappingURL=SortableProvider-8HYiBXJS.js.map
+//# sourceMappingURL=SortableProvider-DV6gWmq_.js.map