@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779268556 → 5.0.0-next.3-dev.1779280398

package/{form-field.component-BdfK6r2v.js → form-field.component-DkqZz7aZ.js}

@@ -1,40 +1,40 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
-import { property as o, state as s } from "lit/decorators.js";
-import { SbbElement as c, SbbLanguageController as l, SbbNegativeMixin as u, appendAriaElements as d, forceType as f, i18nOptional as ee, removeAriaElements as p, sbbInputModalityDetector as m } from "./core.js";
-import { SbbIconElement as h } from "./icon.pure.js";
+import { html as n, isServer as r, unsafeCSS as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+import { SbbElement as s, SbbNegativeMixin as c, appendAriaElements as l, forceType as u, removeAriaElements as d, sbbInputModalityDetector as f } from "./core.js";
+import { SbbIconElement as p } from "./icon.pure.js";
 //#region src/elements/form-field/form-field/form-field.scss?inline
-var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-hint-padding-block-start: var(--sbb-form-field-hint-divider-width);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--_sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-icon-svg-width: var(--sbb-form-field-icon-size);--sbb-icon-svg-height: var(--sbb-form-field-icon-size);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:inline-block;color:var(--sbb-form-field-color);font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color: var(--sbb-background-color-1-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5);--sbb-form-field-text-color: var(--sbb-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-text-font-size-s);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xxs);--_sbb-form-field-input-margin-block-end: -.125rem;--_sbb-form-field-label-to-input-overlapping: .625rem;--_sbb-form-field-floating-label-transform: .34375rem;--_sbb-form-field-spacer-margin-block-end: -.53125rem}@media(min-width:64rem){:host([size=s]){--_sbb-form-field-label-to-input-overlapping: .6875rem;--_sbb-form-field-floating-label-transform: .3125rem;--_sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=m]){--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host(:is([size=m],[size=l])){--sbb-form-field-input-text-size: var(--sbb-text-font-size-m);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);--_sbb-form-field-input-margin-block-end: 0;--_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--_sbb-form-field-floating-label-transform: .53125rem;--_sbb-form-field-spacer-margin-block-end: calc( -1 * var(--_sbb-form-field-label-to-input-overlapping) )}@media(min-width:64rem){:host(:is([size=m],[size=l])){--_sbb-form-field-floating-label-transform: .65625rem}}:host([error-space=reserve]){--sbb-form-field-hint-min-height: calc( var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs) );--sbb-form-field-hint-padding-block-start-override: var(--sbb-form-field-hint-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-background-color-3);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-form-field-arrow-color: var(--sbb-color-granite);--sbb-form-field-arrow-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}@media(forced-colors:active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-background-color-3-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-arrow-color: var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-form-field-border-style: dashed}@media(forced-colors:active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-border-color-3);--sbb-form-field-prefix-color: var(--sbb-color-3);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error]),:is(:state(has-hint),[state--has-hint])))){--sbb-form-field-hint-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media(forced-colors:active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not(:is(:state(slotted-label),[state--slotted-label])),[hidden-label])){--sbb-form-field-label-size: 0rem;--_sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))){--sbb-form-field-overflow: visible}.sbb-form-field__space-wrapper{display:flex;flex-direction:column;height:100%}.sbb-form-field__space-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;flex:1;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:\"\";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius);pointer-events:none}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-form-field-outline-offset, var(--sbb-focus-outline-offset))}@media(forced-colors:none){:host(:is([borderless],:is(:state(input-type-sbb-slider),[state--input-type-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0;z-index:var(--sbb-form-field-focus-underline-z-index, initial)}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}:host(:is(:state(has-error),[state--has-error])) slot[name=hint]{display:none}:host(:where(:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-text-counter){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media(forced-colors:active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;translate:0 -50%;display:none;position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}:host(:is(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(explicit-input-type-select),[state--explicit-input-type-select]))) .sbb-form-field__select-input-icon{display:inline-block}.sbb-form-field__input-container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));margin-block-end:var(--_sbb-form-field-spacer-margin-block-end)}:host(:not(:is(:state(slotted-label),[state--slotted-label]))) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:var(--sbb-cursor-default);position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-label-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:where(:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-type-sbb-select),[state--input-type-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--_sbb-form-field-floating-label-transform))}@media(forced-colors:active){:host(:where(:is(:state(input-type-textarea),[state--input-type-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex;flex:1;align-items:start}:host(:is(:is(:state(input-type-input),[state--input-type-input]),:is(:state(input-type-select),[state--input-type-select]),:is(:state(input-type-sbb-select),[state--input-type-sbb-select]),:is(:state(input-type-sbb-date-input),[state--input-type-sbb-date-input]),:is(:state(input-type-sbb-time-input),[state--input-type-sbb-time-input]))) .sbb-form-field__input{margin-block-end:var(--_sbb-form-field-input-margin-block-end)}.sbb-form-field__hint{display:flex;min-height:var(--sbb-form-field-hint-min-height);flex-direction:column;margin-block-start:var(--sbb-form-field-hint-padding-block-start-override, var(--sbb-form-field-hint-padding-block-start))}", _ = 0, v = /* @__PURE__ */ new WeakMap(), y = [
+var m = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb-spacing-fixed-1x);--sbb-form-field-hint-padding-block-start: var(--sbb-form-field-hint-divider-width);--sbb-form-field-select-inline-padding-end: calc( var(--sbb-icon-svg-width) + var(--sbb-form-field-gap) );--sbb-form-field-label-size: calc( var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-text-line-height: calc( var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text) );--sbb-form-field-margin-block-start: calc( ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height ) + var(--_sbb-form-field-label-to-input-overlapping) ) / 2 );--sbb-icon-svg-width: var(--sbb-form-field-icon-size);--sbb-icon-svg-height: var(--sbb-form-field-icon-size);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );display:inline-block;color:var(--sbb-form-field-color);font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host(:where(:not([width=collapse]))){min-width:9.375rem;width:min(18.75rem,100%)}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color: var(--sbb-background-color-1-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5);--sbb-form-field-text-color: var(--sbb-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host([negative]){--sbb-form-field-border-color: ButtonBorder}}:host([size=s]){--sbb-form-field-min-height: var(--sbb-size-element-xs);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size: var(--sbb-text-font-size-s);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xxs);--_sbb-form-field-input-margin-block-end: -.125rem;--_sbb-form-field-label-to-input-overlapping: .625rem;--_sbb-form-field-floating-label-transform: .34375rem;--_sbb-form-field-spacer-margin-block-end: -.53125rem}@media(min-width:64rem){:host([size=s]){--_sbb-form-field-label-to-input-overlapping: .6875rem;--_sbb-form-field-floating-label-transform: .3125rem;--_sbb-form-field-spacer-margin-block-end: -.5rem}}:host([size=m]){--sbb-form-field-min-height: var(--sbb-size-element-m);--sbb-form-field-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-form-field-min-height: var(--sbb-size-element-l);--sbb-form-field-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host(:is([size=m],[size=l])){--sbb-form-field-input-text-size: var(--sbb-text-font-size-m);--sbb-form-field-label-text-size: var(--sbb-text-font-size-xs);--_sbb-form-field-input-margin-block-end: 0;--_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);--_sbb-form-field-floating-label-transform: .53125rem;--_sbb-form-field-spacer-margin-block-end: calc( -1 * var(--_sbb-form-field-label-to-input-overlapping) )}@media(min-width:64rem){:host(:is([size=m],[size=l])){--_sbb-form-field-floating-label-transform: .65625rem}}:host([error-space=reserve]){--sbb-form-field-hint-min-height: calc( var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs) );--sbb-form-field-hint-padding-block-start-override: var(--sbb-form-field-hint-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color: var(--sbb-background-color-3);--sbb-form-field-border-color: var(--sbb-color-graphite);--sbb-form-field-border-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-form-field-arrow-color: var(--sbb-color-granite);--sbb-form-field-arrow-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}@media(forced-colors:active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color: ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color: var(--sbb-background-color-3-negative);--sbb-form-field-border-color: var(--sbb-border-color-5);--sbb-form-field-arrow-color: var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-form-field-border-style: dashed}@media(forced-colors:active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color: GrayText !important;--sbb-form-field-prefix-color: GrayText !important;--sbb-form-field-text-color: GrayText !important;--sbb-form-field-border-color: GrayText !important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color: var(--sbb-color-5);--sbb-form-field-label-color: var(--sbb-color-5);--sbb-form-field-prefix-color: var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color: var(--sbb-color-granite);--sbb-form-field-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-form-field-prefix-color: var(--sbb-color-granite);--sbb-form-field-prefix-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color: var(--sbb-border-color-3);--sbb-form-field-prefix-color: var(--sbb-color-3);--sbb-form-field-border-width: var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color: var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color: var(--sbb-color-3-negative)}@media(forced-colors:active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color: Highlight;--sbb-form-field-prefix-color: Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error]),:is(:state(has-hint),[state--has-hint])))){--sbb-form-field-hint-padding-block-start: 0}:host([floating-label]){--sbb-select-placeholder-color: transparent}@media(forced-colors:active){:host([floating-label]){--sbb-select-placeholder-color: Canvas}}:host(:is(:not(:is(:state(slotted-label),[state--slotted-label])),[hidden-label])){--sbb-form-field-label-size: 0rem;--_sbb-form-field-label-to-input-overlapping: 0rem}:host(:where(:is(:state(input-element-sbb-slider),[state--input-element-sbb-slider]))){--sbb-form-field-overflow: visible}.sbb-form-field__space-wrapper{display:flex;flex-direction:column;height:100%}.sbb-form-field__space-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-form-field__wrapper{display:flex;flex:1;gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);position:relative}.sbb-form-field__wrapper:before{content:\"\";display:block;position:absolute;inset:0;border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius);pointer-events:none}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-form-field-outline-offset, var(--sbb-focus-outline-offset))}@media(forced-colors:none){:host(:is([borderless],:is(:state(input-element-sbb-slider),[state--input-element-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:transparent}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0;z-index:var(--sbb-form-field-focus-underline-z-index, initial)}}::slotted(*[slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted(*[slot=prefix]),::slotted(*[slot=suffix]){display:flex;min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear){display:none}:host(:is(:state(has-error),[state--has-error])) slot[name=hint]{display:none}:host(:where(:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-text-counter){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media(forced-colors:active){::slotted(*[slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;translate:0 -50%;display:none;position:absolute;inset-inline-end:0;margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);pointer-events:none;color:var(--sbb-form-field-arrow-color)}:host(:is(:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]),:is(:state(explicit-input-element-select),[state--explicit-input-element-select]))) .sbb-form-field__select-input-icon{display:inline-block}.sbb-form-field__input-container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;margin-block-start:var(--sbb-form-field-margin-block-start);min-width:0}.sbb-form-field__label-spacer{display:flex;height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));margin-block-end:var(--_sbb-form-field-spacer-margin-block-end)}:host(:not(:is(:state(slotted-label),[state--slotted-label]))) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-form-field__label{display:flex;max-width:100%;cursor:var(--sbb-cursor-default);position:absolute;inset-block-start:0;color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-label-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:where(:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform,font-size;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-element-sbb-select),[state--input-element-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--_sbb-form-field-floating-label-transform))}@media(forced-colors:active){:host(:where(:is(:state(input-element-textarea),[state--input-element-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-form-field__input{display:flex;flex:1;align-items:start}:host(:is(:is(:state(input-element-input),[state--input-element-input]),:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]),:is(:state(input-element-sbb-date-input),[state--input-element-sbb-date-input]),:is(:state(input-element-sbb-time-input),[state--input-element-sbb-time-input]))) .sbb-form-field__input{margin-block-end:var(--_sbb-form-field-input-margin-block-end)}.sbb-form-field__hint{display:flex;min-height:var(--sbb-form-field-hint-min-height);flex-direction:column;margin-block-start:var(--sbb-form-field-hint-padding-block-start-override, var(--sbb-form-field-hint-padding-block-start))}", h = 0, g = /* @__PURE__ */ new WeakMap(), _ = [
 	"input",
 	"textarea",
 	"select"
-], b = class extends Event {
+], v = class extends Event {
 	get control() {
 		return this._control;
 	}
 	constructor(e) {
 		super("formfieldcontrol"), this._control = e;
 	}
-}, x = (() => {
-	let b = u(c), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
-	return class extends b {
+}, y = (() => {
+	let v = c(s), y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [];
+	return class extends v {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			x = [o({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+			y = [a({
 				attribute: "error-space",
 				reflect: !0
-			})], w = [f(), o({ type: Boolean })], D = [o({ reflect: !0 })], A = [f(), o({
+			})], S = [a({ reflect: !0 })], T = [u(), a({
 				reflect: !0,
 				type: Boolean
-			})], N = [o({ reflect: !0 })], I = [f(), o({
+			})], O = [a({ reflect: !0 })], j = [u(), a({
 				attribute: "hidden-label",
 				reflect: !0,
 				type: Boolean
-			})], z = [f(), o({
+			})], P = [u(), a({
 				attribute: "floating-label",
 				reflect: !0,
 				type: Boolean
-			})], H = [s()], G = [s()], J = [s()], Z = [s()], e(this, null, x, {
+			})], L = [o()], B = [o()], U = [o()], K = [o()], e(this, null, y, {
 				kind: "accessor",
 				name: "errorSpace",
 				static: !1,
@@ -47,20 +47,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
-				kind: "accessor",
-				name: "optional",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "optional" in e,
-					get: (e) => e.optional,
-					set: (e, t) => {
-						e.optional = t;
-					}
-				},
-				metadata: t
-			}, T, E), e(this, null, D, {
+			}, b, x), e(this, null, S, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -73,7 +60,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, C, w), e(this, null, T, {
 				kind: "accessor",
 				name: "borderless",
 				static: !1,
@@ -86,7 +73,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, E, D), e(this, null, O, {
 				kind: "accessor",
 				name: "width",
 				static: !1,
@@ -99,7 +86,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, P, F), e(this, null, I, {
+			}, k, A), e(this, null, j, {
 				kind: "accessor",
 				name: "hiddenLabel",
 				static: !1,
@@ -112,7 +99,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, L, R), e(this, null, z, {
+			}, M, N), e(this, null, P, {
 				kind: "accessor",
 				name: "floatingLabel",
 				static: !1,
@@ -125,7 +112,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, B, V), e(this, null, H, {
+			}, F, I), e(this, null, L, {
 				kind: "accessor",
 				name: "_errorElements",
 				static: !1,
@@ -138,7 +125,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, U, W), e(this, null, G, {
+			}, R, z), e(this, null, B, {
 				kind: "accessor",
 				name: "_hintElements",
 				static: !1,
@@ -151,7 +138,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, K, q), e(this, null, J, {
+			}, V, H), e(this, null, U, {
 				kind: "accessor",
 				name: "_input",
 				static: !1,
@@ -164,7 +151,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, Y, X), e(this, null, Z, {
+			}, W, G), e(this, null, K, {
 				kind: "accessor",
 				name: "_label",
 				static: !1,
@@ -177,7 +164,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					}
 				},
 				metadata: t
-			}, Q, $), t && Object.defineProperty(this, Symbol.metadata, {
+			}, q, J), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -188,10 +175,10 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 			this.elementName = "sbb-form-field";
 		}
 		static {
-			this.elementDependencies = [h];
+			this.elementDependencies = [p];
 		}
 		static {
-			this.styles = [a(g)];
+			this.styles = [i(m)];
 		}
 		#e;
 		get errorSpace() {
@@ -201,74 +188,67 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 			this.#e = e;
 		}
 		#t;
-		get optional() {
+		get size() {
 			return this.#t;
 		}
-		set optional(e) {
+		set size(e) {
 			this.#t = e;
 		}
 		#n;
-		get size() {
+		get borderless() {
 			return this.#n;
 		}
-		set size(e) {
+		set borderless(e) {
 			this.#n = e;
 		}
 		#r;
-		get borderless() {
+		get width() {
 			return this.#r;
 		}
-		set borderless(e) {
+		set width(e) {
 			this.#r = e;
 		}
 		#i;
-		get width() {
+		get hiddenLabel() {
 			return this.#i;
 		}
-		set width(e) {
+		set hiddenLabel(e) {
 			this.#i = e;
 		}
 		#a;
-		get hiddenLabel() {
+		get floatingLabel() {
 			return this.#a;
 		}
-		set hiddenLabel(e) {
+		set floatingLabel(e) {
 			this.#a = e;
 		}
 		#o;
-		get floatingLabel() {
+		get _errorElements() {
 			return this.#o;
 		}
-		set floatingLabel(e) {
+		set _errorElements(e) {
 			this.#o = e;
 		}
 		#s;
-		get _errorElements() {
+		get _hintElements() {
 			return this.#s;
 		}
-		set _errorElements(e) {
+		set _hintElements(e) {
 			this.#s = e;
 		}
 		#c;
-		get _hintElements() {
+		get _input() {
 			return this.#c;
 		}
-		set _hintElements(e) {
+		set _input(e) {
 			this.#c = e;
 		}
 		#l;
-		get _input() {
-			return this.#l;
-		}
-		set _input(e) {
-			this.#l = e;
-		}
-		#u;
 		get _label() {
-			return this.#u;
+			return this.#l;
 		}
 		set _label(e) {
-			this.#u = e;
+			this.#l = e;
 		}
 		get inputElement() {
 			return this._input;
@@ -295,10 +275,10 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 				"tel",
 				"text",
 				"url"
-			], this.#e = t(this, S, "none"), this.#t = (t(this, C), t(this, T, !1)), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, !1)), this.#i = (t(this, M), t(this, P, "default")), this.#a = (t(this, F), t(this, L, !1)), this.#o = (t(this, R), t(this, B, !1)), this.#s = (t(this, V), t(this, U, [])), this.#c = (t(this, W), t(this, K, [])), this.#l = (t(this, q), t(this, Y, null)), this.#u = (t(this, X), t(this, Q, void 0)), this._language = (t(this, $), new l(this)), this._formFieldAttributeObserver = r ? null : new MutationObserver((e) => {
+			], this.#e = t(this, b, "none"), this.#t = (t(this, x), t(this, C, null)), this.#n = (t(this, w), t(this, E, !1)), this.#r = (t(this, D), t(this, k, "default")), this.#i = (t(this, A), t(this, M, !1)), this.#a = (t(this, N), t(this, F, !1)), this.#o = (t(this, I), t(this, R, [])), this.#s = (t(this, z), t(this, V, [])), this.#c = (t(this, H), t(this, W, null)), this.#l = (t(this, G), t(this, q, void 0)), this._formFieldAttributeObserver = (t(this, J), r ? null : new MutationObserver((e) => {
 				e.some((e) => e.type === "attributes") && this._input && (this._readInputState(), this._registerInputFormListener(), this._checkAndUpdateInputEmpty(), this.dispatchEvent(new Event("ɵinputattributechange")));
-			}), this._inputFormAbortController = new AbortController(), this._control = null, this._previousType = null, this.addEventListener?.("focusin", (e) => {
-				(e.target === this.inputElement || e.target === this.inputElement?.inputElement) && (this.internals.states.add("focus"), this.internals.states.add(`focus-origin-${m.mostRecentModality}`));
+			})), this._inputFormAbortController = new AbortController(), this._control = null, this._previousType = null, this.addEventListener?.("focusin", (e) => {
+				(e.target === this.inputElement || e.target === this.inputElement?.inputElement) && (this.internals.states.add("focus"), this.internals.states.add(`focus-origin-${f.mostRecentModality}`));
 			}, { passive: !0 }), this.addEventListener?.("focusout", (e) => {
 				if (e.target === this.inputElement || e.target === this.inputElement?.inputElement) {
 					this._checkAndUpdateInputEmpty(), this.internals.states.delete("focus");
@@ -340,7 +320,7 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 				let t = Array.from(this.querySelectorAll("*:not([slot],sbb-chip-group)"));
 				e = (t.find((e) => this._isInputElement(e)) || t[0]) ?? null;
 			}
-			return e === this._input ? "unchanged" : (this._input && (this.internals.states.delete(`input-type-${this._input.localName}`), (this._input.localName === "input" || this._input.localName === "textarea") && this._unpatchInputValue()), e ? (this._input = e, this._registerInputFormListener(), this._assignAriaDescribedByElements(), this._readInputState(), this._checkAndUpdateInputEmpty(), this._input.localName === "textarea" ? (this._input.setAttribute("rows", this._input.getAttribute("rows") || "3"), this._patchInputValue()) : this._input.localName === "input" ? this._patchInputValue() : (this._input.localName === "select" || this._input.localName === "sbb-select") && !this.hasUpdated && this.hydrationComplete.then(() => this.requestUpdate()), this._formFieldAttributeObserver?.disconnect(), this._formFieldAttributeObserver?.observe(this._input, {
+			return e === this._input ? "unchanged" : (this._input && (this.internals.states.delete(`input-element-${this._input.localName}`), (this._input.localName === "input" || this._input.localName === "textarea") && this._unpatchInputValue()), e ? (this._input = e, this._registerInputFormListener(), this._assignAriaDescribedByElements(), this._readInputState(), this._checkAndUpdateInputEmpty(), this._input.localName === "textarea" ? (this._input.setAttribute("rows", this._input.getAttribute("rows") || "3"), this._patchInputValue()) : this._input.localName === "input" ? this._patchInputValue() : (this._input.localName === "select" || this._input.localName === "sbb-select") && !this.hasUpdated && this.hydrationComplete.then(() => this.requestUpdate()), this._formFieldAttributeObserver?.disconnect(), this._formFieldAttributeObserver?.observe(this._input, {
 				attributes: !0,
 				attributeFilter: [
 					"readonly",
@@ -350,21 +330,21 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 					"data-expanded",
 					"maxlength"
 				]
-			}), this.internals.states.add(`input-type-${this._input.localName}`), this._syncLabelInputReferences(), "changed") : (this._input = null, "no-input"));
+			}), this.internals.states.add(`input-element-${this._input.localName}`), this._syncLabelInputReferences(), "changed") : (this._input = null, "no-input"));
 		}
 		_syncLabelInputReferences() {
-			if (!(!this._input || !this._label)) if (y.includes(this._input.localName) || customElements.get(this._input.localName)?.formAssociated) this._input.id ||= `sbb-form-field-input-${_++}`, this._label.htmlFor = this._input.id;
+			if (!(!this._input || !this._label)) if (_.includes(this._input.localName) || customElements.get(this._input.localName)?.formAssociated) this._input.id ||= `sbb-form-field-input-${h++}`, this._label.htmlFor = this._input.id;
 			else {
-				this._label.id ||= `sbb-form-field-label-${_++}`;
+				this._label.id ||= `sbb-form-field-label-${h++}`;
 				let e = this._input.getAttribute("aria-labelledby")?.split(" ").filter((e) => !!e && e !== this._label.id) ?? [];
 				this._input.setAttribute("aria-labelledby", [...e, this._label.id].join(" "));
 			}
 		}
 		_isInputElement(e) {
-			return y.includes(e.localName) || !!customElements.get(e.localName)?.formAssociated;
+			return _.includes(e.localName) || !!customElements.get(e.localName)?.formAssociated;
 		}
 		_readInputState() {
-			this.toggleState("readonly", this._control?.readOnly ?? this._input.hasAttribute("readonly")), this.toggleState("disabled", this._control?.disabled ?? this._input.hasAttribute("disabled")), this.toggleState("has-popup-open", this._input.hasAttribute("data-expanded")), this._previousType && this.internals.states.delete(`explicit-input-type-${this._previousType}`), this._previousType = this._control?.type ?? this._input.type ?? "text", this.internals.states.add(`explicit-input-type-${this._previousType}`);
+			this.toggleState("readonly", this._control?.readOnly ?? this._input.hasAttribute("readonly")), this.toggleState("disabled", this._control?.disabled ?? this._input.hasAttribute("disabled")), this.toggleState("has-popup-open", this._input.hasAttribute("data-expanded")), this._previousType && this.internals.states.delete(`input-type-${this._previousType}`), this._previousType = this._control?.type ?? this._input.type ?? "text", this.internals.states.add(`input-type-${this._previousType}`);
 		}
 		_registerInputFormListener() {
 			this._inputFormAbortController.abort();
@@ -373,10 +353,10 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 		}
 		_patchInputValue() {
 			let e = this._input;
-			if (!e || v.has(e)) return;
+			if (!e || g.has(e)) return;
 			let t = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e), "value");
 			if (!t || !t.set || !t.get) return;
-			v.set(e, t);
+			g.set(e, t);
 			let { get: n, set: r } = t, i = () => {
 				this._checkAndUpdateInputEmpty(), this.dispatchEvent(new Event("ɵinput"));
 			};
@@ -391,8 +371,8 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 			});
 		}
 		_unpatchInputValue() {
-			let e = this._input, t = v.get(e);
-			t && (Object.defineProperty(e, "value", t), v.delete(e));
+			let e = this._input, t = g.get(e);
+			t && (Object.defineProperty(e, "value", t), g.delete(e));
 		}
 		_checkAndUpdateInputEmpty() {
 			this.toggleState("empty", this._control?.empty ?? (((this._floatingLabelSupportedInputElements.includes(this._input?.localName) || this._input?.constructor?.formFieldAssociated) ?? !1) && this._isInputEmpty()));
@@ -411,18 +391,18 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 		}
 		_onSlotErrorChange(e) {
 			let t = e.target.assignedElements();
-			this._input && this._input.ariaDescribedByElements?.length && (this._input.ariaDescribedByElements = p(this._input.ariaDescribedByElements, ...this._errorElements ?? [], ...this._hintElements ?? [])), this._errorElements = t;
+			this._input && this._input.ariaDescribedByElements?.length && (this._input.ariaDescribedByElements = d(this._input.ariaDescribedByElements, ...this._errorElements ?? [], ...this._hintElements ?? [])), this._errorElements = t;
 			for (let e of this._errorElements) e.role ||= "status";
 			this._assignAriaDescribedByElements(), this.toggleState("has-error", !!this._errorElements.length), this._syncNegative();
 		}
 		_onSlotHintChange(e) {
 			let t = e.target.assignedElements();
-			this._input?.ariaDescribedByElements?.length && this._hintElements?.length && (this._input.ariaDescribedByElements = p(this._input.ariaDescribedByElements, ...this._hintElements)), this._hintElements = t, this._assignAriaDescribedByElements(), this.toggleState("has-hint", !!this._hintElements.length), this._syncNegative();
+			this._input?.ariaDescribedByElements?.length && this._hintElements?.length && (this._input.ariaDescribedByElements = d(this._input.ariaDescribedByElements, ...this._hintElements)), this._hintElements = t, this._assignAriaDescribedByElements(), this.toggleState("has-hint", !!this._hintElements.length), this._syncNegative();
 		}
 		_assignAriaDescribedByElements() {
 			if (this._input) {
 				let e = this._errorElements.length ? this._errorElements : this._hintElements;
-				this._input.ariaDescribedByElements = d(this._input.ariaDescribedByElements, ...e);
+				this._input.ariaDescribedByElements = l(this._input.ariaDescribedByElements, ...e);
 			}
 		}
 		reset() {
@@ -448,7 +428,6 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
             <span class="sbb-form-field__label">
               <span class="sbb-form-field__label-ellipsis">
                 <slot name="label" @slotchange=${this._onSlotLabelChange}></slot>
-                ${this.optional ? n` <span aria-hidden="true"> ${ee[this._language.current]} </span>` : i}
               </span>
             </span>
             <div class="sbb-form-field__input">
@@ -472,4 +451,4 @@ var g = "@charset \"UTF-8\";:host{--sbb-form-field-hint-divider-width: var(--sbb
 	};
 })();
 //#endregion
-export { x as n, b as t };
+export { y as n, v as t };

package/form-field.js

@@ -1,5 +1,5 @@
 import { t as e } from "./error.component-D9Tu2YIl.js";
-import { n as t, t as n } from "./form-field.component-BdfK6r2v.js";
+import { n as t, t as n } from "./form-field.component-DkqZz7aZ.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
 import { t as a } from "./hint.component-DTKfI9tq.js";

package/form-field.pure.js

@@ -1,5 +1,5 @@
 import { t as e } from "./error.component-D9Tu2YIl.js";
-import { n as t, t as n } from "./form-field.component-BdfK6r2v.js";
+import { n as t, t as n } from "./form-field.component-DkqZz7aZ.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
 import { t as a } from "./hint.component-DTKfI9tq.js";

package/icon/icon.component.js

@@ -65,8 +65,8 @@ var c = (() => {
 		set _sbbAngularCompatibility(e) {
 			this.#t = e;
 		}
-		connectedCallback() {
-			super.connectedCallback(), this.internals.ariaHidden = "true";
+		constructor() {
+			super(), n(this, m), this.internals.ariaHidden = "true";
 		}
 		async fetchSvgIcon(e, t) {
 			return this.internals.ariaLabel = `Icon ${t.replace(/-/g, " ")}`, super.fetchSvgIcon(e, t);
@@ -80,9 +80,6 @@ var c = (() => {
 		render() {
 			return this._sbbAngularCompatibility ? r`<slot></slot>` : super.render();
 		}
-		constructor() {
-			super(...arguments), n(this, m);
-		}
 	};
 })();
 //#endregion

package/lean-off-brand-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/lean-safety-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/lean-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/off-brand-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/{optgroup-base-element-Cxe8SIQh.js → optgroup-base-element-CBxsRPUF.js}

@@ -2,14 +2,13 @@ import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a, state as o } from "lit/decorators.js";
 import { SbbDisabledMixin as s, SbbElement as c, SbbPropertyWatcherController as l, forceType as u, isSafari as d } from "./core.js";
-import { SbbDividerElement as f } from "./divider.pure.js";
 //#region src/elements/option/optgroup/optgroup-base-element.scss?inline
-var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display: none}:host(:is(:state(size-s),[state--size-s])){--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x)}:host(:is(:state(size-m),[state--size-m])){--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x)}:host(:is(:state(negative),[state--negative])){--sbb-optgroup-label-color: var(--sbb-color-5)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);font-size:var(--sbb-optgroup-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block-end:var(--sbb-optgroup-label-padding-end)}.sbb-optgroup__divider{display:var(--sbb-optgroup-divider-display, block);padding-block:var(--sbb-options-panel-divider-margin-block)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}", m = d, h = (() => {
-	let d = s(c), h, g = [], _ = [], v, y = [], b = [];
+var f = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display: none}:host(:is(:state(size-s),[state--size-s])){--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x)}:host(:is(:state(size-m),[state--size-m])){--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x)}:host(:is(:state(negative),[state--negative])){--sbb-optgroup-label-color: var(--sbb-color-5);--sbb-optgroup-divider-color: var(--sbb-divider-color-negative)}:host:before{content:\"\";display:var(--sbb-optgroup-divider-display, block);margin-block:var(--sbb-options-panel-divider-margin-block);border-block-start:var(--sbb-divider-border-width) solid var(--sbb-optgroup-divider-color)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);font-size:var(--sbb-optgroup-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block-end:var(--sbb-optgroup-label-padding-end)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}", p = d, m = (() => {
+	let d = s(c), m, h = [], g = [], _, v = [], y = [];
 	return class extends d {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			h = [u(), a()], v = [o()], e(this, null, h, {
+			m = [u(), a()], _ = [o()], e(this, null, m, {
 				kind: "accessor",
 				name: "label",
 				static: !1,
@@ -22,7 +21,7 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, h, g), e(this, null, _, {
 				kind: "accessor",
 				name: "_inertAriaGroups",
 				static: !1,
@@ -35,7 +34,7 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 					}
 				},
 				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -43,13 +42,10 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 			});
 		}
 		static {
-			this.role = m ? null : "group";
+			this.role = p ? null : "group";
 		}
 		static {
-			this.elementDependencies = [f];
-		}
-		static {
-			this.styles = [i(p)];
+			this.styles = [i(f)];
 		}
 		#e;
 		get label() {
@@ -66,9 +62,9 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 			this.#t = e;
 		}
 		constructor() {
-			super(), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this._previousSize = (t(this, b), null), this.addController(new l(this, () => this.closest("sbb-autocomplete, sbb-autocomplete-grid, sbb-select"), { size: (e) => {
+			super(), this.#e = t(this, h, ""), this.#t = (t(this, g), t(this, v, !1)), this._previousSize = (t(this, y), null), this.addController(new l(this, () => this.closest("sbb-autocomplete, sbb-autocomplete-grid, sbb-select"), { size: (e) => {
 				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-			} })), m && (this.hydrationRequired ? this.hydrationComplete.then(() => this._inertAriaGroups = m) : this._inertAriaGroups = m);
+			} })), p && (this.hydrationRequired ? this.hydrationComplete.then(() => this._inertAriaGroups = p) : this._inertAriaGroups = p);
 		}
 		connectedCallback() {
 			super.connectedCallback(), this._updateAriaLabel();
@@ -90,9 +86,6 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 		}
 		render() {
 			return n`
-      <div class="sbb-optgroup__divider">
-        <sbb-divider ?negative=${this.matches?.(":is(:state(negative),[state--negative])")}></sbb-divider>
-      </div>
       ${this.label ? n`
             <div class="sbb-optgroup__label" aria-hidden="true">
               <div class="sbb-optgroup__icon-space"></div>
@@ -105,4 +98,4 @@ var p = ":host{display:block}:host(:first-child){--sbb-optgroup-divider-display:
 	};
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/option/optgroup/optgroup-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../optgroup-base-element-Cxe8SIQh.js";
+import { t as e } from "../../optgroup-base-element-CBxsRPUF.js";
 export { e as SbbOptgroupBaseElement };

package/option/optgroup/optgroup.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../optgroup-base-element-Cxe8SIQh.js";
+import { t as e } from "../../optgroup-base-element-CBxsRPUF.js";
 import { SbbPropertyWatcherController as t } from "../../core.js";
 //#region src/elements/option/optgroup/optgroup.component.ts
 var n = class extends e {

package/option.js

@@ -1,4 +1,4 @@
-import { t as e } from "./optgroup-base-element-Cxe8SIQh.js";
+import { t as e } from "./optgroup-base-element-CBxsRPUF.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
 import { t as n } from "./option-hint.component-NSxCKXEy.js";
 import { t as r } from "./option-styles-DcD5grSB.js";

package/option.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./optgroup-base-element-Cxe8SIQh.js";
+import { t as e } from "./optgroup-base-element-CBxsRPUF.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
 import { t as n } from "./option-hint.component-NSxCKXEy.js";
 import { t as r } from "./option-styles-DcD5grSB.js";

package/overlay/overlay-base-element.js

@@ -92,11 +92,11 @@ var x = [], S = (() => {
 		open() {
 			this.state === "opening" || this.state === "opened" || this._hasClosedParent() || !this.dispatchBeforeOpenEvent() || (this.lastFocusedElement = document.activeElement, this.showPopover?.(), this.state = "opening", this._triggerElement && (this._triggerElement.ariaExpanded = "true"), x.push(this), this.scrollHandler.disableScroll(), this.escapableOverlayController.connect(), this.attachOpenOverlayEvents(), this.isZeroAnimationDuration() && this.handleOpening());
 		}
-		close(e, t) {
-			this._close(e, t);
+		close(e) {
+			this._close(e, void 0);
 		}
 		_close(e, t) {
-			this.state === "closing" || this.state === "closed" || (this.returnValue = e ?? null, this.overlayCloseElement = t, this.dispatchBeforeCloseEvent() && (this.state = "closing", this._triggerElement && (this._triggerElement.ariaExpanded = "false"), this.removeAriaLiveRefContent(), this.isZeroAnimationDuration() && this.handleClosing()));
+			this.state === "closing" || this.state === "closed" || (this.lastResult = e ?? null, this.lastClosedTarget = t, this.dispatchBeforeCloseEvent() && (this.state = "closing", this._triggerElement && (this._triggerElement.ariaExpanded = "false"), this.removeAriaLiveRefContent(), this.isZeroAnimationDuration() && this.handleClosing()));
 		}
 		_hasClosedParent() {
 			let e = this.parentElement?.closest("sbb-dialog, sbb-overlay");

package/overlay/overlay.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../overlay.component-D7Z_vx1A.js";
+import { t as e } from "../overlay.component-OSLtja0_.js";
 export { e as SbbOverlayElement };