@riverty/web-components 6.3.0 → 6.3.1

package/dist/esm/index.js

@@ -0,0 +1,35 @@
+async function checkForUpdates(packageName, currentVersion) {
+    if (typeof window === 'undefined' || !window.localStorage)
+        return;
+    const storageKey = `riverty-version-check:${packageName}`;
+    const lastCheck = localStorage.getItem(storageKey);
+    const oneDay = 24 * 60 * 60 * 1000;
+    if (lastCheck && Date.now() - parseInt(lastCheck, 10) < oneDay) {
+        return;
+    }
+    localStorage.setItem(storageKey, Date.now().toString());
+    const registryUrl = 'https://registry.npmjs.org';
+    try {
+        const response = await fetch(`${registryUrl}/${packageName}/latest`, {
+            signal: AbortSignal.timeout(5000)
+        });
+        if (!response.ok)
+            return;
+        const data = await response.json();
+        const latestVersion = data.version;
+        if (!latestVersion || latestVersion === currentVersion)
+            return;
+        const currentParts = currentVersion.split('.').map(Number);
+        const latestParts = latestVersion.split('.').map(Number);
+        const isMajorUpdate = latestParts[0] > currentParts[0];
+        console.warn(`%c⚠️ ${packageName} update available\n` +
+            `%c  Current: ${currentVersion} → Latest: ${latestVersion}\n` +
+            (isMajorUpdate ? `%c  ⚠️ This is a MAJOR version with breaking changes!\n` : '') +
+            `%c  Run: npm install ${packageName}@latest`, 'color: #f59e0b; font-weight: bold; font-size: 14px;', 'color: #6b7280;', isMajorUpdate ? 'color: #ef4444; font-weight: bold;' : '', 'color: #3b82f6;');
+    }
+    catch (_a) {
+        // Silently fail - version check is non-critical
+    }
+}
+
+checkForUpdates('@riverty/web-components', '6.2.1');

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-CTxpqopm.js';
+export { s as setNonce } from './index-CTxpqopm.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"r-pagination\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item\",[[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\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-accordion\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section\",[[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\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-illustration\",[[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\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab-panel\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-toast-group\",[[257,\"r-toast-group\"]]],[\"r-icon\",[[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\",[[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\",[[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\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"],\"label\":[513]}]]],[\"r-input\",[[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\",[[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\",[[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\",[[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\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
+};
+
+export { defineCustomElements };

package/dist/esm/r-accordion-panel.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CTxpqopm.js';
+
+const accordionPanelCss = ":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)}";
+
+const AccordionPanel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    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' }))));
+    }
+    get host() { return getElement(this); }
+};
+AccordionPanel.style = accordionPanelCss;
+
+export { AccordionPanel as r_accordion_panel };

package/dist/esm/r-accordion-section.entry.js

@@ -0,0 +1,123 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CTxpqopm.js';
+
+const accordionSectionCss = ":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))}";
+
+const AccordionSection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.rChangeExpanded = createEvent(this, "rChangeExpanded");
+        /** Defines heading level for accordion header */
+        this.headingAriaLevel = 2;
+        this.isExpanded = this.expanded || this.hasExpandedChild || false;
+        this.uniqueId = `r-accordion-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
+        this._linkElements = () => {
+            var _a, _b, _c, _d;
+            const isTriggerId = this.hasTrigger && this.triggerElement.hasAttribute('id');
+            const isPanelId = this.hasPanel && this.panelElement.hasAttribute('id');
+            (_a = this.panelElement) === null || _a === void 0 ? void 0 : _a.setAttribute('id', !isPanelId && `${this.uniqueId}-panel`);
+            (_b = this.panelElement) === null || _b === void 0 ? void 0 : _b.setAttribute('trigger', !isTriggerId && `${this.uniqueId}-trigger`);
+            (_c = this.triggerElement) === null || _c === void 0 ? void 0 : _c.setAttribute('id', !isTriggerId && `${this.uniqueId}-trigger`);
+            (_d = this.triggerElement) === null || _d === void 0 ? void 0 : _d.setAttribute('panel', !isPanelId && `${this.uniqueId}-panel`);
+        };
+    }
+    get hasExpandedChild() {
+        return this.host.querySelector(`
+      r-accordion-trigger[expanded]:not([expanded="false"]), 
+      r-accordion-panel[expanded]:not([expanded="false"])
+    `) !== null;
+    }
+    rClickTriggerAction() {
+        if (this.complete)
+            this._switchExpanded();
+    }
+    rKeyupTriggerAction() {
+        if (this.complete)
+            this._switchExpanded();
+    }
+    get accordionElement() {
+        return this.host.closest('r-accordion') || null;
+    }
+    get triggerElement() {
+        return this.host.querySelector('r-accordion-trigger') || null;
+    }
+    get panelElement() {
+        return this.host.querySelector('r-accordion-panel') || null;
+    }
+    get hasTrigger() {
+        return this.triggerElement !== null;
+    }
+    get hasPanel() {
+        return this.panelElement !== null;
+    }
+    get complete() {
+        return this.hasTrigger && this.hasPanel;
+    }
+    _checkStructure() {
+        // If structure is complete --> no actions required
+        if (this.complete)
+            return;
+        // Mark section, trigger and panel
+        if (this.hasPanel)
+            this.panelElement.dataset.hasTrigger = `${this.hasTrigger}`;
+        if (this.hasTrigger)
+            this.triggerElement.dataset.hasPanel = `${this.hasPanel}`;
+        // If structure of section is not complete --> section must be expanded
+        this.host.expanded = true;
+    }
+    _checkDisabled() {
+        var _a, _b;
+        const isDisabled = ((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.panelElement) === null || _b === void 0 ? void 0 : _b.disabled) || this.disabled;
+        this.disabled = isDisabled;
+        this._updateProp('disabled');
+    }
+    _checkExpanded() {
+        this.expanded = this.isExpanded;
+        this._updateProp('expanded');
+    }
+    _resetExpanded() {
+        this.host.classList.add('triggered');
+        const sectionElements = this.accordionElement.querySelectorAll(`r-accordion-section:not(.triggered)`);
+        sectionElements.forEach((section) => {
+            var _a, _b;
+            section.removeAttribute('expanded');
+            (_a = section.querySelector('r-accordion-trigger')) === null || _a === void 0 ? void 0 : _a.removeAttribute('expanded');
+            (_b = section.querySelector('r-accordion-panel')) === null || _b === void 0 ? void 0 : _b.removeAttribute('expanded');
+        });
+        this.host.classList.remove('triggered');
+    }
+    _switchExpanded() {
+        var _a;
+        if (!((_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.multiple) && this.complete)
+            this._resetExpanded();
+        this.expanded = !this.expanded;
+        this._updateProp('expanded');
+    }
+    _updateProp(name) {
+        if (this.triggerElement)
+            this.triggerElement[name] = this[name];
+        if (this.panelElement)
+            this.panelElement[name] = this[name];
+    }
+    expandedAction() {
+        this.rChangeExpanded.emit({
+            element: this.host,
+            expanded: this.expanded
+        });
+    }
+    componentWillLoad() {
+        this._checkDisabled();
+        this._checkExpanded();
+        this._checkStructure();
+        this._linkElements();
+    }
+    render() {
+        return (h(Host, { key: '7d2d81fddab0d5115b7412e087a8924a01fb8f68' }, h("div", { key: '84261f6c1065910e468ca570c9f68fc800705fc5', class: "r-accordion-section" }, h("div", { key: 'dc84a18a2a356fd52adf0c49cfa7008f053c3ebd', role: "heading", "aria-level": this.headingAriaLevel }, h("slot", { key: '312ad3f397910f86911c8f23f36ac5b4f5112d16', name: "accordion-trigger" })), h("slot", { key: '0aab606a6c07f0b4c7e132e68eeba70967b7be6e', name: "accordion-panel" }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "expanded": ["expandedAction"]
+    }; }
+};
+AccordionSection.style = accordionSectionCss;
+
+export { AccordionSection as r_accordion_section };

package/dist/esm/r-accordion-trigger.entry.js

@@ -0,0 +1,91 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CTxpqopm.js';
+
+const accordionTriggerCss = ":host{display:block;cursor:pointer;font-family:var(--r-font-family-text, system-ui);outline:none}:host slot{display:contents}:host(:focus-visible){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host(:hover:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-hovered, rgba(40,40,40,0.04))}:host(:active:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host([expanded]:not([expanded=false]):not([splitted])){--r-accordion-trigger--icon--background-color:var(--r-color-white-haze-400);--r-accordion-trigger--icon--transform:rotate(180deg)}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-accordion-trigger--content--leading-slot--opacity:0.4;--r-accordion-trigger--icon--opacity:0.4;--r-accordion-trigger--background-color:transparent}:host([data-has-panel=false]){cursor:default;--r-accordion-trigger--icon--display:none}.r-accordion-trigger{display:var(--r-accordion-trigger--display, flex);align-items:var(--r-accordion-trigger--align-items, center);flex-direction:var(--r-accordion-trigger--flex-direction, end);justify-content:var(--r-accordion-trigger--justify-content, space-between);gap:var(--r-accordion-trigger--gap, var(--r-spacing-150, 1.5rem));color:var(--r-accordion-trigger--color, var(--r-text-regular, #282828));padding-right:var(--r-accordion-trigger--padding-right, var(--r-spacing-100, 1rem));padding-left:var(--r-accordion-trigger--padding-left, var(--r-spacing-100, 1rem));padding-top:var(--r-accordion-trigger--padding-top, var(--r-spacing-150, 1.5rem));padding-bottom:var(--r-accordion-trigger--padding-bottom, var(--r-spacing-150, 1.5rem));background-color:var(--r-accordion-trigger--background-color, transparent)}.r-accordion-trigger--content{box-sizing:var(--r-accordion-trigger--content--box-sizing, border-box);width:var(--r-accordion-trigger--content--width, 100%);display:var(--r-accordion-trigger--content--display, flex);align-items:var(--r-accordion-trigger--content--align-items, center);gap:var(--r-accordion-trigger--content--gap, var(--r-spacing-100, 1rem));border-width:var(--r-accordion-trigger--content--border-width, 0);background-color:var(--r-accordion-trigger--content--background-color, transparent);color:var(--r-accordion-trigger--content--color, inherit);text-align:var(--r-accordion-trigger--content--text-align, left);text-transform:var(--r-accordion-trigger--content--text-transform, none);font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-500));font-weight:var(--r-accordion-trigger--content--font-weight, var(--r-font-weight-regular));letter-spacing:var(--r-accordion-trigger--content--letter-spacing, normal)}.r-accordion-trigger--content ::slotted([slot=leading-icon]){color:var(--r-accordion-trigger--content--leading-slot--color, var(--r-icon-soft, #686868));opacity:var(--r-accordion-trigger--content--leading-slot--opacity, 1)}.r-accordion-trigger--icon{display:var(--r-accordion-trigger--icon--display, flex);align-items:var(--r-accordion-trigger--icon--align-items, center);justify-content:var(--r-accordion-trigger--icon--justify-content, center);min-width:var(--r-accordion-trigger--icon--min-width, var(--r-spacing-150, 1.5rem));width:var(--r-accordion-trigger--icon--width, var(--r-spacing-150, 1.5rem));height:var(--r-accordion-trigger--icon--height, var(--r-spacing-150, 1.5rem));transition:var(--r-accordion-trigger--icon--transition, transform 0.25s cubic-bezier(0.25, 0.8, 0.5, 1) 0s);transform:var(--r-accordion-trigger--icon--transform, rotate(0deg));color:var(--r-accordion-trigger--icon--color, var(--r-text-regular, #282828));opacity:var(--r-accordion-trigger--icon--opacity, 1)}@media (prefers-reduced-motion){.r-accordion-trigger--icon{transition:none}}";
+
+const AccordionTrigger = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.rClickTrigger = createEvent(this, "rClickTrigger");
+        this.rKeyupTrigger = createEvent(this, "rKeyupTrigger");
+        this.handleClick = (event) => {
+            if (this.disabled)
+                return;
+            event.stopPropagation();
+            event.preventDefault();
+            this.rClickTrigger.emit({
+                element: this.host,
+                panelId: this.panel,
+                expanded: this.expanded
+            });
+        };
+        this.handleKeyup = (event) => {
+            if (this.disabled)
+                return;
+            const isSpace = event.code === 'Space';
+            const isEnter = event.code === 'Enter';
+            if (isSpace || isEnter) {
+                event.stopPropagation();
+                event.preventDefault();
+                this.rKeyupTrigger.emit({
+                    element: this.host,
+                    panelId: this.panel,
+                    expanded: this.expanded
+                });
+            }
+        };
+        this.handleKeydown = (event) => {
+            if (this.disabled)
+                return;
+            const isSpace = event.code === 'Space';
+            if (isSpace) {
+                event.preventDefault();
+            }
+        };
+        this._replaceSlotName = elementName => {
+            var _a, _b;
+            const selector = `.r-accordion-trigger--${elementName}`;
+            const element = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+            (_b = element === null || element === void 0 ? void 0 : element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.setAttribute('name', `${elementName}-${this.nameAddition}`);
+        };
+    }
+    get hasPanel() {
+        const sectionElement = this.host.closest('r-accordion-section');
+        const panelElement = sectionElement === null || sectionElement === void 0 ? void 0 : sectionElement.querySelector('r-accordion-panel');
+        return panelElement !== null;
+    }
+    get nameAddition() {
+        return this.expanded ? 'expanded' : 'collapsed';
+    }
+    updateExpanded() {
+        if (!this.splitted)
+            return;
+        this._replaceSlotName('icon');
+        this._replaceSlotName('content');
+    }
+    render() {
+        const hostAttrs = {
+            role: 'button',
+            tabindex: `${this.disabled ? '-1' : '0'}`,
+            slot: 'accordion-trigger',
+            'aria-controls': `${this.panel || ''}`,
+            'aria-expanded': `${this.expanded || false}`,
+            'aria-disabled': `${this.disabled || false}`,
+            'data-has-panel': `${this.hasPanel}`
+        };
+        hostAttrs['aria-controls'] = this.panel ? `${this.panel}` : null;
+        return (h(Host, Object.assign({ key: 'e823c4799fa51824a6de4db7bf857385b0558ec4', onClick: this.handleClick, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown }, hostAttrs), h("span", { key: '55249e964a4eb164a4f842567f8cf14c9c58fee5', class: "r-accordion-trigger" }, h("span", { key: '37ffd053c1af48ff23ee9d1c22b6a0b6c92a3110', class: "r-accordion-trigger--content" }, h("slot", { key: 'b4583e319fd62bb98c2f2b312cd2edcfc646ddb5', name: "leading-icon" }), this.splitted ?
+            h("slot", { name: `content-${this.nameAddition}` }, h("slot", null))
+            :
+                h("slot", null)), h("span", { key: '190013be64d4239d80be83ae9fb581b1d1e64f83', class: "r-accordion-trigger--icon" }, this.splitted ?
+            h("slot", { name: `icon-${this.nameAddition}` }, h("r-icon", { name: this.expanded ? 'angle-up' : 'angle-down', size: "m" }))
+            :
+                h("slot", { name: "icon" }, h("r-icon", { name: "angle-down", size: "m" }))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "expanded": ["updateExpanded"]
+    }; }
+};
+AccordionTrigger.style = accordionTriggerCss;
+
+export { AccordionTrigger as r_accordion_trigger };

package/dist/esm/r-accordion.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CTxpqopm.js';
+
+const accordionCss = ":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)}";
+
+const Accordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** 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' }))));
+    }
+    get host() { return getElement(this); }
+};
+Accordion.style = accordionCss;
+
+export { Accordion as r_accordion };

package/dist/esm/r-alert.entry.js

@@ -0,0 +1,144 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CTxpqopm.js';
+
+const alertCss = ":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--color:var(--r-text-warning, #000000);--r-alert--leading-icon--color:var(--r-icon-warning, #000000);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([status=error]) r-icon-button:hover,:host([status=info]) r-icon-button:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) r-icon-button:active,:host([status=info]) r-icon-button:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([status=error]) .r-alert--link:hover,:host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:hover,:host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) .r-alert--link:active,:host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:active,:host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color--active:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([aria-hidden=true]){--transition:all 0.5s;--opacity:0;--display:none}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);transition-behavior:var(--transition-behavior, allow-discrete);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 1rem));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}@media (prefers-reduced-motion){:host{transition:none}}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);align-items:var(--r-alert--align-items, start);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, 16px);box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert[data-has-headline=false]{--r-alert--align-items:center}.r-alert:empty{--r-alert--display:none}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--leading{color:var(--r-alert--leading-icon--color, var(--color))}.r-alert--trailing r-icon-button{--r-button--padding:0;--r-button--color:var(--color)}.r-alert--content{margin-top:var(--r-alert--content--margin-top, 0);line-height:var(--r-alert--content--line-height, 1.5)}.r-alert--link,.r-alert ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-alert--link--color, var(--color));--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-alert--link:hover,.r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-alert--link:active,.r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--color--active:var(--r-alert--link--color, var(--color));--r-button--background-color--active:var(--r-background-interactive-pressed)}";
+
+const Alert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.rClickAlertTrailingIcon = createEvent(this, "rClickAlertTrailingIcon");
+        /** Alert status controls apperance according to the status */
+        this.status = 'info';
+        /** Sets role="alert" and will be announced to screen reader users */
+        this.announced = true;
+        /** Defines an icon size to be presented in leading slot*/
+        this.leadingIconSize = 'm';
+        /**
+         * Defines whether the leading icon is visible.
+         * @default true
+         * */
+        this.leadingIconVisible = true;
+        /** Defines an icon to be presented in trailing slot */
+        this.trailingIcon = 'cross';
+        /** Defines an icon size to be presented in trailing slot*/
+        this.trailingIconSize = 'm';
+        /**
+         * Defines the target for the linked URL when `href` is provided.
+         * Options: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+         */
+        this.target = '_self';
+        /** Text content for an alert dismiss button */
+        this.dismissButtonAriaLabel = 'Dismiss alert';
+        this.isElContent = (selector) => {
+            const el = this.host.querySelector(selector);
+            return el !== null && (el === null || el === void 0 ? void 0 : el.textContent.trim().length) > 0;
+        };
+        this.collapseAlert = () => {
+            this.host.setAttribute('aria-hidden', 'true');
+        };
+        this.startCollapseTimer = () => {
+            const time = this.delay * 1000;
+            this.delayTimer = setTimeout(() => {
+                this.collapseAlert();
+                clearTimeout(this.delayTimer);
+            }, time);
+        };
+        this.handleTrailingButtonClick = () => {
+            this.rClickAlertTrailingIcon.emit();
+            this.collapseAlert();
+        };
+    }
+    get isLeadingSlot() {
+        return this.isElContent('[slot="leading"]');
+    }
+    get isLeading() {
+        return this.leadingIconVisible || this.isLeadingSlot;
+    }
+    get isTrailingIcon() {
+        var _a, _b;
+        return ((_a = this.trailingIcon) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_b = this.trailingIconSrc) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    }
+    get isTrailingSlot() {
+        return this.isElContent('[slot="trailing"]');
+    }
+    get isTrailing() {
+        return this.isTrailingIcon || this.isTrailingSlot;
+    }
+    get isHeadline() {
+        var _a;
+        return ((_a = this.headline) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    }
+    get isContent() {
+        var _a;
+        return ((_a = this.content) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    }
+    get isLink() {
+        var _a, _b;
+        return ((_a = this.href) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.linkText) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    }
+    get isSlot() {
+        return this.host.textContent.trim().length > 0;
+    }
+    get isMain() {
+        return this.isHeadline || this.isContent || this.isLink || this.isSlot;
+    }
+    get isDelay() {
+        return this.delay && this.delay >= 0;
+    }
+    get headlineSlotContent() {
+        var _a;
+        const el = this.host.querySelector('[slot="headline"]');
+        return (_a = el === null || el === void 0 ? void 0 : el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+    }
+    get hasHeadlineContent() {
+        return !!this.headlineSlotContent || !!this.headline;
+    }
+    get statusBasedLeadingIconName() {
+        if (this.leadingIcon)
+            return this.leadingIcon;
+        switch (this.status) {
+            case 'info':
+                return 'circled-information-i';
+            case 'warning':
+                return 'circled-exclamation-mark';
+            case 'error':
+                return 'triangle-with-exclamation-mark';
+            default:
+                return 'circled-information-i';
+        }
+    }
+    componentDidLoad() {
+        if (this.isDelay)
+            this.startCollapseTimer();
+    }
+    render() {
+        const hostAttrs = this.announced ? {
+            role: 'alert',
+            'aria-live': this.status === 'info' ? 'polite' : 'assertive'
+        } : {
+            role: 'region',
+            'aria-label': this.headlineSlotContent || this.headline || null
+        };
+        const leadingIconAttrs = {
+            name: this.statusBasedLeadingIconName,
+            src: this.leadingIconSrc,
+            size: this.leadingIconSize
+        };
+        const trailingIconAttrs = {
+            name: this.trailingIcon,
+            src: this.trailingIconSrc,
+            size: this.trailingIconSize
+        };
+        return (h(Host, Object.assign({ key: 'c15688c07ce4e954025a36400b922735b347e95f' }, hostAttrs), h("div", { key: '26babb75b7e859b21e59345c601d385662908d1d', class: "r-alert", "data-has-headline": `${this.hasHeadlineContent}` }, this.isLeading &&
+            h("div", { key: '694567d018738c0e8a3eca4a084b38bfd7e81c91', class: "r-alert--leading" }, h("slot", { key: 'cfc91101ce17b01b76a4d860012e91a06e536d75', name: "leading" }, this.leadingIconVisible && h("r-icon", Object.assign({ key: 'bbbeaa680cd6e44e22d955896b7b20b37fdbbd7b' }, leadingIconAttrs)))), this.isMain ?
+            h("div", { class: "r-alert--main" }, h("slot", { name: "headline" }, this.isHeadline && h("h3", { class: "r-alert--headline" }, this.headline)), h("slot", { name: "content" }, this.isContent && h("div", { class: "r-alert--content" }, this.content)), h("slot", { name: "link" }, this.isLink &&
+                h("r-button", { class: "r-alert--link", variant: "text-inline", size: "small", href: this.href, target: this.target }, this.linkText)), h("slot", null))
+            :
+                h("slot", null), this.isTrailing &&
+            h("div", { key: 'd75e4568127a9c493b998cb8b0b475c3009d007a', class: "r-alert--trailing" }, h("slot", { key: 'a8d14fb3e1b275e750505ca25124b61503addf1e', name: "trailing" }, this.isTrailingIcon &&
+                h("r-icon-button", { key: '2d259fdda1b57874d6e1430893798bdfe047d60a', name: !this.trailingIconSrc ? this.trailingIcon : null, onClick: this.handleTrailingButtonClick, label: this.dismissButtonAriaLabel }, this.trailingIconSrc && h("r-icon", Object.assign({ key: '4e3ba02d4a2926c2f76000a685476cafad783d23' }, trailingIconAttrs))))))));
+    }
+    get host() { return getElement(this); }
+};
+Alert.style = alertCss;
+
+export { Alert as r_alert };

package/dist/esm/r-badge.entry.js

@@ -0,0 +1,39 @@
+import { r as registerInstance, h, H as Host } from './index-CTxpqopm.js';
+
+const badgeCss = ":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}.r-badge--icon{display:var(--r-badge--icon--display, inline-flex)}.r-badge--content{min-width:var(--r-badge--content--min-width, none);max-width:var(--r-badge--content--max-width, none);overflow:var(--r-badge--content--overflow, hidden);white-space:var(--r-badge--content--white-space, nowrap);text-overflow:var(--r-badge--content--text-overflow, ellipsis)}";
+
+const RBadge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Defines if badge icon should be visible
+         * @default false
+         * */
+        this.iconVisible = false;
+    }
+    get iconName() {
+        switch (this.variant) {
+            case 'information':
+                return 'circled-information-i';
+            case 'success':
+                return 'circled-check';
+            case 'warning':
+                return 'triangle-with-exclamation-mark';
+            case 'error':
+                return 'circled-exclamation-mark';
+            default:
+                return 'circled-information-i';
+        }
+    }
+    render() {
+        const { variant, iconVisible, iconAriaLabel } = this;
+        const hostAttrs = {
+            variant
+        };
+        return (h(Host, Object.assign({ key: 'eb69bab38f6edbd2b7bf39167636d856df4f2f4f' }, hostAttrs), h("div", { key: 'fb717045162261e2bc4b43c8a146017318506208', class: "r-badge", part: "base" }, iconVisible &&
+            h("div", { key: '2788afca3d65d02882322ef792c6f3621c59fdab', class: "r-badge--icon", part: "icon" }, h("slot", { key: '2b0f42fb2b94f4fb6a5dbf0af84ce4dfc9c3c683', name: "icon" }, h("r-icon", { key: '75c78bae30a4da3678b9d22279e120a391032a0e', size: "s", name: this.iconName, iconAriaLabel: iconAriaLabel }))), h("div", { key: '42d2f9703df945d460b42cce8d1be78bbc7a196a', class: "r-badge--content", part: "content" }, h("slot", { key: '62841850b79a7fb617a29b6280d00ddeb2158399' })))));
+    }
+};
+RBadge.style = badgeCss;
+
+export { RBadge as r_badge };