npm - @solid-design-system/components - Versions diffs - 4.6.11 → 4.6.12 - Mend

@solid-design-system/components 4.6.11 → 4.6.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (576) hide show

package/dist/chunks/{chunk.OXCJX3LE.js → chunk.2J5UWA4O.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2LMWBUBT.js";
 import {
   SdCarouselItem
-} from "./chunk.TK6PTMFF.js";
+} from "./chunk.DCMNY5PW.js";
 import {
   prefersReducedMotion
 } from "./chunk.EY4JPJJQ.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.G2S4374K.js → chunk.2ROGEIKB.js} RENAMED Viewed

@@ -29,7 +29,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5NUL7XZO.js → chunk.5GXWP6YW.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BALWGQRW.js → chunk.5H3SWQYU.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZE3C43AX.js → chunk.5PZUOPFS.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.35D7BDRG.js → chunk.7HZNYBYX.js} RENAMED Viewed

@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.VLYSJHBZ.js → chunk.AIC2K6F6.js} RENAMED Viewed

@@ -29,7 +29,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.PS2S6VDP.js → chunk.BCX6GWFU.js} RENAMED Viewed

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.A4FCES75.js → chunk.BLEQBK6L.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SWZ7YNPJ.js → chunk.BTFVVZN7.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6W262L3F.js → chunk.C3OAT5IL.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6VCNAVH4.js → chunk.COLY2AS3.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/{dist-versioned/chunks/chunk.L4ICI7XS.js → dist/chunks/chunk.CVCJY3ME.js} RENAMED Viewed

@@ -26,6 +26,7 @@ var translation = {
     if (num === 0) return "";
     return `Optionen ausgew\xE4hlt (${num})`;
   },
+  open: "\xD6ffnen",
   openTranscript: "Transkript \xF6ffnen",
   optionGroup: "Optionsgruppe",
   pauseAudio: "Audio pausieren",

package/dist/chunks/{chunk.TK6PTMFF.js → chunk.DCMNY5PW.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.64DOW5GT.js → chunk.DCOXCIL6.js} RENAMED Viewed

@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YKFNELUH.js → chunk.DDQ43DMG.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZEC66JCL.js → chunk.DRFKZJ6U.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -23,6 +23,7 @@ var SdOption = class extends SolidElement {
     this.current = false;
     this.selected = false;
     this.hasHover = false;
+    this.isKeyboardFocus = false;
     this.size = "lg";
     this.checkbox = false;
     this.disabled = false;
@@ -82,6 +83,7 @@ var SdOption = class extends SolidElement {
       }[this.size],
       this.disabled ? "text-neutral-500 cursor-not-allowed" : "cursor-pointer",
       this.hasHover && !this.disabled ? "bg-neutral-200" : "",
+      this.isKeyboardFocus ? "focus-outline focus-outline-offset" : "",
       this.current && "bg-neutral-200"
     )}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${cx(
       "absolute w-full left-0 top-0 pointer-events-none transition-all duration-150 border-l-4 h-[calc(100%-8px)]",
@@ -99,7 +101,7 @@ var SdOption = class extends SolidElement {
  */
 SdOption.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}`
+  css`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}.focus-outline-offset{outline-offset:-2px}`
 ];
 __decorateClass([
   query('[part="base"]')
@@ -113,6 +115,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], SdOption.prototype, "hasHover", 2);
+__decorateClass([
+  state()
+], SdOption.prototype, "isKeyboardFocus", 2);
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdOption.prototype, "size", 2);

package/dist/chunks/{chunk.JEZFJKCR.js → chunk.EJADH4TP.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.TZPIUQJ5.js → chunk.G6HSZF64.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CTZX4JSW.js → chunk.GG6EDMMX.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.JVH7QA7V.js → chunk.GR4QWBKR.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.JH33Y6NI.js → chunk.HY3UDFFO.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.35D7BDRG.js";
+} from "./chunk.7HZNYBYX.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MWFRUUKN.js → chunk.IGLAKKCM.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EZKDJFKX.js → chunk.IJO3II3P.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QWW7D2EF.js → chunk.IUDU7IPQ.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.4FJAHWKR.js → chunk.IZJ3ASKW.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LA5LTAEA.js → chunk.JKMRTFLI.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LY4LB7WU.js → chunk.KDKAOP5K.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OJPVJA2S.js → chunk.LHDIK3CL.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CJL7IBJC.js → chunk.LMZE7CWI.js} RENAMED Viewed

@@ -1,7 +1,10 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -15,6 +18,7 @@ import cx from "classix";
 var SdTag = class extends SolidElement {
   constructor() {
     super(...arguments);
+    this.localize = new LocalizeController(this);
     this.size = "lg";
     this.selected = false;
     this.toggleable = false;
@@ -48,8 +52,8 @@ var SdTag = class extends SolidElement {
   }
   render() {
     const isLink = this.isLink();
-    const tag = isLink ? literal`a` : literal`button`;
-    return html`<${tag} part="base" type="${ifDefined(isLink ? void 0 : "button")}" href="${ifDefined(isLink ? this.href : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" aria-disabled="${this.disabled ? "true" : "false"}" aria-pressed="${ifDefined(this.toggleable ? this.selected : void 0)}" tabindex="${this.disabled ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${cx(
+    const tag = isLink ? literal`a` : this.removable ? literal`div` : literal`button`;
+    return html`<${tag} part="base" type="${ifDefined(isLink ? void 0 : "button")}" href="${ifDefined(isLink ? this.href : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" aria-labelledby="content" aria-disabled="${this.disabled ? "true" : "false"}" aria-pressed="${ifDefined(this.toggleable ? this.selected : void 0)}" tabindex="${this.disabled || this.removable ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${cx(
       /* basic styles of the wrapper */
       "inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap focus-visible:focus-outline",
       {
@@ -65,21 +69,15 @@ var SdTag = class extends SolidElement {
       /* colors */
       !this.selected ? "border-primary text-primary hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500  disabled:border-neutral-500 disabled:text-neutral-500" : "bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500",
       this.disabled && !isLink && "cursor-not-allowed"
-    )}"><slot part="content"></slot>${this.removable ? html`<slot part="removable-indicator" name="removable-indicator" @click="${this.handleRemoveClick}" class="${cx(
-      {
-        /* sizes, fonts */
-        lg: "text-base",
-        sm: "text-[12px]"
-      }[this.size]
-    )}"><sd-icon library="system" name="close" label="remove"></sd-icon></slot>` : ""}</${tag}>`;
+    )}"><slot id="content" part="content"></slot>${this.removable ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemoveClick}"><slot part="removable-indicator" name="removable-indicator"><sd-icon library="system" name="close" label="${this.localize.term("remove")}"></sd-icon></slot></button>` : ""}</${tag}>`;
   }
 };
 SdTag.styles = [
   ...SolidElement.styles,
-  css`:host{display:inline-block}`
+  css`:host{display:inline-block}:host([size=lg])::part(removable-indicator){font-size:var(--sd-font-size-base,1rem)}:host([size=sm])::part(removable-indicator){font-size:.75rem}`
 ];
 __decorateClass([
-  query("a, button")
+  query("a, button, div")
 ], SdTag.prototype, "tag", 2);
 __decorateClass([
   property({ type: String, reflect: true })

package/dist/chunks/{chunk.UHYIMTVH.js → chunk.MHSIUMF2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XLKZYB73.js → chunk.N4PCVM2O.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AOWIHO7B.js → chunk.PAMIVTVZ.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.HP5TMUCE.js → chunk.QGTHHUEP.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KXI7DQT7.js → chunk.QJSVVX5A.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.Q7SDLREI.js → chunk.RSBV2TUF.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZQJKVTOP.js → chunk.RX6EYXKU.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CKKINYND.js → chunk.SA5CVRAH.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.TPRFXGPO.js → chunk.SH4PL7NS.js} RENAMED Viewed

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -107,6 +107,7 @@ var SdSelect = class extends SolidElement {
         event.stopImmediatePropagation();
         if (!this.open) {
           this.show();
+          this.setCurrentOption(this.currentOption || this.getFirstOption(), event);
           return;
         }
         if (this.currentOption && !this.currentOption.disabled) {
@@ -148,7 +149,7 @@ var SdSelect = class extends SolidElement {
         } else if (event.key === "End") {
           newIndex = allOptions.length - 1;
         }
-        this.setCurrentOption(allOptions[newIndex]);
+        this.setCurrentOption(allOptions[newIndex], event);
       }
       if (event.key.length === 1 || event.key === "Backspace") {
         const allOptions = this.getAllOptions();
@@ -222,7 +223,7 @@ var SdSelect = class extends SolidElement {
   }
   handleTagKeyDown(event, option) {
     var _a, _b, _c;
-    if (event.key === "Backspace" && this.multiple) {
+    if ((event.key === "Backspace" || event.key === "Enter" || event.key === " ") && this.multiple) {
       event.preventDefault();
       event.stopPropagation();
       const tagParent = (_a = event.currentTarget) == null ? void 0 : _a.parentElement;
@@ -241,7 +242,7 @@ var SdSelect = class extends SolidElement {
     }
   }
   handleTagMaxOptionsKeyDown(event) {
-    if (event.key === "Backspace" && this.multiple) {
+    if ((event.key === "Backspace" || event.key === "Enter") && this.multiple) {
       event.preventDefault();
       event.stopPropagation();
       this.handleTagRemove(new CustomEvent("sd-remove"), this.selectedOptions[this.selectedOptions.length - 1]);
@@ -268,6 +269,7 @@ var SdSelect = class extends SolidElement {
     event.preventDefault();
     this.combobox.focus({ preventScroll: true });
     this.open = !this.open;
+    this.setCurrentOption(this.currentOption || this.getFirstOption(), event);
   }
   handleComboboxKeyDown(event) {
     event.stopPropagation();
@@ -353,11 +355,14 @@ var SdSelect = class extends SolidElement {
   }
   // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
   // option may be "current" at a time.
-  setCurrentOption(option) {
+  setCurrentOption(option, event) {
     const allOptions = this.getAllOptions();
     allOptions.forEach((el) => {
       el.current = false;
       el.tabIndex = -1;
+      if ((event == null ? void 0 : event.type) === "keydown" || (event == null ? void 0 : event.type) === "mousedown") {
+        el.isKeyboardFocus = false;
+      }
     });
     if (option) {
       this.currentOption = option;
@@ -365,6 +370,9 @@ var SdSelect = class extends SolidElement {
       option.tabIndex = 0;
       option.focus();
     }
+    if (option && (event == null ? void 0 : event.type) === "keydown") {
+      option.isKeyboardFocus = true;
+    }
   }
   // Sets the selected option(s)
   setSelectedOptions(option) {
@@ -576,7 +584,7 @@ var SdSelect = class extends SolidElement {
       cursorStyles,
       this.size === "sm" ? "text-sm" : "text-base",
       this.open && "z-50"
-    )}"><span class="sr-only" role="alert" aria-live="assertive">${this.deletedTagLabel}</span> ${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx("relative w-full bg-white", selectState === "disabled" ? "text-neutral-500" : "text-black")}"><div part="border" class="${cx(
+    )}"><span class="sr-only" aria-live="polite">${this.deletedTagLabel}</span> ${hasLabel || hasTooltip ? html`<div class="flex items-center gap-1 mb-2"><label id="label" part="form-control-label" class="${hasLabel && "inline-block"}" aria-hidden="${hasLabel ? "false" : "true"}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label> ${slots["tooltip"] ? html`<slot name="tooltip"></slot>` : ""}</div>` : null}<div part="form-control-input" class="${cx("relative w-full bg-white", selectState === "disabled" ? "text-neutral-500" : "text-black")}"><div part="border" class="${cx(
       "absolute top-0 w-full h-full pointer-events-none border rounded-default z-10",
       {
         disabled: "border-neutral-500",

package/dist/chunks/{chunk.7GIAGNCP.js → chunk.SONGMTFR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdDivider
-} from "./chunk.EZKDJFKX.js";
+} from "./chunk.IJO3II3P.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZDKRIMUK.js → chunk.SYPP74RS.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.W5XT73TK.js → chunk.TOAVJJSV.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TXYWAHFM.js";
+} from "./chunk.ULJ5M2KG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";