@vonage/vivid 5.8.0 → 5.10.0

package/tag/definition.js

@@ -78,7 +78,7 @@ __decorateClass([
   attr({ mode: "boolean" })
 ], Tag.prototype, "selected");
 
-const styles = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}";
+const styles = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base.connotation-success{--_connotation-color-primary: var(--vvd-tag-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-tag-success-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-tag-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-tag-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-tag-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm: var(--vvd-tag-success-firm, var(--vvd-color-success-600));--_connotation-color-firm-all: var(--vvd-tag-success-firm-all, var(--vvd-color-success-600));--_connotation-color-faint: var(--vvd-tag-success-faint, var(--vvd-color-success-50));--_connotation-color-dim: var(--vvd-tag-success-dim, var(--vvd-color-success-200))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-tag-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-tag-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-tag-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-tag-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-tag-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm: var(--vvd-tag-alert-firm, var(--vvd-color-alert-600));--_connotation-color-firm-all: var(--vvd-tag-alert-firm-all, var(--vvd-color-alert-600));--_connotation-color-faint: var(--vvd-tag-alert-faint, var(--vvd-color-alert-50));--_connotation-color-dim: var(--vvd-tag-alert-dim, var(--vvd-color-alert-200))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-tag-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-tag-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-tag-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-tag-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-tag-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-tag-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm: var(--vvd-tag-warning-firm, var(--vvd-color-warning-600));--_connotation-color-firm-all: var(--vvd-tag-warning-firm-all, var(--vvd-color-warning-600));--_connotation-color-faint: var(--vvd-tag-warning-faint, var(--vvd-color-warning-50));--_connotation-color-dim: var(--vvd-tag-warning-dim, var(--vvd-color-warning-200))}.base.connotation-information{--_connotation-color-primary: var(--vvd-tag-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-tag-information-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-tag-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-tag-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-tag-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm: var(--vvd-tag-information-firm, var(--vvd-color-information-600));--_connotation-color-firm-all: var(--vvd-tag-information-firm-all, var(--vvd-color-information-600));--_connotation-color-faint: var(--vvd-tag-information-faint, var(--vvd-color-information-50));--_connotation-color-dim: var(--vvd-tag-information-dim, var(--vvd-color-information-200))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-tag-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-tag-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-contrast: var(--vvd-tag-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-pale: var(--vvd-tag-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-fierce: var(--vvd-tag-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-tag-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-firm-all: var(--vvd-tag-announcement-firm-all, var(--vvd-color-announcement-600));--_connotation-color-faint: var(--vvd-tag-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-dim: var(--vvd-tag-announcement-dim, var(--vvd-color-announcement-200))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}";
 
 const getClasses = ({
   connotation,

package/tag/index.cjs

@@ -1,32 +1,32 @@
-"use strict";const _=require("../bundled/definition2.cjs"),e=require("../bundled/vivid-element.cjs"),v=require("../bundled/affix.cjs"),d=require("../bundled/delegates-aria.cjs"),u=require("../bundled/localized.cjs"),s=require("../bundled/when.cjs"),f=require("../bundled/class-names.cjs");var m=Object.defineProperty,c=(r,o,t,i)=>{for(var a=void 0,n=r.length-1,p;n>=0;n--)(p=r[n])&&(a=p(o,t,a)||a);return a&&m(o,t,a),a};class l extends u.Localized(d.DelegatesAria(v.AffixIcon(e.VividElement))){constructor(){super(...arguments),this.removable=!1,this.disabled=!1,this.selectable=!1,this.selected=!1,this.#a=()=>{!this.selectable||this.disabled||(this.selected=!this.selected,this.$emit("selected-change"))}}remove(){!this.removable||this.selectable||(this.$emit("removed"),this.parentElement&&this.parentElement.removeChild(this))}#a;handleKeydown(o){return(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.#a()),(o.key==="Delete"||o.key==="Backspace")&&(o.preventDefault(),this.remove()),!0}handleClick(){this.#a()}}c([e.attr],l.prototype,"connotation");c([e.attr],l.prototype,"shape");c([e.attr],l.prototype,"appearance");c([e.attr],l.prototype,"label");c([e.attr({mode:"boolean"})],l.prototype,"removable");c([e.attr({mode:"boolean"})],l.prototype,"disabled");c([e.attr({mode:"boolean"})],l.prototype,"selectable");c([e.attr({mode:"boolean"})],l.prototype,"selected");const h=".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}",b=({connotation:r,appearance:o,shape:t,disabled:i,selectable:a,removable:n,selected:p})=>f.classNames("base",["disabled",i],["selectable",a],["selected",a&&p],["removable",n&&!a],[`connotation-${r}`,!!r],[`appearance-${o}`,!!o],[`shape-${t}`,!!t]);function g(r){return e.html`
+"use strict";const _=require("../bundled/definition2.cjs"),r=require("../bundled/vivid-element.cjs"),d=require("../bundled/affix.cjs"),p=require("../bundled/delegates-aria.cjs"),f=require("../bundled/localized.cjs"),v=require("../bundled/when.cjs"),u=require("../bundled/class-names.cjs");var b=Object.defineProperty,l=(n,a,t,i)=>{for(var o=void 0,e=n.length-1,s;e>=0;e--)(s=n[e])&&(o=s(a,t,o)||o);return o&&b(a,t,o),o};class c extends f.Localized(p.DelegatesAria(d.AffixIcon(r.VividElement))){constructor(){super(...arguments),this.removable=!1,this.disabled=!1,this.selectable=!1,this.selected=!1,this.#o=()=>{!this.selectable||this.disabled||(this.selected=!this.selected,this.$emit("selected-change"))}}remove(){!this.removable||this.selectable||(this.$emit("removed"),this.parentElement&&this.parentElement.removeChild(this))}#o;handleKeydown(a){return(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),this.#o()),(a.key==="Delete"||a.key==="Backspace")&&(a.preventDefault(),this.remove()),!0}handleClick(){this.#o()}}l([r.attr],c.prototype,"connotation");l([r.attr],c.prototype,"shape");l([r.attr],c.prototype,"appearance");l([r.attr],c.prototype,"label");l([r.attr({mode:"boolean"})],c.prototype,"removable");l([r.attr({mode:"boolean"})],c.prototype,"disabled");l([r.attr({mode:"boolean"})],c.prototype,"selectable");l([r.attr({mode:"boolean"})],c.prototype,"selected");const g=".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base.connotation-success{--_connotation-color-primary: var(--vvd-tag-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-tag-success-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-tag-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-tag-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-tag-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm: var(--vvd-tag-success-firm, var(--vvd-color-success-600));--_connotation-color-firm-all: var(--vvd-tag-success-firm-all, var(--vvd-color-success-600));--_connotation-color-faint: var(--vvd-tag-success-faint, var(--vvd-color-success-50));--_connotation-color-dim: var(--vvd-tag-success-dim, var(--vvd-color-success-200))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-tag-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-tag-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-tag-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-tag-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-tag-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm: var(--vvd-tag-alert-firm, var(--vvd-color-alert-600));--_connotation-color-firm-all: var(--vvd-tag-alert-firm-all, var(--vvd-color-alert-600));--_connotation-color-faint: var(--vvd-tag-alert-faint, var(--vvd-color-alert-50));--_connotation-color-dim: var(--vvd-tag-alert-dim, var(--vvd-color-alert-200))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-tag-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-tag-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-tag-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-tag-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-tag-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-tag-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm: var(--vvd-tag-warning-firm, var(--vvd-color-warning-600));--_connotation-color-firm-all: var(--vvd-tag-warning-firm-all, var(--vvd-color-warning-600));--_connotation-color-faint: var(--vvd-tag-warning-faint, var(--vvd-color-warning-50));--_connotation-color-dim: var(--vvd-tag-warning-dim, var(--vvd-color-warning-200))}.base.connotation-information{--_connotation-color-primary: var(--vvd-tag-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-tag-information-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-tag-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-tag-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-tag-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm: var(--vvd-tag-information-firm, var(--vvd-color-information-600));--_connotation-color-firm-all: var(--vvd-tag-information-firm-all, var(--vvd-color-information-600));--_connotation-color-faint: var(--vvd-tag-information-faint, var(--vvd-color-information-50));--_connotation-color-dim: var(--vvd-tag-information-dim, var(--vvd-color-information-200))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-tag-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-tag-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-contrast: var(--vvd-tag-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-pale: var(--vvd-tag-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-fierce: var(--vvd-tag-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-tag-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-firm-all: var(--vvd-tag-announcement-firm-all, var(--vvd-color-announcement-600));--_connotation-color-faint: var(--vvd-tag-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-dim: var(--vvd-tag-announcement-dim, var(--vvd-color-announcement-200))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}",m=({connotation:n,appearance:a,shape:t,disabled:i,selectable:o,removable:e,selected:s})=>u.classNames("base",["disabled",i],["selectable",o],["selected",o&&s],["removable",e&&!o],[`connotation-${n}`,!!n],[`appearance-${a}`,!!a],[`shape-${t}`,!!t]);function h(n){return r.html`
 	<button
 		class="dismiss-button"
-		aria-label="${o=>o.locale.tag.remove(o.label)}"
-		?disabled="${o=>o.disabled}"
-		@click="${o=>o.remove()}">
-		<${r} name="close-line"></${r}>
-	</button>`}const x=r=>{const o=v.affixIconTemplateFactory(r),t=r.tagFor(_.Icon),i=e.html`
-		${a=>o(a.icon,v.IconWrapper.Slot)}
-		${s.when(a=>a.label,a=>e.html`<span class="label">${a.label}</span>`)}
-		${s.when(a=>a.removable&&!a.selectable,g(t))}
-		${s.when(a=>a.selectable&&a.selected,e.html`<${t} class="selectable-icon" name="check-circle-solid"></${t}>`)}
-	`;return e.html`
-		${s.when(a=>a.selectable,e.html`<button
-				class="${b}"
-				${d.delegateAria({ariaPressed:a=>a.selected})}
-				?disabled="${a=>a.disabled}"
-				@keydown="${(a,n)=>a.handleKeydown(n.event)}"
-				@click="${a=>a.handleClick()}"
+		aria-label="${a=>a.locale.tag.remove(a.label)}"
+		?disabled="${a=>a.disabled}"
+		@click="${a=>a.remove()}">
+		<${n} name="close-line"></${n}>
+	</button>`}const x=n=>{const a=d.affixIconTemplateFactory(n),t=n.tagFor(_.Icon),i=r.html`
+		${o=>a(o.icon,d.IconWrapper.Slot)}
+		${v.when(o=>o.label,o=>r.html`<span class="label">${o.label}</span>`)}
+		${v.when(o=>o.removable&&!o.selectable,h(t))}
+		${v.when(o=>o.selectable&&o.selected,r.html`<${t} class="selectable-icon" name="check-circle-solid"></${t}>`)}
+	`;return r.html`
+		${v.when(o=>o.selectable,r.html`<button
+				class="${m}"
+				${p.delegateAria({ariaPressed:o=>o.selected})}
+				?disabled="${o=>o.disabled}"
+				@keydown="${(o,e)=>o.handleKeydown(e.event)}"
+				@click="${o=>o.handleClick()}"
 			>
 				${i}
 			</button>`)}
-		${s.when(a=>!a.selectable,e.html`<span
-				class="${b}"
-				${d.delegateAria()}
-				tabindex="${a=>a.disabled||a.removable?null:0}"
-				@keydown="${(a,n)=>a.handleKeydown(n.event)}"
-				@click="${a=>a.handleClick()}"
+		${v.when(o=>!o.selectable,r.html`<span
+				class="${m}"
+				${p.delegateAria()}
+				tabindex="${o=>o.disabled||o.removable?null:0}"
+				@keydown="${(o,e)=>o.handleKeydown(e.event)}"
+				@click="${o=>o.handleClick()}"
 			>
 				${i}
 			</span>`)}
-	`},y=e.defineVividComponent("tag",l,x,[_.iconDefinition],{styles:h,shadowOptions:{delegatesFocus:!0}}),w=e.createRegisterFunction(y);w();
+	`},y=r.defineVividComponent("tag",c,x,[_.iconDefinition],{styles:g,shadowOptions:{delegatesFocus:!0}}),w=r.createRegisterFunction(y);w();

package/tag/index.js

@@ -1,135 +1,135 @@
-import { I as _, i as u } from "../bundled/definition2.js";
-import { V as f, a as l, h as i, c as m, d as h } from "../bundled/vivid-element.js";
-import { b as g, a as x, I as y } from "../bundled/affix.js";
-import { D as w, d } from "../bundled/delegates-aria.js";
+import { I as _, i as f } from "../bundled/definition2.js";
+import { V as u, a as c, h as i, c as b, d as g } from "../bundled/vivid-element.js";
+import { b as x, a as h, I as y } from "../bundled/affix.js";
+import { D as w, d as p } from "../bundled/delegates-aria.js";
 import { L as $ } from "../bundled/localized.js";
-import { w as p } from "../bundled/when.js";
+import { w as s } from "../bundled/when.js";
 import { c as k } from "../bundled/class-names.js";
-var z = Object.defineProperty, c = (e, o, r, s) => {
-  for (var a = void 0, t = e.length - 1, v; t >= 0; t--)
-    (v = e[t]) && (a = v(o, r, a) || a);
-  return a && z(o, r, a), a;
+var z = Object.defineProperty, l = (r, a, n, v) => {
+  for (var o = void 0, t = r.length - 1, d; t >= 0; t--)
+    (d = r[t]) && (o = d(a, n, o) || o);
+  return o && z(a, n, o), o;
 };
-class n extends $(w(g(f))) {
+class e extends $(w(x(u))) {
   constructor() {
-    super(...arguments), this.removable = !1, this.disabled = !1, this.selectable = !1, this.selected = !1, this.#a = () => {
+    super(...arguments), this.removable = !1, this.disabled = !1, this.selectable = !1, this.selected = !1, this.#o = () => {
       !this.selectable || this.disabled || (this.selected = !this.selected, this.$emit("selected-change"));
     };
   }
   remove() {
     !this.removable || this.selectable || (this.$emit("removed"), this.parentElement && this.parentElement.removeChild(this));
   }
-  #a;
-  handleKeydown(o) {
-    return (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.#a()), (o.key === "Delete" || o.key === "Backspace") && (o.preventDefault(), this.remove()), !0;
+  #o;
+  handleKeydown(a) {
+    return (a.key === "Enter" || a.key === " ") && (a.preventDefault(), this.#o()), (a.key === "Delete" || a.key === "Backspace") && (a.preventDefault(), this.remove()), !0;
   }
   handleClick() {
-    this.#a();
+    this.#o();
   }
 }
-c([
-  l
-], n.prototype, "connotation");
-c([
-  l
-], n.prototype, "shape");
-c([
-  l
-], n.prototype, "appearance");
-c([
-  l
-], n.prototype, "label");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "removable");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "disabled");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "selectable");
-c([
-  l({ mode: "boolean" })
-], n.prototype, "selected");
-const C = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}", b = ({
-  connotation: e,
-  appearance: o,
-  shape: r,
-  disabled: s,
-  selectable: a,
+l([
+  c
+], e.prototype, "connotation");
+l([
+  c
+], e.prototype, "shape");
+l([
+  c
+], e.prototype, "appearance");
+l([
+  c
+], e.prototype, "label");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "removable");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "disabled");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "selectable");
+l([
+  c({ mode: "boolean" })
+], e.prototype, "selected");
+const C = ".base.connotation-cta{--_connotation-color-primary: var(--vvd-tag-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-tag-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-tag-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-tag-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-tag-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-tag-cta-firm, var(--vvd-color-cta-600));--_connotation-color-firm-all: var(--vvd-tag-cta-firm-all, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tag-cta-faint, var(--vvd-color-cta-50));--_connotation-color-dim: var(--vvd-tag-cta-dim, var(--vvd-color-cta-200))}.base.connotation-success{--_connotation-color-primary: var(--vvd-tag-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-tag-success-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-tag-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-tag-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-tag-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm: var(--vvd-tag-success-firm, var(--vvd-color-success-600));--_connotation-color-firm-all: var(--vvd-tag-success-firm-all, var(--vvd-color-success-600));--_connotation-color-faint: var(--vvd-tag-success-faint, var(--vvd-color-success-50));--_connotation-color-dim: var(--vvd-tag-success-dim, var(--vvd-color-success-200))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-tag-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-tag-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-tag-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-tag-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-tag-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm: var(--vvd-tag-alert-firm, var(--vvd-color-alert-600));--_connotation-color-firm-all: var(--vvd-tag-alert-firm-all, var(--vvd-color-alert-600));--_connotation-color-faint: var(--vvd-tag-alert-faint, var(--vvd-color-alert-50));--_connotation-color-dim: var(--vvd-tag-alert-dim, var(--vvd-color-alert-200))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-tag-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-tag-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-tag-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-tag-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-tag-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-tag-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm: var(--vvd-tag-warning-firm, var(--vvd-color-warning-600));--_connotation-color-firm-all: var(--vvd-tag-warning-firm-all, var(--vvd-color-warning-600));--_connotation-color-faint: var(--vvd-tag-warning-faint, var(--vvd-color-warning-50));--_connotation-color-dim: var(--vvd-tag-warning-dim, var(--vvd-color-warning-200))}.base.connotation-information{--_connotation-color-primary: var(--vvd-tag-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-tag-information-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-tag-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-tag-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-tag-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm: var(--vvd-tag-information-firm, var(--vvd-color-information-600));--_connotation-color-firm-all: var(--vvd-tag-information-firm-all, var(--vvd-color-information-600));--_connotation-color-faint: var(--vvd-tag-information-faint, var(--vvd-color-information-50));--_connotation-color-dim: var(--vvd-tag-information-dim, var(--vvd-color-information-200))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-tag-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-tag-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-contrast: var(--vvd-tag-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-pale: var(--vvd-tag-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-fierce: var(--vvd-tag-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-tag-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-firm-all: var(--vvd-tag-announcement-firm-all, var(--vvd-color-announcement-600));--_connotation-color-faint: var(--vvd-tag-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-dim: var(--vvd-tag-announcement-dim, var(--vvd-color-announcement-200))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary: var(--vvd-tag-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tag-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-soft: var(--vvd-tag-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-tag-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-tag-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-tag-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-tag-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-firm-all: var(--vvd-tag-accent-firm-all, var(--vvd-color-neutral-600));--_connotation-color-faint: var(--vvd-tag-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-dim: var(--vvd-tag-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm-all)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 75%);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base.active:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 65%);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.disabled.appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base.disabled.appearance-subtle-light{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base.selected:where(:not(.disabled,:disabled)).appearance-subtle-light{--_appearance-color-text: var(--vvd-color-canvas);--_appearance-color-fill: var(--_connotation-color-firm);--_appearance-color-outline: transparent}.base{--tag-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border:none;background-color:var(--_appearance-color-fill);block-size:var(--tag-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-bold);max-inline-size:100%;padding-inline:8px;vertical-align:middle}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.base:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{cursor:not-allowed;pointer-events:none}.base.removable{cursor:auto;padding-inline:8px 1px}.label{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}slot[name=icon]{font-size:calc(var(--tag-block-size) / 1.5);line-height:1}.dismiss-button{position:relative;display:flex;align-items:center;padding:4px;border:none;border-radius:inherit;background-color:var(--_appearance-color-fill);cursor:pointer;inset-inline-start:-4px}.dismiss-button:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}", m = ({
+  connotation: r,
+  appearance: a,
+  shape: n,
+  disabled: v,
+  selectable: o,
   removable: t,
-  selected: v
+  selected: d
 }) => k(
   "base",
-  ["disabled", s],
-  ["selectable", a],
-  ["selected", a && v],
-  ["removable", t && !a],
-  [`connotation-${e}`, !!e],
-  [`appearance-${o}`, !!o],
-  [`shape-${r}`, !!r]
+  ["disabled", v],
+  ["selectable", o],
+  ["selected", o && d],
+  ["removable", t && !o],
+  [`connotation-${r}`, !!r],
+  [`appearance-${a}`, !!a],
+  [`shape-${n}`, !!n]
 );
-function D(e) {
+function D(r) {
   return i`
 	<button
 		class="dismiss-button"
-		aria-label="${(o) => o.locale.tag.remove(o.label)}"
-		?disabled="${(o) => o.disabled}"
-		@click="${(o) => o.remove()}">
-		<${e} name="close-line"></${e}>
+		aria-label="${(a) => a.locale.tag.remove(a.label)}"
+		?disabled="${(a) => a.disabled}"
+		@click="${(a) => a.remove()}">
+		<${r} name="close-line"></${r}>
 	</button>`;
 }
-const I = (e) => {
-  const o = x(e), r = e.tagFor(_), s = i`
-		${(a) => o(a.icon, y.Slot)}
-		${p(
-    (a) => a.label,
-    (a) => i`<span class="label">${a.label}</span>`
+const I = (r) => {
+  const a = h(r), n = r.tagFor(_), v = i`
+		${(o) => a(o.icon, y.Slot)}
+		${s(
+    (o) => o.label,
+    (o) => i`<span class="label">${o.label}</span>`
   )}
-		${p((a) => a.removable && !a.selectable, D(r))}
-		${p(
-    (a) => a.selectable && a.selected,
-    i`<${r} class="selectable-icon" name="check-circle-solid"></${r}>`
+		${s((o) => o.removable && !o.selectable, D(n))}
+		${s(
+    (o) => o.selectable && o.selected,
+    i`<${n} class="selectable-icon" name="check-circle-solid"></${n}>`
   )}
 	`;
   return i`
-		${p(
-    (a) => a.selectable,
+		${s(
+    (o) => o.selectable,
     i`<button
-				class="${b}"
-				${d({
-      ariaPressed: (a) => a.selected
+				class="${m}"
+				${p({
+      ariaPressed: (o) => o.selected
     })}
-				?disabled="${(a) => a.disabled}"
-				@keydown="${(a, t) => a.handleKeydown(t.event)}"
-				@click="${(a) => a.handleClick()}"
+				?disabled="${(o) => o.disabled}"
+				@keydown="${(o, t) => o.handleKeydown(t.event)}"
+				@click="${(o) => o.handleClick()}"
 			>
-				${s}
+				${v}
 			</button>`
   )}
-		${p(
-    (a) => !a.selectable,
+		${s(
+    (o) => !o.selectable,
     i`<span
-				class="${b}"
-				${d()}
-				tabindex="${(a) => a.disabled || a.removable ? null : 0}"
-				@keydown="${(a, t) => a.handleKeydown(t.event)}"
-				@click="${(a) => a.handleClick()}"
+				class="${m}"
+				${p()}
+				tabindex="${(o) => o.disabled || o.removable ? null : 0}"
+				@keydown="${(o, t) => o.handleKeydown(t.event)}"
+				@click="${(o) => o.handleClick()}"
 			>
-				${s}
+				${v}
 			</span>`
   )}
 	`;
-}, B = h(
+}, B = g(
   "tag",
-  n,
+  e,
   I,
-  [u],
+  [f],
   {
     styles: C,
     shadowOptions: {
       delegatesFocus: !0
     }
   }
-), T = m(B);
+), T = b(B);
 T();

package/unbundled/_commonjsHelpers.cjs

@@ -6,5 +6,31 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 exports.commonjsGlobal = commonjsGlobal;
+exports.getAugmentedNamespace = getAugmentedNamespace;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/unbundled/_commonjsHelpers.js

@@ -4,4 +4,29 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-export { commonjsGlobal as c, getDefaultExportFromCjs as g };
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };

package/unbundled/data-grid.options.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+const DataGridCellSortStates = {
+  none: "none",
+  ascending: "ascending",
+  descending: "descending",
+  other: "other"
+};
+const GenerateHeaderOptions = {
+  none: "none",
+  default: "default",
+  sticky: "sticky"
+};
+const DataGridCellTypes = {
+  default: "default",
+  columnHeader: "columnheader",
+  rowHeader: "rowheader"
+};
+const DataGridRowTypes = {
+  default: "default",
+  header: "header",
+  stickyHeader: "sticky-header"
+};
+const DataGridCellRole = {
+  columnheader: "columnheader",
+  rowheader: "rowheader",
+  default: "gridcell"
+};
+
+exports.DataGridCellRole = DataGridCellRole;
+exports.DataGridCellSortStates = DataGridCellSortStates;
+exports.DataGridCellTypes = DataGridCellTypes;
+exports.DataGridRowTypes = DataGridRowTypes;
+exports.GenerateHeaderOptions = GenerateHeaderOptions;

package/unbundled/data-grid.options.js

@@ -0,0 +1,28 @@
+const DataGridCellSortStates = {
+  none: "none",
+  ascending: "ascending",
+  descending: "descending",
+  other: "other"
+};
+const GenerateHeaderOptions = {
+  none: "none",
+  default: "default",
+  sticky: "sticky"
+};
+const DataGridCellTypes = {
+  default: "default",
+  columnHeader: "columnheader",
+  rowHeader: "rowheader"
+};
+const DataGridRowTypes = {
+  default: "default",
+  header: "header",
+  stickyHeader: "sticky-header"
+};
+const DataGridCellRole = {
+  columnheader: "columnheader",
+  rowheader: "rowheader",
+  default: "gridcell"
+};
+
+export { DataGridCellTypes as D, GenerateHeaderOptions as G, DataGridCellSortStates as a, DataGridRowTypes as b, DataGridCellRole as c };