@mcp-b/web-components 0.3.12 → 0.4.1

package/dist/{accordion-B1Q3kuP_.d.ts → accordion-BapL3z4o.d.ts}

@@ -1,7 +1,6 @@
-import { t as SigveloAccordionItem } from "./accordion-item-bPRIahNn.js";
+import { t as SigveloAccordionItem } from "./accordion-item-BlrfKEBl.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/accordion/accordion.d.ts
 /**
  * <sigvelo-accordion>

package/dist/{accordion-C0iq5HFu.js → accordion-Dx02tZQ4.js}

@@ -1,5 +1,5 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./accordion-item-pRZLJCt2.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
+import "./accordion-item-eF_QB30m.js";
 import { css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { SigveloBeforeCollapseEvent, SigveloBeforeExpandEvent, SigveloCollapseEvent, SigveloExpandEvent } from "@mcp-b/wc-support/events/expand-collapse";

package/dist/{accordion-item-bPRIahNn.d.ts → accordion-item-BlrfKEBl.d.ts}

@@ -1,6 +1,6 @@
+import "./icon-CTW4Gr4z.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/accordion-item/accordion-item.d.ts
 /**
  * <sigvelo-accordion-item>

package/dist/{accordion-item-pRZLJCt2.js → accordion-item-eF_QB30m.js}

@@ -1,5 +1,5 @@
-import "./icon-Df0H7LYB.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import "./icon-X-e-QjBp.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{action-bar-CjN_UcnP.js → action-bar-BItF1Qqv.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{action-bar-CYsjmhwP.d.ts → action-bar-DemEbOQK.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/action-bar/action-bar.d.ts
 type ActionBarAlignment = "start" | "end" | "space-between";
 /**

package/dist/{alert-dialog-4CnO3Nb5.d.ts → alert-dialog-CIg9ZIH_.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/alert-dialog/alert-dialog.d.ts
 /**
  * <sigvelo-alert-dialog>

package/dist/{alert-dialog-CGUwj_0U.js → alert-dialog-UxQjrBnX.js}

@@ -1,5 +1,5 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import { t as SigveloDialog } from "./dialog-Ddvyn2d_.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
+import { t as SigveloDialog } from "./dialog-C5dL5edP.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{avatar-DAnSybDZ.js → avatar-B48k3LiT.js}

@@ -1,5 +1,5 @@
-import "./icon-Df0H7LYB.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import "./icon-X-e-QjBp.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";
@@ -189,29 +189,31 @@ var SigveloAvatar = class extends SigveloElement {
 		if (this.label) this.setAttribute("aria-label", this.label);
 	}
 	updated(changedProperties) {
-		if (changedProperties.has("label")) if (this.label) this.setAttribute("aria-label", this.label);
-		else this.removeAttribute("aria-label");
+		if (changedProperties.has("label")) {
+			if (this.label) this.setAttribute("aria-label", this.label);
+			else this.removeAttribute("aria-label");
+		}
 	}
 	render() {
 		return html`
       ${this.characters ? html`<span id="characters" data-length=${this.characters.length}
-            >${this.characters.slice(0, 5)}</span
-          >` : html`
-            <slot name="icon">
-              <sigvelo-icon library="system" family="filled" name="user"></sigvelo-icon>
-            </slot>
-          `}
+              >${this.characters.slice(0, 5)}</span
+            >` : html`
+              <slot name="icon">
+                <sigvelo-icon library="system" family="filled" name="user"></sigvelo-icon>
+              </slot>
+            `}
       ${this.image ? html`
-            <img
-              id="image"
-              role="presentation"
-              src=${this.image}
-              alt=""
-              @load=${() => this.hasImageLoaded = true}
-              @error=${() => this.hasImageLoaded = false}
-              ?hidden=${!this.hasImageLoaded}
-            />
-          ` : ""}
+              <img
+                id="image"
+                role="presentation"
+                src=${this.image}
+                alt=""
+                @load=${() => this.hasImageLoaded = true}
+                @error=${() => this.hasImageLoaded = false}
+                ?hidden=${!this.hasImageLoaded}
+              />
+            ` : ""}
     `;
 	}
 };

package/dist/{avatar-Bje_KpZo.d.ts → avatar-C83C4w4P.d.ts}

@@ -1,6 +1,6 @@
+import "./icon-CTW4Gr4z.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/avatar/avatar.d.ts
 /**
  * <sigvelo-avatar>

package/dist/{badge-D1DNQrWn.d.ts → badge-CC9f_O8k.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/badge/badge.d.ts
 /**
  * <sigvelo-badge>

package/dist/{badge-Ct95U4UO.js → badge-iAZqY01j.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{breadcrumb-BxZ-nQE5.d.ts → breadcrumb-CC44ID_C.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/breadcrumb/breadcrumb.d.ts
 /**
  * <sigvelo-breadcrumb>

package/dist/{breadcrumb-item-BC454oQe.d.ts → breadcrumb-item-Bi1YgKOo.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/breadcrumb-item/breadcrumb-item.d.ts
 /**
  * <sigvelo-breadcrumb-item>

package/dist/{breadcrumb-item-P5pdq_gE.js → breadcrumb-item-vQ1a6T50.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";
@@ -113,8 +113,10 @@ var SigveloBreadcrumbItem = class extends SigveloElement {
 		this.setAttribute("role", "listitem");
 	}
 	updated(changedProperties) {
-		if (changedProperties.has("current")) if (this.current) this.setAttribute("aria-current", "page");
-		else this.removeAttribute("aria-current");
+		if (changedProperties.has("current")) {
+			if (this.current) this.setAttribute("aria-current", "page");
+			else this.removeAttribute("aria-current");
+		}
 	}
 	render() {
 		const tag = typeof this.href === "string" ? literal`a` : literal`span`;

package/dist/{button-BbabhtKj.js → button-CpZ9fezn.js}

@@ -1,6 +1,6 @@
-import "./icon-Df0H7LYB.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./spinner-C9lQARtQ.js";
+import "./icon-X-e-QjBp.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
+import "./spinner-CESKShSu.js";
 import { css } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{button-group-BydvJTQy.js → button-group-CQprqgh3.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{button-group-COodHeuB.d.ts → button-group-LyKB98Gh.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/button-group/button-group.d.ts
 /**
  * <sigvelo-button-group>

package/dist/{button-c5YKsC69.d.ts → button-yMIli_DJ.d.ts}

@@ -1,6 +1,7 @@
+import "./icon-CTW4Gr4z.js";
+import "./spinner-DIlC--PL.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloFormControlElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/button/button.d.ts
 /**
  * <sigvelo-button>
@@ -29,7 +30,6 @@ import { SigveloFormControlElement } from "@mcp-b/wc-support/base/sigvelo-elemen
  * @csspart caret__svg - The caret icon's `<svg>` part.
  * @csspart spinner - The loading indicator, a `<sigvelo-spinner>` element. Only present with the `loading` attribute.
  * @csspart toggle-indicator - When the button is a toggle button, this is the indicator that shows the current state.
-
  * @cssstate disabled - Applied when the button is disabled.
  * @cssstate focused - Applied when the button has focus.
  * @cssstate loading - Applied when a toggle button is loading.

package/dist/{callout-B8zTf8Go.js → callout-B9ZwX88r.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{callout-DFwPao36.d.ts → callout-Bia0w-5t.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/callout/callout.d.ts
 /**
  * <sigvelo-callout>

package/dist/{card-BYDzdMAU.d.ts → card-B_IpbOVP.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/card/card.d.ts
 /**
  * <sigvelo-card>

package/dist/{card-DIg1-X2G.js → card-Da8uojIs.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{carousel-DQITCtEY.d.ts → carousel-CNbPFXDR.d.ts}

@@ -1,6 +1,7 @@
+import "./icon-CTW4Gr4z.js";
+import "./carousel-item-8Am7bwl9.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/carousel/carousel.d.ts
 /**
  * <sigvelo-carousel>

package/dist/{carousel-DpIqPTuO.js → carousel-DOUVHtmQ.js}

@@ -1,7 +1,7 @@
-import "./icon-Df0H7LYB.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import "./icon-X-e-QjBp.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { Localize } from "./utilities/localize.js";
-import "./carousel-item-B5-X31Ha.js";
+import "./carousel-item-BFIu_n7C.js";
 import { css, html } from "lit";
 import { eventOptions, property, query, state } from "lit/decorators.js";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
@@ -744,65 +744,65 @@ var SigveloCarousel = class extends SigveloElement {
       </div>
 
       ${hasControls ? html`
-            <div id="controls" part="controls">
-              ${!this.withoutNav ? html`
-                    <button
-                      id="previous-button"
-                      part="previous-button"
-                      aria-label=${this.localize.term("previous")}
-                      ?disabled=${!this.loop && this.activeIndex === 0}
-                      tabindex=${this.withoutPagination ? 0 : -1}
-                      @click=${() => this.scrollToPrevious()}
-                    >
-                      <sigvelo-icon
-                        library="system"
-                        name=${isRtl ? "chevron-right" : "chevron-left"}
-                      ></sigvelo-icon>
-                    </button>
+              <div id="controls" part="controls">
+                ${!this.withoutNav ? html`
+                        <button
+                          id="previous-button"
+                          part="previous-button"
+                          aria-label=${this.localize.term("previous")}
+                          ?disabled=${!this.loop && this.activeIndex === 0}
+                          tabindex=${this.withoutPagination ? 0 : -1}
+                          @click=${() => this.scrollToPrevious()}
+                        >
+                          <sigvelo-icon
+                            library="system"
+                            name=${isRtl ? "chevron-right" : "chevron-left"}
+                          ></sigvelo-icon>
+                        </button>
 
-                    <button
-                      id="next-button"
-                      part="next-button"
-                      aria-label=${this.localize.term("next")}
-                      ?disabled=${!this.loop && this.activeIndex === this.itemCount - 1}
-                      tabindex=${this.withoutPagination ? 0 : -1}
-                      @click=${() => this.scrollToNext()}
-                    >
-                      <sigvelo-icon
-                        library="system"
-                        name=${isRtl ? "chevron-left" : "chevron-right"}
-                      ></sigvelo-icon>
-                    </button>
-                  ` : ""}
-              ${!this.withoutPagination ? html`
-                    <div
-                      id="pagination"
-                      part="pagination"
-                      role="tablist"
-                      aria-label="Choose slide to display"
-                    >
-                      ${Array.from({ length: this.itemCount }, (_, i) => {
+                        <button
+                          id="next-button"
+                          part="next-button"
+                          aria-label=${this.localize.term("next")}
+                          ?disabled=${!this.loop && this.activeIndex === this.itemCount - 1}
+                          tabindex=${this.withoutPagination ? 0 : -1}
+                          @click=${() => this.scrollToNext()}
+                        >
+                          <sigvelo-icon
+                            library="system"
+                            name=${isRtl ? "chevron-left" : "chevron-right"}
+                          ></sigvelo-icon>
+                        </button>
+                      ` : ""}
+                ${!this.withoutPagination ? html`
+                        <div
+                          id="pagination"
+                          part="pagination"
+                          role="tablist"
+                          aria-label="Choose slide to display"
+                        >
+                          ${Array.from({ length: this.itemCount }, (_, i) => {
 			const isActive = i === this.activeIndex;
 			return html`
-                          <button
-                            part="pagination-dot ${isActive ? "pagination-dot-active" : ""}"
-                            class=${classMap({
+                              <button
+                                part="pagination-dot ${isActive ? "pagination-dot-active" : ""}"
+                                class=${classMap({
 				"pagination-dot": true,
 				active: isActive
 			})}
-                            role="tab"
-                            aria-label="Go to slide ${i + 1}"
-                            aria-selected=${isActive ? "true" : "false"}
-                            tabindex=${isActive ? 0 : -1}
-                            @click=${(event) => this.handleDotClick(event.target, i)}
-                            @keydown=${(event) => this.handleDotKeyDown(event, i)}
-                          ></button>
-                        `;
+                                role="tab"
+                                aria-label="Go to slide ${i + 1}"
+                                aria-selected=${isActive ? "true" : "false"}
+                                tabindex=${isActive ? 0 : -1}
+                                @click=${(event) => this.handleDotClick(event.target, i)}
+                                @keydown=${(event) => this.handleDotKeyDown(event, i)}
+                              ></button>
+                            `;
 		})}
-                    </div>
-                  ` : ""}
-            </div>
-          ` : ""}
+                        </div>
+                      ` : ""}
+              </div>
+            ` : ""}
     `;
 	}
 };

package/dist/{carousel-item-BB3jL2tk.d.ts → carousel-item-8Am7bwl9.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/carousel-item/carousel-item.d.ts
 /**
  * <sigvelo-carousel-item>

package/dist/{carousel-item-B5-X31Ha.js → carousel-item-BFIu_n7C.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";

package/dist/{checkbox-BtoypUxD.d.ts → checkbox-54zrYlH2.d.ts}

@@ -1,6 +1,6 @@
+import "./icon-CTW4Gr4z.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloFormControlElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/checkbox/checkbox.d.ts
 /**
  * <sigvelo-checkbox>

package/dist/{checkbox-C97tlcf2.js → checkbox-6WKlhBIk.js}

@@ -1,5 +1,5 @@
-import "./icon-Df0H7LYB.js";
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import "./icon-X-e-QjBp.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { mirrorNativeValidity } from "./utilities/form-validity.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{checkbox-group-CLvNAO_F.js → checkbox-group-BBKJBH5s.js}

@@ -1,4 +1,4 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{checkbox-group-Cnh8rAn4.d.ts → checkbox-group-rJjrR2jr.d.ts}

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/checkbox-group/checkbox-group.d.ts
 /**
  * <sigvelo-checkbox-group>

package/dist/{color-input-Dtp1v7A-.js → color-input-BrQmgiiT.js}

@@ -1,7 +1,7 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { Localize } from "./utilities/localize.js";
 import { mirrorNativeValidity } from "./utilities/form-validity.js";
-import "./color-picker-Mnpc5u6E.js";
+import "./color-picker-3_-cciTe.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";
@@ -64,7 +64,7 @@ var color_input_styles_default = css`
       border-radius: inherit;
       background-color: var(--current-color);
       box-shadow: inset 0 0 0 1px color-mix(in oklab, light-dark(black, white), transparent 90%);
-      content: '';
+      content: "";
     }
   }
 
@@ -92,35 +92,35 @@ var color_input_styles_default = css`
     }
   }
 
-  :host([data-placement^='top']) #color-picker {
+  :host([data-placement^="top"]) #color-picker {
     transform-origin: bottom;
   }
 
-  :host([data-placement^='bottom']) #color-picker {
+  :host([data-placement^="bottom"]) #color-picker {
     transform-origin: top;
   }
 
-  :host([data-placement^='left']) #color-picker {
+  :host([data-placement^="left"]) #color-picker {
     transform-origin: right;
   }
 
-  :host([data-placement^='right']) #color-picker {
+  :host([data-placement^="right"]) #color-picker {
     transform-origin: left;
   }
 
-  :host([data-placement='left-start']) #color-picker {
+  :host([data-placement="left-start"]) #color-picker {
     transform-origin: right top;
   }
 
-  :host([data-placement='left-end']) #color-picker {
+  :host([data-placement="left-end"]) #color-picker {
     transform-origin: right bottom;
   }
 
-  :host([data-placement='right-start']) #color-picker {
+  :host([data-placement="right-start"]) #color-picker {
     transform-origin: left top;
   }
 
-  :host([data-placement='right-end']) #color-picker {
+  :host([data-placement="right-end"]) #color-picker {
     transform-origin: left bottom;
   }
 
@@ -761,19 +761,19 @@ var SigveloColorInput = class extends SigveloFormControlElement {
         />
 
         ${this.withClear && this.value?.length > 0 && !this.effectiveDisabled && !this.readonly ? html`
-              <button
-                id="clear-button"
-                part="clear-button"
-                class="text-box-button"
-                type="button"
-                aria-label=${this.localize.term("clearEntry")}
-                tabindex="-1"
-                @pointerdown=${this.handleTextBoxButtonPointerDown}
-                @click=${this.handleClearClick}
-              >
-                <sigvelo-icon library="system" name="circle-x"></sigvelo-icon>
-              </button>
-            ` : ""}
+                <button
+                  id="clear-button"
+                  part="clear-button"
+                  class="text-box-button"
+                  type="button"
+                  aria-label=${this.localize.term("clearEntry")}
+                  tabindex="-1"
+                  @pointerdown=${this.handleTextBoxButtonPointerDown}
+                  @click=${this.handleClearClick}
+                >
+                  <sigvelo-icon library="system" name="circle-x"></sigvelo-icon>
+                </button>
+              ` : ""}
       </div>
 
       <sigvelo-color-picker

package/dist/{color-input-S29ZHwHE.d.ts → color-input-zVSxcoTX.d.ts}

@@ -1,6 +1,6 @@
+import "./color-picker-5b7YZduP.js";
 import { CSSResultGroup, PropertyValues } from "lit";
 import { SigveloFormControlElement } from "@mcp-b/wc-support/base/sigvelo-element";
-
 //#region src/components/color-input/color-input.d.ts
 /**
  * <sigvelo-color-input>