@viasat/beam-web-components 2.68.0 → 2.70.0

package/TextField/TextField.js

@@ -1,27 +1,27 @@
-import { unsafeCSS as E, nothing as n, html as g } from "lit";
+import { unsafeCSS as F, nothing as n, html as g } from "lit";
 import { property as c, queryAssignedElements as S, state as $ } from "lit/decorators.js";
-import { ref as F } from "lit/directives/ref.js";
+import { ref as E } from "lit/directives/ref.js";
 import _ from "clsx";
 import { d as w } from "../chunks/input.D7RpzZmn.js";
 import { g as M } from "../chunks/classNames.m6VYRyOu.js";
-import { t as P } from "../chunks/constants.ZIKMMCJH.js";
-import { p as f, e as z, c as O } from "../chunks/register-custom-element.D_kw6JXe.js";
+import { t as O } from "../chunks/constants.ZIKMMCJH.js";
+import { p as f, e as z, c as P } from "../chunks/register-custom-element.D_kw6JXe.js";
 import { r as I } from "../chunks/delegate.baxDQosr.js";
-import { s as A } from "../chunks/helpers.C43UgSdK.js";
-import { FormField as T } from "../wip/Form/Form.decorator.js";
+import { b as A, s as T } from "../chunks/helpers.Ds5YZETV.js";
+import { FormField as L } from "../wip/Form/Form.decorator.js";
 import "../chunks/HelperText.Cc_6DlKP.js";
-const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);--bm-input-field-font: var(--bm-comp-input-typo-sm);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);--bm-input-field-font: var(--bm-comp-input-typo-md);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);--bm-input-field-font: var(--bm-comp-input-typo-lg);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-sem-size-icon-sm)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
-var R = Object.defineProperty, W = Object.getOwnPropertyDescriptor, C = (e) => {
+const R = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);--bm-input-field-font: var(--bm-comp-input-typo-sm);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);--bm-input-field-font: var(--bm-comp-input-typo-md);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);--bm-input-field-font: var(--bm-comp-input-typo-lg);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-sem-size-icon-sm)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
+var W = Object.defineProperty, D = Object.getOwnPropertyDescriptor, k = (e) => {
   throw TypeError(e);
-}, t = (e, i, r, a) => {
-  for (var m = a > 1 ? void 0 : a ? W(i, r) : i, l = e.length - 1, b; l >= 0; l--)
-    (b = e[l]) && (m = (a ? b(i, r, m) : b(m)) || m);
-  return a && m && R(i, r, m), m;
-}, D = (e, i, r) => i.has(e) || C("Cannot " + r), s = (e, i, r) => (D(e, i, "read from private field"), r ? r.call(e) : i.get(e)), u = (e, i, r) => i.has(e) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), d, h, v, x;
-const { baseClassNamePrefix: H, subElementClassPrefix: y, classModifierPrefix: p } = M("text-field");
-let o = class extends T {
+}, t = (e, o, r, a) => {
+  for (var m = a > 1 ? void 0 : a ? D(o, r) : o, l = e.length - 1, d; l >= 0; l--)
+    (d = e[l]) && (m = (a ? d(o, r, m) : d(m)) || m);
+  return a && m && W(o, r, m), m;
+}, H = (e, o, r) => o.has(e) || k("Cannot " + r), s = (e, o, r) => (H(e, o, "read from private field"), r ? r.call(e) : o.get(e)), u = (e, o, r) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, r), p, h, v, x;
+const { baseClassNamePrefix: N, subElementClassPrefix: y, classModifierPrefix: b } = M("text-field");
+let i = class extends L {
   constructor() {
-    super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this, d, () => {
+    super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !1, this.type = "text", this.inputMode = "text", this.autofocus = !1, this.spellcheck = !0, this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this, p, () => {
       var e;
       return !!(this.disabled || (e = this.formContext) != null && e.disabled);
     }), u(this, h, () => {
@@ -31,40 +31,42 @@ let o = class extends T {
       var e;
       return !!(this.required || (e = this.formContext) != null && e.required);
     }), u(this, x, (e) => {
-      const i = e === "before" ? "_hasContentBeforeSlot" : "_hasContentAfterSlot", a = g`<slot
+      const o = e === "before" ? "_hasContentBeforeSlot" : "_hasContentAfterSlot", a = g`<slot
       name="content-${e}"
       @slotchange="${({ target: m }) => {
-        this[i] = A(m);
+        this[o] = T(m);
       }}"
     ></slot>`;
-      return this[i] ? g`<div class="${y}content">${a}</div>` : a;
+      return this[o] ? g`<div class="${y}content">${a}</div>` : a;
     });
   }
   updated(e) {
-    const [i] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = z(i), { decorate: m } = z(r), l = f(e, ["value"]), b = f(e, ["validationRules"]), k = f(e, ["formContext", "disabled"]), B = f(e, [
+    super.updated(e);
+    const [o] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = z(o), { decorate: m } = z(r), l = f(e, ["value"]), d = f(e, ["validationRules"]), C = f(e, ["formContext", "disabled"]), B = f(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
     ]), q = f(e, ["formContext"]) && this.contextInitialsChanged();
-    (l || q) && this.setContextValue(), k && (a({ disabled: s(this, d).call(this) }), m({ disabled: s(this, d).call(this) })), b && this.setContextValidation(), B && a({ required: s(this, v).call(this) && !this.hideRequiredMarker });
+    (l || q) && this.setContextValue(), C && (a({ disabled: s(this, p).call(this) }), m({ disabled: s(this, p).call(this) })), d && this.setContextValidation(), B && a({ required: s(this, v).call(this) && !this.hideRequiredMarker });
   }
   render() {
-    const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, a = this.helperTextId, m = this.error || this.validationErrorShown() ? _(
-      this.error && this.errorId,
+    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), { invalid: r, errorMessage: a } = this.resolveError(), m = r || !!o, l = _(
+      this.helperTextId,
+      !!a && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ) : void 0, l = _(
-      H,
-      r && `${p}error`,
-      this.theme && P(this.theme),
-      `${p}${this.size || w}`,
-      this.fluid && `${p}fluid`,
-      this.ellipse && `${p}ellipsis`,
-      s(this, d).call(this) && `${p}disabled`,
-      s(this, h).call(this) && `${p}read-only`
+    ), d = _(
+      N,
+      m && `${b}error`,
+      this.theme && O(this.theme),
+      `${b}${this.size || w}`,
+      this.fluid && `${b}fluid`,
+      this.ellipse && `${b}ellipsis`,
+      s(this, p).call(this) && `${b}disabled`,
+      s(this, h).call(this) && `${b}read-only`
     );
     return g`
       <div
-        class="${l}"
+        class="${d}"
         style="${this.width ? `max-width: ${this.width}` : n}"
       >
         <slot name="label" id="${this.labelId}"></slot>
@@ -74,91 +76,95 @@ let o = class extends T {
             id="${this.id}"
             name="${this.name}"
             type="${this.type}"
-            ${F(this.formFieldRef)}
+            ${E(this.formFieldRef)}
             inputmode="${this.inputMode}"
+            ?autofocus="${this.autofocus}"
+            spellcheck="${this.spellcheck}"
             ?required="${s(this, v).call(this)}"
             ?readonly="${s(this, h).call(this)}"
-            ?disabled="${s(this, d).call(this)}"
+            ?disabled="${s(this, p).call(this)}"
             placeholder="${this.placeholder ?? n}"
             aria-labelledby="${this.labelId}"
             aria-label="${this.inputAriaLabel ?? n}"
             @blur="${this.validateFieldOnBlur}"
             @keydown="${this.submitFormByEnter}"
-            aria-describedby="${a ?? n}"
-            aria-errormessage="${m ?? n}"
+            aria-describedby="${l ?? n}"
             class="${y}input"
             @input="${this.validateFieldOnChange}"
-            aria-invalid="${e || r}"
+            aria-invalid="${m || e || n}"
           />
           ${s(this, x).call(this, "after")}
         </div>
         <slot name="helper-text" id="${this.helperTextId}"></slot>
-        ${this.renderError(this.error, s(this, d).call(this))}
+        ${this.renderError(a, s(this, p).call(this))}
         ${this.renderValidationErrors()}
       </div>
     `;
   }
 };
-d = /* @__PURE__ */ new WeakMap();
+p = /* @__PURE__ */ new WeakMap();
 h = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
 x = /* @__PURE__ */ new WeakMap();
-I(o);
-o.styles = E(L);
+I(i);
+i.styles = F(R);
 t([
   c({ type: String })
-], o.prototype, "placeholder", 2);
+], i.prototype, "placeholder", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "required", 2);
+], i.prototype, "required", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "hideRequiredMarker", 2);
-t([
-  c({ type: String })
-], o.prototype, "error", 2);
+], i.prototype, "hideRequiredMarker", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "readOnly", 2);
+], i.prototype, "readOnly", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "disabled", 2);
+], i.prototype, "disabled", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "fluid", 2);
+], i.prototype, "fluid", 2);
 t([
   c({ type: String })
-], o.prototype, "size", 2);
+], i.prototype, "size", 2);
 t([
   c({ type: String })
-], o.prototype, "width", 2);
+], i.prototype, "width", 2);
 t([
   c({ type: Boolean })
-], o.prototype, "ellipse", 2);
+], i.prototype, "ellipse", 2);
 t([
   c({ type: String })
-], o.prototype, "theme", 2);
+], i.prototype, "theme", 2);
 t([
   c({ type: String })
-], o.prototype, "type", 2);
+], i.prototype, "type", 2);
 t([
   c({ type: String })
-], o.prototype, "inputMode", 2);
+], i.prototype, "inputMode", 2);
+t([
+  c({ type: Boolean })
+], i.prototype, "autofocus", 2);
+t([
+  c({ type: Boolean, converter: A })
+], i.prototype, "spellcheck", 2);
 t([
   S({ slot: "label" })
-], o.prototype, "_textFieldLabel", 2);
+], i.prototype, "_textFieldLabel", 2);
 t([
   S({ slot: "helper-text" })
-], o.prototype, "_textFieldHelperText", 2);
+], i.prototype, "_textFieldHelperText", 2);
 t([
   $()
-], o.prototype, "_hasContentBeforeSlot", 2);
+], i.prototype, "_hasContentBeforeSlot", 2);
 t([
   $()
-], o.prototype, "_hasContentAfterSlot", 2);
-o = t([
-  O("bm-text-field")
-], o);
+], i.prototype, "_hasContentAfterSlot", 2);
+i = t([
+  P("bm-text-field")
+], i);
 export {
-  o as BmTextField
+  i as BmTextField
 };

package/Tooltip/Tooltip.js

@@ -6,7 +6,7 @@ import { g as Gt } from "../chunks/classNames.m6VYRyOu.js";
 import { p as be, t as ve } from "../chunks/constants.ZIKMMCJH.js";
 import { e as ye, f as we } from "../chunks/tokens.CTW8Tt94.js";
 import { k as xe, l as Dt, m as Ce, c as Zt } from "../chunks/register-custom-element.D_kw6JXe.js";
-import { c as Oe, d as Tt, m as $t, r as Ae, h as _e, e as Jt, f as Bt } from "../chunks/helpers.C43UgSdK.js";
+import { d as Oe, e as Tt, m as $t, r as Ae, h as _e, b as Jt, f as Bt } from "../chunks/helpers.Ds5YZETV.js";
 const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}.bm-tooltip__icon-trigger{border:none;background:none;padding:0;margin:0;display:flex;cursor:pointer;color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-tooltip{z-index:999;background-color:var(--bm-comp-tooltip-color-bg);border-radius:var(--bm-comp-tooltip-radius);max-width:var(--bm-comp-tooltip-size-width);padding:var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);color:var(--bm-comp-tooltip-color-text);font:var(--bm-comp-tooltip-typo-body);offset:var(--bm-comp-tooltip-space-offset);transition-property:opacity}.bm-tooltip[data-status=open]{transition-duration:0s}.bm-tooltip[data-status=close]{transition-duration:.2s}.bm-tooltip[data-status=initial],.bm-tooltip[data-status=close]{opacity:0}.bm-tooltip__arrow{offset:var(--bm-comp-tooltip-space-arrow);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');mask-size:cover;mask-position:center;mask-repeat:no-repeat;scale:1.05;width:var(--bm-comp-tooltip-size-arrow-width);height:var(--bm-comp-tooltip-size-arrow-height);background-color:var(--bm-comp-tooltip-color-bg)}.bm-tooltip__icon-trigger svg{background:none;border:none}.bm-tooltip__icon-trigger:focus-visible{border-radius:var(--bm-sem-radius-round);outline-offset:0px;outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-tooltip__icon-trigger--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:inherit}.bm-tooltip__icon-trigger--xs{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--xs svg{height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--sm{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--sm svg{height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--md{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--md svg{height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--lg{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--lg svg{height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--xl{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}.bm-tooltip__icon-trigger--xl svg{height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}`, te = ["top", "right", "bottom", "left"], Ht = ["start", "end"], Ft = /* @__PURE__ */ te.reduce((e, t) => e.concat(t, t + "-" + Ht[0], t + "-" + Ht[1]), []), q = Math.min, L = Math.max, ft = Math.round, at = Math.floor, W = (e) => ({
   x: e,
   y: e

package/chunks/{BreadcrumbsItem.xWwSJgcO.js → BreadcrumbsItem.kovG2GHz.js}

@@ -4,7 +4,7 @@ import { property as b, queryAssignedNodes as C } from "lit/decorators.js";
 import { unsafeSVG as u } from "lit/directives/unsafe-svg.js";
 import { g as k } from "./classNames.m6VYRyOu.js";
 import { c as $ } from "./register-custom-element.D_kw6JXe.js";
-import { b as w } from "./helpers.C43UgSdK.js";
+import { c as w } from "./helpers.Ds5YZETV.js";
 import { BreadcrumbGroupCtx as z } from "../Breadcrumbs/Breadcrumbs.context.js";
 import "../Link/Link.js";
 const B = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-breadcrumb-color-enabled: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #141d24);--bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #141d24);--bm-comp-breadcrumb-color-selected: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-breadcrumb-typo-default: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-breadcrumb-color-enabled: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-breadcrumb-color-selected: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-breadcrumb-typo-default: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, .25rem)}.bm-breadcrumbs__list{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__item{display:flex;align-items:center;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__link{--bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__link:hover{--bm-comp-link-color-primary-hover: var(--bm-comp-breadcrumb-color-hover)}.bm-breadcrumbs__link:active{--bm-comp-link-color-secondary-active: var(--bm-comp-breadcrumb-color-active)}.bm-breadcrumbs__link.bm-link--disabled{cursor:pointer;--bm-sem-opacity-disabled: 1}.bm-breadcrumbs__link.bm-link--disabled:hover{text-decoration:underline}.bm-breadcrumbs__icon{flex-shrink:0;display:inline-flex}.bm-breadcrumbs__icon ::slotted([slot=icon]){color:var(--bm-comp-breadcrumb-color-enabled);width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);display:inline-flex}.bm-breadcrumbs__icon--current{width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);color:var(--bm-comp-breadcrumb-color-selected)}.bm-breadcrumbs__separator{min-width:var(--bm-comp-breadcrumb-size-icon-chevron);min-height:var(--bm-comp-breadcrumb-size-icon-chevron);max-width:var(--bm-comp-breadcrumb-size-icon-chevron);max-height:var(--bm-comp-breadcrumb-size-icon-chevron);color:var(--bm-comp-breadcrumb-color-enabled)}[dir=rtl] .bm-breadcrumbs__separator{transform:rotate(180deg)}.bm-breadcrumbs__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}[dir=rtl] .bm-breadcrumbs__text{unicode-bidi:plaintext}.bm-breadcrumbs__current{color:var(--bm-comp-breadcrumb-color-selected);font:var(--bm-comp-breadcrumb-typo-default);display:flex;align-items:center;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__item--ellipsis{color:var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__item--ellipsis :focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-breadcrumbs--wrap .bm-breadcrumbs__list{flex-wrap:wrap}:host(*) .bm-breadcrumbs__text{color:var(--bm-comp-breadcrumb-color-enabled)}:host(*) .bm-breadcrumbs__text:hover{color:var(--bm-comp-breadcrumb-color-hover)}:host(*) .bm-breadcrumbs__text:active{color:var(--bm-comp-breadcrumb-color-active)}::part(link){max-width:var(--bm-comp-breadcrumbs-truncation-width, auto);--bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled)}:host-context([dir=rtl]) .bm-breadcrumbs__text{unicode-bidi:plaintext}:host-context([dir=rtl]) .bm-breadcrumbs__separator{transform:rotate(180deg)}', h = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

package/chunks/{helpers.C43UgSdK.js → helpers.Ds5YZETV.js}

@@ -40,10 +40,10 @@ const h = () => `${l}-${Math.random().toString(36).slice(2, 6)}${u++}`, f = (t)
 };
 export {
   y as a,
-  v as b,
-  h as c,
-  p as d,
-  E as e,
+  E as b,
+  v as c,
+  h as d,
+  p as e,
   m as f,
   f as g,
   b as h,