@ds-autonomie/web-components 2.2.0 → 2.3.0

package/cdn/chunks/{chunk.HNDRJ3LR.js → chunk.SE7W7XMK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.Z3VIP662.js";
 import {
   FilterBase
-} from "./chunk.SW4US4PJ.js";
+} from "./chunk.4AMHKT45.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.XQAKSW3W.js → chunk.SF3YU6PZ.js}

@@ -56,6 +56,8 @@ var FormControlLayout = class extends ShoelaceElement {
   renderCounter() {
     return x``;
   }
+  handleLabelClick() {
+  }
   render() {
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
@@ -85,6 +87,7 @@ var FormControlLayout = class extends ShoelaceElement {
             class='form-control__label'
             for="input"
             aria-hidden=${o(hasLabel ? void 0 : "true")}
+            @click=${this.handleLabelClick}
           >
             ${this.required ? x`<span class="form-control__label-required">*</span>` : ""}
             <slot name="label">${this.label}</slot>

package/cdn/chunks/{chunk.QVX3F6W3.js → chunk.T56ZOKTF.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.NC6BC5GU.js";
+} from "./chunk.W2B6WXUI.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.D34ULVGO.js → chunk.TAKMMVMG.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.FA2HQBM6.js → chunk.TENBZ64C.js}

@@ -13,7 +13,6 @@ var button_styles_default = i`
     display: inline-block;
     position: relative;
     width: auto;
-    cursor: pointer;
   }
 
   .button {
@@ -33,7 +32,7 @@ var button_styles_default = i`
       var(--dsa-wc-transition-x-fast) color,
       var(--dsa-wc-transition-x-fast) border,
       var(--dsa-wc-transition-x-fast) box-shadow;
-    cursor: inherit;
+    cursor: pointer;
   }
 
   .button::-moz-focus-inner {
@@ -375,29 +374,33 @@ var button_styles_default = i`
   }
 
   /* Tertiary */
-  .button--tertiary {
+  .button--tertiary:not(.button--tertiary-with-outline) {
     padding: 0;
+    border: none;
   }
   /* Tertiary/On Base */
   .button--on-base.button--tertiary {
     background-color: var(--dsa-wc-button-tertiary-on-base-color);
-    border: none;
+    border-color: var(--dsa-wc-button-tertiary-on-base-border-color);
     color: var(--dsa-wc-button-tertiary-on-base-font-color);
   }
   .button--on-base.button--tertiary:hover:not(.button--disabled):not(
       .button--loading
     ) {
     background-color: var(--dsa-wc-button-tertiary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-hover-border-color);
     color: var(--dsa-wc-button-tertiary-on-base-hover-font-color);
   }
   .button--on-base.button--tertiary:active:not(.button--disabled):not(
       .button--loading
     ) {
     background-color: var(--dsa-wc-button-tertiary-on-base-active-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-active-border-color);
     color: var(--dsa-wc-button-tertiary-on-base-active-font-color);
   }
   .button--on-base.button--tertiary.button--disabled {
     background-color: var(--dsa-wc-button-tertiary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-disabled-border-color);
     color: var(--dsa-wc-button-tertiary-on-base-disabled-font-color);
   }
   .button--on-base.button--tertiary.button--loading {
@@ -415,7 +418,7 @@ var button_styles_default = i`
   /* Tertiary/On Floating Menu */
   .button--on-floating-menu.button--tertiary {
     background-color: var(--dsa-wc-button-tertiary-on-floating-menu-color);
-    border: none;
+    border-color: var(--dsa-wc-button-tertiary-on-floating-menu-border-color);
     color: var(--dsa-wc-button-tertiary-on-floating-menu-font-color);
   }
   .button--on-floating-menu.button--tertiary:hover:not(.button--disabled):not(
@@ -424,6 +427,9 @@ var button_styles_default = i`
     background-color: var(
       --dsa-wc-button-tertiary-on-floating-menu-hover-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-floating-menu-hover-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-floating-menu-hover-font-color);
   }
   .button--on-floating-menu.button--tertiary:active:not(.button--disabled):not(
@@ -432,12 +438,18 @@ var button_styles_default = i`
     background-color: var(
       --dsa-wc-button-tertiary-on-floating-menu-active-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-floating-menu-active-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-floating-menu-active-font-color);
   }
   .button--on-floating-menu.button--tertiary.button--disabled {
     background-color: var(
       --dsa-wc-button-tertiary-on-floating-menu-disabled-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-floating-menu-disabled-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color);
   }
   .button--on-floating-menu.button--tertiary.button--loading {
@@ -458,7 +470,7 @@ var button_styles_default = i`
   /* Tertiary/On Contrasted Menu */
   .button--on-contrasted-menu.button--tertiary {
     background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-color);
-    border: none;
+    border-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-border-color);
     color: var(--dsa-wc-button-tertiary-on-contrasted-menu-font-color);
   }
   .button--on-contrasted-menu.button--tertiary:hover:not(.button--disabled):not(
@@ -467,6 +479,9 @@ var button_styles_default = i`
     background-color: var(
       --dsa-wc-button-tertiary-on-contrasted-menu-hover-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-contrasted-menu-hover-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-contrasted-menu-hover-font-color);
   }
   .button--on-contrasted-menu.button--tertiary:active:not(
@@ -475,12 +490,18 @@ var button_styles_default = i`
     background-color: var(
       --dsa-wc-button-tertiary-on-contrasted-menu-active-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-contrasted-menu-active-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-contrasted-menu-active-font-color);
   }
   .button--on-contrasted-menu.button--tertiary.button--disabled {
     background-color: var(
       --dsa-wc-button-tertiary-on-contrasted-menu-disabled-color
     );
+    border-color: var(
+      --dsa-wc-button-tertiary-on-contrasted-menu-disabled-border-color
+    );
     color: var(--dsa-wc-button-tertiary-on-contrasted-menu-disabled-font-color);
   }
   .button--on-contrasted-menu.button--tertiary.button--loading {

package/cdn/chunks/{chunk.P5N74W74.js → chunk.THMGZ3JS.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.NC6BC5GU.js";
+} from "./chunk.W2B6WXUI.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.YQQNMFZF.js → chunk.TO65OMN5.js}

@@ -1,6 +1,6 @@
 import {
   checkbox_group_styles_default
-} from "./chunk.5LXQ3RKQ.js";
+} from "./chunk.O577BA4U.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -48,6 +48,7 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     );
     this.customValidityMessage = "";
     this.hasCheckboxButtons = false;
+    this.hasCheckboxCards = false;
     this.defaultValue = [];
     this.label = "";
     this.helpText = "";
@@ -92,19 +93,18 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   getAllCheckboxes() {
-    return [...this.defaultSlot.assignedElements({ flatten: true })];
+    return [
+      ...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")
+    ];
   }
   handleCheckboxClick(event) {
     if (event.target.tagName.toLowerCase() === "a") {
       return;
     }
-    const target = event.target.closest("dsa-checkbox, dsa-checkbox-button");
+    const target = event.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");
     event.preventDefault();
     event.stopPropagation();
-    if (!target) {
-      return;
-    }
-    if (target.disabled || target.readonly) {
+    if (!target || target.disabled || target.readonly || this.disabled || this.readonly) {
       return;
     }
     const oldValue = this.value;
@@ -128,7 +128,7 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     const target = event.target;
     if (event.key === " ") {
       event.preventDefault();
-      if (target.disabled || target.readonly) {
+      if (this.disabled || this.readonly || target.disabled || target.readonly) {
         return;
       }
       target.checked = !target.checked;
@@ -139,6 +139,9 @@ var DSACheckboxGroup = class extends ShoelaceElement {
       this.emit("dsa-input");
       this.emit("dsa-change");
     }
+    if (event.key === "Enter" && (this.disabled || this.readonly || target.disabled || target.readonly)) {
+      event.preventDefault();
+    }
   }
   handleLabelClick() {
     const availableCheckboxes = this.getAllCheckboxes().filter(
@@ -149,28 +152,19 @@ var DSACheckboxGroup = class extends ShoelaceElement {
       checkboxToFocus.focus();
     }
   }
-  handleSlottedElementChange() {
+  handleSlotChange() {
     const allCheckboxes = this.getAllCheckboxes();
     allCheckboxes.forEach((checkbox) => {
-      if (this.disabled) {
-        checkbox.disabled = true;
-      }
-      if (this.readonly) {
-        checkbox.readonly = true;
-      }
       checkbox.checked = this.value.includes(checkbox.value);
+      checkbox.parentDisabled = this.disabled;
+      checkbox.parentReadonly = this.readonly;
     });
     this.hasCheckboxButtons = allCheckboxes.some(
       (checkbox) => checkbox.tagName.toLowerCase() === "dsa-checkbox-button"
     );
-  }
-  handleSlotChange() {
-    if (customElements.get("dsa-checkbox") || customElements.get("dsa-checkbox-button")) {
-      this.handleSlottedElementChange();
-    } else {
-      customElements.whenDefined("dsa-checkbox").then(() => this.handleSlotChange());
-      customElements.whenDefined("dsa-checkbox-button").then(() => this.handleSlotChange());
-    }
+    this.hasCheckboxCards = allCheckboxes.some(
+      (checkbox) => checkbox.tagName.toLowerCase() === "dsa-checkbox-card"
+    );
   }
   handleInvalid(event) {
     this.formControlController.setValidity(false);
@@ -182,6 +176,16 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     );
     this.formControlController.setValidity(this.validity.valid);
   }
+  handleDisabledChange() {
+    this.getAllCheckboxes().forEach(
+      (checkbox) => checkbox.parentDisabled = this.disabled
+    );
+  }
+  handleReadonlyChange() {
+    this.getAllCheckboxes().forEach(
+      (checkbox) => checkbox.parentReadonly = this.readonly
+    );
+  }
   handleErrorChange() {
     if (this.error) {
       this.setAttribute("aria-invalid", "true");
@@ -245,7 +249,8 @@ var DSACheckboxGroup = class extends ShoelaceElement {
       "form-control--checkbox-group": true,
       "form-control--has-label": hasLabel,
       "form-control--has-help-text": hasHelpText,
-      "form-control--has-button-group": this.hasCheckboxButtons,
+      "form-control--has-buttons": this.hasCheckboxButtons,
+      "form-control--has-cards": this.hasCheckboxCards,
       "form-control--options-horizontal": !!this.horizontal
     })}
         role="group"
@@ -286,18 +291,13 @@ var DSACheckboxGroup = class extends ShoelaceElement {
             </label>
           </dsa-visually-hidden>
 
-          <div class="checkbox-group__list-container">
-            <div
-              role="list"
-              class=${e2({
-      "form-control__options": true,
-      "checkbox-group__list--checkbox-buttons": this.hasCheckboxButtons
-    })}
-              @click=${this.handleCheckboxClick}
-              @keydown=${this.handleKeyDown}
-            >
-              <slot @slotchange=${this.handleSlotChange}></slot>
-            </div>
+          <div
+            role="list"
+            class="form-control__options"
+            @click=${this.handleCheckboxClick}
+            @keydown=${this.handleKeyDown}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
           </div>
         </div>
         <slot
@@ -325,6 +325,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], DSACheckboxGroup.prototype, "hasCheckboxButtons", 2);
+__decorateClass([
+  r()
+], DSACheckboxGroup.prototype, "hasCheckboxCards", 2);
 __decorateClass([
   r()
 ], DSACheckboxGroup.prototype, "defaultValue", 2);
@@ -390,6 +393,12 @@ __decorateClass([
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], DSACheckboxGroup.prototype, "handleValueChange", 1);
+__decorateClass([
+  watch("disabled")
+], DSACheckboxGroup.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("readonly")
+], DSACheckboxGroup.prototype, "handleReadonlyChange", 1);
 __decorateClass([
   watch("error")
 ], DSACheckboxGroup.prototype, "handleErrorChange", 1);

package/cdn/chunks/{chunk.6CF6SXDF.js → chunk.U5Q3HCRP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.4HCR3FZE.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.RPF6UDR4.js → chunk.US6UTTN5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.O4RRXVX2.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";

package/cdn/chunks/{chunk.3CJGMKTJ.js → chunk.V5TMX44U.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.NC6BC5GU.js";
+} from "./chunk.W2B6WXUI.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.3OPTPDM7.js → chunk.VGXDHXD4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.LBT6FNPI.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   ShoelaceElement,
   t

package/cdn/chunks/{chunk.XLX7QTXT.js → chunk.VZJGVIXG.js}

@@ -40,6 +40,7 @@ var header_styles_default = i`
   [part~='external-links'],
   [part~='main'] {
     width: 100%;
+    /* stylelint-disable-next-line */
     max-width: var(--header-max-width);
   }
 

package/cdn/chunks/{chunk.NC6BC5GU.js → chunk.W2B6WXUI.js}

@@ -35,11 +35,27 @@ var form_control_styles_default = i`
   }
 
   .form-control .form-control__options {
-    display: flex;
+    display: inline-flex;
     flex-direction: column;
     gap: var(--dsa-wc-toggle-group-spacing);
   }
 
+  .form-control.form-control--has-buttons .form-control__options,
+  .form-control.form-control--has-cards .form-control__options {
+    gap: var(--dsa-spacing-8);
+  }
+  .form-control:not(.form-control--options-horizontal).form-control--has-buttons
+    .form-control__options {
+    min-width: 120px;
+    max-width: 400px;
+  }
+  .form-control:not(.form-control--options-horizontal).form-control--has-cards
+    .form-control__options {
+    display: flex;
+    min-width: 204px;
+    max-width: 660px;
+  }
+
   .form-control--options-horizontal .form-control__options {
     flex-direction: row;
     flex-wrap: wrap;

package/cdn/chunks/{chunk.XWKSA3TQ.js → chunk.W547AC5O.js}

@@ -1,6 +1,6 @@
 import {
   pagination_button_styles_default
-} from "./chunk.YD6XEMWC.js";
+} from "./chunk.2Q6V7LT2.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/cdn/chunks/{chunk.LNBAAP45.js → chunk.WE7BT7PI.js}

@@ -1,9 +1,9 @@
 import {
   select_styles_default
-} from "./chunk.FHTVGJJI.js";
+} from "./chunk.JXHXRRPX.js";
 import {
   FormControlLayout
-} from "./chunk.XQAKSW3W.js";
+} from "./chunk.SF3YU6PZ.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.CVV4WLBC.js → chunk.WMMK7OL4.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   dialog_styles_default
-} from "./chunk.XPL6N3OJ.js";
+} from "./chunk.JLZQJQF4.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -60,6 +60,7 @@ var DSADialog = class extends ShoelaceElement {
     this.open = false;
     this.label = "";
     this.hideTitle = false;
+    this.noCloseButton = false;
     this.noHeader = false;
     this.size = "medium";
   }
@@ -86,6 +87,7 @@ var DSADialog = class extends ShoelaceElement {
       cancelable: true,
       detail: { source }
     });
+    if (this.noCloseButton) dsaRequestClose.preventDefault();
     if (dsaRequestClose.defaultPrevented) {
       const animation = getAnimation(this, "dialog.denyClose", {
         dir: this.localize.dir()
@@ -256,16 +258,18 @@ var DSADialog = class extends ShoelaceElement {
                       ` : ""}
                   <div part="header-actions" class="dialog__header-actions">
                     <slot name="header-actions"></slot>
-                    <dsa-icon-button
-                      part="close-button"
-                      exportparts="base:close-button__base"
-                      class="dialog__close"
-                      name="close"
-                      label=${this.localize.term("close")}
-                      @click="${() => this.requestClose("close-button")}"
-                      library="system"
-                      size="x-large"
-                    ></dsa-icon-button>
+                    ${!this.noCloseButton ? x`
+                          <dsa-icon-button
+                            part="close-button"
+                            exportparts="base:close-button__base"
+                            class="dialog__close"
+                            name="close"
+                            label=${this.localize.term("close")}
+                            @click="${() => this.requestClose("close-button")}"
+                            library="system"
+                            size="xlarge"
+                          ></dsa-icon-button>
+                        ` : ""}
                   </div>
                 </header>
               ` : ""}
@@ -299,6 +303,9 @@ __decorateClass([
 __decorateClass([
   n({ attribute: "hide-title", type: Boolean, reflect: true })
 ], DSADialog.prototype, "hideTitle", 2);
+__decorateClass([
+  n({ attribute: "no-close-button", type: Boolean, reflect: true })
+], DSADialog.prototype, "noCloseButton", 2);
 __decorateClass([
   n({ attribute: "no-header", type: Boolean, reflect: true })
 ], DSADialog.prototype, "noHeader", 2);

package/cdn/chunks/{chunk.A33BZOMA.js → chunk.WOKVCL7Q.js}

@@ -1,9 +1,9 @@
 import {
   textarea_styles_default
-} from "./chunk.3CJGMKTJ.js";
+} from "./chunk.V5TMX44U.js";
 import {
   FormControlLayout
-} from "./chunk.XQAKSW3W.js";
+} from "./chunk.SF3YU6PZ.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";

package/cdn/chunks/{chunk.77CWRZEL.js → chunk.WY2HI4TL.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.NC6BC5GU.js";
+} from "./chunk.W2B6WXUI.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";

package/cdn/chunks/{chunk.5BF76EO7.js → chunk.YA7ZX7VM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CUCCBQJX.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.NVI4N3YH.js → chunk.YDBMOXIS.js}

@@ -1,6 +1,6 @@
 import {
   FilterBase
-} from "./chunk.SW4US4PJ.js";
+} from "./chunk.4AMHKT45.js";
 import {
   filter_counter_styles_default
 } from "./chunk.BLJRNU3Y.js";

package/cdn/chunks/chunk.YGAW4V4H.js

@@ -0,0 +1,44 @@
+import {
+  DSARadioGroup
+} from "./chunk.P5KRELMB.js";
+import {
+  FormSelectableCard
+} from "./chunk.6BPVPY42.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
+import {
+  t
+} from "./chunk.DZB6XUZ7.js";
+import {
+  __decorateClass
+} from "./chunk.4ZGVANML.js";
+
+// src/components/radio-card/radio-card.ts
+var DSARadioCard = class extends FormSelectableCard {
+  constructor() {
+    super(...arguments);
+    this.type = "radio";
+  }
+  handleClick() {
+    if (!this.readonly) {
+      this.checked = true;
+    }
+  }
+  handleDisabledChange() {
+    const parent = this.parentElement;
+    if (parent instanceof DSARadioGroup) {
+      parent.updateTabIndexes();
+    }
+  }
+};
+__decorateClass([
+  watch(["disabled", "readonly"], { waitUntilFirstUpdate: true })
+], DSARadioCard.prototype, "handleDisabledChange", 1);
+DSARadioCard = __decorateClass([
+  t("dsa-radio-card")
+], DSARadioCard);
+
+export {
+  DSARadioCard
+};

package/cdn/chunks/{chunk.DSKRAAOI.js → chunk.Z7VB7VAD.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.M5Z546V7.js → chunk.ZEPLEFIQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";

package/cdn/chunks/{chunk.YSKUVTPO.js → chunk.ZLZIVCPW.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.ZLWLHLBC.js";
+} from "./chunk.LICWCBKN.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.KELDA33H.js → chunk.ZTXQFGQX.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.NC6BC5GU.js";
+} from "./chunk.W2B6WXUI.js";
 import {
   component_styles_default
 } from "./chunk.PSQJDSB2.js";
@@ -86,7 +86,7 @@ var input_otp_styles_default = i`
   .single-field__value {
     display: flex;
     justify-content: center;
-    width: var(--dsa-wc-input-otp-single-field-width);
+    width: var(--dsa-wc-input-otp-single-field-value-width);
   }
   .single-field--active .single-field__value {
     background-color: var(