@helvetia-design/core 0.0.5 → 0.0.6

package/dist/esm/ds-tab-panel.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const tabPanelHostCss = () => `:host{--_tab-panel-p:var(--tab-panel-p, var(--mod-tab-panel-p, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-p)}`;
 

package/dist/esm/ds-tab.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const tabHostCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-bottom-color 120ms ease;transition:border-bottom-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-unselected-color-hover)}span:hover::after,a:hover::after{border-bottom:var(--_tabs-indicator-unselected-hover)}}span:active,a:active{color:var(--_tabs-tab-unselected-color-active)}span:active::after,a:active::after{border-bottom:var(--_tabs-indicator-unselected-hover)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}@media (hover: hover)and (pointer: fine){span.is-selected:hover,a.is-selected:hover{color:var(--_tabs-tab-selected-color-hover)}}span.is-selected:active,a.is-selected:active{color:var(--_tabs-tab-selected-color-active)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-vertical) span:active::after,:host(.is-vertical) a:active::after{border-left:var(--_tabs-indicator-unselected-hover)}@media (hover: hover)and (pointer: fine){:host(.is-vertical) span:hover::after,:host(.is-vertical) a:hover::after{border-left:var(--_tabs-indicator-unselected-hover)}}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;z-index:1;bottom:calc(-1*var(--ds-alias-border-width-base));left:0;right:0;height:0;border-radius:9999px;border-bottom:var(--_tabs-indicator-unselected-base);-webkit-transition:border-color 120ms ease;transition:border-color 120ms ease}:host(.is-navigation.is-selected)::after{border-bottom:var(--_tabs-indicator-selected-base)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-py) var(--_tabs-tab-px);color:var(--_tabs-tab-unselected-color-base);font-family:var(--_tabs-tab-unselected-font-family);font-size:var(--_tabs-tab-unselected-font-size);font-weight:var(--_tabs-tab-unselected-font-weight);line-height:var(--_tabs-tab-unselected-line-height);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-selected-color-base);font-family:var(--_tabs-tab-selected-font-family);font-size:var(--_tabs-tab-selected-font-size);font-weight:var(--_tabs-tab-selected-font-weight);line-height:var(--_tabs-tab-selected-line-height)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-selected-font-weight)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--ds-alias-border-width-base));right:auto;width:0;height:auto;border-bottom:none;border-left:var(--_tabs-indicator-unselected-base)}:host(.is-navigation.is-vertical.is-selected)::after{border-left:var(--_tabs-indicator-selected-base)}`;
 

package/dist/esm/ds-tabs.entry.js

@@ -1,14 +1,14 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { d as directChildren, b as byTagName } from './dom-BbGwCnDa.js';
-import { s as stopEventBubbling } from './form-control-BJWSlSG_.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { s as stopEventBubbling } from './form-control-CDcwGSHl.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TABS_COLORS = ['purple', 'green', 'red', 'yellow'];
 const TABS_VERTICAL_COL_SIZES = [

package/dist/esm/ds-tag-group.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 
 const tagGroupHostCss = () => `:host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}`;
 

package/dist/esm/ds-tag.entry.js

@@ -1,14 +1,14 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { n as normalizeDeprecatedTShirtSize } from './t-shirt-B3VN_5Hp.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TAG_COLORS = [
     'primary',

package/dist/esm/ds-text.entry.js

@@ -1,12 +1,12 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TEXT_ALIGNS = ['left', 'right', 'center', 'justify'];
 const TEXT_SIZES = [

package/dist/esm/ds-textarea.entry.js

@@ -1,20 +1,20 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, M as debounceEvent, F as h, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { F as FormControl } from './form-control-BJWSlSG_.js';
+import { F as FormControl } from './form-control-CDcwGSHl.js';
 import { w as watchInvalidTextSlot } from './invalid-text-slot-DK-5xkJt.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
+import { F as Field } from './field.util-Bynx8isK.js';
 import { a as INPUT_AUTOCOMPLETES, I as INPUT_COLORS, d as INPUT_INPUT_MODES } from './input.interfaces-tQJW0EmK.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
 import './dom-BbGwCnDa.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TEXTAREA_WRAPS = ['hard', 'soft', 'off'];
 

package/dist/esm/ds-toast.entry.js

@@ -1,16 +1,16 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { s as stopEventBubbling } from './form-control-BJWSlSG_.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { D as registerInstance, J as createEvent, E as raf, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { s as stopEventBubbling } from './form-control-CDcwGSHl.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { s as sanitizeSvg } from './svg-BNUaCToz.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TOAST_COLORS = ['primary', 'info', 'success', 'warning', 'danger'];
 const TOAST_TARGETS = ['_blank', '_parent', '_self', '_top'];

package/dist/esm/ds-toggle.entry.js

@@ -1,18 +1,18 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, x as defaultConfig, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, F as h, x as defaultConfig, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { a as setFormValue } from './form-control-BJWSlSG_.js';
+import { a as setFormValue } from './form-control-CDcwGSHl.js';
 import { w as watchInvalidTextSlot } from './invalid-text-slot-DK-5xkJt.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
+import { F as Field } from './field.util-Bynx8isK.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
 import './dom-BbGwCnDa.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TOGGLE_LABEL_POSITIONS = ['left', 'top', 'right'];
 // export interface ToggleGroupCustomEvent<T> extends CustomEvent<T> {

package/dist/esm/ds-tooltip.entry.js

@@ -1,12 +1,12 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, d as dsBrowser, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, d as dsBrowser, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { a as autoUpdate, c as computePosition, s as shift, f as flip, o as offset } from './floating-ui.dom-C1kAmkEd.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const TOOLTIP_PLACEMENTS = ['top', 'right', 'bottom', 'left'];
 

package/dist/esm/{field.util-Df-hqJaT.js → field.util-Bynx8isK.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { F as h, G as Host } from './index-vF16SDFF.js';
+import { F as h, G as Host } from './index-BZEWgXed.js';
 import { a as ariaBooleanToString } from './aria-Bo-aKWH3.js';
 import { I as I18nDsLabel } from './label.i18n-TfUKLdG8.js';
 

package/dist/esm/{focus-DD2is1gX.js → focus-DxBiWf5t.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { d as dsBrowser } from './index-vF16SDFF.js';
+import { d as dsBrowser } from './index-BZEWgXed.js';
 
 /*!
 * tabbable 6.5.0
@@ -593,7 +593,7 @@ var isFocusable = function isFocusable(node, options) {
 };
 
 /*!
-* focus-trap 8.2.2
+* focus-trap 8.2.3
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 
@@ -954,7 +954,9 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       try {
         node = doc.querySelector(optionValue); // resolve to node, or null if fails
       } catch (err) {
-        throw new Error("`".concat(optionName, "` appears to be an invalid selector; error=\"").concat(err.message, "\""));
+        throw new Error("`".concat(optionName, "` appears to be an invalid selector; error=\"").concat(err.message, "\""), {
+          cause: err
+        });
       }
       if (!node) {
         if (!hasFallback) {
@@ -1115,7 +1117,8 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
     if (node === false) {
       return;
     }
-    if (node === _getActiveElement(document)) {
+    if (node === _getActiveElement(doc)) {
+      state.mostRecentlyFocusedNode = node;
       return;
     }
     if (!node || !node.focus) {

package/dist/esm/{form-control-BJWSlSG_.js → form-control-CDcwGSHl.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { l as waitAfterIdleCallback } from './index-vF16SDFF.js';
+import { l as waitAfterIdleCallback } from './index-BZEWgXed.js';
 
 /**
  * Stencil's mock-doc `attachInternals()` (used by `@helvetia-design/core/hydrate` during SSR) returns a

package/dist/esm/{has-value-gNK_M3-3.js → has-value-Bo85hk4Z.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { i as isValueEmpty } from './create-validator-decorator-C9h9tdvI.js';
+import { i as isValueEmpty } from './create-validator-decorator-DoOlbRcm.js';
 
 function hasValue(value) {
     return !isValueEmpty(value);

package/dist/esm/{index-vF16SDFF.js → index-BZEWgXed.js}

@@ -4047,7 +4047,7 @@ const setupDsConfig = (userConfig = {}, win = {}) => {
 };
 
 // generated by .build/version.js
-const VERSION = '0.0.5';
+const VERSION = '0.0.6';
 
 class AlertControllerImpl {
     constructor(type) {
@@ -4287,7 +4287,7 @@ const globalScripts = appGlobalScript;
 const globalStyles = ":where(ds-accordion,ds-alert-container,ds-app-footer,ds-app-navbar,ds-badge,ds-brand-icon,ds-button,ds-button-group,ds-card,ds-card-actions,ds-card-content,ds-card-header,ds-card-subtitle,ds-card-title,ds-carousel,ds-carousel-item,ds-checkbox,ds-checkbox-group,ds-close,ds-content,ds-counter,ds-data,ds-data-item,ds-data-label,ds-data-value,ds-datepicker,ds-divider,ds-drawer,ds-file-upload,ds-heading,ds-hint,ds-hint-text,ds-hint-title,ds-icon,ds-input,ds-item,ds-label,ds-list,ds-logo,ds-modal,ds-modal-body,ds-modal-header,ds-notification,ds-number-input,ds-pagination,ds-phone-input,ds-popup,ds-progress-bar,ds-radio,ds-radio-group,ds-root,ds-segment,ds-segment-item,ds-select,ds-select-optgroup,ds-select-option,ds-shape,ds-sheet,ds-slider,ds-snackbar,ds-spinner,ds-stack,ds-step,ds-step-panel,ds-steps,ds-tab,ds-tab-panel,ds-tabs,ds-tag,ds-tag-group,ds-text,ds-textarea,ds-toast,ds-toggle,ds-tooltip):not(:defined):not(.hydrated){visibility:hidden}@media (scripting: none){:where(ds-accordion,ds-alert-container,ds-app-footer,ds-app-navbar,ds-badge,ds-brand-icon,ds-button,ds-button-group,ds-card,ds-card-actions,ds-card-content,ds-card-header,ds-card-subtitle,ds-card-title,ds-carousel,ds-carousel-item,ds-checkbox,ds-checkbox-group,ds-close,ds-content,ds-counter,ds-data,ds-data-item,ds-data-label,ds-data-value,ds-datepicker,ds-divider,ds-drawer,ds-file-upload,ds-heading,ds-hint,ds-hint-text,ds-hint-title,ds-icon,ds-input,ds-item,ds-label,ds-list,ds-logo,ds-modal,ds-modal-body,ds-modal-header,ds-notification,ds-number-input,ds-pagination,ds-phone-input,ds-popup,ds-progress-bar,ds-radio,ds-radio-group,ds-root,ds-segment,ds-segment-item,ds-select,ds-select-optgroup,ds-select-option,ds-shape,ds-sheet,ds-slider,ds-snackbar,ds-spinner,ds-stack,ds-step,ds-step-panel,ds-steps,ds-tab,ds-tab-panel,ds-tabs,ds-tag,ds-tag-group,ds-text,ds-textarea,ds-toast,ds-toggle,ds-tooltip):not(:defined):not(.hydrated){visibility:visible}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}";
 
 /*
- Stencil Client Platform v4.45.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -4800,7 +4800,7 @@ var queueDomReads = [];
 var queueDomWrites = [];
 var scheduleFlush = () => {
   var _a;
-  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
 };
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
@@ -6272,7 +6272,12 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
+      if (initialRender && !(flags & 4 /* isHost */)) {
+        const ownClasses = getOwnHostClasses(elm);
+        removedClasses = removedClasses.filter((c) => !ownClasses.includes(c));
+      }
+      classList.remove(...removedClasses);
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
   } else if (memberName === "style") {
@@ -6397,6 +6402,18 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
 var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
 var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
+var getOwnHostClasses = (elm) => {
+  var _a, _b, _c;
+  const hostRef = getHostRef(elm);
+  if (!hostRef || !(hostRef.$flags$ & 2 /* hasRendered */)) {
+    return [];
+  }
+  const ownClasses = parseClassList((_b = (_a = hostRef.$vnode$) == null ? void 0 : _a.$attrs$) == null ? void 0 : _b.class);
+  {
+    ownClasses.push((_c = BUILD.hydratedSelectorName) != null ? _c : "hydrated");
+  }
+  return ownClasses;
+};
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
     value = value.baseVal;
@@ -7246,6 +7263,19 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 
 // src/runtime/proxy-component.ts
 var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
+var replayPendingSetterValues = (hostRef, cmpMeta) => {
+  var _a;
+  const instance = hostRef.$lazyInstance$;
+  if (!instance) return;
+  for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
+    if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
+      const pendingValue = hostRef.$instanceValues$.get(memberName);
+      if (instance[memberName] !== pendingValue) {
+        instance[memberName] = pendingValue;
+      }
+    }
+  }
+};
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -7295,9 +7325,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                   return getValue(this, memberName);
                 }
                 const ref = getHostRef(this);
-                const instance = ref ? ref.$lazyInstance$ : prototype;
-                if (!instance) return;
-                return instance[memberName];
+                if (!ref) return prototype[memberName];
+                return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
               }
             },
             configurable: true,
@@ -7329,13 +7358,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
-                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$fetchedCbList$.push(() => {
-                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
-                      ref.$lazyInstance$[memberName] = newValue;
-                    }
-                  });
-                }
                 return;
               }
               const parsedValue = parsePropertyValue(
@@ -7343,24 +7365,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 memberFlags,
                 !!(cmpMeta.$flags$ & 64 /* formAssociated */)
               );
-              const setterSetVal = (val) => {
+              if (ref.$lazyInstance$) {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = val;
+                ref.$lazyInstance$[memberName] = parsedValue;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
-              };
-              if (ref.$lazyInstance$) {
-                setterSetVal(parsedValue);
               } else {
                 ref.$instanceValues$.set(memberName, parsedValue);
-                ref.$fetchedCbList$.push(() => {
-                  const pendingValue = ref.$instanceValues$.get(memberName);
-                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
-                    setterSetVal(pendingValue);
-                  }
-                });
               }
             }
           }
@@ -7416,11 +7429,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
-            newValue = newValue === null || newValue === "false" ? false : true;
+            const isFormAssociated = !!(cmpMeta.$flags$ & 64 /* formAssociated */);
+            newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
           }
-          const currentValue = propMemberFlags & 4096 /* Setter */ ? hostRef.$instanceValues$.get(propName) : this[propName];
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -7490,6 +7503,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         {
           hostRef.$flags$ &= -9 /* isConstructingInstance */;
+          replayPendingSetterValues(hostRef, cmpMeta);
         }
         {
           hostRef.$flags$ |= 128 /* isWatchReady */;

package/dist/esm/index.js

@@ -6,15 +6,15 @@ export { S as SHEET_CONTAINER_SIZES } from './sheet.interfaces-D4PDkOD_.js';
 export { i as i18nDsClose } from './close.i18n-HeR2XrjO.js';
 export { I as I18nDsLabel } from './label.i18n-TfUKLdG8.js';
 export { i as i18nControlLabel } from './pagination.i18n-BY7oclk5.js';
-export { C as Config, c as componentOnReady, t as config, u as configFromLocalStorage, v as configFromMetaTag, a as deepReady, x as defaultConfig, y as defaultLocale, d as dsBrowser, z as dsModalController, B as dsSnackbarController, A as dsToastController, e as getAppRoot, f as getRootElement, i as initialize, i as initializeDesignSystem, h as isDescendant, r as setupDsConfig, j as shallowReady, w as wait, k as waitAfterFramePaint, l as waitAfterIdleCallback, m as waitAfterLargestContentfulPaintCallback, n as waitForComponent, o as waitForDesignSystem, q as waitOnLoadEventCallback } from './index-vF16SDFF.js';
-import { d as dsDevice } from './device-Cgmtx8Rt.js';
-export { D as DsDevice } from './device-Cgmtx8Rt.js';
-export { S as ScrollHandler } from './scroll-w5Ky8GVa.js';
-import { W as WindowResizeListener } from './breakpoints.subject-I5r5lNF8.js';
-export { D as DsBreakpointSubject, b as DsBreakpointsUtil, a as dsBreakpointSubject, d as dsBreakpoints } from './breakpoints.subject-I5r5lNF8.js';
+export { C as Config, c as componentOnReady, t as config, u as configFromLocalStorage, v as configFromMetaTag, a as deepReady, x as defaultConfig, y as defaultLocale, d as dsBrowser, z as dsModalController, B as dsSnackbarController, A as dsToastController, e as getAppRoot, f as getRootElement, i as initialize, i as initializeDesignSystem, h as isDescendant, r as setupDsConfig, j as shallowReady, w as wait, k as waitAfterFramePaint, l as waitAfterIdleCallback, m as waitAfterLargestContentfulPaintCallback, n as waitForComponent, o as waitForDesignSystem, q as waitOnLoadEventCallback } from './index-BZEWgXed.js';
+import { d as dsDevice } from './device-C6cGaC0a.js';
+export { D as DsDevice } from './device-C6cGaC0a.js';
+export { S as ScrollHandler } from './scroll-Dg5YCtp0.js';
+import { W as WindowResizeListener } from './breakpoints.subject-1t_GD0pz.js';
+export { D as DsBreakpointSubject, b as DsBreakpointsUtil, a as dsBreakpointSubject, d as dsBreakpoints } from './breakpoints.subject-1t_GD0pz.js';
 import { D as DateTime, I as Info, S as Settings } from './luxon-Bbc3Wbed.js';
-import { S as Subject } from './listener-CoC_59Q5.js';
-export { L as ListenToConfig, b as attachComponentToConfig, a as attachToConfig, c as detachComponentFromConfig, d as detachFromConfig, o as onDsConfigChange, i as updateDsAllowedLanguages, k as updateDsAnimated, e as updateDsBrand, g as updateDsFallbackLanguage, j as updateDsIcons, f as updateDsLanguage, m as updateDsLegalLinks, n as updateDsLegalText, l as updateDsLogger, h as updateDsRegion, p as updateDsSocialLinks, u as useDsConfig } from './config.utils-Dp02shGd.js';
+import { S as Subject } from './listener-D0i_9cCL.js';
+export { L as ListenToConfig, b as attachComponentToConfig, a as attachToConfig, c as detachComponentFromConfig, d as detachFromConfig, o as onDsConfigChange, i as updateDsAllowedLanguages, k as updateDsAnimated, e as updateDsBrand, g as updateDsFallbackLanguage, j as updateDsIcons, f as updateDsLanguage, m as updateDsLegalLinks, n as updateDsLegalText, l as updateDsLogger, h as updateDsRegion, p as updateDsSocialLinks, u as useDsConfig } from './config.utils-C2ZxpLao.js';
 
 /**
  * Returns the char which separates day form month and year.

package/dist/esm/{isNaN-7y2s4B42.js → isNaN-CnSbS9y5.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { $ as require_baseGetTag, a0 as requireIsObjectLike, N as getDefaultExportFromCjs } from './index-vF16SDFF.js';
+import { $ as require_baseGetTag, a0 as requireIsObjectLike, N as getDefaultExportFromCjs } from './index-BZEWgXed.js';
 
 var isNumber_1;
 var hasRequiredIsNumber;

package/dist/esm/{isNil-CdsPICws.js → isNil-CSyb5N-K.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { N as getDefaultExportFromCjs } from './index-vF16SDFF.js';
+import { N as getDefaultExportFromCjs } from './index-BZEWgXed.js';
 
 /**
  * Checks if `value` is `null` or `undefined`.

package/dist/esm/{listener-CoC_59Q5.js → listener-D0i_9cCL.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { d as dsBrowser } from './index-vF16SDFF.js';
+import { d as dsBrowser } from './index-BZEWgXed.js';
 
 class Subject {
     constructor(notifyCallback) {

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { g as globalScripts, b as bootstrapLazy } from './index-vF16SDFF.js';
-export { s as setNonce } from './index-vF16SDFF.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-BZEWgXed.js';
+export { s as setNonce } from './index-BZEWgXed.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/{logo.animation-DFnRNKvb.js → logo.animation-d3SUvNsa.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { L as Lottie, l as libExports } from './lottie_light_html-DcbRcQ3w.js';
-import './index-vF16SDFF.js';
+import { L as Lottie, l as libExports } from './lottie_light_html-BvqthL78.js';
+import './index-BZEWgXed.js';
 
 const LogoAnimationData = (color = '#151f6d') => ({
     v: '5.8.1',

package/dist/esm/{lottie_light_html-DcbRcQ3w.js → lottie_light_html-BvqthL78.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { a3 as commonjsGlobal, N as getDefaultExportFromCjs } from './index-vF16SDFF.js';
+import { a3 as commonjsGlobal, N as getDefaultExportFromCjs } from './index-BZEWgXed.js';
 
 var lib = {};
 

package/dist/esm/{one-of-0XcP43f0.js → one-of-CEp_lE0A.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-C9h9tdvI.js';
+import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-DoOlbRcm.js';
 
 /**
  * Property decorator that validates the property value is one of the allowed values.

package/dist/esm/{required-BbKCKkv2.js → required-DFokOkqn.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { c as createValidatorDecorator, g as getValidationContext, i as isValueEmpty } from './create-validator-decorator-C9h9tdvI.js';
+import { c as createValidatorDecorator, g as getValidationContext, i as isValueEmpty } from './create-validator-decorator-DoOlbRcm.js';
 
 /**
  * Property decorator that validates the property is not empty.

package/dist/esm/{resize.decorator-DuBNoG5Y.js → resize.decorator-BFNXd4pc.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { P as debounce, d as dsBrowser, L as rIC } from './index-vF16SDFF.js';
-import { L as ListenerAbstract, a as SingleSubject } from './listener-CoC_59Q5.js';
+import { P as debounce, d as dsBrowser, L as rIC } from './index-BZEWgXed.js';
+import { L as ListenerAbstract, a as SingleSubject } from './listener-D0i_9cCL.js';
 
 class ResizeListener extends ListenerAbstract {
     constructor() {

package/dist/esm/{scroll-w5Ky8GVa.js → scroll-Dg5YCtp0.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { d as dsBrowser } from './index-vF16SDFF.js';
+import { d as dsBrowser } from './index-BZEWgXed.js';
 
 class ScrollHandler {
     constructor() {

package/dist/esm/{spinner.animation-Dy_M0hD_.js → spinner.animation-jNZuSaBw.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { L as Lottie, l as libExports } from './lottie_light_html-DcbRcQ3w.js';
-import './index-vF16SDFF.js';
+import { L as Lottie, l as libExports } from './lottie_light_html-BvqthL78.js';
+import './index-BZEWgXed.js';
 
 const SpinnerAnimationData = (color = '#151f6d') => ({
     v: '5.8.1',

package/dist/esm/{tslib.es6-CJY5Vco2.js → tslib.es6-syzWW8yN.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { d as dsBrowser } from './index-vF16SDFF.js';
+import { d as dsBrowser } from './index-BZEWgXed.js';
 
 const defaultLoggerConfig = {
     components: [],