@riverty/web-components 6.3.0 → 6.3.1

package/dist/cjs/theming-NqxjhVJS.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var styleObserver = require('./style-observer-D9zSP9wP.js');
+
+// Track observers per theme context element
+const contextObservers = new Map();
+// Track which elements already have inverse theme setup to avoid duplicates
+const inverseThemeTargets = new WeakMap();
+// Special design token defined for this purpose. Defined as either 'light' or 'dark'.
+const THEME_STATE_PROPERTY = '--r-internal-theme-state';
+/**
+ * Sets up an inverse theme relationship between a target element and its theme context element.
+ * The target will automatically update its theme to be the inverse of its parent context.
+ * @param targetElement Element that should have inverse theme
+ * @param themeContextElement Element that contains the theme context
+ */
+const setupInverseThemeAwareness = (targetElement, themeContextElement) => {
+    if (!themeContextElement || !targetElement)
+        return;
+    // Check if this target is already set up with this context
+    const existingTargets = inverseThemeTargets.get(themeContextElement);
+    if (existingTargets === null || existingTargets === void 0 ? void 0 : existingTargets.has(targetElement))
+        return;
+    // Store this target as set up
+    if (!existingTargets) {
+        inverseThemeTargets.set(themeContextElement, new Set([targetElement]));
+    }
+    else {
+        existingTargets.add(targetElement);
+    }
+    // Find or create observer for this context
+    let observer = contextObservers.get(themeContextElement);
+    if (!observer) {
+        const observerCallback = (records) => {
+            const record = records[0];
+            if (!record)
+                return;
+            const theme = resolveTheme(record.value);
+            const inverseTheme = theme === 'dark' ? 'light' : 'dark';
+            // Update all targets for this context
+            const targets = inverseThemeTargets.get(themeContextElement);
+            targets === null || targets === void 0 ? void 0 : targets.forEach(target => {
+                target.setAttribute('data-theme', inverseTheme);
+            });
+        };
+        observer = new styleObserver.StyleObserver(observerCallback, {
+            target: themeContextElement,
+            properties: THEME_STATE_PROPERTY
+        });
+        contextObservers.set(themeContextElement, observer);
+        // Immediate check for initial value
+        const computedStyle = window.getComputedStyle(themeContextElement);
+        const initialValue = computedStyle.getPropertyValue(THEME_STATE_PROPERTY);
+        observerCallback([{
+                target: themeContextElement,
+                property: THEME_STATE_PROPERTY,
+                value: initialValue,
+                oldValue: null
+            }]);
+    }
+    else {
+        // Observer exists already, just need to set initial theme on the new target
+        const computedStyle = window.getComputedStyle(themeContextElement);
+        const initialValue = computedStyle.getPropertyValue(THEME_STATE_PROPERTY);
+        const theme = resolveTheme(initialValue);
+        const inverseTheme = theme === 'dark' ? 'light' : 'dark';
+        targetElement.setAttribute('data-theme', inverseTheme);
+    }
+};
+/**
+ * Removes the inverse theme relationship between a target element and its theme context element.
+ * This function cleans up any observers and references created by setupInverseThemeAwareness.
+ * @param targetElement Element that has inverse theme
+ * @param themeContextElement Element that contains the theme context
+ */
+const stopInverseThemeAwareness = (targetElement, themeContextElement) => {
+    if (!themeContextElement || !targetElement)
+        return;
+    // Get the set of targets for this context
+    const targets = inverseThemeTargets.get(themeContextElement);
+    if (!targets || !targets.has(targetElement))
+        return;
+    // Remove the target from the set
+    targets.delete(targetElement);
+    // If no more targets for this context, clean up the observer
+    if (targets.size === 0) {
+        inverseThemeTargets.delete(themeContextElement);
+        const observer = contextObservers.get(themeContextElement);
+        if (observer) {
+            // Remove the observer (StyleObserver has no disconnect method, it auto-cleans)
+            contextObservers.delete(themeContextElement);
+        }
+    }
+};
+/**
+ * Resolves theme based on CSS property value
+ * @param value - The value of the CSS property (should be 'light' or 'dark')
+ * @returns The resolved theme
+ */
+const resolveTheme = (value) => {
+    const trimmedValue = value === null || value === void 0 ? void 0 : value.trim();
+    if (trimmedValue === 'dark') {
+        return 'dark';
+    }
+    return 'light';
+};
+
+exports.setupInverseThemeAwareness = setupInverseThemeAwareness;
+exports.stopInverseThemeAwareness = stopInverseThemeAwareness;

package/dist/cjs/web-components.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-BnETQtSf.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('web-components.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"r-pagination.cjs\",[[257,\"r-pagination\",{\"arrows\":[1028],\"totalResults\":[514,\"total-results\"],\"pageActive\":[1538,\"page-active\"],\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[16,\"items-per-page-options\"],\"variant\":[1],\"resultsLine\":[1028,\"results-line\"],\"startText\":[1,\"start-text\"],\"middleText\":[1,\"middle-text\"],\"endText\":[1,\"end-text\"],\"selectText\":[1,\"select-text\"],\"listBoxPosition\":[1,\"list-box-position\"],\"previousPageButtonLabel\":[1,\"previous-page-button-label\"],\"nextPageButtonLabel\":[1,\"next-page-button-label\"],\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"pageLabel\":[1,\"page-label\"],\"ellipsisLabel\":[1,\"ellipsis-label\"],\"itemsPerPageLabel\":[1,\"items-per-page-label\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]},null,{\"totalResults\":[\"handlePropsChange\"],\"itemsPerPage\":[\"handlePropsChange\"],\"variant\":[\"handlePropsChange\"],\"pageActive\":[\"handlePropsChange\"]}]]],[\"r-input-password.cjs\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"pattern\":[1],\"valueMissingMessage\":[1,\"value-missing-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showPasswordAriaLabel\":[1,\"show-password-aria-label\"],\"hidePasswordAriaLabel\":[1,\"hide-password-aria-label\"],\"shownPasswordMessage\":[1,\"shown-password-message\"],\"hiddenPasswordMessage\":[1,\"hidden-password-message\"],\"passwordrules\":[1],\"autocomplete\":[1],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]}]]],[\"r-alert.cjs\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingIconSize\":[1,\"trailing-icon-size\"],\"headline\":[1],\"content\":[1],\"href\":[1],\"linkText\":[1,\"link-text\"],\"target\":[1],\"delay\":[2],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"delayTimer\":[32]}]]],[\"r-checkbox-group.cjs\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"help\":[1],\"helpIcon\":[1,\"help-icon\"],\"helpIconColor\":[1,\"help-icon-color\"],\"hint\":[1],\"showSelectAll\":[516,\"show-select-all\"],\"novalidate\":[4],\"checked\":[4],\"indetermitate\":[4],\"indeterminate\":[32],\"allChecked\":[32],\"noChecked\":[32],\"validityState\":[32],\"validityMessage\":[32],\"setCustomValidity\":[64],\"checkValidity\":[64],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number.cjs\",[[257,\"r-input-phone-number\",{\"value\":[513],\"form\":[1],\"novalidate\":[4],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"name\":[1],\"inputLabel\":[1,\"input-label\"],\"countryCodeLabel\":[1,\"country-code-label\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[513,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidPhoneNumberMessage\":[1,\"invalid-phone-number-message\"],\"fullWidth\":[516,\"full-width\"],\"fullPhoneNumber\":[32],\"phoneNumber\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-toast.cjs\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"headline\":[513],\"href\":[1],\"action\":[1],\"target\":[1],\"delay\":[2],\"dismissMode\":[1,\"dismiss-mode\"],\"dismissLabel\":[1,\"dismiss-label\"],\"delayBeforeRemoval\":[2,\"delay-before-removal\"],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64],\"measureAndPrepareHeight\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-dialog.cjs\",[[257,\"r-dialog\",{\"open\":[4],\"returnValue\":[1,\"return-value\"],\"headline\":[1],\"bodyText\":[1,\"body-text\"],\"bodyHeight\":[1,\"body-height\"],\"size\":[513],\"closeAriaLabel\":[513,\"close-aria-label\"],\"isOpen\":[32],\"showModal\":[64],\"close\":[64],\"toggle\":[64]},[[9,\"mouseup\",\"onMouseup\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"r-input-code.cjs\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"readonly\":[516],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"invalid\":[1540],\"error\":[1],\"valid\":[1540],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"ariaCharacterLabel\":[1,\"aria-character-label\"],\"value\":[1537],\"inputmode\":[1],\"enterkeyhint\":[1],\"autocomplete\":[1],\"values\":[32],\"wasComplete\":[32],\"lastCompletedValue\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"focusSegment\":[64],\"getSegmentValue\":[64],\"setSegmentValue\":[64]},null,{\"values\":[\"handleValuesChange\"],\"length\":[\"handleLengthChange\"]}]]],[\"r-input-date.cjs\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"dayAriaLabel\":[513,\"day-aria-label\"],\"monthAriaLabel\":[513,\"month-aria-label\"],\"yearAriaLabel\":[513,\"year-aria-label\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"min\":[513],\"max\":[513],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"reset\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-popover.cjs\",[[257,\"r-popover\",{\"open\":[516],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"vertical\":[1],\"horizontal\":[1],\"positionState\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"keyup\",\"onKeyup\"],[9,\"resize\",\"onResize\"],[9,\"scroll\",\"onScroll\"]],{\"open\":[\"handleOpenChange\"],\"isOpen\":[\"watchOpen\"],\"horizontal\":[\"handlePreferredPositionChange\"],\"vertical\":[\"handlePreferredPositionChange\"]}]]],[\"r-radio-group.cjs\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"autofocus\":[4],\"parentValue\":[1,\"parent-value\"],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"reset\":[64],\"setValue\":[64],\"getValue\":[64],\"clearValue\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setCustomValidity\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[0,\"rChange\",\"rChangeAction\"],[0,\"radioButtonClick\",\"radioButtonClickAction\"],[0,\"radioButtonKeydown\",\"radioButtonKeydownAction\"]]]]],[\"r-tabs-list.cjs\",[[257,\"r-tabs-list\",{\"variant\":[513],\"border\":[513],\"scrollLeftTooltip\":[1,\"scroll-left-tooltip\"],\"scrollRightTooltip\":[1,\"scroll-right-tooltip\"],\"scrollable\":[32],\"firstItemVisible\":[32],\"lastItemVisible\":[32]},[[0,\"tabChange\",\"tabChangeAction\"]]]]],[\"r-textarea.cjs\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"readonly\":[516],\"hint\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"maxlength\":[2],\"showCounter\":[4,\"show-counter\"],\"characterLimitReachedMessage\":[1,\"character-limit-reached-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"minlength\":[2],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64]}]]],[\"r-panel.cjs\",[[257,\"r-panel\",{\"header\":[1],\"hasHeader\":[4,\"has-header\"],\"active\":[4],\"hasFooter\":[4,\"has-footer\"],\"variant\":[513],\"collapsed\":[4],\"logoLink\":[1,\"logo-link\"],\"labelCollapse\":[1,\"label-collapse\"],\"labelExpand\":[1,\"label-expand\"],\"currentLocation\":[32],\"isCollapsed\":[32],\"togglePanel\":[64],\"expandPanel\":[64],\"collapsePanel\":[64]},[[2,\"click\",\"toggleSubItems\"],[4,\"click\",\"handleDocumentClick\"]],{\"isCollapsed\":[\"handleCollapseChange\"],\"variant\":[\"watchVariant\"]}]]],[\"r-radio-button.cjs\",[[257,\"r-radio-button\",{\"form\":[513],\"name\":[1537],\"value\":[520],\"novalidate\":[4],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"autofocus\":[4],\"checked\":[1540],\"hint\":[1],\"error\":[1],\"description\":[1],\"icon\":[1],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]}]]],[\"r-stepper.cjs\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2],\"label\":[513],\"completedStepsLabel\":[513,\"completed-steps-label\"]},[[9,\"resize\",\"onResize\"]],{\"completedStepsLabel\":[\"handleCompletedStepsLabelChange\"]}]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge.cjs\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item.cjs\",[[257,\"r-list-item\",{\"headline\":[1],\"description\":[1],\"truncateDescription\":[4,\"truncate-description\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"hideLeadingIcon\":[4,\"hide-leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[513],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"active\":[516],\"toggleSubitems\":[64]}]]],[\"r-tab.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-accordion.cjs\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel.cjs\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section.cjs\",[[257,\"r-accordion-section\",{\"disabled\":[1540],\"expanded\":[1540],\"headingAriaLevel\":[514,\"heading-aria-level\"],\"isExpanded\":[32]},[[0,\"rClickTrigger\",\"rClickTriggerAction\"],[0,\"rKeyupTrigger\",\"rKeyupTriggerAction\"]],{\"expanded\":[\"expandedAction\"]}]]],[\"r-design-system-devtools.cjs\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-illustration.cjs\",[[257,\"r-illustration\",{\"name\":[513],\"width\":[513],\"theme\":[513],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"errorMessage\":[1,\"error-message\"],\"emptyImageTitle\":[1,\"empty-image-title\"],\"emptyMarkerTitle\":[1,\"empty-marker-title\"],\"detectedTheme\":[32],\"error\":[32]}]]],[\"r-popover-action.cjs\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content.cjs\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline.cjs\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger.cjs\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar.cjs\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description.cjs\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading.cjs\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title.cjs\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing.cjs\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link.cjs\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab-panel.cjs\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs.cjs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-toast-group.cjs\",[[257,\"r-toast-group\"]]],[\"r-icon.cjs\",[[257,\"r-icon\",{\"name\":[513],\"src\":[1],\"kit\":[1],\"size\":[513],\"viewBox\":[1,\"view-box\"],\"color\":[1],\"variant\":[513],\"iconAriaLabel\":[1,\"icon-aria-label\"]}]]],[\"r-select.cjs\",[[257,\"r-select\",{\"form\":[513],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"label\":[513],\"internal\":[516],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"listboxPosition\":[1,\"listbox-position\"],\"valueMissingMessage\":[513,\"value-missing-message\"],\"customErrorMessage\":[513,\"custom-error-message\"],\"expanded\":[4],\"readonly\":[516],\"combobox\":[516],\"toggleButtonAriaLabel\":[1,\"toggle-button-aria-label\"],\"noResultsFound\":[1,\"no-results-found\"],\"listboxPositionState\":[32],\"validityState\":[32],\"validityMessage\":[32],\"isExpanded\":[32],\"isReadonly\":[32],\"currentValue\":[32],\"valueToDisplay\":[32],\"isInitializing\":[32],\"isResetting\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"touched\":[32],\"dirty\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setFocus\":[64],\"setBlur\":[64],\"expand\":[64],\"collapse\":[64],\"getFocusedOption\":[64],\"setFocusedOption\":[64]},[[0,\"optionClick\",\"optionSelectAction\"],[0,\"rTooltipFocus\",\"tooltipFocusAction\"],[9,\"mouseup\",\"onMouseup\"],[8,\"keyup\",\"onKeyup\"],[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"]],{\"listboxPosition\":[\"handleListboxPositionChange\"],\"expanded\":[\"handleExpandedChange\"],\"readonly\":[\"handleReadonlyChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-checkbox.cjs\",[[257,\"r-checkbox\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"autofocus\":[4],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"getValidityState\":[64],\"setFocus\":[64],\"setBlur\":[64],\"check\":[64],\"uncheck\":[64],\"toggleChecked\":[64],\"setIndeterminate\":[64],\"clearIndeterminate\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item.cjs\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"],\"label\":[513]}]]],[\"r-input.cjs\",[[257,\"r-input\",{\"form\":[1],\"novalidate\":[4],\"type\":[513],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"internal\":[516],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"min\":[2],\"max\":[2],\"pattern\":[8],\"step\":[2],\"valueMissingMessage\":[1,\"value-missing-message\"],\"typeMismatchMessage\":[1,\"type-mismatch-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"stepMismatchMessage\":[1,\"step-mismatch-message\"],\"badInputMessage\":[1,\"bad-input-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"autocomplete\":[1],\"enterkeyhint\":[1],\"spellcheck\":[1540],\"autocapitalize\":[1],\"passwordrules\":[1],\"autofocus\":[516],\"readonly\":[516],\"inputmode\":[1],\"validityMarker\":[516,\"validity-marker\"],\"slottedOptions\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64]},null,{\"value\":[\"handleValueChange\"],\"type\":[\"handleTypeChange\"]}]]],[\"r-select-option.cjs\",[[257,\"r-select-option\",{\"disabled\":[516],\"selected\":[516],\"value\":[513],\"label\":[513],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[513,\"icon-position\"],\"isFocused\":[32],\"isSelected\":[32],\"setFocus\":[64],\"setBlur\":[64],\"setSelected\":[64],\"clearSelected\":[64]}]]],[\"r-button.cjs\",[[257,\"r-button\",{\"form\":[1],\"type\":[513],\"rAriaLabel\":[513,\"r-aria-label\"],\"size\":[513],\"variant\":[513],\"expanded\":[516],\"disabled\":[516],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"href\":[1],\"target\":[1],\"rAriaCurrent\":[1,\"r-aria-current\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-icon-button_2.cjs\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"rTabindex\":[514,\"r-tabindex\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}],[257,\"r-tooltip\",{\"text\":[513],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-hint_2.cjs\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,60 @@
+{
+  "entries": [
+    "components/accordion/accordion.js",
+    "components/accordion-panel/accordion-panel.js",
+    "components/accordion-section/accordion-section.js",
+    "components/accordion-trigger/accordion-trigger.js",
+    "components/alert/alert.js",
+    "components/badge/badge.js",
+    "components/button/button.js",
+    "components/checkbox/checkbox.js",
+    "components/checkbox-group/checkbox-group.js",
+    "components/design-system-devtools/design-system-devtools.js",
+    "components/dialog/dialog.js",
+    "components/hint/hint.js",
+    "components/icon/icon.js",
+    "components/icon-button/icon-button.js",
+    "components/illustration/illustration.js",
+    "components/input/input.js",
+    "components/input-code/input-code.js",
+    "components/input-date/input-date.js",
+    "components/input-password/input-password.js",
+    "components/input-phone-number/input-phone-number.js",
+    "components/label/label.js",
+    "components/list-item/list-item/list-item.js",
+    "components/pagination/pagination.js",
+    "components/panel/panel.js",
+    "components/popover/popover.js",
+    "components/popover-action/popover-action.js",
+    "components/popover-content/popover-content.js",
+    "components/popover-headline/popover-headline.js",
+    "components/popover-trigger/popover-trigger.js",
+    "components/progress-bar/progress-bar.js",
+    "components/radio-button/radio-button.js",
+    "components/radio-button-description/radio-button-description.js",
+    "components/radio-button-leading/radio-button-leading.js",
+    "components/radio-button-title/radio-button-title.js",
+    "components/radio-button-trailing/radio-button-trailing.js",
+    "components/radio-group/radio-group.js",
+    "components/select/select.js",
+    "components/select-option/select-option.js",
+    "components/skip-link/skip-link.js",
+    "components/stepper/stepper.js",
+    "components/stepper-item/stepper-item.js",
+    "components/tab/tab.js",
+    "components/tab-panel/tab-panel.js",
+    "components/tabs/tabs.js",
+    "components/tabs-list/tabs-list.js",
+    "components/textarea/textarea.js",
+    "components/toast/toast.js",
+    "components/toast-group/toast-group.js",
+    "components/tooltip/tooltip.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.37.1",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/accordion/accordion.css

@@ -0,0 +1,24 @@
+:host {
+  --r-accordion--display: block;
+}
+:host slot {
+  display: contents;
+}
+:host ::slotted(r-accordion-section[expanded]) {
+  --r-accordion-panel--padding-top: var(--r-spacing-150, 1.5rem);
+  --r-accordion-panel--padding-bottom: var(--r-spacing-200, 2rem);
+}
+
+:host([size=s]) {
+  --r-accordion-trigger--content--font-size: var(--r-font-size-400, 1rem);
+  --r-accordion-trigger--padding-top: var(--r-spacing-100, 1rem);
+  --r-accordion-trigger--padding-bottom: var(--r-spacing-100, 1rem);
+}
+:host([size=s]) ::slotted(r-accordion-section[expanded]) {
+  --r-accordion-panel--padding-top: var(--r-spacing-100, 1rem);
+  --r-accordion-panel--padding-bottom: var(--r-spacing-150, 1.5rem);
+}
+
+.r-accordion {
+  display: var(--r-accordion--display);
+}

package/dist/collection/components/accordion/accordion.js

@@ -0,0 +1,90 @@
+import { Host, h } from "@stencil/core";
+/**
+ * An accordion represents a list of expandable/collapsable content sections with corresponding headers.
+ *
+ * By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content.
+ *
+ * Each content section must be wrapped in a `<r-accordion-item>` elements.
+ *
+ *
+ * Example:
+ *
+ * ```
+ * <r-accordion>
+ *   <r-accordion-item header="Economic health">
+ *    <p>Economic health is a concept that …</p>
+ *   </r-accordion-item>
+ * </r-accordion>
+ * ```
+ */
+export class Accordion {
+    constructor() {
+        /** Defines the size of an accordion UI. */
+        this.size = 'l';
+    }
+    render() {
+        return (h(Host, { key: '09de7ec91fc9aab3dfb6705f23aa5035c6aab622' }, h("div", { key: '9152451f26122074076a6b7654a76312027309eb', class: "r-accordion" }, h("slot", { key: '6c89250f9146fe4d18f550f8d0853188187daf0c' }))));
+    }
+    static get is() { return "r-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "multiple": {
+                "type": "boolean",
+                "attribute": "multiple",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to allow multiple accordion items to be expanded at once"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "AccordionSize",
+                    "resolved": "\"l\" | \"s\"",
+                    "references": {
+                        "AccordionSize": {
+                            "location": "import",
+                            "path": "./exports",
+                            "id": "src/components/accordion/exports.ts::AccordionSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines the size of an accordion UI."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "'l'"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}

package/dist/collection/components/accordion/exports.js

@@ -0,0 +1 @@
+export const accordionSizeArray = ['s', 'l'];

package/dist/collection/components/accordion-panel/accordion-panel.css

@@ -0,0 +1,50 @@
+:host([expanded]:not([expanded=false])) {
+  max-height: fit-content;
+  --r-accordion-panel--display: block;
+  --r-accordion-panel--transform: translateY(0);
+  --r-accordion-panel--opacity: 1;
+}
+
+:host([disabled]:not([disabled=false])) {
+  cursor: not-allowed;
+}
+
+:host {
+  display: block;
+  position: relative;
+  overflow: hidden;
+  font-family: var(--r-font-family-text, system-ui);
+  box-sizing: border-box;
+  max-height: 0;
+  padding-top: var(--r-accordion-panel--padding-top, 0);
+  transition: all 0.25s ease-out;
+}
+:host slot {
+  display: contents;
+}
+:host ::slotted(a) {
+  color: inherit;
+}
+
+@media (prefers-reduced-motion) {
+  :host {
+    transition: none;
+  }
+}
+.r-accordion-panel {
+  position: var(--r-accordion-panel--position, relative);
+  display: var(--r-accordion-panel--display, none);
+  line-height: var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));
+  font-size: var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));
+  box-sizing: var(--r-accordion-panel--box-sizing, border-box);
+  margin-top: var(--r-accordion-panel--margin-top, 0);
+  margin-right: var(--r-accordion-panel--margin-right, 0);
+  margin-bottom: var(--r-accordion-panel--margin-bottom, 0);
+  margin-left: var(--r-accordion-panel--margin-left, 0);
+  padding-right: var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));
+  padding-bottom: var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));
+  padding-left: var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));
+  transform: var(--r-accordion-panel--transform, translateY(-30%));
+  transition: var(--r-accordion-panel--transition, all 0.25s ease-out);
+  opacity: var(--r-accordion-panel--opacity, 0);
+}

package/dist/collection/components/accordion-panel/accordion-panel.js

@@ -0,0 +1,86 @@
+import { Host, h } from "@stencil/core";
+export class AccordionPanel {
+    render() {
+        const hostAttrs = {
+            role: 'region',
+            slot: 'accordion-panel',
+            'aria-labelledby': this.trigger,
+            'aria-disabled': `${this.disabled || false}`
+        };
+        return (h(Host, Object.assign({ key: 'af44b5edf84a5c1e031bee5fd9b5501993e2fa4e' }, hostAttrs), h("div", { key: 'e885aace8251b940637bde22098627be23650ac7', class: "r-accordion-panel" }, h("slot", { key: '8d548a077a42730e50436554c44d3162edb02ebe' }))));
+    }
+    static get is() { return "r-accordion-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "trigger": {
+                "type": "string",
+                "attribute": "trigger",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Id of the trigger that controls this panel."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "expanded": {
+                "type": "boolean",
+                "attribute": "expanded",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Indication of the panel expanded state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Indication of the panel disabled state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}

package/dist/collection/components/accordion-section/accordion-section.css

@@ -0,0 +1,27 @@
+:host {
+  display: var(--display, flex);
+  flex-direction: var(--flex-direction, column);
+  font-family: var(--font-family, var(--r-font-family-text, system-ui));
+  background-color: var(--background-color, transparent);
+}
+:host slot {
+  display: contents;
+}
+
+:host([expanded]) {
+  --r-accordion-panel--margin-top: 0;
+}
+:host([expanded]) ::slotted(r-accordion-panel) {
+  display: block;
+  max-height: fit-content;
+  --r-accordion-panel--display: block;
+  --r-accordion-panel--transform: translateY(0);
+  --r-accordion-panel--opacity: 1;
+}
+
+.r-accordion-section {
+  border-width: var(--r-accordion-section--border-width, 1px);
+  border-style: var(--r-accordion-section--border-style, solid);
+  border-color: var(--r-accordion-section--border-color, transparent);
+  border-bottom-color: var(--r-accordion-section--border-bottom-color, var(--r-border-soft, #686868));
+}