@luzmo/lucero 2.4.2 → 2.5.1

package/standalone/tags.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,f as i,l as a,o,u as s,v as c,y as l}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as u}from"./chunks/roving-tabindex-CB4xC55P.js";import{n as d}from"./chunks/language-resolution-BWHk9A73.js";import"./chunks/tooltip-DB6jRVyB.js";import"./chunks/clear-button-pVGfwye8.js";import"./chunks/button-Dykw3TSO.js";var f=`:host{font-family:var(--luzmo-font-family);background-color:var(--highcontrast-tag-background-color,var(--luzmo-tag-background-color,var(--tag-background-color)));color:var(--highcontrast-tag-content-color,var(--luzmo-tag-content-color,var(--tag-content-color)));border-radius:var(--luzmo-tag-border-radius,var(--tag-border-radius));block-size:var(--luzmo-tag-height,var(--tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-tag-max-inline-size,var(--tag-max-inline-size));-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, box-shadow var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, background-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out;outline:none;justify-content:center;align-items:center;padding-inline-start:calc(var(--luzmo-tag-spacing-inline-start,var(--tag-spacing-inline-start)) - var(--luzmo-tag-border-width,var(--tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative;border-color:var(--highcontrast-tag-border-color,var(--luzmo-tag-border-color,var(--tag-border-color)))!important;border-width:var(--luzmo-tag-border-width,var(--tag-border-width))!important;border-style:solid!important}::slotted([slot=icon]){block-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));inline-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));flex-shrink:0;margin-inline-end:var(--luzmo-tag-icon-spacing-inline-end,var(--tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-inline-end:var(--luzmo-tag-avatar-spacing-inline-end,var(--tag-avatar-spacing-inline-end))}.clear-button{--luzmo-clear-button-width:fit-content;--clearbutton-fill-size:fit-content;--clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--luzmo-tag-clear-button-spacing-inline-start,var(--tag-clear-button-spacing-inline-start)) + var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) * -1);margin-inline-end:calc(var(--luzmo-tag-clear-button-spacing-inline-end,var(--tag-clear-button-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)))}.clear-button .luzmo-ClearButton-fill{background-color:var(--luzmo-clearbutton-fill-background-color,var(--clearbutton-fill-background-color));inline-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size));block-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size))}.label{box-sizing:border-box;block-size:100%;min-inline-size:0;line-height:var(--luzmo-tag-label-line-height,var(--tag-label-line-height));font-weight:var(--luzmo-tag-label-font-weight,var(--tag-label-font-weight));font-size:var(--luzmo-tag-font-size,var(--tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;margin-inline-end:calc(var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)));display:flex;overflow:hidden}.label-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;display:block;overflow:hidden}.label-text slot{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label-text{padding-block:var(--tag-label-glyph-overhang);margin-block:calc(var(--tag-label-glyph-overhang) * -1)}:host([data-luzmo-language-script=Latn]) .label-text slot{text-box:trim-both cap alphabetic;padding-block:var(--tag-label-glyph-overhang);margin-block:calc(var(--tag-label-glyph-overhang) * -1)}:host(:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-active,var(--luzmo-tag-background-color-active,var(--tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--luzmo-tag-content-color-active,var(--tag-content-color-active)));border-color:var(--highcontrast-tag-border-color-active,var(--luzmo-tag-border-color-active,var(--tag-border-color-active)))!important}:host([focused]),:host(:focus-visible){background-color:var(--highcontrast-tag-background-color-focus,var(--luzmo-tag-background-color-focus,var(--tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--luzmo-tag-content-color-focus,var(--tag-content-color-focus)));border-color:var(--highcontrast-tag-border-color-focus,var(--luzmo-tag-border-color-focus,var(--tag-border-color-focus)))!important}:host([focused]):after,:host(:focus-visible):after{content:"";border-radius:calc(var(--luzmo-tag-border-radius,var(--tag-border-radius)) + var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) + var(--luzmo-tag-border-width,var(--tag-border-width)));pointer-events:none;display:inline-block;position:absolute;inset-block-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-block-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));border-color:var(--highcontrast-tag-focus-ring-color,var(--luzmo-tag-focus-ring-color,var(--tag-focus-ring-color)))!important;border-width:var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness))!important;border-style:solid!important}:host([selected]){background-color:var(--highcontrast-tag-background-color-selected,var(--luzmo-tag-background-color-selected,var(--tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected,var(--luzmo-tag-border-color-selected,var(--tag-border-color-selected)))!important}:host([selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-selected-active,var(--luzmo-tag-background-color-selected-active,var(--tag-background-color-selected-active)));border-color:var(--highcontrast-tag-border-color-selected-active,var(--luzmo-tag-border-color-selected-active,var(--tag-border-color-selected-active)))!important}:host([selected][focused]),:host([selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-selected-focus,var(--luzmo-tag-background-color-selected-focus,var(--tag-background-color-selected-focus)));border-color:var(--highcontrast-tag-border-color-selected-focus,var(--luzmo-tag-border-color-selected-focus,var(--tag-border-color-selected-focus)))!important}:host([invalid]){color:var(--highcontrast-tag-content-color-invalid,var(--luzmo-tag-content-color-invalid,var(--tag-content-color-invalid)));border-color:var(--highcontrast-tag-border-color-invalid,var(--luzmo-tag-border-color-invalid,var(--tag-border-color-invalid)))!important}:host([invalid]:is(:active,[active])){color:var(--highcontrast-tag-content-color-invalid-active,var(--luzmo-tag-content-color-invalid-active,var(--tag-content-color-invalid-active)));border-color:var(--highcontrast-tag-border-color-invalid-active,var(--luzmo-tag-border-color-invalid-active,var(--tag-border-color-invalid-active)))!important}:host([invalid][focused]),:host([invalid]:focus-visible){color:var(--highcontrast-tag-content-color-invalid-focus,var(--luzmo-tag-content-color-invalid-focus,var(--tag-content-color-invalid-focus)));border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--luzmo-tag-border-color-invalid-focus,var(--tag-border-color-invalid-focus)))!important}:host([invalid][selected]){background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--luzmo-tag-background-color-invalid-selected,var(--tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--luzmo-tag-border-color-invalid-selected,var(--tag-border-color-invalid-selected)))!important}:host([invalid][selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--luzmo-tag-background-color-invalid-selected-active,var(--tag-background-color-invalid-selected-active)));border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--luzmo-tag-border-color-invalid-selected-active,var(--tag-border-color-invalid-selected-active)))!important}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--luzmo-tag-background-color-invalid-selected-focus,var(--tag-background-color-invalid-selected-focus)));border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--luzmo-tag-border-color-invalid-selected-focus,var(--tag-border-color-invalid-selected-focus)))!important}:host([emphasized]){background-color:var(--highcontrast-tag-background-color-emphasized,var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));--luzmo-clear-button-background-color-hover:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-focus:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-down:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));border-color:var(--highcontrast-tag-border-color-emphasized,var(--luzmo-tag-border-color-emphasized,var(--tag-border-color-emphasized)))!important}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-tag-background-color-hover,var(--luzmo-tag-background-color-hover,var(--tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--luzmo-tag-content-color-hover,var(--tag-content-color-hover)));border-color:var(--highcontrast-tag-border-color-hover,var(--luzmo-tag-border-color-hover,var(--tag-border-color-hover)))!important}:host([selected]:hover){background-color:var(--highcontrast-tag-background-color-selected-hover,var(--luzmo-tag-background-color-selected-hover,var(--tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected-hover,var(--luzmo-tag-border-color-selected-hover,var(--tag-border-color-selected-hover)))!important}:host([invalid]:hover){color:var(--highcontrast-tag-content-color-invalid-hover,var(--luzmo-tag-content-color-invalid-hover,var(--tag-content-color-invalid-hover)));border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--luzmo-tag-border-color-invalid-hover,var(--tag-border-color-invalid-hover)))!important}:host([invalid][selected]:hover){background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--luzmo-tag-background-color-invalid-selected-hover,var(--tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--luzmo-tag-border-color-invalid-selected-hover,var(--tag-border-color-invalid-selected-hover)))!important}:host([emphasized]:hover){background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--luzmo-tag-background-color-emphasized-hover,var(--tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--luzmo-tag-border-color-emphasized-hover,var(--tag-border-color-emphasized-hover)))!important}}:host([emphasized]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--luzmo-tag-background-color-emphasized-active,var(--tag-background-color-emphasized-active)));border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--luzmo-tag-border-color-emphasized-active,var(--tag-border-color-emphasized-active)))!important}:host([emphasized][focused]),:host([emphasized]:focus-visible){background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--luzmo-tag-background-color-emphasized-focus,var(--tag-background-color-emphasized-focus)));border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--luzmo-tag-border-color-emphasized-focus,var(--tag-border-color-emphasized-focus)))!important}:host([disabled]){background-color:var(--highcontrast-tag-background-color-disabled,var(--luzmo-tag-background-color-disabled,var(--tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--luzmo-tag-content-color-disabled,var(--tag-content-color-disabled)));pointer-events:none;border-color:var(--highcontrast-tag-border-color-disabled,var(--luzmo-tag-border-color-disabled,var(--tag-border-color-disabled)))!important}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--luzmo-avatar-opacity-disabled,var(--avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}:host([variant][treatment=fill]){--highcontrast-tag-border-color:Highlight;--highcontrast-tag-border-color-hover:Highlight;--highcontrast-tag-border-color-active:Highlight;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:Highlight;--highcontrast-tag-background-color-hover:Highlight;--highcontrast-tag-background-color-active:Highlight;--highcontrast-tag-background-color-focus:Highlight;--highcontrast-tag-content-color:HighlightText;--highcontrast-tag-content-color-hover:HighlightText;--highcontrast-tag-content-color-active:HighlightText;--highcontrast-tag-content-color-focus:HighlightText}}:host{--tag-border-color:var(--luzmo-border-color);--tag-border-color-hover:var(--luzmo-border-color-hover);--tag-border-color-active:var(--luzmo-border-color-active);--tag-border-color-focus:var(--luzmo-border-color-focus);--tag-size-small-border-radius:var(--luzmo-border-radius-s);--tag-size-medium-border-radius:var(--luzmo-border-radius);--tag-size-large-border-radius:var(--luzmo-border-radius);--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-active);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-font-color);--tag-content-color-hover:var(--luzmo-font-color-hover);--tag-content-color-active:var(--luzmo-font-color-active);--tag-content-color-focus:var(--luzmo-font-color-focus);--tag-border-color-selected:var(--luzmo-border-color-down);--tag-border-color-selected-hover:var(--luzmo-border-color-down);--tag-border-color-selected-active:var(--luzmo-border-color-down);--tag-border-color-selected-focus:var(--luzmo-border-color-down);--tag-border-color-disabled:var(--luzmo-border-color-disabled);--tag-background-color-disabled:var(--luzmo-background-color-disabled);--avatar-opacity-disabled:.3;--tag-animation-duration:var(--luzmo-animation-duration);--tag-border-width:var(--luzmo-border-width);--tag-focus-ring-thickness:var(--luzmo-indicator-width);--tag-focus-ring-gap:var(--luzmo-indicator-gap);--tag-focus-ring-color:var(--luzmo-indicator-color);--tag-label-line-height:var(--luzmo-line-height);--tag-label-font-weight:var(--luzmo-font-weight);--tag-label-glyph-overhang:.35em;--tag-variant-color-hover:color-mix(in oklch, var(--tag-variant-color), black 8%);--tag-variant-color-down:color-mix(in oklch, var(--tag-variant-color), black 20%);--tag-variant-color-focus:var(--tag-variant-color-hover);--tag-variant-fill-color-hover:var(--tag-variant-color-hover);--tag-variant-fill-color-down:var(--tag-variant-color-down);--tag-variant-fill-color-focus:var(--tag-variant-color-focus);--tag-content-color-selected:var(--luzmo-font-color-down);--tag-background-color-selected:var(--luzmo-background-color-down);--tag-background-color-selected-hover:var(--luzmo-background-color-down);--tag-background-color-selected-active:var(--luzmo-background-color-down);--tag-background-color-selected-focus:var(--luzmo-background-color-down);--tag-border-color-invalid:var(--luzmo-negative-color);--tag-border-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-border-color-invalid-active:var(--luzmo-negative-color-down);--tag-border-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-content-color-invalid:var(--luzmo-negative-color);--tag-content-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-content-color-invalid-active:var(--luzmo-negative-color-down);--tag-content-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-border-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-hover:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-focus:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-active:var(--luzmo-negative-color-down);--tag-background-color-invalid-selected:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-hover:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-active:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-focus:var(--luzmo-background-color-down);--tag-content-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-emphasized:var(--luzmo-primary);--tag-border-color-emphasized-hover:var(--luzmo-primary-hover);--tag-border-color-emphasized-active:var(--luzmo-primary-down);--tag-border-color-emphasized-focus:var(--luzmo-primary-focus);--tag-background-color-emphasized:var(--luzmo-primary);--tag-background-color-emphasized-hover:var(--luzmo-primary-hover);--tag-background-color-emphasized-active:var(--luzmo-primary-down);--tag-background-color-emphasized-focus:var(--luzmo-primary-focus);--tag-content-color-emphasized:white;--tag-content-color-disabled:var(--luzmo-disabled-color);--tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--tag-icon-size:var(--luzmo-font-icon-size-s);--tag-avatar-spacing-inline-end:var(--luzmo-spacing-3);--tag-font-size:var(--luzmo-font-size);--tag-max-inline-size:100%;--tag-subtle-background-opacity:10%;--tag-subtle-interaction-background-opacity:20%;--tag-subtle-content-mix:57%}:host([size=s]){--tag-height:var(--luzmo-component-height-xs);--tag-font-size:var(--luzmo-font-size-s);--tag-icon-size:var(--luzmo-icon-size-s);--tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-2);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-3);--tag-label-spacing-inline-end:var(--luzmo-spacing-3);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host{--tag-height:var(--luzmo-component-height-s);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-m);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-label-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=l]){--tag-height:var(--luzmo-component-height);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-l);--tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-3);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-4);--tag-label-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--tag-height:var(--luzmo-component-height-l);--tag-font-size:var(--luzmo-font-size-l);--tag-icon-size:var(--luzmo-icon-size-xl);--tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius-l);--tag-spacing-inline-start:var(--luzmo-spacing-5);--tag-label-spacing-inline-end:var(--luzmo-spacing-5);--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-4)}:host([variant=accent]){--tag-variant-color:var(--luzmo-primary);--tag-variant-color-hover:var(--luzmo-primary-hover);--tag-variant-color-down:var(--luzmo-primary-down);--tag-variant-color-focus:var(--luzmo-primary-focus);--tag-variant-fill-content-color:var(--luzmo-primary-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-accent-on-subtle-color)}:host([variant=neutral]){--tag-variant-color:var(--luzmo-selected-color-hard);--tag-variant-color-hover:var(--luzmo-selected-color-hard-hover);--tag-variant-color-down:var(--luzmo-selected-color-hard-down);--tag-variant-color-focus:var(--luzmo-selected-color-hard-focus);--tag-variant-fill-content-color:var(--luzmo-background-color);--tag-variant-subtle-content-color:var(--luzmo-neutral-on-subtle-color)}:host([variant=informative]){--tag-variant-color:var(--luzmo-informative-color);--tag-variant-color-hover:var(--luzmo-informative-color-hover);--tag-variant-color-down:var(--luzmo-informative-color-down);--tag-variant-color-focus:var(--luzmo-informative-color-focus);--tag-variant-fill-content-color:var(--luzmo-informative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-informative-on-subtle-color)}:host([variant=positive]){--tag-variant-color:var(--luzmo-positive-color);--tag-variant-color-hover:var(--luzmo-positive-color-hover);--tag-variant-color-down:var(--luzmo-positive-color-down);--tag-variant-color-focus:var(--luzmo-positive-color-focus);--tag-variant-fill-content-color:var(--luzmo-positive-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=negative]){--tag-variant-color:var(--luzmo-negative-color);--tag-variant-color-hover:var(--luzmo-negative-color-hover);--tag-variant-color-down:var(--luzmo-negative-color-down);--tag-variant-color-focus:var(--luzmo-negative-color-focus);--tag-variant-fill-content-color:var(--luzmo-negative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=notice]){--tag-variant-color:var(--luzmo-notice-color);--tag-variant-color-hover:var(--luzmo-notice-color-hover);--tag-variant-color-down:var(--luzmo-notice-color-down);--tag-variant-color-focus:var(--luzmo-notice-color-focus);--tag-variant-fill-color-hover:color-mix(in oklch, var(--luzmo-notice-color), white 12%);--tag-variant-fill-color-down:color-mix(in oklch, var(--luzmo-notice-color), white 24%);--tag-variant-fill-color-focus:var(--tag-variant-fill-color-hover);--tag-variant-fill-content-color:var(--luzmo-notice-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=seafoam]){--tag-variant-color:var(--luzmo-seafoam-color);--tag-variant-fill-content-color:white}:host([variant=indigo]){--tag-variant-color:var(--luzmo-indigo-color);--tag-variant-fill-content-color:white}:host([variant=purple]){--tag-variant-color:var(--luzmo-purple-color);--tag-variant-fill-content-color:white}:host([variant=fuchsia]){--tag-variant-color:var(--luzmo-fuchsia-color);--tag-variant-fill-content-color:white}:host([variant=magenta]){--tag-variant-color:var(--luzmo-magenta-color);--tag-variant-fill-content-color:white}:host([variant=yellow]){--tag-variant-color:var(--luzmo-yellow-color);--tag-variant-fill-content-color:black}:host([variant=gray]){--tag-variant-color:var(--luzmo-gray-color);--tag-variant-fill-content-color:white}:host([variant=red]){--tag-variant-color:var(--luzmo-red-color);--tag-variant-fill-content-color:white}:host([variant=orange]){--tag-variant-color:var(--luzmo-orange-color);--tag-variant-fill-content-color:black}:host([variant=chartreuse]){--tag-variant-color:var(--luzmo-chartreuse-color);--tag-variant-fill-content-color:white}:host([variant=celery]){--tag-variant-color:var(--luzmo-celery-color);--tag-variant-fill-content-color:black}:host([variant=green]){--tag-variant-color:var(--luzmo-green-color);--tag-variant-fill-content-color:white}:host([variant=cyan]){--tag-variant-color:var(--luzmo-cyan-color);--tag-variant-fill-content-color:white}:host([variant=blue]){--tag-variant-color:var(--luzmo-blue-color);--tag-variant-fill-content-color:white}:host([variant]:not([treatment=fill])){--tag-border-color:var(--tag-variant-color);--tag-border-color-hover:var(--tag-variant-color-hover);--tag-border-color-active:var(--tag-variant-color-down);--tag-border-color-focus:var(--tag-variant-color-focus);--tag-content-color:var(--tag-variant-color);--tag-content-color-hover:var(--tag-variant-color-hover);--tag-content-color-active:var(--tag-variant-color-down);--tag-content-color-focus:var(--tag-variant-color-focus);--tag-background-color:transparent;--tag-background-color-hover:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-background-color-active:color-mix(in oklch, var(--tag-variant-color), transparent 82%);--tag-background-color-focus:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-border-color-selected:var(--tag-variant-color-down);--tag-border-color-selected-hover:var(--tag-variant-color-down);--tag-border-color-selected-active:var(--tag-variant-color-down);--tag-border-color-selected-focus:var(--tag-variant-color-down);--tag-content-color-selected:var(--tag-variant-color-down);--tag-background-color-selected:color-mix(in oklch, var(--tag-variant-color), transparent 80%);--tag-background-color-selected-hover:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-active:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-focus:color-mix(in oklch, var(--tag-variant-color), transparent 72%)}:host([variant][treatment=subtle]){--tag-subtle-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-background-opacity), var(--luzmo-background-color));--tag-subtle-interaction-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-interaction-background-opacity), var(--luzmo-background-color));--tag-subtle-content-color:var(--tag-variant-subtle-content-color,color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix)));--tag-subtle-interaction-content-color:color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix));--tag-background-color:var(--tag-subtle-background-color);--tag-background-color-hover:var(--tag-subtle-interaction-background-color);--tag-background-color-active:var(--tag-subtle-background-color);--tag-background-color-focus:var(--tag-subtle-interaction-background-color);--tag-background-color-selected:var(--tag-subtle-background-color);--tag-background-color-selected-hover:var(--tag-subtle-background-color);--tag-background-color-selected-active:var(--tag-subtle-background-color);--tag-background-color-selected-focus:var(--tag-subtle-background-color);--tag-content-color:var(--tag-subtle-content-color);--tag-content-color-hover:var(--tag-subtle-interaction-content-color);--tag-content-color-active:var(--tag-subtle-content-color);--tag-content-color-focus:var(--tag-subtle-interaction-content-color);--tag-content-color-selected:var(--tag-subtle-content-color);--luzmo-clear-button-background-color-hover:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-focus:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-down:var(--tag-subtle-background-color)}:host([variant][treatment=fill]){--tag-background-color:var(--tag-variant-color);--tag-background-color-hover:var(--tag-variant-fill-color-hover);--tag-background-color-active:var(--tag-variant-fill-color-down);--tag-background-color-focus:var(--tag-variant-fill-color-focus);--tag-content-color:var(--tag-variant-fill-content-color);--tag-content-color-hover:var(--tag-variant-fill-content-color);--tag-content-color-active:var(--tag-variant-fill-content-color);--tag-content-color-focus:var(--tag-variant-fill-content-color);--tag-border-color:transparent;--tag-border-color-hover:transparent;--tag-border-color-active:transparent;--tag-border-color-focus:transparent;--tag-background-color-selected:var(--tag-variant-fill-color-down);--tag-background-color-selected-hover:var(--tag-variant-fill-color-down);--tag-background-color-selected-active:var(--tag-variant-fill-color-down);--tag-background-color-selected-focus:var(--tag-variant-fill-color-down);--tag-content-color-selected:var(--tag-variant-fill-content-color);--tag-border-color-selected:transparent;--tag-border-color-selected-hover:transparent;--tag-border-color-selected-active:transparent;--tag-border-color-selected-focus:transparent;--luzmo-clear-button-background-color-hover:var(--tag-variant-fill-color-hover);--luzmo-clear-button-background-color-focus:var(--tag-variant-fill-color-focus);--luzmo-clear-button-background-color-down:var(--tag-variant-fill-color-down)}:host([variant]:is([treatment=subtle],[treatment=fill])[invalid]){--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-down);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-negative-color);--tag-content-color-hover:var(--luzmo-negative-color-hover);--tag-content-color-active:var(--luzmo-negative-color-down);--tag-content-color-focus:var(--luzmo-negative-color-focus)}:host([invalid]) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-key-focus,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([invalid]):hover .clear-button,:host([invalid]:is(:active,[active])) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-hover,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([size=xs]){--icon-size:var(--workflow-icon-size-50)}:host([size=s]){--icon-size:var(--workflow-icon-size-75)}:host([size=m]){--icon-size:var(--workflow-icon-size)}:host([size=l]){--icon-size:var(--workflow-icon-size-200)}:host([size=xl]){--icon-size:var(--workflow-icon-size-300)}:host([size=xxl]){--icon-size:var(--workflow-icon-size-400)}`,p=[`accent`,`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],m=class extends r(s,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[n(f)]}get variant(){return this._variant}set variant(e){if(e===this._variant)return;let t=this._variant;e&&p.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=void 0,this.removeAttribute(`variant`)),this.requestUpdate(`variant`,t)}constructor(){super(),this._languageScript=new d(this),this.treatment=`outline`,this.deletable=!1,this.disabled=!1,this.readonly=!1,this._labelText=``,this.handleFocusin=()=>{this.addEventListener(`focusout`,this.handleFocusout),this.addEventListener(`keydown`,this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener(`keydown`,this.handleKeydown),this.removeEventListener(`focusout`,this.handleFocusout)},this.handleKeydown=e=>{if(!this.deletable||this.disabled)return;let{code:t}=e;switch(t){case`Backspace`:case`Space`:case`Delete`:e.preventDefault(),e.stopPropagation(),this.delete();break;default:return}},this.addEventListener(`focusin`,this.handleFocusin)}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}handleLabelSlotChange(e){let t=e.target.assignedNodes({flatten:!0});this._labelText=t.map(e=>e.textContent).join(``).trim()}delete(){this.readonly||this.dispatchEvent(new Event(`delete`,{bubbles:!0,cancelable:!0,composed:!0}))&&(this.blur(),this.remove())}render(){return e`
+import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{c as r,f as i,l as a,o,u as s,v as c,y as l}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as u}from"./chunks/roving-tabindex-CB4xC55P.js";import{n as d}from"./chunks/language-resolution-BWHk9A73.js";import"./chunks/tooltip-DB6jRVyB.js";import"./chunks/clear-button-3zpCVxG5.js";import"./chunks/button-DTL9dD2r.js";var f=`:host{font-family:var(--luzmo-font-family);background-color:var(--highcontrast-tag-background-color,var(--luzmo-tag-background-color,var(--tag-background-color)));color:var(--highcontrast-tag-content-color,var(--luzmo-tag-content-color,var(--tag-content-color)));border-radius:var(--luzmo-tag-border-radius,var(--tag-border-radius));block-size:var(--luzmo-tag-height,var(--tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-tag-max-inline-size,var(--tag-max-inline-size));-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, box-shadow var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out, background-color var(--luzmo-tag-animation-duration,var(--tag-animation-duration)) ease-in-out;outline:none;justify-content:center;align-items:center;padding-inline-start:calc(var(--luzmo-tag-spacing-inline-start,var(--tag-spacing-inline-start)) - var(--luzmo-tag-border-width,var(--tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative;border-color:var(--highcontrast-tag-border-color,var(--luzmo-tag-border-color,var(--tag-border-color)))!important;border-width:var(--luzmo-tag-border-width,var(--tag-border-width))!important;border-style:solid!important}::slotted([slot=icon]){block-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));inline-size:var(--luzmo-tag-icon-size,var(--tag-icon-size));flex-shrink:0;margin-inline-end:var(--luzmo-tag-icon-spacing-inline-end,var(--tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-inline-end:var(--luzmo-tag-avatar-spacing-inline-end,var(--tag-avatar-spacing-inline-end))}.clear-button{--luzmo-clear-button-width:fit-content;--clearbutton-fill-size:fit-content;--clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--luzmo-tag-clear-button-spacing-inline-start,var(--tag-clear-button-spacing-inline-start)) + var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) * -1);margin-inline-end:calc(var(--luzmo-tag-clear-button-spacing-inline-end,var(--tag-clear-button-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)))}.clear-button .luzmo-ClearButton-fill{background-color:var(--luzmo-clearbutton-fill-background-color,var(--clearbutton-fill-background-color));inline-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size));block-size:var(--luzmo-clearbutton-fill-size,var(--clearbutton-fill-size))}.label{box-sizing:border-box;block-size:100%;min-inline-size:0;line-height:var(--luzmo-tag-label-line-height,var(--tag-label-line-height));font-weight:var(--luzmo-tag-label-font-weight,var(--tag-label-font-weight));font-size:var(--luzmo-tag-font-size,var(--tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;margin-inline-end:calc(var(--luzmo-tag-label-spacing-inline-end,var(--tag-label-spacing-inline-end)) - var(--luzmo-tag-border-width,var(--tag-border-width)));display:flex;overflow:hidden}.label-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-inline-size:0;display:block;overflow:hidden}.label-text slot{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label-text{padding-block:var(--tag-label-glyph-overhang);margin-block:calc(var(--tag-label-glyph-overhang) * -1)}:host([data-luzmo-language-script=Latn]) .label-text slot{text-box:trim-both cap alphabetic;padding-block:var(--tag-label-glyph-overhang);margin-block:calc(var(--tag-label-glyph-overhang) * -1)}:host([data-luzmo-language-script=Latn]) .label-text slot::slotted(*){padding-block:var(--tag-label-glyph-overhang);margin-block:calc(var(--tag-label-glyph-overhang) * -1)}:host(:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-active,var(--luzmo-tag-background-color-active,var(--tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--luzmo-tag-content-color-active,var(--tag-content-color-active)));border-color:var(--highcontrast-tag-border-color-active,var(--luzmo-tag-border-color-active,var(--tag-border-color-active)))!important}:host([focused]),:host(:focus-visible){background-color:var(--highcontrast-tag-background-color-focus,var(--luzmo-tag-background-color-focus,var(--tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--luzmo-tag-content-color-focus,var(--tag-content-color-focus)));border-color:var(--highcontrast-tag-border-color-focus,var(--luzmo-tag-border-color-focus,var(--tag-border-color-focus)))!important}:host([focused]):after,:host(:focus-visible):after{content:"";border-radius:calc(var(--luzmo-tag-border-radius,var(--tag-border-radius)) + var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) + var(--luzmo-tag-border-width,var(--tag-border-width)));pointer-events:none;display:inline-block;position:absolute;inset-block-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-block-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-start:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));inset-inline-end:calc(var(--luzmo-tag-focus-ring-gap,var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width,var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness)));border-color:var(--highcontrast-tag-focus-ring-color,var(--luzmo-tag-focus-ring-color,var(--tag-focus-ring-color)))!important;border-width:var(--luzmo-tag-focus-ring-thickness,var(--tag-focus-ring-thickness))!important;border-style:solid!important}:host([selected]){background-color:var(--highcontrast-tag-background-color-selected,var(--luzmo-tag-background-color-selected,var(--tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected,var(--luzmo-tag-border-color-selected,var(--tag-border-color-selected)))!important}:host([selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-selected-active,var(--luzmo-tag-background-color-selected-active,var(--tag-background-color-selected-active)));border-color:var(--highcontrast-tag-border-color-selected-active,var(--luzmo-tag-border-color-selected-active,var(--tag-border-color-selected-active)))!important}:host([selected][focused]),:host([selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-selected-focus,var(--luzmo-tag-background-color-selected-focus,var(--tag-background-color-selected-focus)));border-color:var(--highcontrast-tag-border-color-selected-focus,var(--luzmo-tag-border-color-selected-focus,var(--tag-border-color-selected-focus)))!important}:host([invalid]){color:var(--highcontrast-tag-content-color-invalid,var(--luzmo-tag-content-color-invalid,var(--tag-content-color-invalid)));border-color:var(--highcontrast-tag-border-color-invalid,var(--luzmo-tag-border-color-invalid,var(--tag-border-color-invalid)))!important}:host([invalid]:is(:active,[active])){color:var(--highcontrast-tag-content-color-invalid-active,var(--luzmo-tag-content-color-invalid-active,var(--tag-content-color-invalid-active)));border-color:var(--highcontrast-tag-border-color-invalid-active,var(--luzmo-tag-border-color-invalid-active,var(--tag-border-color-invalid-active)))!important}:host([invalid][focused]),:host([invalid]:focus-visible){color:var(--highcontrast-tag-content-color-invalid-focus,var(--luzmo-tag-content-color-invalid-focus,var(--tag-content-color-invalid-focus)));border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--luzmo-tag-border-color-invalid-focus,var(--tag-border-color-invalid-focus)))!important}:host([invalid][selected]){background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--luzmo-tag-background-color-invalid-selected,var(--tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--luzmo-tag-border-color-invalid-selected,var(--tag-border-color-invalid-selected)))!important}:host([invalid][selected]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--luzmo-tag-background-color-invalid-selected-active,var(--tag-background-color-invalid-selected-active)));border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--luzmo-tag-border-color-invalid-selected-active,var(--tag-border-color-invalid-selected-active)))!important}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--luzmo-tag-background-color-invalid-selected-focus,var(--tag-background-color-invalid-selected-focus)));border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--luzmo-tag-border-color-invalid-selected-focus,var(--tag-border-color-invalid-selected-focus)))!important}:host([emphasized]){background-color:var(--highcontrast-tag-background-color-emphasized,var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));--luzmo-clear-button-background-color-hover:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-focus:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));--luzmo-clear-button-background-color-down:var(--luzmo-tag-background-color-emphasized,var(--tag-background-color-emphasized));border-color:var(--highcontrast-tag-border-color-emphasized,var(--luzmo-tag-border-color-emphasized,var(--tag-border-color-emphasized)))!important}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-tag-background-color-hover,var(--luzmo-tag-background-color-hover,var(--tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--luzmo-tag-content-color-hover,var(--tag-content-color-hover)));border-color:var(--highcontrast-tag-border-color-hover,var(--luzmo-tag-border-color-hover,var(--tag-border-color-hover)))!important}:host([selected]:hover){background-color:var(--highcontrast-tag-background-color-selected-hover,var(--luzmo-tag-background-color-selected-hover,var(--tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--luzmo-tag-content-color-selected,var(--tag-content-color-selected)));border-color:var(--highcontrast-tag-border-color-selected-hover,var(--luzmo-tag-border-color-selected-hover,var(--tag-border-color-selected-hover)))!important}:host([invalid]:hover){color:var(--highcontrast-tag-content-color-invalid-hover,var(--luzmo-tag-content-color-invalid-hover,var(--tag-content-color-invalid-hover)));border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--luzmo-tag-border-color-invalid-hover,var(--tag-border-color-invalid-hover)))!important}:host([invalid][selected]:hover){background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--luzmo-tag-background-color-invalid-selected-hover,var(--tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--luzmo-tag-content-color-invalid-selected,var(--tag-content-color-invalid-selected)));border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--luzmo-tag-border-color-invalid-selected-hover,var(--tag-border-color-invalid-selected-hover)))!important}:host([emphasized]:hover){background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--luzmo-tag-background-color-emphasized-hover,var(--tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--luzmo-tag-content-color-emphasized,var(--tag-content-color-emphasized)));border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--luzmo-tag-border-color-emphasized-hover,var(--tag-border-color-emphasized-hover)))!important}}:host([emphasized]:is(:active,[active])){background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--luzmo-tag-background-color-emphasized-active,var(--tag-background-color-emphasized-active)));border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--luzmo-tag-border-color-emphasized-active,var(--tag-border-color-emphasized-active)))!important}:host([emphasized][focused]),:host([emphasized]:focus-visible){background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--luzmo-tag-background-color-emphasized-focus,var(--tag-background-color-emphasized-focus)));border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--luzmo-tag-border-color-emphasized-focus,var(--tag-border-color-emphasized-focus)))!important}:host([disabled]){background-color:var(--highcontrast-tag-background-color-disabled,var(--luzmo-tag-background-color-disabled,var(--tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--luzmo-tag-content-color-disabled,var(--tag-content-color-disabled)));pointer-events:none;border-color:var(--highcontrast-tag-border-color-disabled,var(--luzmo-tag-border-color-disabled,var(--tag-border-color-disabled)))!important}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--luzmo-avatar-opacity-disabled,var(--avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}:host([variant][treatment=fill]){--highcontrast-tag-border-color:Highlight;--highcontrast-tag-border-color-hover:Highlight;--highcontrast-tag-border-color-active:Highlight;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:Highlight;--highcontrast-tag-background-color-hover:Highlight;--highcontrast-tag-background-color-active:Highlight;--highcontrast-tag-background-color-focus:Highlight;--highcontrast-tag-content-color:HighlightText;--highcontrast-tag-content-color-hover:HighlightText;--highcontrast-tag-content-color-active:HighlightText;--highcontrast-tag-content-color-focus:HighlightText}}:host{--tag-border-color:var(--luzmo-border-color);--tag-border-color-hover:var(--luzmo-border-color-hover);--tag-border-color-active:var(--luzmo-border-color-active);--tag-border-color-focus:var(--luzmo-border-color-focus);--tag-size-small-border-radius:var(--luzmo-border-radius-s);--tag-size-medium-border-radius:var(--luzmo-border-radius);--tag-size-large-border-radius:var(--luzmo-border-radius);--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-active);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-font-color);--tag-content-color-hover:var(--luzmo-font-color-hover);--tag-content-color-active:var(--luzmo-font-color-active);--tag-content-color-focus:var(--luzmo-font-color-focus);--tag-border-color-selected:var(--luzmo-border-color-down);--tag-border-color-selected-hover:var(--luzmo-border-color-down);--tag-border-color-selected-active:var(--luzmo-border-color-down);--tag-border-color-selected-focus:var(--luzmo-border-color-down);--tag-border-color-disabled:var(--luzmo-border-color-disabled);--tag-background-color-disabled:var(--luzmo-background-color-disabled);--avatar-opacity-disabled:.3;--tag-animation-duration:var(--luzmo-animation-duration);--tag-border-width:var(--luzmo-border-width);--tag-focus-ring-thickness:var(--luzmo-indicator-width);--tag-focus-ring-gap:var(--luzmo-indicator-gap);--tag-focus-ring-color:var(--luzmo-indicator-color);--tag-label-line-height:var(--luzmo-line-height);--tag-label-font-weight:var(--luzmo-font-weight);--tag-label-glyph-overhang:.35em;--tag-variant-color-hover:color-mix(in oklch, var(--tag-variant-color), black 8%);--tag-variant-color-down:color-mix(in oklch, var(--tag-variant-color), black 20%);--tag-variant-color-focus:var(--tag-variant-color-hover);--tag-variant-fill-color-hover:var(--tag-variant-color-hover);--tag-variant-fill-color-down:var(--tag-variant-color-down);--tag-variant-fill-color-focus:var(--tag-variant-color-focus);--tag-content-color-selected:var(--luzmo-font-color-down);--tag-background-color-selected:var(--luzmo-background-color-down);--tag-background-color-selected-hover:var(--luzmo-background-color-down);--tag-background-color-selected-active:var(--luzmo-background-color-down);--tag-background-color-selected-focus:var(--luzmo-background-color-down);--tag-border-color-invalid:var(--luzmo-negative-color);--tag-border-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-border-color-invalid-active:var(--luzmo-negative-color-down);--tag-border-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-content-color-invalid:var(--luzmo-negative-color);--tag-content-color-invalid-hover:var(--luzmo-negative-color-hover);--tag-content-color-invalid-active:var(--luzmo-negative-color-down);--tag-content-color-invalid-focus:var(--luzmo-negative-color-focus);--tag-border-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-hover:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-focus:var(--luzmo-negative-color-down);--tag-border-color-invalid-selected-active:var(--luzmo-negative-color-down);--tag-background-color-invalid-selected:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-hover:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-active:var(--luzmo-background-color-down);--tag-background-color-invalid-selected-focus:var(--luzmo-background-color-down);--tag-content-color-invalid-selected:var(--luzmo-negative-color-down);--tag-border-color-emphasized:var(--luzmo-primary);--tag-border-color-emphasized-hover:var(--luzmo-primary-hover);--tag-border-color-emphasized-active:var(--luzmo-primary-down);--tag-border-color-emphasized-focus:var(--luzmo-primary-focus);--tag-background-color-emphasized:var(--luzmo-primary);--tag-background-color-emphasized-hover:var(--luzmo-primary-hover);--tag-background-color-emphasized-active:var(--luzmo-primary-down);--tag-background-color-emphasized-focus:var(--luzmo-primary-focus);--tag-content-color-emphasized:white;--tag-content-color-disabled:var(--luzmo-disabled-color);--tag-icon-spacing-inline-end:var(--luzmo-spacing-3);--tag-icon-size:var(--luzmo-font-icon-size-s);--tag-avatar-spacing-inline-end:var(--luzmo-spacing-3);--tag-font-size:var(--luzmo-font-size);--tag-max-inline-size:100%;--tag-subtle-background-opacity:10%;--tag-subtle-interaction-background-opacity:20%;--tag-subtle-content-mix:57%}:host([size=s]){--tag-height:var(--luzmo-component-height-xs);--tag-font-size:var(--luzmo-font-size-s);--tag-icon-size:var(--luzmo-icon-size-s);--tag-icon-spacing-inline-end:var(--luzmo-spacing-2);--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-2);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-3);--tag-label-spacing-inline-end:var(--luzmo-spacing-3);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host{--tag-height:var(--luzmo-component-height-s);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-m);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-label-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=l]){--tag-height:var(--luzmo-component-height);--tag-font-size:var(--luzmo-font-size);--tag-icon-size:var(--luzmo-icon-size-l);--tag-icon-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-clear-button-spacing-inline-start:var(--luzmo-spacing-3);--tag-border-radius:var(--luzmo-border-radius);--tag-spacing-inline-start:var(--luzmo-spacing-4);--tag-label-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--tag-height:var(--luzmo-component-height-l);--tag-font-size:var(--luzmo-font-size-l);--tag-icon-size:var(--luzmo-icon-size-xl);--tag-icon-spacing-inline-end:var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-start:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--tag-border-radius:var(--luzmo-border-radius-l);--tag-spacing-inline-start:var(--luzmo-spacing-5);--tag-label-spacing-inline-end:var(--luzmo-spacing-5);--tag-clear-button-spacing-inline-end:var(--luzmo-spacing-4)}:host([variant=accent]){--tag-variant-color:var(--luzmo-primary);--tag-variant-color-hover:var(--luzmo-primary-hover);--tag-variant-color-down:var(--luzmo-primary-down);--tag-variant-color-focus:var(--luzmo-primary-focus);--tag-variant-fill-content-color:var(--luzmo-primary-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-accent-on-subtle-color)}:host([variant=neutral]){--tag-variant-color:var(--luzmo-selected-color-hard);--tag-variant-color-hover:var(--luzmo-selected-color-hard-hover);--tag-variant-color-down:var(--luzmo-selected-color-hard-down);--tag-variant-color-focus:var(--luzmo-selected-color-hard-focus);--tag-variant-fill-content-color:var(--luzmo-background-color);--tag-variant-subtle-content-color:var(--luzmo-neutral-on-subtle-color)}:host([variant=informative]){--tag-variant-color:var(--luzmo-informative-color);--tag-variant-color-hover:var(--luzmo-informative-color-hover);--tag-variant-color-down:var(--luzmo-informative-color-down);--tag-variant-color-focus:var(--luzmo-informative-color-focus);--tag-variant-fill-content-color:var(--luzmo-informative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-informative-on-subtle-color)}:host([variant=positive]){--tag-variant-color:var(--luzmo-positive-color);--tag-variant-color-hover:var(--luzmo-positive-color-hover);--tag-variant-color-down:var(--luzmo-positive-color-down);--tag-variant-color-focus:var(--luzmo-positive-color-focus);--tag-variant-fill-content-color:var(--luzmo-positive-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=negative]){--tag-variant-color:var(--luzmo-negative-color);--tag-variant-color-hover:var(--luzmo-negative-color-hover);--tag-variant-color-down:var(--luzmo-negative-color-down);--tag-variant-color-focus:var(--luzmo-negative-color-focus);--tag-variant-fill-content-color:var(--luzmo-negative-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=notice]){--tag-variant-color:var(--luzmo-notice-color);--tag-variant-color-hover:var(--luzmo-notice-color-hover);--tag-variant-color-down:var(--luzmo-notice-color-down);--tag-variant-color-focus:var(--luzmo-notice-color-focus);--tag-variant-fill-color-hover:color-mix(in oklch, var(--luzmo-notice-color), white 12%);--tag-variant-fill-color-down:color-mix(in oklch, var(--luzmo-notice-color), white 24%);--tag-variant-fill-color-focus:var(--tag-variant-fill-color-hover);--tag-variant-fill-content-color:var(--luzmo-notice-inverse-color);--tag-variant-subtle-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=seafoam]){--tag-variant-color:var(--luzmo-seafoam-color);--tag-variant-fill-content-color:white}:host([variant=indigo]){--tag-variant-color:var(--luzmo-indigo-color);--tag-variant-fill-content-color:white}:host([variant=purple]){--tag-variant-color:var(--luzmo-purple-color);--tag-variant-fill-content-color:white}:host([variant=fuchsia]){--tag-variant-color:var(--luzmo-fuchsia-color);--tag-variant-fill-content-color:white}:host([variant=magenta]){--tag-variant-color:var(--luzmo-magenta-color);--tag-variant-fill-content-color:white}:host([variant=yellow]){--tag-variant-color:var(--luzmo-yellow-color);--tag-variant-fill-content-color:black}:host([variant=gray]){--tag-variant-color:var(--luzmo-gray-color);--tag-variant-fill-content-color:white}:host([variant=red]){--tag-variant-color:var(--luzmo-red-color);--tag-variant-fill-content-color:white}:host([variant=orange]){--tag-variant-color:var(--luzmo-orange-color);--tag-variant-fill-content-color:black}:host([variant=chartreuse]){--tag-variant-color:var(--luzmo-chartreuse-color);--tag-variant-fill-content-color:white}:host([variant=celery]){--tag-variant-color:var(--luzmo-celery-color);--tag-variant-fill-content-color:black}:host([variant=green]){--tag-variant-color:var(--luzmo-green-color);--tag-variant-fill-content-color:white}:host([variant=cyan]){--tag-variant-color:var(--luzmo-cyan-color);--tag-variant-fill-content-color:white}:host([variant=blue]){--tag-variant-color:var(--luzmo-blue-color);--tag-variant-fill-content-color:white}:host([variant]:not([treatment=fill])){--tag-border-color:var(--tag-variant-color);--tag-border-color-hover:var(--tag-variant-color-hover);--tag-border-color-active:var(--tag-variant-color-down);--tag-border-color-focus:var(--tag-variant-color-focus);--tag-content-color:var(--tag-variant-color);--tag-content-color-hover:var(--tag-variant-color-hover);--tag-content-color-active:var(--tag-variant-color-down);--tag-content-color-focus:var(--tag-variant-color-focus);--tag-background-color:transparent;--tag-background-color-hover:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-background-color-active:color-mix(in oklch, var(--tag-variant-color), transparent 82%);--tag-background-color-focus:color-mix(in oklch, var(--tag-variant-color), transparent 90%);--tag-border-color-selected:var(--tag-variant-color-down);--tag-border-color-selected-hover:var(--tag-variant-color-down);--tag-border-color-selected-active:var(--tag-variant-color-down);--tag-border-color-selected-focus:var(--tag-variant-color-down);--tag-content-color-selected:var(--tag-variant-color-down);--tag-background-color-selected:color-mix(in oklch, var(--tag-variant-color), transparent 80%);--tag-background-color-selected-hover:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-active:color-mix(in oklch, var(--tag-variant-color), transparent 72%);--tag-background-color-selected-focus:color-mix(in oklch, var(--tag-variant-color), transparent 72%)}:host([variant][treatment=subtle]){--tag-subtle-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-background-opacity), var(--luzmo-background-color));--tag-subtle-interaction-background-color:color-mix(in srgb, var(--tag-variant-color) var(--tag-subtle-interaction-background-opacity), var(--luzmo-background-color));--tag-subtle-content-color:var(--tag-variant-subtle-content-color,color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix)));--tag-subtle-interaction-content-color:color-mix(in oklch, var(--tag-variant-color), var(--luzmo-font-color) var(--tag-subtle-content-mix));--tag-background-color:var(--tag-subtle-background-color);--tag-background-color-hover:var(--tag-subtle-interaction-background-color);--tag-background-color-active:var(--tag-subtle-background-color);--tag-background-color-focus:var(--tag-subtle-interaction-background-color);--tag-background-color-selected:var(--tag-subtle-background-color);--tag-background-color-selected-hover:var(--tag-subtle-background-color);--tag-background-color-selected-active:var(--tag-subtle-background-color);--tag-background-color-selected-focus:var(--tag-subtle-background-color);--tag-content-color:var(--tag-subtle-content-color);--tag-content-color-hover:var(--tag-subtle-interaction-content-color);--tag-content-color-active:var(--tag-subtle-content-color);--tag-content-color-focus:var(--tag-subtle-interaction-content-color);--tag-content-color-selected:var(--tag-subtle-content-color);--luzmo-clear-button-background-color-hover:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-focus:var(--tag-subtle-interaction-background-color);--luzmo-clear-button-background-color-down:var(--tag-subtle-background-color)}:host([variant][treatment=fill]){--tag-background-color:var(--tag-variant-color);--tag-background-color-hover:var(--tag-variant-fill-color-hover);--tag-background-color-active:var(--tag-variant-fill-color-down);--tag-background-color-focus:var(--tag-variant-fill-color-focus);--tag-content-color:var(--tag-variant-fill-content-color);--tag-content-color-hover:var(--tag-variant-fill-content-color);--tag-content-color-active:var(--tag-variant-fill-content-color);--tag-content-color-focus:var(--tag-variant-fill-content-color);--tag-border-color:transparent;--tag-border-color-hover:transparent;--tag-border-color-active:transparent;--tag-border-color-focus:transparent;--tag-background-color-selected:var(--tag-variant-fill-color-down);--tag-background-color-selected-hover:var(--tag-variant-fill-color-down);--tag-background-color-selected-active:var(--tag-variant-fill-color-down);--tag-background-color-selected-focus:var(--tag-variant-fill-color-down);--tag-content-color-selected:var(--tag-variant-fill-content-color);--tag-border-color-selected:transparent;--tag-border-color-selected-hover:transparent;--tag-border-color-selected-active:transparent;--tag-border-color-selected-focus:transparent;--luzmo-clear-button-background-color-hover:var(--tag-variant-fill-color-hover);--luzmo-clear-button-background-color-focus:var(--tag-variant-fill-color-focus);--luzmo-clear-button-background-color-down:var(--tag-variant-fill-color-down)}:host([variant]:is([treatment=subtle],[treatment=fill])[invalid]){--tag-background-color:var(--luzmo-background-color);--tag-background-color-hover:var(--luzmo-background-color-hover);--tag-background-color-active:var(--luzmo-background-color-down);--tag-background-color-focus:var(--luzmo-background-color-focus);--tag-content-color:var(--luzmo-negative-color);--tag-content-color-hover:var(--luzmo-negative-color-hover);--tag-content-color-active:var(--luzmo-negative-color-down);--tag-content-color-focus:var(--luzmo-negative-color-focus)}:host([invalid]) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-key-focus,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([invalid]):hover .clear-button,:host([invalid]:is(:active,[active])) .clear-button{--clearbutton-medium-icon-color:var(--tag-icon-color-error-hover,var(--red-600));--clearbutton-medium-icon-color-hover:var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down:var(--tag-deletable-icon-color-error-down,var(--red-700))}:host([size=xs]){--icon-size:var(--workflow-icon-size-50)}:host([size=s]){--icon-size:var(--workflow-icon-size-75)}:host([size=m]){--icon-size:var(--workflow-icon-size)}:host([size=l]){--icon-size:var(--workflow-icon-size-200)}:host([size=xl]){--icon-size:var(--workflow-icon-size-300)}:host([size=xxl]){--icon-size:var(--workflow-icon-size-400)}`,p=[`accent`,`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],m=class extends r(s,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[n(f)]}get variant(){return this._variant}set variant(e){if(e===this._variant)return;let t=this._variant;e&&p.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=void 0,this.removeAttribute(`variant`)),this.requestUpdate(`variant`,t)}constructor(){super(),this._languageScript=new d(this),this.treatment=`outline`,this.deletable=!1,this.disabled=!1,this.readonly=!1,this._labelText=``,this.handleFocusin=()=>{this.addEventListener(`focusout`,this.handleFocusout),this.addEventListener(`keydown`,this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener(`keydown`,this.handleKeydown),this.removeEventListener(`focusout`,this.handleFocusout)},this.handleKeydown=e=>{if(!this.deletable||this.disabled)return;let{code:t}=e;switch(t){case`Backspace`:case`Space`:case`Delete`:e.preventDefault(),e.stopPropagation(),this.delete();break;default:return}},this.addEventListener(`focusin`,this.handleFocusin)}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}handleLabelSlotChange(e){let t=e.target.assignedNodes({flatten:!0});this._labelText=t.map(e=>e.textContent).join(``).trim()}delete(){this.readonly||this.dispatchEvent(new Event(`delete`,{bubbles:!0,cancelable:!0,composed:!0}))&&(this.blur(),this.remove())}render(){return e`
       <slot name="avatar"></slot>
       <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
       <span class="label" focusable>

package/standalone/text-field.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/text-field-BrlDeJsx.js";import{t}from"./chunks/text-field-BnZtyodU.js";export{t as LuzmoHelpText,e as LuzmoTextField};
+import"./tokens.js";import{t as e}from"./chunks/text-field-C2oROxum.js";import{t}from"./chunks/text-field-4OKvLOXG.js";export{t as LuzmoHelpText,e as LuzmoTextField};

package/standalone/toast.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{l as n,o as r,u as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{L as o,m as s,t as c}from"./chunks/luzmo-icons-CJa-aByT.js";import"./chunks/close-button-RpPiwBdf.js";var l=`@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--luzmo-toast-border-width,var(--toast-border-width)) solid var(--highcontrast-toast-border-color,transparent)}}:host{font-family:var(--luzmo-font-family);box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size,var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size,var(--toast-max-inline-size));border-radius:var(--luzmo-toast-border-radius,var(--toast-border-radius));font-size:var(--luzmo-toast-font-size,var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight,var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon,var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon,var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text,var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height,var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text,var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text,var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal,var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk,var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color,var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider,var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider,var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){--luzmo-button-background-color-default:transparent;--luzmo-button-background-color-hover:transparent;--luzmo-button-background-color-down:transparent;--luzmo-button-background-color-focus:transparent;--luzmo-button-border-color-default:var(--toast-content-color);--luzmo-button-border-color-hover:var(--toast-content-color);--luzmo-button-border-color-down:var(--toast-content-color);--luzmo-button-border-color-focus:var(--toast-content-color);--luzmo-button-content-color-default:var(--toast-content-color);--luzmo-button-content-color-hover:var(--toast-content-color);--luzmo-button-content-color-down:var(--toast-content-color);--luzmo-button-content-color-focus:var(--toast-content-color);margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button))}:host{--toast-background-color-default:#505050;--toast-font-weight:var(--luzmo-font-weight);--toast-font-size:var(--luzmo-font-size);--toast-border-radius:var(--luzmo-border-radius);--toast-block-size:var(--luzmo-component-height);--toast-max-inline-size:360px;--toast-border-width:var(--luzmo-border-width);--toast-line-height:var(--luzmo-line-height);--toast-line-height-cjk:1.5;--toast-spacing-icon-to-text:calc(var(--luzmo-spacing-3));--toast-spacing-start-edge-to-text-and-icon:var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider:var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon:calc(var(--luzmo-spacing-5));--toast-spacing-text-to-action-button-horizontal:var(--luzmo-spacing-5);--toast-spacing-close-button:var(--luzmo-spacing-3);--toast-spacing-block-start:var(--luzmo-spacing-3);--toast-spacing-block-end:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-spacing-bottom-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-negative-background-color-default:var(--luzmo-negative-color);--toast-positive-background-color-default:var(--luzmo-positive-color);--toast-informative-background-color-default:var(--luzmo-informative-color);--toast-text-and-icon-color:#fff;--toast-content-color:var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color));--toast-divider-color:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-icon-color-default:var(--toast-content-color);--luzmo-close-button-icon-color-hover:var(--toast-content-color);--luzmo-close-button-icon-color-down:var(--toast-content-color);--luzmo-close-button-icon-color-focus:var(--toast-content-color);--luzmo-close-button-icon-color-disabled:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-focus-indicator-color:var(--toast-content-color);--luzmo-close-button-static-background-color-hover:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-static-background-color-down:color-mix(in srgb, var(--toast-content-color) 40%, transparent);--luzmo-close-button-static-background-color-focus:color-mix(in srgb, var(--toast-content-color) 20%, transparent)}:host([variant=negative]){--toast-text-and-icon-color:var(--luzmo-negative-inverse-color)}:host([variant=positive]){--toast-text-and-icon-color:var(--luzmo-positive-inverse-color)}:host([variant=info]){--toast-text-and-icon-color:var(--luzmo-informative-inverse-color)}:host{--overlay-animation-distance:var(--spacing-100);--overlay-animation-duration:var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out, opacity var(--overlay-animation-duration) ease-in-out, visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}`,u=[`negative`,`positive`,`info`],d=class extends r(i){constructor(...e){super(...e),this.open=!1,this._timeout=null,this._variant=``,this.countdownStart=0,this.nextCount=-1,this.doCountdown=e=>{this.countdownStart||=performance.now(),e-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener(`focusout`,this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener(`focusout`,this.holdCountdown),this.countdown()}}static get styles(){return[t(l)]}set timeout(e){let t=e>0?Math.max(6e3,e):null,n=this.timeout;t&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=t,this.requestUpdate(`timeout`,n)}get timeout(){return this._timeout}set variant(e){if(e===this.variant)return;let t=this.variant;u.includes(e)?(this.setAttribute(`variant`,e),this._variant=e):(this.removeAttribute(`variant`),this._variant=``),this.requestUpdate(`variant`,t)}get variant(){return this._variant}renderIcon(t,n){switch(t){case`info`:return e`
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{l as n,o as r,u as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{R as o,m as s,t as c}from"./chunks/luzmo-icons-B-pCv-xg.js";import"./chunks/close-button-C96dazyi.js";var l=`@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--luzmo-toast-border-width,var(--toast-border-width)) solid var(--highcontrast-toast-border-color,transparent)}}:host{font-family:var(--luzmo-font-family);box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size,var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size,var(--toast-max-inline-size));border-radius:var(--luzmo-toast-border-radius,var(--toast-border-radius));font-size:var(--luzmo-toast-font-size,var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight,var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--luzmo-toast-background-color-default,var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon,var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--luzmo-toast-informative-background-color-default,var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--luzmo-toast-positive-background-color-default,var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon,var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text,var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height,var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text,var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text,var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal,var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk,var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color,var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider,var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider,var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start,var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end,var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){--luzmo-button-background-color-default:transparent;--luzmo-button-background-color-hover:transparent;--luzmo-button-background-color-down:transparent;--luzmo-button-background-color-focus:transparent;--luzmo-button-border-color-default:var(--toast-content-color);--luzmo-button-border-color-hover:var(--toast-content-color);--luzmo-button-border-color-down:var(--toast-content-color);--luzmo-button-border-color-focus:var(--toast-content-color);--luzmo-button-content-color-default:var(--toast-content-color);--luzmo-button-content-color-hover:var(--toast-content-color);--luzmo-button-content-color-down:var(--toast-content-color);--luzmo-button-content-color-focus:var(--toast-content-color);margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider,var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button,var(--toast-spacing-close-button))}:host{--toast-background-color-default:#505050;--toast-font-weight:var(--luzmo-font-weight);--toast-font-size:var(--luzmo-font-size);--toast-border-radius:var(--luzmo-border-radius);--toast-block-size:var(--luzmo-component-height);--toast-max-inline-size:360px;--toast-border-width:var(--luzmo-border-width);--toast-line-height:var(--luzmo-line-height);--toast-line-height-cjk:1.5;--toast-spacing-icon-to-text:calc(var(--luzmo-spacing-3));--toast-spacing-start-edge-to-text-and-icon:var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider:var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon:calc(var(--luzmo-spacing-5));--toast-spacing-text-to-action-button-horizontal:var(--luzmo-spacing-5);--toast-spacing-close-button:var(--luzmo-spacing-3);--toast-spacing-block-start:var(--luzmo-spacing-3);--toast-spacing-block-end:var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-spacing-bottom-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--toast-negative-background-color-default:var(--luzmo-negative-color);--toast-positive-background-color-default:var(--luzmo-positive-color);--toast-informative-background-color-default:var(--luzmo-informative-color);--toast-text-and-icon-color:#fff;--toast-content-color:var(--luzmo-toast-text-and-icon-color,var(--toast-text-and-icon-color));--toast-divider-color:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-icon-color-default:var(--toast-content-color);--luzmo-close-button-icon-color-hover:var(--toast-content-color);--luzmo-close-button-icon-color-down:var(--toast-content-color);--luzmo-close-button-icon-color-focus:var(--toast-content-color);--luzmo-close-button-icon-color-disabled:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-focus-indicator-color:var(--toast-content-color);--luzmo-close-button-static-background-color-hover:color-mix(in srgb, var(--toast-content-color) 20%, transparent);--luzmo-close-button-static-background-color-down:color-mix(in srgb, var(--toast-content-color) 40%, transparent);--luzmo-close-button-static-background-color-focus:color-mix(in srgb, var(--toast-content-color) 20%, transparent)}:host([variant=negative]){--toast-text-and-icon-color:var(--luzmo-negative-inverse-color)}:host([variant=positive]){--toast-text-and-icon-color:var(--luzmo-positive-inverse-color)}:host([variant=info]){--toast-text-and-icon-color:var(--luzmo-informative-inverse-color)}:host{--overlay-animation-distance:var(--spacing-100);--overlay-animation-duration:var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out, opacity var(--overlay-animation-duration) ease-in-out, visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--luzmo-toast-negative-background-color-default,var(--toast-negative-background-color-default)))}`,u=[`negative`,`positive`,`info`],d=class extends r(i){constructor(...e){super(...e),this.open=!1,this._timeout=null,this._variant=``,this.countdownStart=0,this.nextCount=-1,this.doCountdown=e=>{this.countdownStart||=performance.now(),e-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener(`focusout`,this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener(`focusout`,this.holdCountdown),this.countdown()}}static get styles(){return[t(l)]}set timeout(e){let t=e>0?Math.max(6e3,e):null,n=this.timeout;t&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=t,this.requestUpdate(`timeout`,n)}get timeout(){return this._timeout}set variant(e){if(e===this.variant)return;let t=this.variant;u.includes(e)?(this.setAttribute(`variant`,e),this._variant=e):(this.removeAttribute(`variant`),this._variant=``),this.requestUpdate(`variant`,t)}get variant(){return this._variant}renderIcon(t,n){switch(t){case`info`:return e`
           <luzmo-icon
             .icon=${s}
             label=${n||`Information`}

package/standalone/utils.js

@@ -17,4 +17,4 @@
  *
  */
 
-import{a as e,c as t,d as n,o as r,s as i,u as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./chunks/platform-BfrBbd97.js";import{t as g}from"./chunks/streaming-listener-DFczLm8I.js";import{t as _}from"./chunks/voice-recorder--d34tYNu.js";export{i as ElementSizes,r as FocusVisiblePolyfillMixin,e as Focusable,a as LuzmoElement,n as LuzmoMixin,t as SizedMixin,_ as VoiceRecorder,m as isAndroid,u as isAppleDevice,f as isChrome,c as isFirefox,o as isIOS,d as isIPad,p as isIPhone,s as isMac,l as isSeamonkey,h as isWebKit,g as streamingListener};
+import{a as e,c as t,d as n,o as r,s as i,u as a}from"./chunks/lucero-runtime-DGJ9-isg.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./chunks/platform-BfrBbd97.js";import{t as g}from"./chunks/streaming-listener-DFczLm8I.js";import{t as _}from"./chunks/voice-recorder--d34tYNu.js";import{n as v,t as y}from"./chunks/template-property-Dn64faHO.js";export{i as ElementSizes,r as FocusVisiblePolyfillMixin,e as Focusable,a as LuzmoElement,n as LuzmoMixin,t as SizedMixin,_ as VoiceRecorder,y as createTemplateRenderer,m as isAndroid,u as isAppleDevice,f as isChrome,c as isFirefox,o as isIOS,d as isIPad,p as isIPhone,s as isMac,l as isSeamonkey,h as isWebKit,g as streamingListener,v as templateProperty};

package/utils/index.d.ts

@@ -5,3 +5,4 @@ export * from './platform';
 export * from './sized-mixin';
 export * from './streaming-listener';
 export * from './voice-recorder';
+export * from './template-property';

package/utils/template-property.d.ts

@@ -0,0 +1,13 @@
+import { property } from 'lit/decorators.js';
+export interface TemplatePropertyOptions {
+    slot?: string;
+    context: readonly string[];
+    implicit: string;
+}
+export declare function templateProperty(options: TemplatePropertyOptions): ReturnType<typeof property>;
+export interface TemplateView<Args extends unknown[]> {
+    readonly nodes: readonly Node[];
+    update(args: Args): void;
+    destroy(): void;
+}
+export declare function createTemplateRenderer<Args extends unknown[]>(factory: (args: Args) => TemplateView<Args>): (...args: Args) => unknown;

package/components/action-button-BRijXjEz.js

@@ -1,138 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import "./tokens.js";
-import { t as e } from "./decorate-CkCg3wfh.js";
-import { n as t } from "./sized-mixin-DzQTebN-.js";
-import { t as n } from "./button-base-DiPzVpp4.js";
-import { html as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { luzmoCornerTriangle as o, luzmoIcon as s } from "@luzmo/icons";
-//#region src/components/action-button/action-button.module.scss?inline
-var c = ":host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}:host([data-luzmo-language-script=Latn]) #label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:\"\";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([treatment=fill]:not([quiet],[selected],[static-color]):is([variant=neutral],:not([variant]))){--action-button-background-color-default:var(--luzmo-background-color-highlight);--action-button-background-color-hover:var(--luzmo-background-color-highlight-hover);--action-button-background-color-down:var(--luzmo-background-color-highlight-down);--action-button-background-color-focus:var(--luzmo-background-color-highlight-focus);--action-button-border-color-hover:var(--luzmo-border-color);--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([variant=primary]:not([quiet],[selected],[static-color])){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-primary);--action-button-border-color-hover:var(--luzmo-primary-hover);--action-button-border-color-down:var(--luzmo-primary-down);--action-button-border-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary);--action-button-content-color-hover:var(--luzmo-primary-down);--action-button-content-color-down:var(--luzmo-primary-down);--action-button-content-color-focus:var(--luzmo-primary-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=negative]:not([static-color])){--action-button-background-color-hover:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-background-color-down:rgba(var(--luzmo-negative-color-rgb), .16);--action-button-background-color-focus:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-content-color-default:var(--luzmo-negative-color);--action-button-content-color-hover:var(--luzmo-negative-color-hover);--action-button-content-color-down:var(--luzmo-negative-color-down);--action-button-content-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative]:not([quiet],[selected],[static-color])){--action-button-border-color-default:var(--luzmo-negative-color);--action-button-border-color-hover:var(--luzmo-negative-color-hover);--action-button-border-color-down:var(--luzmo-negative-color-down);--action-button-border-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative][selected]:not([static-color])){--action-button-background-color-default:var(--luzmo-negative-color);--action-button-background-color-hover:var(--luzmo-negative-color-hover);--action-button-background-color-down:var(--luzmo-negative-color-down);--action-button-background-color-focus:var(--luzmo-negative-color-focus);--action-button-content-color-default:var(--luzmo-negative-inverse-color);--action-button-content-color-hover:var(--luzmo-negative-inverse-color);--action-button-content-color-down:var(--luzmo-negative-inverse-color);--action-button-content-color-focus:var(--luzmo-negative-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host([variant=pill]),:host([variant=accent]),:host([variant=pill][size]),:host([variant=accent][size]){--action-button-min-width:auto}:host([variant=accent]){--action-button-background-color-default:color-mix(in oklch, var(--luzmo-primary), white 88%);--action-button-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--action-button-background-color-down:var(--action-button-background-color-hover);--action-button-background-color-focus:var(--action-button-background-color-hover);--action-button-border-color-default:color-mix(in oklch, var(--luzmo-primary), white 70%);--action-button-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--action-button-border-color-down:var(--action-button-border-color-hover);--action-button-border-color-focus:var(--action-button-border-color-hover);--action-button-content-color-default:color-mix(in oklch, var(--luzmo-primary), black 25%);--action-button-content-color-hover:var(--action-button-content-color-default);--action-button-content-color-down:var(--action-button-content-color-default);--action-button-content-color-focus:var(--action-button-content-color-default);--action-button-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--action-button-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--action-button-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}", l, u = [
-	"neutral",
-	"primary",
-	"negative",
-	"pill",
-	"accent"
-], d = class extends t(n, {
-	validSizes: [
-		"xs",
-		"s",
-		"m",
-		"l",
-		"xl"
-	],
-	noDefaultSize: !0
-}) {
-	static get styles() {
-		return [...super.styles, i(c)];
-	}
-	get variant() {
-		return this._variant;
-	}
-	set variant(e) {
-		let t = u.includes(e) ? e : "neutral";
-		if (t === this._variant) {
-			this.getAttribute("variant") !== t && this.setAttribute("variant", t);
-			return;
-		}
-		let n = this._variant;
-		this._variant = t, this.requestUpdate("variant", n), this.setAttribute("variant", t);
-	}
-	get value() {
-		return this._value || this.itemText;
-	}
-	set value(e) {
-		e !== this._value && (this._value = e || "", this._value ? this.setAttribute("value", this._value) : this.removeAttribute("value"));
-	}
-	get itemText() {
-		return (this.textContent || "").trim();
-	}
-	constructor() {
-		super(), this.emphasized = !1, this.holdAffordance = !1, this.quiet = !1, this.treatment = "outline", this.role = "button", this.selected = !1, this.toggles = !1, this._variant = "neutral", this._value = "", this.onClick = () => {
-			this.toggles && (this.selected = !this.selected, this.dispatchEvent(new Event("change", {
-				cancelable: !0,
-				bubbles: !0,
-				composed: !0
-			})) || (this.selected = !this.selected));
-		}, this.addEventListener("click", this.onClick);
-	}
-	handlePointerdownHoldAffordance(e) {
-		e.button === 0 && (this.addEventListener("pointerup", this.handlePointerupHoldAffordance), this.addEventListener("pointercancel", this.handlePointerupHoldAffordance), l = setTimeout(() => {
-			this.dispatchEvent(new CustomEvent("longpress", {
-				bubbles: !0,
-				composed: !0,
-				detail: { source: "pointer" }
-			}));
-		}, 300));
-	}
-	handlePointerupHoldAffordance() {
-		clearTimeout(l), this.removeEventListener("pointerup", this.handlePointerupHoldAffordance), this.removeEventListener("pointercancel", this.handlePointerupHoldAffordance);
-	}
-	handleKeydown(e) {
-		if (!this.holdAffordance) return super.handleKeydown(e);
-		let { code: t, altKey: n } = e;
-		(t === "Space" || n && t === "ArrowDown") && (e.preventDefault(), t === "ArrowDown" && (e.stopPropagation(), e.stopImmediatePropagation()), this.addEventListener("keyup", this.handleKeyup), this.active = !0);
-	}
-	handleKeyup(e) {
-		if (!this.holdAffordance) return super.handleKeyup(e);
-		let { code: t, altKey: n } = e;
-		(t === "Space" || n && t === "ArrowDown") && (e.stopPropagation(), this.dispatchEvent(new CustomEvent("longpress", {
-			bubbles: !0,
-			composed: !0,
-			detail: { source: "keyboard" }
-		})), this.active = !1);
-	}
-	get buttonContent() {
-		let e = super.buttonContent;
-		return this.holdAffordance && e.unshift(r`
-        <div class="hold-affordance corner-triangle-${this.size}">
-          ${s(o)}
-        </div>
-      `), e;
-	}
-	updated(e) {
-		super.updated(e);
-		let t = this.role === "button", n = t && (this.selected || this.toggles) && !(this.hasAttribute("aria-haspopup") && this.hasAttribute("aria-expanded"));
-		(e.has("selected") || e.has("role")) && (n ? this.setAttribute("aria-pressed", this.selected ? "true" : "false") : (this.removeAttribute("aria-pressed"), t && this.toggles && this.hasAttribute("aria-expanded") && this.setAttribute("aria-expanded", this.selected ? "true" : "false"))), e.has("holdAffordance") && (this.holdAffordance ? this.addEventListener("pointerdown", this.handlePointerdownHoldAffordance) : (this.removeEventListener("pointerdown", this.handlePointerdownHoldAffordance), this.handlePointerupHoldAffordance()));
-	}
-};
-//#endregion
-//#region src/components/action-button/index.ts
-e([a({
-	type: Boolean,
-	reflect: !0
-})], d.prototype, "emphasized", void 0), e([a({
-	type: Boolean,
-	reflect: !0,
-	attribute: "hold-affordance"
-})], d.prototype, "holdAffordance", void 0), e([a({
-	type: Boolean,
-	reflect: !0
-})], d.prototype, "quiet", void 0), e([a({ reflect: !0 })], d.prototype, "treatment", void 0), e([a({ reflect: !0 })], d.prototype, "role", void 0), e([a({
-	type: Boolean,
-	reflect: !0
-})], d.prototype, "selected", void 0), e([a({
-	type: Boolean,
-	reflect: !0
-})], d.prototype, "toggles", void 0), e([a({
-	reflect: !0,
-	attribute: "static-color"
-})], d.prototype, "staticColor", void 0), e([a()], d.prototype, "variant", null), e([a({ type: String })], d.prototype, "value", null), customElements.get("luzmo-action-button") || customElements.define("luzmo-action-button", d);
-//#endregion
-export { d as t };

package/components/action-button-CX1uYbQp.cjs

@@ -1,22 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-DiNxrttk.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}:host([data-luzmo-language-script=Latn]) #label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([treatment=fill]:not([quiet],[selected],[static-color]):is([variant=neutral],:not([variant]))){--action-button-background-color-default:var(--luzmo-background-color-highlight);--action-button-background-color-hover:var(--luzmo-background-color-highlight-hover);--action-button-background-color-down:var(--luzmo-background-color-highlight-down);--action-button-background-color-focus:var(--luzmo-background-color-highlight-focus);--action-button-border-color-hover:var(--luzmo-border-color);--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([variant=primary]:not([quiet],[selected],[static-color])){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-primary);--action-button-border-color-hover:var(--luzmo-primary-hover);--action-button-border-color-down:var(--luzmo-primary-down);--action-button-border-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary);--action-button-content-color-hover:var(--luzmo-primary-down);--action-button-content-color-down:var(--luzmo-primary-down);--action-button-content-color-focus:var(--luzmo-primary-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=negative]:not([static-color])){--action-button-background-color-hover:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-background-color-down:rgba(var(--luzmo-negative-color-rgb), .16);--action-button-background-color-focus:rgba(var(--luzmo-negative-color-rgb), .1);--action-button-content-color-default:var(--luzmo-negative-color);--action-button-content-color-hover:var(--luzmo-negative-color-hover);--action-button-content-color-down:var(--luzmo-negative-color-down);--action-button-content-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative]:not([quiet],[selected],[static-color])){--action-button-border-color-default:var(--luzmo-negative-color);--action-button-border-color-hover:var(--luzmo-negative-color-hover);--action-button-border-color-down:var(--luzmo-negative-color-down);--action-button-border-color-focus:var(--luzmo-negative-color-focus)}:host([variant=negative][selected]:not([static-color])){--action-button-background-color-default:var(--luzmo-negative-color);--action-button-background-color-hover:var(--luzmo-negative-color-hover);--action-button-background-color-down:var(--luzmo-negative-color-down);--action-button-background-color-focus:var(--luzmo-negative-color-focus);--action-button-content-color-default:var(--luzmo-negative-inverse-color);--action-button-content-color-hover:var(--luzmo-negative-inverse-color);--action-button-content-color-down:var(--luzmo-negative-inverse-color);--action-button-content-color-focus:var(--luzmo-negative-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host([variant=pill]),:host([variant=accent]),:host([variant=pill][size]),:host([variant=accent][size]){--action-button-min-width:auto}:host([variant=accent]){--action-button-background-color-default:color-mix(in oklch, var(--luzmo-primary), white 88%);--action-button-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--action-button-background-color-down:var(--action-button-background-color-hover);--action-button-background-color-focus:var(--action-button-background-color-hover);--action-button-border-color-default:color-mix(in oklch, var(--luzmo-primary), white 70%);--action-button-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--action-button-border-color-down:var(--action-button-border-color-hover);--action-button-border-color-focus:var(--action-button-border-color-hover);--action-button-content-color-default:color-mix(in oklch, var(--luzmo-primary), black 25%);--action-button-content-color-hover:var(--action-button-content-color-default);--action-button-content-color-down:var(--action-button-content-color-default);--action-button-content-color-focus:var(--action-button-content-color-default);--action-button-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--action-button-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--action-button-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}`,s,c=[`neutral`,`primary`,`negative`,`pill`,`accent`],l=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get variant(){return this._variant}set variant(e){let t=c.includes(e)?e:`neutral`;if(t===this._variant){this.getAttribute(`variant`)!==t&&this.setAttribute(`variant`,t);return}let n=this._variant;this._variant=t,this.requestUpdate(`variant`,n),this.setAttribute(`variant`,t)}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||``,this._value?this.setAttribute(`value`,this._value):this.removeAttribute(`value`))}get itemText(){return(this.textContent||``).trim()}constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.treatment=`outline`,this.role=`button`,this.selected=!1,this.toggles=!1,this._variant=`neutral`,this._value=``,this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener(`click`,this.onClick)}handlePointerdownHoldAffordance(e){e.button===0&&(this.addEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.addEventListener(`pointercancel`,this.handlePointerupHoldAffordance),s=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},300))}handlePointerupHoldAffordance(){clearTimeout(s),this.removeEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.removeEventListener(`pointercancel`,this.handlePointerupHoldAffordance)}handleKeydown(e){if(!this.holdAffordance)return super.handleKeydown(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.preventDefault(),t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation()),this.addEventListener(`keyup`,this.handleKeyup),this.active=!0)}handleKeyup(e){if(!this.holdAffordance)return super.handleKeyup(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),this.active=!1)}get buttonContent(){let e=super.buttonContent;return this.holdAffordance&&e.unshift(r.html`
-        <div class="hold-affordance corner-triangle-${this.size}">
-          ${(0,a.luzmoIcon)(a.luzmoCornerTriangle)}
-        </div>
-      `),e}updated(e){super.updated(e);let t=this.role===`button`,n=t&&(this.selected||this.toggles)&&!(this.hasAttribute(`aria-haspopup`)&&this.hasAttribute(`aria-expanded`));(e.has(`selected`)||e.has(`role`))&&(n?this.setAttribute(`aria-pressed`,this.selected?`true`:`false`):(this.removeAttribute(`aria-pressed`),t&&this.toggles&&this.hasAttribute(`aria-expanded`)&&this.setAttribute(`aria-expanded`,this.selected?`true`:`false`))),e.has(`holdAffordance`)&&(this.holdAffordance?this.addEventListener(`pointerdown`,this.handlePointerdownHoldAffordance):(this.removeEventListener(`pointerdown`,this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`hold-affordance`})],l.prototype,`holdAffordance`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`quiet`,void 0),e.t([(0,i.property)({reflect:!0})],l.prototype,`treatment`,void 0),e.t([(0,i.property)({reflect:!0})],l.prototype,`role`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`toggles`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],l.prototype,`staticColor`,void 0),e.t([(0,i.property)()],l.prototype,`variant`,null),e.t([(0,i.property)({type:String})],l.prototype,`value`,null),customElements.get(`luzmo-action-button`)||customElements.define(`luzmo-action-button`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});