npm - @juspay/svelte-ui-components - Versions diffs - 4.27.2 → 4.27.4 - Mend

@juspay/svelte-ui-components 4.27.2 → 4.27.4

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 (7) hide show

package/dist/Banner/Banner.svelte +1 -1
package/dist/Input/Input.svelte +1 -1
package/dist/InputButton/InputButton.svelte +1 -1
package/dist/VoiceOrb/VoiceOrb.svelte +27 -0
package/dist/VoiceOrb/properties.d.ts +17 -0
package/dist-wc/index.js +140 -122
package/package.json +1 -1

package/dist/Banner/Banner.svelte CHANGED Viewed

@@ -108,7 +108,7 @@
     gap: var(--banner-gap, 8px);
     justify-content: var(--banner-justify-content, center);
     background-color: var(--banner-background, #f0f4f8);
-    color: var(--banner-color, #637c95);
+    color: var(--banner-color, #4d6174);
     font-family: var(--banner-font-family);
     font-size: var(--banner-font-size, 14px);
     font-weight: var(--banner-font-weight, 500);

package/dist/Input/Input.svelte CHANGED Viewed

@@ -523,7 +523,7 @@
   .label {
     font-weight: var(--input-label-msg-text-weight, 400);
     font-size: var(--input-label-msg-text-size, 12px);
-    color: var(--input-label-msg-text-color, #637c95);
+    color: var(--input-label-msg-text-color, #4d6174);
     margin: var(--input-label-msg-margin, 0px 0px 6px 0px);
     padding: var(--input-label-msg-padding);
   }

package/dist/InputButton/InputButton.svelte CHANGED Viewed

@@ -181,7 +181,7 @@
   .label {
     font-weight: var(--input-label-msg-text-weight, 400);
     font-size: var(--input-label-msg-text-size, 12px);
-    color: var(--input-label-msg-text-color, #637c95);
+    color: var(--input-label-msg-text-color, #4d6174);
     line-height: var(--input-label-msg-text-line-height);
     margin: var(--input-label-msg-text-margin, 0px 0px 6px 0px);
   }

package/dist/VoiceOrb/VoiceOrb.svelte CHANGED Viewed

@@ -34,10 +34,13 @@
     persistKey,
     classes,
     testId,
+    statusLabels,
     onfirstframe,
     onlevel
   }: VoiceOrbProperties = $props();
+  const statusText = $derived(statusLabels?.[variant] ?? '');
   const FOCAL_LENGTH = 600;
   const BASE_ROTATION_X = 0.0021;
   const BASE_ROTATION_Y = 0.0014;
@@ -383,6 +386,15 @@
     onpointercancel={releasePointer}
     aria-hidden="true"
   ></canvas>
+  <!-- The canvas above is decoration and stays out of the accessibility tree:
+       pointer repulsion pushes particles aside and accomplishes nothing, so
+       there is no functionality a keyboard user is locked out of. The variant
+       IS meaningful -- it says a microphone is open -- and nothing announced
+       it. polite so it never interrupts the assistant's own speech, atomic so
+       a state change reads as one phrase rather than a diff. -->
+  {#if typeof statusLabels === 'object'}
+    <div class="voice-orb-status" aria-live="polite" aria-atomic="true">{statusText}</div>
+  {/if}
 </div>
 <style>
@@ -397,4 +409,19 @@
     /* Pointer repulsion needs the move events a default touch gesture would eat. */
     touch-action: none;
   }
+  /* Visually hidden but readable by assistive tech -- the standard clip pattern
+     rather than display:none, which would remove it from the a11y tree. */
+  .voice-orb-status {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
 </style>

package/dist/VoiceOrb/properties.d.ts CHANGED Viewed

@@ -60,8 +60,25 @@ export type OptionalVoiceOrbProperties = {
     /**
      * Whether pointer movement pushes particles aside. Defaults to `true`.
      * Set `false` for a purely ambient orb that ignores the pointer.
+     *
+     * This is decoration, and deliberately has no keyboard equivalent: the
+     * repulsion accomplishes nothing and conveys nothing, so a focus stop for it
+     * would add a tab stop that leads nowhere. What the orb does convey is
+     * `variant`, and that is what `statusLabels` announces.
      */
     interactive?: boolean;
+    /**
+     * Text announced to assistive technology when `variant` changes, keyed by
+     * variant. Supplying it renders a visually hidden polite live region; the
+     * canvas itself stays out of the accessibility tree either way.
+     *
+     * Opt-in, and the caller's words, because the orb cannot know what it stands
+     * for. The same animation means "the assistant is listening" on one surface
+     * and "recording" on another, and a component that guessed would announce
+     * the wrong thing confidently. A variant left unnamed announces nothing
+     * rather than falling back to a label the caller did not choose.
+     */
+    statusLabels?: Partial<Record<VoiceOrbVariant, string>>;
     /** How far from the pointer the repulsion reaches, in pixels. Defaults to `200`. */
     repelRadius?: number;
     /**

package/dist-wc/index.js CHANGED Viewed

@@ -3518,7 +3518,7 @@ function create_custom_element(e, t, n, i, a, o) {
 }
 //#endregion
 //#region src/lib/Img/Img.svelte
-var root_1$80 = /* @__PURE__ */ from_svg("<svg></svg>"), root_2$61 = /* @__PURE__ */ from_html("<img/>"), $$css$92 = {
+var root_1$81 = /* @__PURE__ */ from_svg("<svg></svg>"), root_2$61 = /* @__PURE__ */ from_html("<img/>"), $$css$92 = {
 	hash: "svelte-13ogpty",
 	code: "img.svelte-13ogpty,\n  svg.svelte-13ogpty {object-fit:var(--image-object-fit);height:var(--image-height, 24px);width:var(--image-width, 24px);padding:var(--image-padding, 0px);border-radius:var(--image-border-radius, 0px);margin:var(--image-margin, 0px);filter:var(--image-filter, none);background:var(--image-background);border:var(--image-border);transition:var(--image-transition);}img.svelte-13ogpty:hover,\n  svg.svelte-13ogpty:hover {background:var(--image-hover-background, var(--image-background));border:var(--image-hover-border, var(--image-border));}"
 };
@@ -3695,7 +3695,7 @@ function Img(e, t) {
 			u(e), flushSync();
 		}
 	}, ct = comment(), lt = first_child(ct), ut = (e) => {
-		var t = root_1$80();
+		var t = root_1$81();
 		action(t, (e, t) => at?.(e, t), () => ({
 			url: get(f),
 			transform: l() ?? null
@@ -3724,7 +3724,7 @@ create_custom_element(Img, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/Avatar/Avatar.svelte
-var root$92 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$79 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$60 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$51 = /* @__PURE__ */ from_html("<div role=\"img\"><!></div>"), $$css$91 = {
+var root$92 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$80 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$60 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$51 = /* @__PURE__ */ from_html("<div role=\"img\"><!></div>"), $$css$91 = {
 	hash: "svelte-ym3tx2",
 	code: ".avatar.svelte-ym3tx2 {display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--avatar-border-radius, 50%);border:var(--avatar-border, none);box-shadow:var(--avatar-box-shadow, none);cursor:var(--avatar-cursor, default);overflow:hidden;background-color:var(--avatar-background, #e0e0e0);font-family:inherit;}.avatar.svelte-ym3tx2:hover {opacity:var(--avatar-hover-opacity, 1);}.avatar-small.svelte-ym3tx2 {width:var(--avatar-small-width, 32px);height:var(--avatar-small-height, 32px);}.avatar-medium.svelte-ym3tx2 {width:var(--avatar-medium-width, 40px);height:var(--avatar-medium-height, 40px);}.avatar-large.svelte-ym3tx2 {width:var(--avatar-large-width, 56px);height:var(--avatar-large-height, 56px);}.avatar-img-wrapper.svelte-ym3tx2 {display:contents;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--avatar-object-fit, cover);--image-border-radius: 0px;--image-padding: 0px;--image-margin: 0px;}.avatar-initials.svelte-ym3tx2 {color:var(--avatar-text-color, #555555);font-weight:var(--avatar-font-weight, 600);font-family:var(--avatar-font-family, inherit);user-select:none;}.avatar-small.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-small-font-size, 12px);}.avatar-medium.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-medium-font-size, 14px);}.avatar-large.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-large-font-size, 20px);}"
 };
@@ -3743,7 +3743,7 @@ function Avatar(e, t) {
 				onerror: S
 			}), reset(t), append(e, t);
 		}, s = (e) => {
-			var t = root_1$79(), n = child(t, !0);
+			var t = root_1$80(), n = child(t, !0);
 			reset(t), template_effect(() => set_text(n, get(h))), append(e, t);
 		};
 		if_block(n, (e) => {
@@ -3866,7 +3866,7 @@ customElements.define("sui-avatar", create_custom_element(Avatar_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Badge/Badge.svelte
-var root$91 = /* @__PURE__ */ from_html("<div> </div>"), root_1$78 = /* @__PURE__ */ from_html("<div><div class=\"badge-wrap svelte-17t9ly6\"><img class=\"icon-img svelte-17t9ly6\"/> <!></div></div>"), $$css$90 = {
+var root$91 = /* @__PURE__ */ from_html("<div> </div>"), root_1$79 = /* @__PURE__ */ from_html("<div><div class=\"badge-wrap svelte-17t9ly6\"><img class=\"icon-img svelte-17t9ly6\"/> <!></div></div>"), $$css$90 = {
 	hash: "svelte-17t9ly6",
 	code: ".badge-wrap.svelte-17t9ly6 {position:relative;display:inline-block;margin:var(--badge-wrap-margin, 0px 12px 10px 0px);padding:var(--badge-wrap-padding, 8px 8px 8px 8px);}.badge.svelte-17t9ly6 {position:absolute;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;color:var(--badge-color, #fff);background-color:var(--badge-background, #727272);font-size:var(--badge-font-size, 12px);font-family:var(--badge-font-family, inherit);padding:var(--badge-padding, 3px 8px);border-radius:var(--badge-border-radius, 100px);min-width:var(--badge-min-width, 18px);min-height:var(--badge-min-height, 18px);border:var(--badge-border, 1px solid #fff);top:var(--badge-top, 0);right:var(--badge-right, 0);bottom:var(--badge-bottom);left:var(--badge-left);z-index:1;}.badge-dot.svelte-17t9ly6 {width:var(--badge-dot-size, 10px);height:var(--badge-dot-size, 10px);min-width:unset;min-height:unset;padding:0;}.badge-standalone.svelte-17t9ly6 {position:var(--badge-standalone-position, static);}.icon-img.svelte-17t9ly6 {border-radius:var(--badge-img-border-radius, var(--radius, 4px));width:var(--badge-img-width, 64px);height:var(--badge-img-height, 64px);object-fit:var(--badge-object-fit, contain);box-shadow:var(--badge-img-icon-shadow, 0 0 0 0.5px #798fa54d);background-color:var(--badge-img-background-color);}"
 };
@@ -3923,7 +3923,7 @@ function Badge(e, t) {
 			u(e), flushSync();
 		}
 	}, R = comment(), te = first_child(R), ne = (e) => {
-		var t = root_1$78(), o = child(t), s = child(o), c = sibling(s, 2), f = (e) => {
+		var t = root_1$79(), o = child(t), s = child(o), c = sibling(s, 2), f = (e) => {
 			var t = root$91();
 			let n;
 			var i = child(t, !0);
@@ -4028,7 +4028,7 @@ customElements.define("sui-badge", create_custom_element(Badge_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Breadcrumb/Breadcrumb.svelte
-var root$90 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-separator svelte-1rmbuhq\" aria-hidden=\"true\"><!></li>"), root_1$77 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-item svelte-1rmbuhq\"><!></li> <!>", 1), root_2$59 = /* @__PURE__ */ from_html("<nav><ol class=\"breadcrumb-list svelte-1rmbuhq\"></ol></nav>"), $$css$89 = {
+var root$90 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-separator svelte-1rmbuhq\" aria-hidden=\"true\"><!></li>"), root_1$78 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-item svelte-1rmbuhq\"><!></li> <!>", 1), root_2$59 = /* @__PURE__ */ from_html("<nav><ol class=\"breadcrumb-list svelte-1rmbuhq\"></ol></nav>"), $$css$89 = {
 	hash: "svelte-1rmbuhq",
 	code: ".breadcrumb-list.svelte-1rmbuhq {display:flex;list-style:none;padding:0;margin:0;gap:var(--breadcrumb-list-gap);flex-wrap:var(--breadcrumb-flex-wrap, nowrap);align-items:center;}.breadcrumb-item.svelte-1rmbuhq {display:flex;align-items:center;}.breadcrumb-separator.svelte-1rmbuhq {display:flex;align-items:center;color:var(--breadcrumb-separator-color, currentColor);}"
 };
@@ -4074,7 +4074,7 @@ function Breadcrumb(e, t) {
 		}
 	}, u = root_2$59(), f = child(u);
 	return each(f, 21, n, index, (e, t, a) => {
-		var s = root_1$77(), c = first_child(s), l = child(c), u = (e) => {
+		var s = root_1$78(), c = first_child(s), l = child(c), u = (e) => {
 			var o = comment();
 			snippet(first_child(o), i, () => ({
 				href: get(t).href,
@@ -4119,7 +4119,7 @@ var defaultItem = (e, t = noop) => {
 		var n = root$89(), i = child(n, !0);
 		reset(n), template_effect(() => set_text(i, t().label)), append(e, n);
 	}, o = (e) => {
-		var n = root_1$76(), i = child(n, !0);
+		var n = root_1$77(), i = child(n, !0);
 		reset(n), template_effect(() => {
 			set_attribute(n, "href", t().href), set_text(i, t().label);
 		}), append(e, n);
@@ -4130,7 +4130,7 @@ var defaultItem = (e, t = noop) => {
 	if_block(i, (e) => {
 		t().isLast ? e(a) : typeof t().href == "string" && t().href.length > 0 ? e(o, 1) : e(s, -1);
 	}), append(e, n);
-}, root$89 = /* @__PURE__ */ from_html("<span aria-current=\"page\"> </span>"), root_1$76 = /* @__PURE__ */ from_html("<a> </a>"), root_2$58 = /* @__PURE__ */ from_html("<span> </span>");
+}, root$89 = /* @__PURE__ */ from_html("<span aria-current=\"page\"> </span>"), root_1$77 = /* @__PURE__ */ from_html("<a> </a>"), root_2$58 = /* @__PURE__ */ from_html("<span> </span>");
 function Breadcrumb_wc(e, t) {
 	push(t, !0);
 	let n = prop(t, "breadcrumbAriaLabel", 7, ""), i = prop(t, "items", 23, () => []), a = prop(t, "classes", 7);
@@ -4218,7 +4218,7 @@ create_custom_element(Loader, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/Button/Button.svelte
-var root$87 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$75 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$57 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$50 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$39 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$32 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$26 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$87 = {
+var root$87 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$76 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$57 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$50 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$39 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$32 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$26 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$87 = {
 	hash: "svelte-1j9w5l4",
 	code: ".button-container.svelte-1j9w5l4 {position:relative;width:var(--button-width, fit-content);}\n\n  /* ---- Variant defaults (set the internal --_btn-* layer; explicit --button-* always wins) ---- */.variant-primary.svelte-1j9w5l4 {--_btn-color: #3a4550;--_btn-text-color: #ffffff;--_btn-border: none;}.variant-secondary.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: 1px solid #cbd5e1;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: 1px solid #cbd5e1;}.variant-ghost.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: none;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: none;}.variant-destructive.svelte-1j9w5l4 {--_btn-color: #e7000b;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: #c10007;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n  /* Transparent chassis for gradient marketing CTAs — deliberately no background\n     of its own. Pair with a --button-background gradient (and usually a matching\n     --button-hover-color, since --_btn-hover-color sits before --button-background\n     in the hover fallback chain and would otherwise flatten the gradient to\n     transparent on hover). Geometry (padding/font-size) is intentionally left to\n     the size preset, not this variant. */.variant-brand.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: transparent;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n  /* ---- Size defaults (md reproduces the legacy 16px padding / 14px font) ---- */.size-sm.svelte-1j9w5l4 {--_btn-padding: 8px 12px;--_btn-font-size: 13px;}.size-md.svelte-1j9w5l4 {--_btn-padding: 16px;--_btn-font-size: 14px;}.size-lg.svelte-1j9w5l4 {--_btn-padding: 20px 28px;--_btn-font-size: 16px;}.icon-only.svelte-1j9w5l4 {--_btn-padding: 8px;}.icon-only.size-sm.svelte-1j9w5l4 {--_btn-padding: 6px;}.icon-only.size-lg.svelte-1j9w5l4 {--_btn-padding: 12px;}.full-width.svelte-1j9w5l4 {--button-width: 100%;}.button-el.svelte-1j9w5l4 {max-height:var(--button-max-height);max-width:var(--button-max-width);min-width:var(--button-min-width);font-family:var(--button-font-family);font-weight:var(--button-font-weight, 500);font-size:var(--button-font-size, var(--_btn-font-size, 14px));background-color:var(--button-color, var(--_btn-color, #3a4550));\n    /* Image layer, deliberately not the `background` shorthand — the shorthand\n       would reset a consumer's own background-image/position/size layers\n       whenever the hook is unset. Gradients go here; solids stay on --button-color. */background-image:var(--button-background, none);color:var(--button-text-color, var(--_btn-text-color, white));height:var(--button-height, fit-content);padding:var(--button-padding, var(--_btn-padding, 16px));margin:var(--button-margin);border-radius:var(--button-border-radius, var(--radius, 6px));width:var(--button-width, fit-content);cursor:var(--cursor, pointer);opacity:var(--opacity, 1);border:var(--button-border, var(--_btn-border, none));box-sizing:border-box;text-decoration:var(--button-text-decoration, none);line-height:var(--button-line-height, normal);display:flex;justify-content:var(--button-justify-content, center);align-items:center;flex-direction:var(--button-content-flex-direction, row);gap:var(--button-content-gap, 16px);visibility:var(--button-visibility, visible);box-shadow:var(--button-box-shadow, none);transition:var(--button-transition, none);\n\n    /* A button label should never soft-wrap onto a second line as the label text\n       changes (e.g. \"Select\" -> \"Select (1)\") — that jitters the layout around it.\n       Consumers that genuinely want multi-line buttons opt back in via the var. */white-space:var(--button-white-space, nowrap);}.button-el.disabled.svelte-1j9w5l4,\n  .button-el.svelte-1j9w5l4:disabled {cursor:var(--disabled-cursor, not-allowed);opacity:var(--disabled-opacity, 0.4);color:var(--disabled-text-color, var(--button-text-color, var(--_btn-text-color, white)));font-size:var(--disabled-font-size);font-weight:var(--disabled-font-weight);text-decoration:var(--button-disabled-text-decoration, var(--button-text-decoration, none));\n    /* Preserve the variant border when disabled so secondary (bordered) stays distinct from ghost. */border:var(--disabled-border, var(--button-border, var(--_btn-border, none)));background:var(\n      --disabled-background-color,\n      var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n    );box-shadow:var(\n      --button-disabled-box-shadow,\n      var(--disabled-box-shadow, var(--button-box-shadow, none))\n    );}.button-loader.svelte-1j9w5l4 {order:var(--button-loader-order, 1);}.button-icon.svelte-1j9w5l4 {order:var(--button-icon-order, 2);display:var(--button-icon-display);}.button-text.svelte-1j9w5l4 {order:var(--button-text-order, 3);display:var(--button-text-display);\n\n    /* With nowrap as the default, a label longer than the button's box would\n       otherwise bleed past it — truncate with an ellipsis instead. Full labels\n       stay available via the button's accessible name / title at the call site. */overflow:hidden;text-overflow:ellipsis;}.button-el.svelte-1j9w5l4:hover:not(.disabled) {background:var(\n      --button-hover-color,\n      var(\n        --_btn-hover-color,\n        var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n      )\n    );color:var(\n      --button-hover-text-color,\n      var(--_btn-hover-text-color, var(--button-text-color, var(--_btn-text-color, white)))\n    );border:var(\n      --button-hover-border,\n      var(--_btn-hover-border, var(--button-border, var(--_btn-border, none)))\n    );transform:var(--button-hover-transform);box-shadow:var(--button-hover-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:active:not(.disabled) {transform:var(--button-active-transform);background:var(\n      --button-active-background,\n      var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n    );box-shadow:var(--button-active-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:focus-visible {box-shadow:var(--button-focus-visible-box-shadow, var(--button-box-shadow, none));}.button-progress-bar.svelte-1j9w5l4 {position:absolute;height:100%;width:100%;background:var(--button-progress-loader-background-color, #00000030);\n    animation: svelte-1j9w5l4-fill-loader var(--button-progress-loader-duration, 8s) forwards;z-index:2;}\n\n  @keyframes svelte-1j9w5l4-fill-loader {\n    0% {\n      width: 0;\n    }\n\n    100% {\n      width: 100%;\n    }\n  }"
 };
@@ -4493,7 +4493,7 @@ function Button(e, t) {
 			[CLASS]: { disabled: get(St) }
 		}), void 0, void 0, void 0, "svelte-1j9w5l4");
 		var i = root_5$32(), a = first_child(i), o = (e) => {
-			var t = root_1$75();
+			var t = root_1$76();
 			Loader(child(t), {}), reset(t), append(e, t);
 		};
 		if_block(a, (e) => {
@@ -4576,7 +4576,7 @@ create_custom_element(Button, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/Book/Book.svelte
-var root$86 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$74 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$56 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$49 = /* @__PURE__ */ from_html("<button></button>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$31 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$86 = {
+var root$86 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$75 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$56 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$49 = /* @__PURE__ */ from_html("<button></button>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$31 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$86 = {
 	hash: "svelte-1qrpci6",
 	code: ".book.svelte-1qrpci6 {width:var(--book-width, 100%);background-color:var(--book-background, #ffffff);border-radius:var(--book-border-radius, var(--radius, 4px));border:var(--book-border, 1px solid #e0e0e0);outline:none;}.book-viewport.svelte-1qrpci6 {position:relative;display:flex;align-items:center;}.pages-container.svelte-1qrpci6 {position:relative;width:100%;height:var(--book-height, 400px);overflow:var(--book-overflow, hidden);}.page.svelte-1qrpci6 {width:100%;height:100%;}.page-slide.svelte-1qrpci6 {position:absolute;top:0;left:0;transition:transform var(--book-transition-duration, 0.3s) ease;}.page-fade.svelte-1qrpci6 {position:absolute;top:0;left:0;opacity:0;transition:opacity var(--book-transition-duration, 0.3s) ease;pointer-events:none;}.page-fade.page-active.svelte-1qrpci6 {opacity:1;pointer-events:auto;}.nav-button.svelte-1qrpci6 {display:flex;align-items:center;justify-content:center;--button-width: var(--book-nav-size, 36px);--button-height: var(--book-nav-size, 36px);--button-min-width: var(--book-nav-size, 36px);--button-background: var(--book-nav-background, rgba(0, 0, 0, 0.05));--button-border: none;--button-border-radius: var(--book-nav-border-radius, 50%);--button-padding: 0;--button-color: var(--book-nav-color, #333333);--button-hover-background: var(--book-nav-hover-background, rgba(0, 0, 0, 0.1));}.nav-disabled.svelte-1qrpci6 {opacity:var(--book-nav-disabled-opacity, 0.3);}.nav-button.svelte-1qrpci6 svg {width:18px;height:18px;}.nav-prev.svelte-1qrpci6 {margin-right:4px;}.nav-next.svelte-1qrpci6 {margin-left:4px;}.page-indicator.svelte-1qrpci6 {display:flex;justify-content:center;align-items:center;gap:var(--book-dot-gap, 8px);padding:var(--book-indicator-padding, 12px 0);}.dot.svelte-1qrpci6 {width:var(--book-dot-size, 8px);height:var(--book-dot-size, 8px);border-radius:var(--book-dot-border-radius, 50%);background-color:var(--book-dot-color, #cccccc);border:none;padding:0;cursor:pointer;transition:background-color 0.2s ease;}.dot-active.svelte-1qrpci6 {background-color:var(--book-dot-active-color, #333333);}"
 };
@@ -4721,7 +4721,7 @@ function Book(e, t) {
 	each(ct, 21, n, index, (e, t, n) => {
 		var o = comment(), s = first_child(o), c = (e) => {
 			var a = comment(), o = first_child(a), s = (e) => {
-				var n = root_1$74();
+				var n = root_1$75();
 				snippet(child(n), () => get(t).content), reset(n), append(e, n);
 			};
 			if_block(o, (e) => {
@@ -4868,7 +4868,7 @@ customElements.define("sui-book", create_custom_element(Book_wc, {
 }, ["previous-icon", "next-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/BrandLoader/BrandLoader.svelte
-var root$85 = /* @__PURE__ */ from_html("<div class=\"sub-text svelte-hezyt6\"> </div>"), root_1$73 = /* @__PURE__ */ from_html("<div><div class=\"loader svelte-hezyt6\"><img alt=\"\" class=\"svelte-hezyt6\"/> <div class=\"text svelte-hezyt6\"> </div> <!> <div class=\"lds-ellipsis svelte-hezyt6\"><div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div></div></div></div>"), $$css$85 = {
+var root$85 = /* @__PURE__ */ from_html("<div class=\"sub-text svelte-hezyt6\"> </div>"), root_1$74 = /* @__PURE__ */ from_html("<div><div class=\"loader svelte-hezyt6\"><img alt=\"\" class=\"svelte-hezyt6\"/> <div class=\"text svelte-hezyt6\"> </div> <!> <div class=\"lds-ellipsis svelte-hezyt6\"><div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div></div></div></div>"), $$css$85 = {
 	hash: "svelte-hezyt6",
 	code: ".background.svelte-hezyt6 {height:var(--loader-background-height);width:var(--loader-background-width);border-radius:var(--loader-background-border-radius, 0px);}.loader.svelte-hezyt6 {\n    /* --loader-height/--loader-width are also independently read by the\n       unrelated Loader component (with a 20px default there, vs 100vh/100vw\n       here), so a consumer setting either name in a scope containing both\n       components would size them identically. --brand-loader-* is the\n       namespaced, collision-free override point; the legacy --loader-*\n       names are kept as a fallback so existing consumer overrides keep\n       working unchanged. */height:var(--brand-loader-height, var(--loader-height, 100vh));width:var(--brand-loader-width, var(--loader-width, 100vw));border-radius:var(--loader-background-border-radius, 0px);display:flex;justify-content:var(--loader-justify-content, center);align-items:var(--loader-align-items, center);flex-direction:var(--loader-flex-direction, column);}.loader.svelte-hezyt6 img:where(.svelte-hezyt6) {height:var(--loader-img-height, 40px);width:var(--loader-img-width, 71px);}.text.svelte-hezyt6 {font-size:var(--loader-text-font-size, 22px);padding:var(--loader-text-padding, 16px 0px);color:var(--loader-text-color, white);font-family:var(--loader-text-font, inherit);}.sub-text.svelte-hezyt6 {font-size:var(--loader-sub-text-font-size, 12px);margin:var(--loader-sub-text-margin, 16px);}\n\n  @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {.background.svelte-hezyt6 {\n      animation: animateBackground 5s ease-in-out infinite normal;\n      -webkit-animation: animateBackground 5s ease-in-out infinite normal;}.loader.svelte-hezyt6 {background-color:var(--loader-background-color, #ffffff33);-webkit-backdrop-filter:blur(var(--loader-webkit-backdrop-filter, 50px));backdrop-filter:blur(var(--loader-backdrop-blur, 50px));}\n  }.lds-ellipsis.svelte-hezyt6 {display:var(--loader-ellipsis-display, inline-block);position:var(--loader-ellipsis-position, relative);width:var(--loader-ellipsis-width, 80px);height:var(--loader-ellipsis-height, 80px);}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6) {display:var(--loader-ellipsis-div-display, inherit);position:var(--loader-ellipsis-div-position, absolute);top:var(--loader-ellipsis-div-top, 5px);width:var(--loader-ellipsis-div-width, 13px);height:var(--loader-ellipsis-div-height, 13px);border-radius:var(--loader-ellipsis-div-border-radius, 50%);background:var(--loader-dot-color, #3a4550);animation-timing-function:var(--loader-ellipsis-animation-timing, cubic-bezier(0, 1, 1, 0));}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(1) {left:8px;\n    animation: svelte-hezyt6-lds-ellipsis1 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(2) {left:8px;\n    animation: svelte-hezyt6-lds-ellipsis2 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(3) {left:32px;\n    animation: svelte-hezyt6-lds-ellipsis2 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(4) {left:56px;\n    animation: svelte-hezyt6-lds-ellipsis3 0.6s infinite;}\n  @keyframes svelte-hezyt6-lds-ellipsis1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes svelte-hezyt6-lds-ellipsis3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  @keyframes svelte-hezyt6-lds-ellipsis2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(24px, 0);\n    }\n  }"
 };
@@ -4906,7 +4906,7 @@ function BrandLoader(e, t) {
 		set testId(e) {
 			s(e), flushSync();
 		}
-	}, l = root_1$73(), u = child(l), f = child(u), p = sibling(f, 2), h = child(p, !0);
+	}, l = root_1$74(), u = child(l), f = child(u), p = sibling(f, 2), h = child(p, !0);
 	reset(p);
 	var S = sibling(p, 2), C = (e) => {
 		var t = root$85(), n = child(t, !0);
@@ -5138,7 +5138,7 @@ var inited$1 = !1, SvelteDate = class e extends Date {
 	get size() {
 		return get(this.#n), super.size;
 	}
-}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$84 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$72 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$55 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$48 = /* @__PURE__ */ from_html("<div role=\"application\" aria-label=\"Calendar\"><div class=\"header svelte-kboul8\"><div class=\"nav-button nav-prev svelte-kboul8\"><!></div> <span class=\"header-label svelte-kboul8\"> </span> <div class=\"nav-button nav-next svelte-kboul8\"><!></div></div> <div class=\"day-names svelte-kboul8\"></div> <div class=\"grid svelte-kboul8\" tabindex=\"0\" role=\"grid\"></div></div>"), $$css$84 = {
+}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$84 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$73 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$55 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$48 = /* @__PURE__ */ from_html("<div role=\"application\" aria-label=\"Calendar\"><div class=\"header svelte-kboul8\"><div class=\"nav-button nav-prev svelte-kboul8\"><!></div> <span class=\"header-label svelte-kboul8\"> </span> <div class=\"nav-button nav-next svelte-kboul8\"><!></div></div> <div class=\"day-names svelte-kboul8\"></div> <div class=\"grid svelte-kboul8\" tabindex=\"0\" role=\"grid\"></div></div>"), $$css$84 = {
 	hash: "svelte-kboul8",
 	code: ".calendar.svelte-kboul8 {font-family:var(--calendar-font-family, inherit);width:var(--calendar-width, 280px);padding:var(--calendar-padding, 16px);background-color:var(--calendar-background, #ffffff);border:var(--calendar-border, 1px solid #e0e0e0);border-radius:var(--calendar-border-radius, var(--radius, 4px));box-shadow:var(--calendar-box-shadow, none);box-sizing:border-box;user-select:none;}.header.svelte-kboul8 {display:var(--calendar-header-display, flex);align-items:center;justify-content:space-between;margin-bottom:var(--calendar-header-margin-bottom, 12px);}.header-label.svelte-kboul8 {font-size:var(--calendar-header-font-size, 16px);font-weight:var(--calendar-header-font-weight, 600);color:var(--calendar-header-color, #000000);text-transform:capitalize;}.nav-button.svelte-kboul8 {display:flex;align-items:center;justify-content:center;--button-width: var(--calendar-nav-button-size, 32px);--button-height: var(--calendar-nav-button-size, 32px);--button-border: none;--button-color: transparent;--button-border-radius: var(--calendar-nav-button-border-radius, var(--radius, 4px));--button-text-color: var(--calendar-nav-button-color, #666666);--button-padding: 0;--button-hover-color: var(--calendar-nav-button-hover-background, #f0f0f0);}\n\n  /* Size the columns to the cell, not 1fr, and centre the whole grid. With 1fr\n     columns the fixed-width cells sat centred inside wider tracks, leaving\n     horizontal gaps between days — which broke the range highlight into\n     disconnected boxes instead of one continuous pill. The day-name header must\n     use the same track sizing so it stays aligned with the day grid below. */.day-names.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;text-align:center;}.day-name.svelte-kboul8 {font-size:var(--calendar-day-name-font-size, 12px);font-weight:var(--calendar-day-name-font-weight, 600);color:var(--calendar-day-name-color, #999999);padding:var(--calendar-day-name-padding, 4px 0);}.grid.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;row-gap:2px;}.cell.svelte-kboul8 {display:flex;align-items:center;justify-content:center;width:var(--calendar-cell-size, 36px);height:var(--calendar-cell-size, 36px);font-family:inherit;font-size:var(--calendar-cell-font-size, 14px);border-radius:var(--calendar-cell-border-radius, 50%);color:var(--calendar-cell-color, #000000);border:none;background:none;cursor:pointer;padding:0;outline:none;}.cell.svelte-kboul8:hover:not(.disabled, .outside-month, .selected, .range-start, .range-end) {background-color:var(--calendar-cell-hover-background, #f0f0f0);}.cell.svelte-kboul8:focus-visible {outline:2px solid var(--calendar-focus-ring-color, #000000);outline-offset:-2px;}.today.svelte-kboul8 {border:var(--calendar-today-border, 1px solid #000000);font-weight:var(--calendar-today-font-weight, 700);}.selected.svelte-kboul8 {background-color:var(--calendar-selected-background, #000000);color:var(--calendar-selected-color, #ffffff);}.range-start.svelte-kboul8 {background-color:var(--calendar-range-start-background, #000000);color:var(--calendar-range-start-color, #ffffff);border-radius:50% 0 0 50%;}.range-end.svelte-kboul8 {background-color:var(--calendar-range-end-background, #000000);color:var(--calendar-range-end-color, #ffffff);border-radius:0 50% 50% 0;}.range-start.range-end.svelte-kboul8 {border-radius:var(--calendar-cell-border-radius, 50%);}.in-range.svelte-kboul8 {background-color:var(--calendar-range-background, #e8e8e8);border-radius:0;}.disabled.svelte-kboul8 {color:var(--calendar-disabled-color, #cccccc);cursor:var(--calendar-disabled-cursor, not-allowed);}.outside-month.svelte-kboul8 {color:var(--calendar-outside-month-color, #cccccc);cursor:default;}"
 };
@@ -5429,7 +5429,7 @@ function Calendar(e, t) {
 	var Tt = sibling(wt, 2);
 	return each(Tt, 21, () => get(ct), (e) => e.date.getTime(), (e, t) => {
 		var n = comment(), i = first_child(n), a = (e) => {
-			var n = root_1$72();
+			var n = root_1$73();
 			let i;
 			var a = child(n, !0);
 			reset(n), template_effect((e) => {
@@ -5531,7 +5531,7 @@ customElements.define("sui-calendar", create_custom_element(Calendar_wc, {
 }, ["previous-month-icon", "next-month-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Carousel/Carousel.svelte
-var root$83 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$71 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$54 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$47 = /* @__PURE__ */ from_html("<div class=\"dots-wrapper svelte-vk4ljo\"></div>"), root_4$37 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"carousel-live-region svelte-vk4ljo\" aria-live=\"polite\" aria-atomic=\"true\"><!></div></div>"), $$css$83 = {
+var root$83 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$72 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$54 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$47 = /* @__PURE__ */ from_html("<div class=\"dots-wrapper svelte-vk4ljo\"></div>"), root_4$37 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"carousel-live-region svelte-vk4ljo\" aria-live=\"polite\" aria-atomic=\"true\"><!></div></div>"), $$css$83 = {
 	hash: "svelte-vk4ljo",
 	code: ".carousel-container.svelte-vk4ljo {width:var(--carousel-width);}.current-slide.svelte-vk4ljo {width:var(--carousel-width, 300px);height:var(--carousel-height, 100px);flex-shrink:0;}.carousel.svelte-vk4ljo {box-shadow:var(--carousel-shadow);height:var(--carousel-height, 100px);width:var(--carousel-width, 300px);overflow:hidden;border-radius:var(--carousel-border-radius, 0%);}.carousel.svelte-vk4ljo:active {cursor:grabbing;}.slidesDiv.svelte-vk4ljo {display:flex;transform:translateX(0);transition:transform 0.5s ease-in-out;}.dots-wrapper.svelte-vk4ljo {gap:var(--dot-gap, 10px);padding-top:var(--dot-padding-top, 10px);display:flex;justify-content:center;}.dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;background:var(--carousel-dot-color, #c4c4c4);cursor:pointer;transition:0.3s ease;}.active-dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;cursor:pointer;background:var(--carousel-dot-active-color, #000000);transition:0.3s ease;}.dot.svelte-vk4ljo:focus-visible,\n  .active-dot.svelte-vk4ljo:focus-visible {outline:var(--dot-focus-outline, 2px solid #000000);outline-offset:var(--dot-focus-outline-offset, 2px);}\n  /*\n  @media only screen and (max-width: 324px) {\n\n    .carousel-container {\n      width:270px;\n\n    }\n    .current-slide {\n    width: 270px;\n    }\n    .carousel {\n      width:270px;\n    }\n  }\n\n  @media only screen and (max-width: 269px) {\n    .carousel-container {\n      width:240px;\n    }\n    .current-slide {\n    width: 240px;\n    }\n    .carousel {\n      width:240px;\n    }\n\n  } */\n\n  /* Visually hidden but readable by assistive tech -- the standard clip pattern\n     rather than display:none, which would remove it from the a11y tree. */.carousel-live-region.svelte-vk4ljo {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}"
 };
@@ -5641,7 +5641,7 @@ function Carousel(e, t) {
 			p(e), flushSync();
 		}
 	}, pt = root_4$37(), mt = child(pt), ht = (e) => {
-		var t = root_1$71(), i = child(t);
+		var t = root_1$72(), i = child(t);
 		each(i, 21, n, index, (e, t) => {
 			var n = root$83();
 			component(child(n), () => get(t).component, (e, n) => {
@@ -5742,7 +5742,7 @@ customElements.define("sui-carousel", create_custom_element(Carousel_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/assets/checkmark.svg?raw
-var checkmark_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <polyline points=\"20 6 9 17 4 12\"></polyline>\n</svg>\n", minus_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n</svg>\n", root$82 = /* @__PURE__ */ from_html("<span class=\"icon svelte-f1in4m\"></span>"), root_1$70 = /* @__PURE__ */ from_html("<span class=\"icon dash svelte-f1in4m\"></span>"), root_2$53 = /* @__PURE__ */ from_html("<label><input type=\"checkbox\" class=\"native-checkbox svelte-f1in4m\" aria-hidden=\"true\"/> <span><!> <!></span> <span class=\"label svelte-f1in4m\"> </span></label>"), $$css$82 = {
+var checkmark_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <polyline points=\"20 6 9 17 4 12\"></polyline>\n</svg>\n", minus_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n</svg>\n", root$82 = /* @__PURE__ */ from_html("<span class=\"icon svelte-f1in4m\"></span>"), root_1$71 = /* @__PURE__ */ from_html("<span class=\"icon dash svelte-f1in4m\"></span>"), root_2$53 = /* @__PURE__ */ from_html("<label><input type=\"checkbox\" class=\"native-checkbox svelte-f1in4m\" aria-hidden=\"true\"/> <span><!> <!></span> <span class=\"label svelte-f1in4m\"> </span></label>"), $$css$82 = {
 	hash: "svelte-f1in4m",
 	code: ".container.svelte-f1in4m {display:var(--checkbox-container-display, inline-flex);align-items:var(--checkbox-container-align-items, center);gap:var(--checkbox-container-gap, 8px);cursor:var(--checkbox-container-cursor, pointer);}.container.disabled.svelte-f1in4m {opacity:var(--checkbox-disabled-opacity, 0.4);cursor:var(--checkbox-disabled-cursor, not-allowed);}.native-checkbox.svelte-f1in4m {position:absolute;opacity:0;width:0;height:0;pointer-events:none;}.box.svelte-f1in4m {display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);border:var(--checkbox-border, 2px solid #757575);border-radius:var(--checkbox-border-radius, var(--radius, 4px));background-color:var(--checkbox-background, transparent);transition:background-color var(--checkbox-transition, 0.2s),\n      border var(--checkbox-transition, 0.2s);flex-shrink:0;}.box.svelte-f1in4m:focus-visible {outline:none;box-shadow:var(--checkbox-focus-ring, 0 0 0 3px rgba(33, 150, 243, 0.3));}.container.svelte-f1in4m:not(.disabled) .box:where(.svelte-f1in4m):hover {border-color:var(--checkbox-hover-border-color, #212121);}.box.checked.svelte-f1in4m {background-color:var(--checkbox-checked-background, #2196f3);border:var(--checkbox-checked-border, 2px solid #2196f3);}.box.indeterminate.svelte-f1in4m {background-color:var(--checkbox-indeterminate-background, #2196f3);border:var(--checkbox-indeterminate-border, 2px solid #2196f3);}.icon.svelte-f1in4m {display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-icon-size, 14px);height:var(--checkbox-icon-size, 14px);color:var(--checkbox-checkmark-color, white);}.icon.svelte-f1in4m svg {width:100%;height:100%;}.icon.dash.svelte-f1in4m {color:var(--checkbox-dash-color, white);}.label.svelte-f1in4m {font-size:var(--checkbox-label-font-size, 14px);font-weight:var(--checkbox-label-font-weight, 400);color:var(--checkbox-label-color, #212121);}"
 };
@@ -5902,7 +5902,7 @@ function Checkbox(e, t) {
 			var t = comment();
 			snippet(first_child(t), l), append(e, t);
 		}, a = (e) => {
-			var t = root_1$70();
+			var t = root_1$71();
 			html(t, () => minus_default, !0), reset(t), append(e, t);
 		};
 		if_block(n, (e) => {
@@ -6187,9 +6187,9 @@ function unlockBodyScroll() {
 }
 //#endregion
 //#region src/lib/Input/Input.svelte
-var root$81 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$69 = /* @__PURE__ */ from_html("<input/>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$46 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$36 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$30 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$25 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$22 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$20 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$15 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$12 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$11 = /* @__PURE__ */ from_html("<div> </div>"), root_12$9 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$81 = {
+var root$81 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$70 = /* @__PURE__ */ from_html("<input/>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$46 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$36 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$30 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$25 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$22 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$20 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$15 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$12 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$11 = /* @__PURE__ */ from_html("<div> </div>"), root_12$9 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$81 = {
 	hash: "svelte-1h0c2oe",
-	code: "textarea.svelte-1h0c2oe,\n  input.svelte-1h0c2oe {box-sizing:var(--input-box-sizing, border-box);height:var(--input-height, fit-content);\n\n    /* Both default to the CSS initial value, so a consumer that sets neither is\n       byte-identical to before. A textarea that grows with its content needs a\n       ceiling before it can scroll, and one used as a paste target needs a floor;\n       neither was reachable through the --input-* surface. */min-height:var(--input-min-height, auto);max-height:var(--input-max-height, none);background-color:var(--input-background, white);font-size:var(--input-font-size, 16px) !important;font-family:var(--input-font-family, inherit);border-radius:var(--input-radius, var(--radius, 4px));outline:none;padding:var(--input-padding, 16px);font-weight:var(--input-font-weight, 500);\n\n    /* `normal` is what a textarea/input computes today regardless of any inherited\n       value — the UA sheet sets it, and inheritance loses to a UA declaration on the\n       element itself. So the default here is byte-identical for existing consumers,\n       and this is the only way a consumer can set it at all. */line-height:var(--input-line-height, normal);width:var(--input-width, fit-content);margin:var(--input-margin, 0);appearance:none !important;-webkit-appearance:none !important; /* For Safari MWeb */box-shadow:var(--input-box-shadow, 0px 1px 8px #2f537733);border:var(--input-border, 1px solid transparent);resize:none;visibility:var(--input-visibility, visible);text-align:var(--input-text-align, left);text-transform:var(--input-text-transform, none);color:var(--input-text-color);}textarea.svelte-1h0c2oe:focus,\n  input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid transparent);}.input-error.svelte-1h0c2oe {--input-focus-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #c5120a)\n    ) !important;--input-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #c5120a)\n    ) !important;}.action-input.svelte-1h0c2oe {border-radius:var(--input-radius, var(--radius, 4px) 0 0 var(--radius, 4px));box-shadow:var(--input-box-shadow, 0px 0px 0px #ffffff);margin-bottom:0;}.input-container.svelte-1h0c2oe {display:flex;flex-direction:column;margin:var(--input-container-margin, 0);padding:var(--input-container-padding, 0);width:var(--input-container-width, fit-content);}.label.svelte-1h0c2oe {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);padding:var(--input-label-msg-padding);}.input-mandatory-asterisk.svelte-1h0c2oe {color:var(--input-mandatory-color, var(--input-error-msg-text-color, #c5120a));margin-left:var(--input-mandatory-gap, 2px);}\n\n  /* Icon wrapper: only rendered when leftIcon/rightIcon is supplied, so non-icon\n     consumers keep the exact prior DOM. The field's bottom margin moves to the\n     wrap so the absolutely-positioned icons centre on the field, not the margin. */.input-field-wrap.svelte-1h0c2oe {position:relative;display:block;margin:var(--input-margin, 0);}.input-field-wrap.svelte-1h0c2oe > textarea,\n  .input-field-wrap.svelte-1h0c2oe > input {margin:0 !important;width:var(--input-width, 100%);}.input-icon.svelte-1h0c2oe {position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size, 20px);height:var(--input-icon-size, 20px);color:var(--input-icon-color, inherit);pointer-events:none;}.input-icon-button.svelte-1h0c2oe {background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;}.input-icon-button.svelte-1h0c2oe:focus-visible {outline:var(--input-icon-focus-outline, 2px solid var(--input-focus-border-color, #005fcc));outline-offset:var(--input-icon-focus-outline-offset, 2px);border-radius:var(--input-icon-focus-radius, var(--radius, 4px));}.input-icon-left.svelte-1h0c2oe {left:var(--input-icon-gap, 12px);color:var(--input-left-icon-color, var(--input-icon-color, inherit));}.input-icon-right.svelte-1h0c2oe {right:var(--input-icon-gap, 12px);}.input-field-wrap.has-left-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-left-icon.svelte-1h0c2oe > input {padding-left:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.input-field-wrap.has-right-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-right-icon.svelte-1h0c2oe > input {padding-right:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.error-message.svelte-1h0c2oe {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n    /* #c5120a clears WCAG AA (6.06:1 on white) at this 12px size; the prior #fa1405\n       default was only 4.06:1, so the error message itself failed to be legible. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-error-msg-margin);padding:var(--input-error-msg-padding);}.info-message.svelte-1h0c2oe {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n    /* Neutral on purpose -- this used to default to the same red as .error-message,\n       so helper text with no error visually read as a failed field (color-alone\n       signalling, WCAG 1.4.1). #52525b is the muted-text tone already used for\n       ChatToolStatus/ThinkingIndicator elsewhere in this library, at 7.73:1. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-info-msg-margin);padding:var(--input-info-msg-padding);}.input-char-count.svelte-1h0c2oe {align-self:flex-end;font-size:var(--input-char-count-size, 12px);color:var(--input-char-count-color, #98a2b3);margin:var(--input-char-count-margin, 4px 0 0);font-variant-numeric:tabular-nums;}.input-char-count.at-limit.svelte-1h0c2oe {color:var(--input-char-count-limit-color, var(--input-error-msg-text-color, #c5120a));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
+	code: "textarea.svelte-1h0c2oe,\n  input.svelte-1h0c2oe {box-sizing:var(--input-box-sizing, border-box);height:var(--input-height, fit-content);\n\n    /* Both default to the CSS initial value, so a consumer that sets neither is\n       byte-identical to before. A textarea that grows with its content needs a\n       ceiling before it can scroll, and one used as a paste target needs a floor;\n       neither was reachable through the --input-* surface. */min-height:var(--input-min-height, auto);max-height:var(--input-max-height, none);background-color:var(--input-background, white);font-size:var(--input-font-size, 16px) !important;font-family:var(--input-font-family, inherit);border-radius:var(--input-radius, var(--radius, 4px));outline:none;padding:var(--input-padding, 16px);font-weight:var(--input-font-weight, 500);\n\n    /* `normal` is what a textarea/input computes today regardless of any inherited\n       value — the UA sheet sets it, and inheritance loses to a UA declaration on the\n       element itself. So the default here is byte-identical for existing consumers,\n       and this is the only way a consumer can set it at all. */line-height:var(--input-line-height, normal);width:var(--input-width, fit-content);margin:var(--input-margin, 0);appearance:none !important;-webkit-appearance:none !important; /* For Safari MWeb */box-shadow:var(--input-box-shadow, 0px 1px 8px #2f537733);border:var(--input-border, 1px solid transparent);resize:none;visibility:var(--input-visibility, visible);text-align:var(--input-text-align, left);text-transform:var(--input-text-transform, none);color:var(--input-text-color);}textarea.svelte-1h0c2oe:focus,\n  input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid transparent);}.input-error.svelte-1h0c2oe {--input-focus-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #c5120a)\n    ) !important;--input-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #c5120a)\n    ) !important;}.action-input.svelte-1h0c2oe {border-radius:var(--input-radius, var(--radius, 4px) 0 0 var(--radius, 4px));box-shadow:var(--input-box-shadow, 0px 0px 0px #ffffff);margin-bottom:0;}.input-container.svelte-1h0c2oe {display:flex;flex-direction:column;margin:var(--input-container-margin, 0);padding:var(--input-container-padding, 0);width:var(--input-container-width, fit-content);}.label.svelte-1h0c2oe {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #4d6174);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);padding:var(--input-label-msg-padding);}.input-mandatory-asterisk.svelte-1h0c2oe {color:var(--input-mandatory-color, var(--input-error-msg-text-color, #c5120a));margin-left:var(--input-mandatory-gap, 2px);}\n\n  /* Icon wrapper: only rendered when leftIcon/rightIcon is supplied, so non-icon\n     consumers keep the exact prior DOM. The field's bottom margin moves to the\n     wrap so the absolutely-positioned icons centre on the field, not the margin. */.input-field-wrap.svelte-1h0c2oe {position:relative;display:block;margin:var(--input-margin, 0);}.input-field-wrap.svelte-1h0c2oe > textarea,\n  .input-field-wrap.svelte-1h0c2oe > input {margin:0 !important;width:var(--input-width, 100%);}.input-icon.svelte-1h0c2oe {position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size, 20px);height:var(--input-icon-size, 20px);color:var(--input-icon-color, inherit);pointer-events:none;}.input-icon-button.svelte-1h0c2oe {background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;}.input-icon-button.svelte-1h0c2oe:focus-visible {outline:var(--input-icon-focus-outline, 2px solid var(--input-focus-border-color, #005fcc));outline-offset:var(--input-icon-focus-outline-offset, 2px);border-radius:var(--input-icon-focus-radius, var(--radius, 4px));}.input-icon-left.svelte-1h0c2oe {left:var(--input-icon-gap, 12px);color:var(--input-left-icon-color, var(--input-icon-color, inherit));}.input-icon-right.svelte-1h0c2oe {right:var(--input-icon-gap, 12px);}.input-field-wrap.has-left-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-left-icon.svelte-1h0c2oe > input {padding-left:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.input-field-wrap.has-right-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-right-icon.svelte-1h0c2oe > input {padding-right:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.error-message.svelte-1h0c2oe {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n    /* #c5120a clears WCAG AA (6.06:1 on white) at this 12px size; the prior #fa1405\n       default was only 4.06:1, so the error message itself failed to be legible. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-error-msg-margin);padding:var(--input-error-msg-padding);}.info-message.svelte-1h0c2oe {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n    /* Neutral on purpose -- this used to default to the same red as .error-message,\n       so helper text with no error visually read as a failed field (color-alone\n       signalling, WCAG 1.4.1). #52525b is the muted-text tone already used for\n       ChatToolStatus/ThinkingIndicator elsewhere in this library, at 7.73:1. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-info-msg-margin);padding:var(--input-info-msg-padding);}.input-char-count.svelte-1h0c2oe {align-self:flex-end;font-size:var(--input-char-count-size, 12px);color:var(--input-char-count-color, #98a2b3);margin:var(--input-char-count-margin, 4px 0 0);font-variant-numeric:tabular-nums;}.input-char-count.at-limit.svelte-1h0c2oe {color:var(--input-char-count-limit-color, var(--input-error-msg-text-color, #c5120a));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
 };
 function Input(e, t) {
 	let n = props_id();
@@ -6626,7 +6626,7 @@ function Input(e, t) {
 					gt()?.apply(this, e);
 				}), append(e, t);
 			}, c = (e) => {
-				var t = root_1$69();
+				var t = root_1$70();
 				remove_input_defaults(t);
 				let n;
 				bind_this(t, (e) => set(Zt, e), () => get(Zt)), template_effect(() => {
@@ -6812,7 +6812,7 @@ function pillToneClass(e) {
 }
 //#endregion
 //#region src/lib/Pill/Pill.svelte
-var root$80 = /* @__PURE__ */ from_html("<span class=\"pill-leading-icon svelte-13eug5u\"><!></span>"), root_1$68 = /* @__PURE__ */ from_html("<div class=\"pill-dismiss svelte-13eug5u\"><!></div>"), root_2$51 = /* @__PURE__ */ from_html("<!> <span class=\"pill-text svelte-13eug5u\"> </span> <!>", 1), $$css$80 = {
+var root$80 = /* @__PURE__ */ from_html("<span class=\"pill-leading-icon svelte-13eug5u\"><!></span>"), root_1$69 = /* @__PURE__ */ from_html("<div class=\"pill-dismiss svelte-13eug5u\"><!></div>"), root_2$51 = /* @__PURE__ */ from_html("<!> <span class=\"pill-text svelte-13eug5u\"> </span> <!>", 1), $$css$80 = {
 	hash: "svelte-13eug5u",
 	code: ".pill.svelte-13eug5u {display:inline-flex;align-items:center;\n    /* A pill is content-width by default. A caller stacking pills into a menu needs\n       them to fill the column and align their labels left, which is a layout choice\n       the call site owns — hence tokens rather than a variant. */width:var(--pill-width, auto);justify-content:var(--pill-justify-content, center);text-align:var(--pill-text-align, center);gap:var(--pill-gap, 4px);background-color:var(--pill-background, var(--_pill-tone-background, #e0e0e0));color:var(--pill-color, var(--_pill-tone-color, #333333));font-size:var(--pill-font-size, 13px);font-weight:var(--pill-font-weight, 500);font-family:var(--pill-font-family);letter-spacing:var(--pill-letter-spacing, normal);text-transform:var(--pill-text-transform, none);padding:var(--pill-padding, 6px 10px);border-radius:var(--pill-border-radius, 999px);border:var(--pill-border, none);\n    /* Non-interactive by default: nothing is clickable, so nothing should look\n       clickable. The pointer default below applies only once role=\"button\" is\n       actually present (see handleClick / `interactive`) — an explicit\n       --pill-cursor still wins in both cases. */cursor:var(--pill-cursor, default);max-width:var(--pill-max-width);line-height:var(--pill-line-height, 1);flex-shrink:var(--pill-flex-shrink);}.pill[role='button'].svelte-13eug5u,\n  button.pill.svelte-13eug5u {cursor:var(--pill-cursor, pointer);}.pill[role='button'].svelte-13eug5u:focus-visible,\n  button.pill.svelte-13eug5u:focus-visible {outline:var(--pill-focus-outline, 2px solid currentColor);outline-offset:var(--pill-focus-outline-offset, 2px);}\n\n  /* A button root arrives with user-agent styling a div never had: a default margin, the\n     native control appearance, and its own font stack. Neutralise exactly those three and\n     nothing else, so `as=\"button\"` is a semantics change and not a visual one.\n\n     Deliberately NOT `font: inherit` here: that shorthand also resets line-height, and this\n     rule outranks .pill on specificity, so it would silently override\n     `--pill-line-height` and make a button chip 5px taller than the identical div. Every\n     other typographic property is already owned by .pill and needs no restatement. */button.pill.svelte-13eug5u {margin:0;font-family:var(--pill-font-family, inherit);appearance:none;-webkit-appearance:none;}\n\n  /* Tone defaults — an internal --_pill-tone-* layer, mirroring how Button's\n     variant classes set --_btn-*: a plain --pill-background/--pill-color\n     (explicit, or via `classes`) always wins over the tone's default. */.tone-accent.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-accent-background, #d1ecf1);--_pill-tone-color: var(--pill-tone-accent-color, #0c5460);}.tone-ok.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-ok-background, #d4edda);--_pill-tone-color: var(--pill-tone-ok-color, #155724);}.tone-warn.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-warn-background, #fff3cd);--_pill-tone-color: var(--pill-tone-warn-color, #856404);}.tone-danger.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-danger-background, #f8d7da);--_pill-tone-color: var(--pill-tone-danger-color, #721c24);}.tone-muted.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-muted-background, #f1f1f1);--_pill-tone-color: var(--pill-tone-muted-color, #6b7280);}.pill.svelte-13eug5u:hover:not(.disabled) {background-color:var(\n      --pill-hover-background,\n      var(--pill-background, var(--_pill-tone-background, #d0d0d0))\n    );color:var(--pill-hover-color, var(--pill-color, var(--_pill-tone-color, #333333)));}.pill.disabled.svelte-13eug5u {opacity:var(--pill-disabled-opacity, 0.4);cursor:var(--pill-disabled-cursor, not-allowed);}.pill-text.svelte-13eug5u {overflow:hidden;text-overflow:var(--pill-text-overflow, ellipsis);white-space:var(--pill-text-white-space, nowrap);}.pill-leading-icon.svelte-13eug5u {display:inline-flex;align-items:center;flex-shrink:0;}.pill-dismiss.svelte-13eug5u {--button-color: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-text-color: var(\n      --pill-dismiss-hover-color,\n      var(--pill-dismiss-color, currentColor)\n    );--cursor: inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}\n\n  /* Consumer themes can set Button tokens on its container, beating inherited\n     wrapper values. Pin the painting element too so the chip owns its enabled\n     glyph; leave disabled colours and focus indicators to the consumer theme. */.pill-dismiss.svelte-13eug5u .button-container,\n  .pill-dismiss.svelte-13eug5u .button-el {--button-color: transparent;--button-background: none;--button-active-background: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-border: none;--button-hover-text-color: var(\n      --pill-dismiss-hover-color,\n      var(--pill-dismiss-color, currentColor)\n    );}.pill-dismiss.svelte-13eug5u svg {width:var(--pill-dismiss-size, 14px);height:var(--pill-dismiss-size, 14px);}"
 };
@@ -6953,7 +6953,7 @@ function Pill(e, t) {
 		var G = sibling(C, 2), at = child(G, !0);
 		reset(G);
 		var ot = sibling(G, 2), ct = (e) => {
-			var t = root_1$68(), n = child(t);
+			var t = root_1$69(), n = child(t);
 			{
 				let e = /* @__PURE__ */ user_derived(() => h()?.trim() || "Dismiss");
 				Button(n, spread_props({
@@ -7008,7 +7008,7 @@ create_custom_element(Pill, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/ChipInput/ChipInput.svelte
-var root$79 = /* @__PURE__ */ from_html("<div class=\"chip-input-edit-wrap svelte-umx72m\"><!></div>"), root_1$67 = /* @__PURE__ */ from_html("<div><!> <div class=\"chip-input-draft-wrap svelte-umx72m\"><!></div></div>"), $$css$79 = {
+var root$79 = /* @__PURE__ */ from_html("<div class=\"chip-input-edit-wrap svelte-umx72m\"><!></div>"), root_1$68 = /* @__PURE__ */ from_html("<div><!> <div class=\"chip-input-draft-wrap svelte-umx72m\"><!></div></div>"), $$css$79 = {
 	hash: "svelte-umx72m",
 	code: ".chip-input.svelte-umx72m {display:flex;flex-wrap:var(--chip-input-flex-wrap, wrap);align-items:var(--chip-input-align-items, center);justify-content:var(--chip-input-justify-content, flex-start);gap:var(--chip-input-gap, 6px);width:var(--chip-input-width, 100%);\n\n    /* Capture the surrounding cascade's Pill and Input values under distinct names, so the\n       per-token mappings below can fall back to them. This has to happen HERE, on the root, where\n       --pill-* and --input-* have not yet been re-declared: reading them in the same declaration\n       that sets them would be a custom-property cycle and would compute to invalid. Consumers that\n       theme Pill/Input app-wide get chips that match the rest of their UI, instead of the library's\n       own values overriding their theme.\n\n       Every token that carries the chip's APPEARANCE is captured here — colour, type, spacing and\n       shape alike. An app whose Pill is a 14px, 16px-radius chip was still getting 13px and a\n       999px pill, because re-declaring a token on the element beats inheriting it no matter which\n       property it is; restoring only the colours left the same bug in a less obvious place.\n       Tokens the component owns STRUCTURALLY — the draft field's inline padding, margin and\n       shadow, and its width/height — deliberately stay fixed, since those position the field among\n       the chips rather than describe how it looks. */--chip-input-pill-background-default: var(--pill-background, #e0e0e0);--chip-input-pill-color-default: var(--pill-color, #333333);--chip-input-pill-dismiss-color-default: var(--pill-dismiss-color, currentColor);--chip-input-pill-font-size-default: var(--pill-font-size, 13px);--chip-input-pill-font-weight-default: var(--pill-font-weight, 500);--chip-input-pill-padding-default: var(--pill-padding, 6px 10px);--chip-input-pill-border-radius-default: var(--pill-border-radius, 999px);--chip-input-pill-border-default: var(--pill-border, none);--chip-input-pill-gap-default: var(--pill-gap, 4px);--chip-input-pill-dismiss-size-default: var(--pill-dismiss-size, 14px);--chip-input-pill-max-width-default: var(--pill-max-width);--chip-input-draft-border-default: var(--input-border, 1px solid transparent);--chip-input-draft-focus-border-default: var(--input-focus-border, 1px solid transparent);--chip-input-draft-radius-default: var(--input-radius, 4px);--chip-input-draft-font-size-default: var(--input-font-size, 13px);}.chip-input-draft-wrap.svelte-umx72m {flex:var(--chip-input-draft-flex, 0 1 auto);}.chip-input-edit-wrap.svelte-umx72m {flex:var(--chip-input-edit-flex, 0 1 auto);}.chip-input.svelte-umx72m .chip-input-pill {--pill-gap: var(--chip-input-pill-gap, var(--chip-input-pill-gap-default));--pill-background: var(--chip-input-pill-background, var(--chip-input-pill-background-default));--pill-color: var(--chip-input-pill-color, var(--chip-input-pill-color-default));--pill-font-size: var(--chip-input-pill-font-size, var(--chip-input-pill-font-size-default));--pill-font-weight: var(\n      --chip-input-pill-font-weight,\n      var(--chip-input-pill-font-weight-default)\n    );--pill-padding: var(--chip-input-pill-padding, var(--chip-input-pill-padding-default));--pill-border-radius: var(\n      --chip-input-pill-border-radius,\n      var(--chip-input-pill-border-radius-default)\n    );--pill-border: var(--chip-input-pill-border, var(--chip-input-pill-border-default));--pill-max-width: var(--chip-input-pill-max-width, var(--chip-input-pill-max-width-default));--pill-dismiss-size: var(\n      --chip-input-pill-dismiss-size,\n      var(--chip-input-pill-dismiss-size-default)\n    );--pill-dismiss-color: var(\n      --chip-input-pill-dismiss-color,\n      var(--chip-input-pill-dismiss-color-default)\n    );}.chip-input-draft-wrap.svelte-umx72m .chip-input-draft {--input-width: var(--chip-input-draft-width, 90px);--input-height: var(--chip-input-draft-height, 28px);--input-border: var(--chip-input-draft-border, var(--chip-input-draft-border-default));--input-radius: var(--chip-input-draft-radius, var(--chip-input-draft-radius-default));--input-focus-border: var(\n      --chip-input-draft-focus-border,\n      var(--chip-input-draft-focus-border-default)\n    );--input-font-size: var(--chip-input-draft-font-size, var(--chip-input-draft-font-size-default));\n\n    /* Structural, not thematic: the draft field sits inline among the chips, so it keeps its own\n       tight padding and no margin or shadow regardless of how the app themes Input elsewhere.\n       Override them per-instance via --chip-input-draft-* if a layout genuinely needs it. */--input-padding: var(--chip-input-draft-padding, 0 2px);--input-margin: 0;--input-box-shadow: none;}\n\n  /* The in-place edit field replaces a Pill for the duration of one edit, so it reuses the same\n     captured --input-* cascade (--chip-input-draft-*-default, above) the draft field maps from --\n     an app that themes Input app-wide gets a matching edit field for free. Only sizing/padding\n     get their own --chip-input-edit-* tokens: the field holds an EXISTING (often longer) value\n     rather than a short in-progress draft, so it defaults wider. */.chip-input-edit-wrap.svelte-umx72m .chip-input-edit {--input-width: var(--chip-input-edit-width, 110px);--input-height: var(--chip-input-edit-height, 28px);\n    /* Fall through the DRAFT token before the captured default: the edit field is the same\n       control as the draft field, wearing the same clothes, so a consumer who themed the draft\n       with --chip-input-draft-* must get a matching edit field without naming it twice. */--input-border: var(\n      --chip-input-edit-border,\n      var(--chip-input-draft-border, var(--chip-input-draft-border-default))\n    );--input-radius: var(\n      --chip-input-edit-radius,\n      var(--chip-input-draft-radius, var(--chip-input-draft-radius-default))\n    );--input-focus-border: var(\n      --chip-input-edit-focus-border,\n      var(--chip-input-draft-focus-border, var(--chip-input-draft-focus-border-default))\n    );--input-font-size: var(\n      --chip-input-edit-font-size,\n      var(--chip-input-draft-font-size, var(--chip-input-draft-font-size-default))\n    );--input-padding: var(--chip-input-edit-padding, 0 8px);--input-margin: 0;--input-box-shadow: none;}"
 };
@@ -7122,7 +7122,7 @@ function ChipInput(e, t) {
 		set onchange(e) {
 			h(e), flushSync();
 		}
-	}, at = root_1$67(), ot = child(at);
+	}, at = root_1$68(), ot = child(at);
 	each(ot, 18, n, (e) => e, (e, t, n) => {
 		var i = comment(), a = first_child(i), l = (e) => {
 			var i = root$79();
@@ -7275,7 +7275,7 @@ customElements.define("sui-chip-input", create_custom_element(ChipInput_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Slider/Slider.svelte
-var root$78 = /* @__PURE__ */ from_html("<span class=\"slider-value svelte-17e64va\"> </span>"), root_1$66 = /* @__PURE__ */ from_html("<div><input type=\"range\" class=\"slider-input svelte-17e64va\"/> <!></div>"), $$css$78 = {
+var root$78 = /* @__PURE__ */ from_html("<span class=\"slider-value svelte-17e64va\"> </span>"), root_1$67 = /* @__PURE__ */ from_html("<div><input type=\"range\" class=\"slider-input svelte-17e64va\"/> <!></div>"), $$css$78 = {
 	hash: "svelte-17e64va",
 	code: ".slider-container.svelte-17e64va {display:flex;align-items:center;gap:12px;width:var(--slider-container-width, 100%);padding:var(--slider-container-padding, 4px 0);}.slider-container.disabled.svelte-17e64va {opacity:var(--slider-disabled-opacity, 0.5);cursor:var(--slider-disabled-cursor, not-allowed);}.slider-input.svelte-17e64va {-webkit-appearance:none;appearance:none;width:100%;height:var(--slider-track-height, 6px);border-radius:var(--slider-track-border-radius, var(--radius, 4px));background:var(\n      --slider-track,\n      linear-gradient(\n        to right,\n        var(--slider-track-active-color, #2196f3) 0%,\n        var(--slider-track-active-color, #2196f3) var(--slider-fill-percent, 0%),\n        var(--slider-track-background, #e0e0e0) var(--slider-fill-percent, 0%),\n        var(--slider-track-background, #e0e0e0) 100%\n      )\n    );outline:none;transition:var(--slider-transition, background 0.2s ease);cursor:pointer;}.slider-container.disabled.svelte-17e64va .slider-input:where(.svelte-17e64va) {cursor:var(--slider-disabled-cursor, not-allowed);pointer-events:none;}.slider-input.svelte-17e64va::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size, 20px);height:var(--slider-thumb-size, 20px);border-radius:var(--slider-thumb-border-radius, 50%);background:var(--slider-thumb-background, #ffffff);border:var(--slider-thumb-border, 2px solid #2196f3);box-shadow:var(--slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));opacity:var(--slider-thumb-opacity, 1);cursor:pointer;transition:transform 0.15s ease,\n      opacity 0.15s ease;}.slider-input.svelte-17e64va::-moz-range-thumb {width:var(--slider-thumb-size, 20px);height:var(--slider-thumb-size, 20px);border-radius:var(--slider-thumb-border-radius, 50%);background:var(--slider-thumb-background, #ffffff);border:var(--slider-thumb-border, 2px solid #2196f3);box-shadow:var(--slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));opacity:var(--slider-thumb-opacity, 1);cursor:pointer;transition:transform 0.15s ease,\n      opacity 0.15s ease;}.slider-input.svelte-17e64va:hover::-webkit-slider-thumb {transform:scale(var(--slider-thumb-hover-scale, 1.15));opacity:var(--slider-thumb-hover-opacity, var(--slider-thumb-opacity, 1));}.slider-input.svelte-17e64va:hover::-moz-range-thumb {transform:scale(var(--slider-thumb-hover-scale, 1.15));opacity:var(--slider-thumb-hover-opacity, var(--slider-thumb-opacity, 1));}.slider-input.svelte-17e64va:focus-visible::-webkit-slider-thumb {outline:var(--slider-focus-ring, 2px solid #2196f3);outline-offset:2px;}.slider-input.svelte-17e64va:focus-visible::-moz-range-thumb {outline:var(--slider-focus-ring, 2px solid #2196f3);outline-offset:2px;}.slider-input.svelte-17e64va::-moz-range-track {height:var(--slider-track-height, 6px);border-radius:var(--slider-track-border-radius, var(--radius, 4px));background:transparent;}.slider-value.svelte-17e64va {font-size:var(--slider-value-font-size, 14px);font-weight:var(--slider-value-font-weight, 500);color:var(--slider-value-color, #333333);white-space:nowrap;}"
 };
@@ -7367,7 +7367,7 @@ function Slider(e, t) {
 		set classes(e) {
 			C(e), flushSync();
 		}
-	}, G = root_1$66();
+	}, G = root_1$67();
 	let be;
 	var Me = child(G);
 	remove_input_defaults(Me);
@@ -7398,7 +7398,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/SplitInput/SplitInput.svelte
-var root$77 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$65 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$50 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$45 = /* @__PURE__ */ from_html("<div></div>"), $$css$77 = {
+var root$77 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$66 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$50 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$45 = /* @__PURE__ */ from_html("<div></div>"), $$css$77 = {
 	hash: "svelte-1gcz5cs",
 	code: ".field-group.svelte-1gcz5cs {display:flex;align-items:flex-start;gap:var(--field-group-gap, 8px);width:var(--field-group-width, fit-content);}.field-group-item.svelte-1gcz5cs {display:flex;flex-direction:column;align-items:center;gap:var(--field-group-label-gap, 3px);flex:1;min-width:0;}.field-group-item.svelte-1gcz5cs .field-group-input {--input-border: var(--field-group-border, 1px solid #d1d5db);--input-radius: var(--field-group-border-radius, 6px);--input-focus-border: var(--field-group-focus-border, 1px solid #3b82f6);--input-width: var(--field-group-input-width, 100%);--input-height: var(--field-group-input-height, 36px);--input-text-align: var(--field-group-text-align, center);--input-font-size: var(--field-group-font-size, 14px);--input-font-weight: var(--field-group-font-weight, 500);--input-font-family: var(--field-group-font-family);--input-padding: var(--field-group-input-padding, 0 6px);--input-margin: 0;--input-box-shadow: none;}.field-group-label.svelte-1gcz5cs {font-size:var(--field-group-label-font-size, 10px);font-weight:var(--field-group-label-font-weight, 500);color:var(--field-group-label-color, #9ca3af);text-transform:uppercase;letter-spacing:0.05em;}.field-group-separator.svelte-1gcz5cs {display:flex;align-items:center;height:var(--field-group-input-height, 36px);font-size:var(--field-group-separator-font-size, 16px);color:var(--field-group-separator-color, #9ca3af);flex-shrink:0;}"
 };
@@ -7600,7 +7600,7 @@ function SplitInput(e, t) {
 			}), (e, t) => get(k)[t] = e, (e) => get(k)?.[e], () => [n]);
 		}
 		var f = sibling(u, 2), p = (e) => {
-			var n = root_1$65(), i = child(n, !0);
+			var n = root_1$66(), i = child(n, !0);
 			reset(n), template_effect(() => set_text(i, get(t).label)), append(e, n);
 		};
 		if_block(f, (e) => {
@@ -7625,7 +7625,7 @@ create_custom_element(SplitInput, {
 }, [], ["clear", "focus"], { mode: "open" });
 //#endregion
 //#region src/lib/assets/swap-vertical.svg?raw
-var swap_vertical_default = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M7 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M3 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M17 20V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M13 16l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$76 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$64 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$49 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$44 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"color-picker-popover svelte-ka7yhu\" role=\"dialog\" aria-label=\"Color picker\"><div class=\"cp-sat-panel svelte-ka7yhu\" role=\"slider\" aria-label=\"Saturation and brightness\"><div class=\"cp-sat-white svelte-ka7yhu\"></div> <div class=\"cp-sat-black svelte-ka7yhu\"></div> <div class=\"cp-sat-thumb svelte-ka7yhu\"></div></div> <div class=\"cp-hue-slider svelte-ka7yhu\"><!></div> <div class=\"cp-inputs svelte-ka7yhu\"><div class=\"cp-preview svelte-ka7yhu\"></div> <!> <div class=\"cp-mode-toggle svelte-ka7yhu\"><!></div></div></div>"), root_5$29 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$76 = {
+var swap_vertical_default = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M7 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M3 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M17 20V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M13 16l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$76 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$65 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$49 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$44 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"color-picker-popover svelte-ka7yhu\" role=\"dialog\" aria-label=\"Color picker\"><div class=\"cp-sat-panel svelte-ka7yhu\" role=\"slider\" aria-label=\"Saturation and brightness\"><div class=\"cp-sat-white svelte-ka7yhu\"></div> <div class=\"cp-sat-black svelte-ka7yhu\"></div> <div class=\"cp-sat-thumb svelte-ka7yhu\"></div></div> <div class=\"cp-hue-slider svelte-ka7yhu\"><!></div> <div class=\"cp-inputs svelte-ka7yhu\"><div class=\"cp-preview svelte-ka7yhu\"></div> <!> <div class=\"cp-mode-toggle svelte-ka7yhu\"><!></div></div></div>"), root_5$29 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$76 = {
 	hash: "svelte-ka7yhu",
 	code: "\n  /* ── Container ─────────────────────────────────────────────── */.color-picker-container.svelte-ka7yhu {display:flex;flex-direction:column;gap:var(--color-picker-gap, 8px);width:var(--color-picker-width, fit-content);position:relative;}.color-picker-container.disabled.svelte-ka7yhu {opacity:var(--color-picker-disabled-opacity, 0.5);cursor:not-allowed;}.color-picker-label.svelte-ka7yhu {font-size:var(--color-picker-label-font-size, 13px);font-weight:var(--color-picker-label-font-weight, 500);color:var(--color-picker-label-color, #374151);letter-spacing:var(--color-picker-label-letter-spacing, 0.01em);}\n\n  /* ── Trigger row ───────────────────────────────────────────── */.color-picker-row.svelte-ka7yhu {display:flex;align-items:center;gap:var(--color-picker-row-gap, 0px);}.color-picker-swatch-btn.svelte-ka7yhu {--button-color: var(--color-picker-swatch-btn-background, #f9fafb);--button-border: var(--color-picker-swatch-btn-border, 1px solid #d1d5db);--button-border-radius: var(\n      --color-picker-swatch-btn-border-radius,\n      var(--radius, 4px) 0 0 var(--radius, 4px)\n    );--button-hover-color: var(--color-picker-swatch-btn-hover-background, #f3f4f6);--button-padding: var(--color-picker-swatch-padding, 5px);--button-width: fit-content;flex-shrink:0;}.color-picker-swatch-btn.standalone.svelte-ka7yhu {--button-border-radius: var(--color-picker-swatch-btn-border-radius, var(--radius, 4px));}.color-picker-checkerboard.svelte-ka7yhu {display:block;width:var(--color-picker-swatch-size, 26px);height:var(--color-picker-swatch-size, 26px);border-radius:var(--color-picker-swatch-border-radius, var(--radius, 4px));overflow:hidden;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),\n      linear-gradient(-45deg, #ccc 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, #ccc 75%),\n      linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0,\n      0 4px,\n      4px -4px,\n      -4px 0px;flex-shrink:0;}.color-picker-swatch.svelte-ka7yhu {display:block;width:100%;height:100%;border-radius:inherit;box-shadow:var(--color-picker-swatch-inner-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.08));}.color-picker-input-wrap.svelte-ka7yhu {flex:1;min-width:0;}.color-picker-input-wrap.svelte-ka7yhu .color-picker-text-input {--input-border: 1px solid #d1d5db;--input-radius: 0 10px 10px 0;--input-margin: 0;--input-padding: 8px 12px;--input-font-size: 13px;--input-font-weight: 500;--input-font-family: var(\n      --color-picker-mono-font,\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace\n    );--input-box-shadow: none;--input-width: 100%;--input-height: var(--color-picker-input-height, 38px);--input-text-transform: var(--color-picker-value-text-transform, none);margin-left:-1px;}\n\n  /* ── Popover ───────────────────────────────────────────────── */.color-picker-popover.svelte-ka7yhu {position:absolute;top:100%;left:0;z-index:var(--color-picker-popover-z-index, 50);margin-top:6px;width:var(--color-picker-popover-width, 280px);padding:var(--color-picker-popover-padding, 12px);background:var(--color-picker-popover-background, #ffffff);border:var(--color-picker-popover-border, 1px solid #e5e7eb);border-radius:var(--color-picker-popover-border-radius, var(--radius, 4px));box-shadow:var(\n      --color-picker-popover-shadow,\n      0 4px 24px rgba(0, 0, 0, 0.12),\n      0 1px 4px rgba(0, 0, 0, 0.06)\n    );display:flex;flex-direction:column;gap:12px;touch-action:none;}\n\n  /* ── Saturation / brightness panel ─────────────────────────── */.cp-sat-panel.svelte-ka7yhu {position:relative;width:100%;aspect-ratio:1 / 0.7;border-radius:var(--color-picker-panel-border-radius, var(--radius, 4px));cursor:crosshair;overflow:hidden;user-select:none;}.cp-sat-white.svelte-ka7yhu {position:absolute;inset:0;background:linear-gradient(to right, #ffffff, transparent);border-radius:inherit;}.cp-sat-black.svelte-ka7yhu {position:absolute;inset:0;background:linear-gradient(to bottom, transparent, #000000);border-radius:inherit;}.cp-sat-thumb.svelte-ka7yhu {position:absolute;width:16px;height:16px;border-radius:50%;border:2.5px solid #ffffff;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.15),\n      0 1px 4px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);pointer-events:none;}\n\n  /* ── Hue slider ────────────────────────────────────────────── */.cp-hue-slider.svelte-ka7yhu {--slider-container-padding: 0;--slider-track: linear-gradient(\n      to right,\n      #ff0000 0%,\n      #ffff00 16.67%,\n      #00ff00 33.33%,\n      #00ffff 50%,\n      #0000ff 66.67%,\n      #ff00ff 83.33%,\n      #ff0000 100%\n    );--slider-track-height: 14px;--slider-track-border-radius: 7px;--slider-thumb-size: 18px;--slider-thumb-background: #ffffff;--slider-thumb-border: 2.5px solid #ffffff;--slider-thumb-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.25);}\n\n  /* ── Input fields ──────────────────────────────────────────── */.cp-inputs.svelte-ka7yhu {display:flex;align-items:flex-start;gap:6px;}.cp-preview.svelte-ka7yhu {width:36px;height:36px;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.08);flex-shrink:0;}.cp-field-hex.svelte-ka7yhu {display:flex;flex-direction:column;align-items:center;gap:3px;flex:3;min-width:0;}.cp-field-hex.svelte-ka7yhu .cp-field-input {--input-border: 1px solid var(--color-picker-field-border, #d1d5db);--input-radius: 6px;--input-margin: 0;--input-padding: 0 6px;--input-font-size: 12px;--input-font-weight: 500;--input-font-family: var(\n      --color-picker-mono-font,\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace\n    );--input-text-color: var(--color-picker-field-color, #374151);--input-background: var(--color-picker-field-background, #ffffff);--input-box-shadow: none;--input-width: 100%;--input-height: 32px;--input-text-align: center;--input-focus-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--input-text-transform: var(--color-picker-value-text-transform, none);}.cp-split-input.svelte-ka7yhu {--field-group-gap: 6px;--field-group-border: 1px solid var(--color-picker-field-border, #d1d5db);--field-group-border-radius: 6px;--field-group-focus-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--field-group-input-height: 32px;--field-group-font-size: 12px;--field-group-font-weight: 500;--field-group-font-family: var(\n      --color-picker-mono-font,\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      monospace\n    );--field-group-label-color: var(--color-picker-field-label-color, #9ca3af);flex:1;min-width:0;}.cp-field-label.svelte-ka7yhu {font-size:10px;font-weight:500;color:var(--color-picker-field-label-color, #9ca3af);text-transform:uppercase;letter-spacing:0.05em;}.cp-mode-toggle.svelte-ka7yhu {--button-color: var(--color-picker-field-background, #ffffff);--button-border: 1px solid var(--color-picker-field-border, #d1d5db);--button-border-radius: 6px;--button-padding: 0;--button-width: 28px;--button-height: 32px;--button-text-color: var(--color-picker-field-label-color, #9ca3af);--button-hover-color: var(--color-picker-field-background, #ffffff);--button-hover-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--button-hover-text-color: var(--color-picker-field-color, #374151);flex-shrink:0;}"
 };
@@ -7755,7 +7755,7 @@ function ColorPicker(e, t) {
 			return get(f);
 		},
 		children: (e, t) => {
-			var i = root_1$64(), a = child(i);
+			var i = root_1$65(), a = child(i);
 			reset(i), template_effect(() => set_style(a, `background-color: ${n() ?? ""};`)), append(e, i);
 		},
 		$$slots: { default: !0 }
@@ -7984,7 +7984,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Combobox/Combobox.svelte
-var root$75 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$63 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$43 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$34 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$28 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$24 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$21 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$19 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$14 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$10 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$75 = {
+var root$75 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$64 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$43 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$34 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$28 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$24 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$21 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$19 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$14 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$10 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$75 = {
 	hash: "svelte-178p70i",
 	code: ".combobox.svelte-178p70i {position:relative;width:var(--combobox-width, 100%);font-family:var(--combobox-font-family, inherit);font-size:var(--combobox-font-size, 14px);color:var(--combobox-color, #333333);}.combobox.disabled.svelte-178p70i {opacity:var(--combobox-disabled-opacity, 0.5);cursor:var(--combobox-disabled-cursor, not-allowed);pointer-events:none;}.combobox-input-wrapper.svelte-178p70i {display:flex;align-items:center;background:var(--combobox-input-background, #ffffff);border:var(--combobox-input-border, 1px solid #cccccc);border-radius:var(--combobox-input-border-radius, var(--radius, 4px));transition:var(--combobox-input-transition, border-color 0.15s, box-shadow 0.15s);}\n\n  /* Multi-select control: pills wrap above the typeahead input. */.combobox-input-wrapper.multiple.svelte-178p70i {flex-wrap:wrap;gap:var(--combobox-pill-gap, 4px);padding:var(--combobox-multiple-padding, 4px 6px);cursor:text;}.combobox-input-wrapper.svelte-178p70i:hover {border-color:var(--combobox-input-hover-border-color, #999999);}.combobox-input-wrapper.svelte-178p70i:focus-within {border-color:var(--combobox-input-focus-border-color, #2563eb);box-shadow:var(--combobox-input-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.combobox-input-prefix.svelte-178p70i {display:flex;align-items:center;padding-left:var(--combobox-input-prefix-padding, 8px);flex-shrink:0;}.combobox-input-suffix.svelte-178p70i {display:flex;align-items:center;padding-right:var(--combobox-input-suffix-padding, 8px);flex-shrink:0;}.combobox-input.svelte-178p70i {flex:1;min-width:0;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: 0;--input-width: 100%;--input-padding: var(--combobox-input-padding, 8px 12px);--input-background: transparent;--input-font-size: inherit;--input-font-family: inherit;--input-font-weight: inherit;--input-text-color: inherit;--input-radius: 0;}.combobox-input-wrapper.multiple.svelte-178p70i .combobox-input:where(.svelte-178p70i) {flex:1 1 60px;min-width:60px;--input-padding: var(--combobox-multiple-input-padding, 2px 4px);}.combobox-input.svelte-178p70i::placeholder {color:var(--combobox-placeholder-color, #999999);}.combobox-dropdown.svelte-178p70i {position:absolute;top:var(--combobox-dropdown-top, 100%);left:var(--combobox-dropdown-left, 0);right:var(--combobox-dropdown-right, 0);margin-top:var(--combobox-dropdown-gap, 4px);background:var(--combobox-dropdown-background, #ffffff);border:var(--combobox-dropdown-border, 1px solid #cccccc);border-radius:var(--combobox-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--combobox-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--combobox-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--combobox-dropdown-z-index, 10);padding:var(--combobox-dropdown-padding, 0);}.combobox-option.svelte-178p70i {display:flex;align-items:center;gap:var(--combobox-option-gap, 8px);padding:var(--combobox-option-padding, 8px 12px);color:var(--combobox-option-color, #333333);font-size:var(--combobox-option-font-size, inherit);font-weight:var(--combobox-option-font-weight, inherit);cursor:pointer;transition:background 0.1s;}.combobox-option.svelte-178p70i:hover,\n  .combobox-option.highlighted.svelte-178p70i {background:var(--combobox-option-hover-background, #f0f0f0);color:var(--combobox-option-hover-color, var(--combobox-option-color, #333333));}.combobox-option.selected.svelte-178p70i {background:var(--combobox-option-selected-background, #e8f0fe);color:var(--combobox-option-selected-color, var(--combobox-option-color, #333333));font-weight:var(\n      --combobox-option-selected-font-weight,\n      var(--combobox-option-font-weight, inherit)\n    );}.combobox-option.selected.highlighted.svelte-178p70i {background:var(\n      --combobox-option-selected-hover-background,\n      var(--combobox-option-selected-background, #e8f0fe)\n    );}.combobox-option-disabled.svelte-178p70i {opacity:var(--combobox-option-disabled-opacity, 0.4);cursor:var(--combobox-option-disabled-cursor, not-allowed);pointer-events:none;}.combobox-create.svelte-178p70i {color:var(--combobox-create-color, #2563eb);}.combobox-action.svelte-178p70i {color:var(--combobox-action-color, #374151);}.combobox-option.with-divider.svelte-178p70i {border-top:var(--combobox-divider, 1px solid #e5e7eb);}.combobox-create-icon.svelte-178p70i,\n  .combobox-action-icon.svelte-178p70i {display:inline-flex;align-items:center;flex-shrink:0;}.combobox-action-icon.svelte-178p70i svg {width:14px;height:14px;}.combobox-limit.svelte-178p70i {display:flex;align-items:center;gap:6px;padding:var(--combobox-limit-padding, 8px 12px);font-size:var(--combobox-limit-font-size, 13px);font-weight:500;color:var(--combobox-limit-color, #b45309);background:var(--combobox-limit-background, #fffbeb);}.combobox-dropdown-header.svelte-178p70i {border-bottom:var(--combobox-dropdown-header-border, none);padding:var(--combobox-dropdown-header-padding, 0);}.combobox-dropdown-footer.svelte-178p70i {border-top:var(--combobox-dropdown-footer-border, none);padding:var(--combobox-dropdown-footer-padding, 0);}.combobox-empty.svelte-178p70i {padding:var(--combobox-empty-padding, 8px 12px);color:var(--combobox-empty-color, #999999);font-style:var(--combobox-empty-font-style, italic);}"
 };
@@ -8431,7 +8431,7 @@ function Combobox(e, t) {
 	}
 	reset(wn);
 	var En = sibling(wn, 2), Dn = (e) => {
-		var t = root_1$63();
+		var t = root_1$64();
 		snippet(child(t), be), reset(t), append(e, t);
 	};
 	if_block(En, (e) => {
@@ -8760,7 +8760,7 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/assets/search.svg?raw
-var search_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n  <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line>\n</svg>\n", root$74 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$62 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$47 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$42 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$33 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$27 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$23 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$20 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$18 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$13 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" aria-label=\"Command menu\" tabindex=\"-1\"><div class=\"command-menu-dialog svelte-rk55q\"><div class=\"command-menu-input-wrapper svelte-rk55q\"><!> <input type=\"text\" class=\"command-menu-input svelte-rk55q\" autocomplete=\"off\" spellcheck=\"false\" role=\"combobox\" aria-autocomplete=\"list\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$74 = {
+var search_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n  <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line>\n</svg>\n", root$74 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$63 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$47 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$42 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$33 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$27 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$23 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$20 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$18 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$13 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" aria-label=\"Command menu\" tabindex=\"-1\"><div class=\"command-menu-dialog svelte-rk55q\"><div class=\"command-menu-input-wrapper svelte-rk55q\"><!> <input type=\"text\" class=\"command-menu-input svelte-rk55q\" autocomplete=\"off\" spellcheck=\"false\" role=\"combobox\" aria-autocomplete=\"list\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$74 = {
 	hash: "svelte-rk55q",
 	code: ".command-menu-overlay.svelte-rk55q {position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--command-menu-overlay-background, rgba(0, 0, 0, 0.5));display:flex;align-items:var(--command-menu-overlay-align, flex-start);justify-content:center;padding-top:var(--command-menu-overlay-padding-top, 20vh);z-index:var(--command-menu-z-index, 50);-webkit-tap-highlight-color:transparent;}.command-menu-dialog.svelte-rk55q {background-color:var(--command-menu-background, #ffffff);border-radius:var(--command-menu-border-radius, var(--radius, 4px));box-shadow:var(--command-menu-box-shadow, 0 16px 70px rgba(0, 0, 0, 0.2));width:var(--command-menu-width, 560px);max-width:var(--command-menu-max-width, 90vw);max-height:var(--command-menu-max-height, 60vh);display:flex;flex-direction:column;overflow:hidden;border:var(--command-menu-border, 1px solid #e2e8f0);}.command-menu-input-wrapper.svelte-rk55q {display:flex;align-items:center;padding:var(--command-menu-input-wrapper-padding, 12px 16px);gap:var(--command-menu-input-wrapper-gap, 10px);}.command-menu-search-icon.svelte-rk55q {display:inline-flex;align-items:center;justify-content:center;width:var(--command-menu-search-icon-size, 20px);height:var(--command-menu-search-icon-size, 20px);color:var(--command-menu-search-icon-color, #94a3b8);flex-shrink:0;}.command-menu-search-icon.svelte-rk55q svg {width:100%;height:100%;}.command-menu-input.svelte-rk55q {flex:1;border:none;outline:none;background:transparent;font-size:var(--command-menu-input-font-size, 16px);font-family:var(--command-menu-input-font-family, inherit);font-weight:var(--command-menu-input-font-weight, 400);color:var(--command-menu-input-color, #1e293b);caret-color:var(--command-menu-input-caret-color, #3b82f6);}.command-menu-input.svelte-rk55q::placeholder {color:var(--command-menu-input-placeholder-color, #94a3b8);}.command-menu-separator.svelte-rk55q {height:var(--command-menu-separator-height, 1px);background-color:var(--command-menu-separator-color, #e2e8f0);flex-shrink:0;}.command-menu-list.svelte-rk55q {overflow-y:auto;padding:var(--command-menu-list-padding, 8px);scrollbar-width:var(--command-menu-scrollbar-width, thin);}.command-menu-empty.svelte-rk55q {padding:var(--command-menu-empty-padding, 32px 16px);text-align:center;color:var(--command-menu-empty-color, #94a3b8);font-size:var(--command-menu-empty-font-size, 14px);font-style:var(--command-menu-empty-font-style, normal);}.command-menu-group-heading.svelte-rk55q {padding:var(--command-menu-group-heading-padding, 8px 12px 4px);font-size:var(--command-menu-group-heading-font-size, 12px);font-weight:var(--command-menu-group-heading-font-weight, 600);color:var(--command-menu-group-heading-color, #94a3b8);text-transform:var(--command-menu-group-heading-text-transform, uppercase);letter-spacing:var(--command-menu-group-heading-letter-spacing, 0.05em);}.command-menu-item.svelte-rk55q {display:flex;align-items:center;padding:var(--command-menu-item-padding, 10px 12px);border-radius:var(--command-menu-item-border-radius, var(--radius, 4px));cursor:pointer;gap:var(--command-menu-item-gap, 10px);font-size:var(--command-menu-item-font-size, 14px);color:var(--command-menu-item-color, #334155);transition:background-color 0.1s;background:none;border:none;width:100%;text-align:left;font-family:inherit;}.command-menu-item.active.svelte-rk55q {background-color:var(--command-menu-item-active-background, #f1f5f9);color:var(--command-menu-item-active-color, #0f172a);}.command-menu-item.disabled.svelte-rk55q {opacity:var(--command-menu-item-disabled-opacity, 0.4);cursor:not-allowed;}.command-menu-item-icon.svelte-rk55q {display:flex;align-items:center;justify-content:center;flex-shrink:0;}.command-menu-item-icon-img-wrapper.svelte-rk55q {--image-width: var(--command-menu-item-icon-size, 20px);--image-height: var(--command-menu-item-icon-size, 20px);\n\n    /* Mirrors --command-menu-search-icon-color, which this component already had. */color:var(--command-menu-item-icon-color, inherit);flex-shrink:0;display:flex;align-items:center;justify-content:center;}.command-menu-item-label.svelte-rk55q {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.command-menu-item-shortcut.svelte-rk55q {display:flex;align-items:center;gap:var(--command-menu-shortcut-gap, 4px);flex-shrink:0;}.command-menu-kbd.svelte-rk55q {display:inline-flex;align-items:center;justify-content:center;min-width:var(--command-menu-kbd-min-width, 24px);height:var(--command-menu-kbd-height, 22px);padding:var(--command-menu-kbd-padding, 0 6px);border-radius:var(--command-menu-kbd-border-radius, var(--radius, 4px));background-color:var(--command-menu-kbd-background, #f1f5f9);border:var(--command-menu-kbd-border, 1px solid #e2e8f0);color:var(--command-menu-kbd-color, #64748b);font-size:var(--command-menu-kbd-font-size, 11px);font-family:var(--command-menu-kbd-font-family, inherit);font-weight:var(--command-menu-kbd-font-weight, 500);box-shadow:var(--command-menu-kbd-box-shadow, 0 1px 0 #e2e8f0);}"
 };
@@ -8942,7 +8942,7 @@ function CommandMenu(e, t) {
 		var G = sibling(f, 2);
 		remove_input_defaults(G), bind_this(G, (e) => set(R, e), () => get(R)), reset(a);
 		var it = sibling(a, 4), ot = child(it), lt = (e) => {
-			var t = root_1$62(), n = child(t, !0);
+			var t = root_1$63(), n = child(t, !0);
 			reset(t), template_effect(() => set_text(n, s())), append(e, t);
 		}, ut = (e) => {
 			var t = comment();
@@ -9070,7 +9070,7 @@ customElements.define("sui-command-menu", create_custom_element(CommandMenu_wc,
 }, ["search-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Gauge/Gauge.svelte
-var root$73 = /* @__PURE__ */ from_html("<div class=\"label svelte-ms0oc6\"> </div>"), root_1$61 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><svg class=\"svelte-ms0oc6\"><circle class=\"track svelte-ms0oc6\" fill=\"none\"></circle><circle class=\"bar svelte-ms0oc6\" fill=\"none\" stroke-linecap=\"round\"></circle></svg> <!></div>"), $$css$73 = {
+var root$73 = /* @__PURE__ */ from_html("<div class=\"label svelte-ms0oc6\"> </div>"), root_1$62 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><svg class=\"svelte-ms0oc6\"><circle class=\"track svelte-ms0oc6\" fill=\"none\"></circle><circle class=\"bar svelte-ms0oc6\" fill=\"none\" stroke-linecap=\"round\"></circle></svg> <!></div>"), $$css$73 = {
 	hash: "svelte-ms0oc6",
 	code: ".gauge.svelte-ms0oc6 {position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--gauge-size, 120px);height:var(--gauge-size, 120px);}svg.svelte-ms0oc6 {display:block;width:100%;height:100%;}.track.svelte-ms0oc6 {stroke:var(--gauge-track-color, #e0e0e0);stroke-width:var(--gauge-stroke-width, 8);}.bar.svelte-ms0oc6 {stroke:var(--gauge-bar-color, #2196f3);stroke-width:var(--gauge-stroke-width, 8);transition:stroke-dashoffset var(--gauge-transition-duration, 0.3s) ease;}.label.svelte-ms0oc6 {position:absolute;font-size:var(--gauge-label-font-size, 24px);font-weight:var(--gauge-label-font-weight, 600);font-family:var(--gauge-label-font-family, inherit);color:var(--gauge-label-color, #333);}"
 };
@@ -9120,7 +9120,7 @@ function Gauge(e, t) {
 		set classes(e) {
 			l(e), flushSync();
 		}
-	}, te = root_1$61();
+	}, te = root_1$62();
 	set_attribute(te, "aria-valuemin", 0), set_attribute(te, "aria-valuemax", 100);
 	var ne = child(te);
 	set_attribute(ne, "viewBox", "0 0 100 100");
@@ -9305,7 +9305,7 @@ customElements.define("sui-grid-item", create_custom_element(GridItem_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Icon/Icon.svelte
-var root$71 = /* @__PURE__ */ from_html("<span class=\"icon-svg svelte-15st86u\"></span>"), root_1$60 = /* @__PURE__ */ from_html("<div class=\"icon-text svelte-15st86u\"> </div>"), root_2$46 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!> <!></div>"), $$css$71 = {
+var root$71 = /* @__PURE__ */ from_html("<span class=\"icon-svg svelte-15st86u\"></span>"), root_1$61 = /* @__PURE__ */ from_html("<div class=\"icon-text svelte-15st86u\"> </div>"), root_2$46 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!> <!></div>"), $$css$71 = {
 	hash: "svelte-15st86u",
 	code: ".icon-container.svelte-15st86u {display:flex;padding:var(--icon-container-paddding, 4px);flex-direction:var(--icon-container-direction, column);align-items:center;cursor:pointer;}\n  /* Direct child only: the @html branch's svg lives inside .icon-svg and keeps\n     its own 100% sizing rule below. */.icon-container.svelte-15st86u > img,\n  .icon-container.svelte-15st86u > svg {height:var(--icon-height, 20px);width:var(--icon-width, 20px);padding:var(--icon-padding, 4px);}.icon-svg.svelte-15st86u {display:inline-flex;align-items:center;justify-content:center;width:var(--icon-width, 20px);height:var(--icon-height, 20px);padding:var(--icon-padding, 4px);color:var(--icon-svg-color, currentColor);}.icon-svg.svelte-15st86u svg {width:100%;height:100%;}.icon-text.svelte-15st86u {display:flex;padding:var(--icon-text-padding, 4px);flex-direction:var(--icon-text-direction, column);font-size:var(--icon-text-font-size, 12px);}"
 };
@@ -9372,7 +9372,7 @@ function Icon(e, t) {
 		typeof i() == "string" && i().length > 0 ? e(h) : n() && e(S, 1);
 	});
 	var C = sibling(p, 2), k = (e) => {
-		var t = root_1$60(), n = child(t, !0);
+		var t = root_1$61(), n = child(t, !0);
 		reset(t), template_effect(() => set_text(n, a())), append(e, t);
 	};
 	return if_block(C, (e) => {
@@ -9429,7 +9429,7 @@ customElements.define("sui-icon", create_custom_element(Icon_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/IconStack/IconStack.svelte
-var root$70 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$41 = /* @__PURE__ */ from_html("<div></div>"), $$css$70 = {
+var root$70 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$60 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$41 = /* @__PURE__ */ from_html("<div></div>"), $$css$70 = {
 	hash: "svelte-1upirm6",
 	code: ".stack-container.svelte-1upirm6 {display:flex;margin:var(--stack-container-margin, 0px);}.stack-icon.svelte-1upirm6 {display:flex;width:var(--stack-icon-width, 36px);height:var(--stack-icon-height, 36px);background:var(--stack-icon-bg, white);border-radius:var(--stack-icon-radius, 50%);margin:var(--stack-icon-margin, 0px 0px 0px -14px);align-items:var(--stack-icon-align-items, center);border:var(--stack-icon-border, 1px solid #ffffff40);justify-content:var(--stack-icon-justify-content, center);box-shadow:var(--stack-icon-shadow, 0 2px 4px #00000026);}.stack-icon.svelte-1upirm6 img:where(.svelte-1upirm6) {width:var(--stack-img-width, 36px);height:var(--stack-img-height, 36px);}.text-container.svelte-1upirm6 {display:flex;width:var(--text-conatiner-width, 36px);height:var(--text-conatiner-height, 36px);align-items:var(--text-container-align-items, center);justify-content:var(--text-container-justify-content, center);}.text-container.svelte-1upirm6 span:where(.svelte-1upirm6) {color:var(--text-color, #666);font-size:var(--text-size, 13px);font-weight:var(--text-weight, 500);text-align:var(--text-align, center);}"
 };
@@ -9463,7 +9463,7 @@ function IconStack(e, t) {
 			var n = root$70();
 			template_effect(() => set_attribute(n, "src", get(t).content)), append(e, n);
 		}, l = (e) => {
-			var n = root_1$59(), i = child(n), a = child(i, !0);
+			var n = root_1$60(), i = child(n), a = child(i, !0);
 			reset(i), reset(n), template_effect(() => set_text(a, get(t).content)), append(e, n);
 		};
 		if_block(s, (e) => {
@@ -9500,7 +9500,7 @@ customElements.define("sui-icon-stack", create_custom_element(IconStack_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/IframeViewer/IframeViewer.svelte
-var root$69 = /* @__PURE__ */ from_html("<iframe></iframe>"), root_1$58 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$69 = {
+var root$69 = /* @__PURE__ */ from_html("<iframe></iframe>"), root_1$59 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$69 = {
 	hash: "svelte-18ttvcs",
 	code: ".iframe-viewer.svelte-18ttvcs {width:var(--iframe-viewer-width, 100%);height:var(--iframe-viewer-height, 100%);display:flex;}iframe.svelte-18ttvcs {width:100%;height:100%;border:var(--iframe-viewer-border, none);border-radius:var(--iframe-viewer-border-radius, 0);}"
 };
@@ -9584,7 +9584,7 @@ function IframeViewer(e, t) {
 		set onmessage(e = () => {}) {
 			h(e), flushSync();
 		}
-	}, te = root_1$58(), ne = child(te), re = (e) => {
+	}, te = root_1$59(), ne = child(te), re = (e) => {
 		var t = root$69();
 		attribute_effect(t, () => ({
 			src: n(),
@@ -9932,7 +9932,7 @@ customElements.define("sui-input", create_custom_element(Input_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/KeyboardInput/KeyboardInput.svelte
-var root$68 = /* @__PURE__ */ from_html("<span class=\"separator svelte-14lwsom\"> </span>"), root_1$57 = /* @__PURE__ */ from_html("<!> <kbd class=\"key svelte-14lwsom\"> </kbd>", 1), root_2$44 = /* @__PURE__ */ from_html("<span></span>"), $$css$68 = {
+var root$68 = /* @__PURE__ */ from_html("<span class=\"separator svelte-14lwsom\"> </span>"), root_1$58 = /* @__PURE__ */ from_html("<!> <kbd class=\"key svelte-14lwsom\"> </kbd>", 1), root_2$44 = /* @__PURE__ */ from_html("<span></span>"), $$css$68 = {
 	hash: "svelte-14lwsom",
 	code: ".keyboard-input.svelte-14lwsom {display:inline-flex;align-items:center;gap:var(--keyboard-input-gap, 4px);font-family:var(--keyboard-input-font-family, inherit);font-size:var(--keyboard-input-font-size, 13px);vertical-align:baseline;cursor:var(--keyboard-input-cursor, default);}.separator.svelte-14lwsom {color:var(--keyboard-input-separator-color, #888888);font-size:var(--keyboard-input-separator-font-size, 0.85em);user-select:none;}.key.svelte-14lwsom {display:inline-flex;align-items:center;justify-content:center;font-family:var(--keyboard-input-key-font-family, inherit);font-weight:var(--keyboard-input-key-font-weight, 500);color:var(--keyboard-input-key-color, #333333);background-color:var(--keyboard-input-key-background, #f5f5f5);border:var(--keyboard-input-key-border, 1px solid #d1d1d1);border-radius:var(--keyboard-input-key-border-radius, var(--radius, 4px));box-shadow:var(--keyboard-input-key-box-shadow, 0 1px 0 #c4c4c4);min-width:var(--keyboard-input-key-min-width, 1.6em);padding:var(--keyboard-input-key-padding, 2px 6px);text-align:center;white-space:nowrap;line-height:1;}"
 };
@@ -10003,7 +10003,7 @@ function KeyboardInput(e, t) {
 		}
 	}, C = root_2$44();
 	return each(C, 21, () => get(u), index, (e, t, n) => {
-		var a = root_1$57(), o = first_child(a), s = (e) => {
+		var a = root_1$58(), o = first_child(a), s = (e) => {
 			var t = root$68(), n = child(t, !0);
 			reset(t), template_effect(() => set_text(n, i())), append(e, t);
 		};
@@ -10081,7 +10081,7 @@ customElements.define("sui-loader", create_custom_element(Loader_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/LoadingDots/LoadingDots.svelte
-var root$67 = /* @__PURE__ */ from_html("<span></span>"), root_1$56 = /* @__PURE__ */ from_html("<span role=\"status\" aria-label=\"Loading\"></span>"), $$css$67 = {
+var root$67 = /* @__PURE__ */ from_html("<span></span>"), root_1$57 = /* @__PURE__ */ from_html("<span role=\"status\" aria-label=\"Loading\"></span>"), $$css$67 = {
 	hash: "svelte-1lnsydm",
 	code: ".loading-dots.svelte-1lnsydm {display:inline-flex;align-items:center;gap:var(--loading-dots-gap, 3px);vertical-align:middle;line-height:1;}.dot.svelte-1lnsydm {display:block;width:var(--loading-dots-size, 6px);height:var(--loading-dots-size, 6px);border-radius:var(--loading-dots-border-radius, 50%);background-color:var(--loading-dots-color, currentColor);\n    animation: svelte-1lnsydm-loading-dots-bounce var(--loading-dots-duration, 1.4s) ease-in-out infinite;animation-delay:calc(var(--i) * var(--loading-dots-stagger, 0.16s));}.dot.pulse.svelte-1lnsydm {\n    animation-name: svelte-1lnsydm-loading-dots-pulse;}\n\n  @keyframes svelte-1lnsydm-loading-dots-bounce {\n    0%,\n    80%,\n    100% {\n      transform: translateY(0);\n    }\n    40% {\n      transform: translateY(var(--loading-dots-bounce-height, -6px));\n    }\n  }\n\n  @keyframes svelte-1lnsydm-loading-dots-pulse {\n    0%,\n    80%,\n    100% {\n      opacity: var(--loading-dots-pulse-min-opacity, 0.2);\n      transform: scale(var(--loading-dots-pulse-min-scale, 1));\n    }\n    40% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }"
 };
@@ -10113,7 +10113,7 @@ function LoadingDots(e, t) {
 		set classes(e) {
 			o(e), flushSync();
 		}
-	}, l = root_1$56();
+	}, l = root_1$57();
 	return each(l, 21, () => ({ length: get(s) }), index, (e, t, n) => {
 		var o = root$67();
 		let s;
@@ -10159,7 +10159,7 @@ customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc,
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Pagination/Pagination.svelte
-var root$66 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">&#8230;</span>"), root_1$55 = /* @__PURE__ */ from_html("<button> </button>"), root_2$43 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">&#8250;</button>"), root_3$40 = /* @__PURE__ */ from_html("<button class=\"page-button next-button svelte-1sajc2w\" aria-label=\"Next page\">&#8250;</button>"), root_4$32 = /* @__PURE__ */ from_html("<nav><button class=\"page-button prev-button svelte-1sajc2w\" aria-label=\"Previous page\">&#8249;</button> <!> <!></nav>"), $$css$66 = {
+var root$66 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">&#8230;</span>"), root_1$56 = /* @__PURE__ */ from_html("<button> </button>"), root_2$43 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">&#8250;</button>"), root_3$40 = /* @__PURE__ */ from_html("<button class=\"page-button next-button svelte-1sajc2w\" aria-label=\"Next page\">&#8250;</button>"), root_4$32 = /* @__PURE__ */ from_html("<nav><button class=\"page-button prev-button svelte-1sajc2w\" aria-label=\"Previous page\">&#8249;</button> <!> <!></nav>"), $$css$66 = {
 	hash: "svelte-1sajc2w",
 	code: ".pagination.svelte-1sajc2w {display:var(--pagination-display, flex);gap:var(--pagination-gap, 4px);align-items:var(--pagination-align-items, center);}.pagination.disabled.svelte-1sajc2w {opacity:var(--pagination-disabled-opacity, 0.5);cursor:var(--pagination-disabled-cursor, not-allowed);}.page-button.svelte-1sajc2w {padding:var(--pagination-button-padding, 6px 10px);font-size:var(--pagination-button-font-size, 14px);font-weight:var(--pagination-button-font-weight, 400);font-family:var(--pagination-button-font-family, inherit);color:var(--pagination-button-color, #3a4550);background:var(--pagination-button-background, transparent);border:var(--pagination-button-border, 1px solid #d1d5db);border-radius:var(--pagination-button-border-radius, var(--radius, 4px));cursor:var(--pagination-button-cursor, pointer);min-width:var(--pagination-button-min-width, 36px);height:var(--pagination-button-height, 36px);display:flex;align-items:center;justify-content:center;transition:var(--pagination-transition, background 0.15s ease, color 0.15s ease);}.page-button.svelte-1sajc2w:hover:not(:disabled):not(.active) {color:var(--pagination-button-hover-color, #111827);background:var(--pagination-button-hover-background, #f3f4f6);}.page-button.active.svelte-1sajc2w {color:var(--pagination-active-color, #ffffff);background:var(--pagination-active-background, #3a4550);border:var(--pagination-active-border, 1px solid #3a4550);font-weight:var(--pagination-active-font-weight, 600);}.load-more-button.svelte-1sajc2w {width:var(--pagination-load-more-width, auto);padding:var(--pagination-load-more-padding, 6px 14px);color:var(--pagination-load-more-color, #3a4550);background:var(--pagination-load-more-background, transparent);border-color:var(--pagination-load-more-border-color, #d1d5db);}.load-more-button.svelte-1sajc2w:hover:not(:disabled) {color:var(--pagination-load-more-hover-color, #111827);background:var(--pagination-load-more-hover-background, #f3f4f6);}.page-button.svelte-1sajc2w:disabled {opacity:var(--pagination-disabled-opacity, 0.5);cursor:var(--pagination-disabled-cursor, not-allowed);}.pagination.disabled.svelte-1sajc2w .page-button:where(.svelte-1sajc2w) {opacity:1;}.ellipsis.svelte-1sajc2w {color:var(--pagination-ellipsis-color, #6b7280);font-size:var(--pagination-ellipsis-font-size, 14px);min-width:var(--pagination-button-min-width, 36px);height:var(--pagination-button-height, 36px);display:flex;align-items:center;justify-content:center;}"
 };
@@ -10257,7 +10257,7 @@ function Pagination(e, t) {
 		var n = comment(), a = first_child(n), s = (e) => {
 			append(e, root$66());
 		}, c = (e) => {
-			var n = root_1$55();
+			var n = root_1$56();
 			let a;
 			var s = child(n, !0);
 			reset(n), template_effect(() => {
@@ -10463,7 +10463,7 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
 }, ["leading-icon", "dismiss-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Progress/Progress.svelte
-var root$65 = /* @__PURE__ */ from_html("<div class=\"label svelte-1c2jqm2\"> </div>"), root_1$54 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><div class=\"track svelte-1c2jqm2\"><div></div></div> <!></div>"), $$css$65 = {
+var root$65 = /* @__PURE__ */ from_html("<div class=\"label svelte-1c2jqm2\"> </div>"), root_1$55 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><div class=\"track svelte-1c2jqm2\"><div></div></div> <!></div>"), $$css$65 = {
 	hash: "svelte-1c2jqm2",
 	code: ".container.svelte-1c2jqm2 {display:flex;align-items:center;width:var(--progress-container-width, 100%);padding:var(--progress-container-padding, 0);gap:var(--progress-container-gap, 8px);}.track.svelte-1c2jqm2 {flex:1;height:var(--progress-track-height, 8px);background:var(--progress-track-background, #e0e0e0);border-radius:var(--progress-track-border-radius, var(--radius, 4px));overflow:hidden;}.bar.svelte-1c2jqm2 {height:100%;background:var(--progress-bar-background, #2196f3);border-radius:var(--progress-bar-border-radius, var(--radius, 4px));transition:var(--progress-bar-transition, width 0.3s ease);}.bar.indeterminate.svelte-1c2jqm2 {width:30%;\n    animation: svelte-1c2jqm2-indeterminate var(--progress-indeterminate-duration, 1.5s) ease-in-out infinite;}.label.svelte-1c2jqm2 {font-size:var(--progress-label-font-size, 14px);font-weight:var(--progress-label-font-weight, 500);color:var(--progress-label-color, #333);font-family:var(--progress-label-font-family, inherit);margin:var(--progress-label-margin, 0);}\n\n  @keyframes svelte-1c2jqm2-indeterminate {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(400%);\n    }\n  }"
 };
@@ -10507,7 +10507,7 @@ function Progress(e, t) {
 		set classes(e) {
 			c(e), flushSync();
 		}
-	}, C = root_1$54();
+	}, C = root_1$55();
 	set_attribute(C, "aria-valuemin", 0), set_attribute(C, "aria-valuemax", 100);
 	var k = child(C), R = child(k);
 	let te, ne;
@@ -10564,7 +10564,7 @@ customElements.define("sui-progress", create_custom_element(Progress_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Radio/Radio.svelte
-var root$64 = /* @__PURE__ */ from_html("<span> </span>"), root_1$53 = /* @__PURE__ */ from_html("<label><input type=\"radio\" class=\"radio-input svelte-14bh706\"/> <span><span></span></span> <!></label>"), $$css$64 = {
+var root$64 = /* @__PURE__ */ from_html("<span> </span>"), root_1$54 = /* @__PURE__ */ from_html("<label><input type=\"radio\" class=\"radio-input svelte-14bh706\"/> <span><span></span></span> <!></label>"), $$css$64 = {
 	hash: "svelte-14bh706",
 	code: ".radio-container.svelte-14bh706 {display:var(--radio-container-display, inline-flex);align-items:var(--radio-container-align-items, center);gap:var(--radio-container-gap, 8px);cursor:var(--radio-container-cursor, pointer);opacity:var(--radio-container-opacity, 1);}.radio-container.disabled.svelte-14bh706 {cursor:not-allowed;}.radio-input.svelte-14bh706 {position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;}.radio-indicator.svelte-14bh706 {display:inline-flex;align-items:center;justify-content:center;width:var(--radio-size, 20px);height:var(--radio-size, 20px);border:var(--radio-border, 2px solid #9e9e9e);border-radius:var(--radio-border-radius, 50%);background-color:var(--radio-background, #ffffff);transition:var(--radio-transition, 0.2s);box-sizing:border-box;flex-shrink:0;}.radio-indicator.checked.svelte-14bh706 {border:var(--radio-selected-border, 2px solid #2196f3);background-color:var(--radio-selected-background, #ffffff);}.radio-indicator.disabled.svelte-14bh706 {border:var(--radio-disabled-border, 2px solid #cccccc);background-color:var(--radio-disabled-background, #f5f5f5);}.radio-container.svelte-14bh706:not(.disabled):hover .radio-indicator:where(.svelte-14bh706):not(.checked) {border:var(--radio-hover-border, 2px solid #2196f3);}.radio-input.svelte-14bh706:focus-visible + .radio-indicator:where(.svelte-14bh706) {box-shadow:var(--radio-focus-shadow, 0 0 0 3px rgba(33, 150, 243, 0.3));}.radio-dot.svelte-14bh706 {width:0;height:0;border-radius:var(--radio-dot-border-radius, 50%);background-color:var(--radio-dot-color, #2196f3);transition:var(--radio-transition, 0.2s);}.radio-dot.checked.svelte-14bh706 {width:var(--radio-dot-size, 10px);height:var(--radio-dot-size, 10px);}.radio-dot.checked.disabled.svelte-14bh706 {background-color:var(--radio-disabled-dot-color, #cccccc);}.radio-text.svelte-14bh706 {font-size:var(--radio-text-font-size, 14px);font-weight:var(--radio-text-font-weight, 400);color:var(--radio-text-color, #333333);}.radio-text.disabled.svelte-14bh706 {color:var(--radio-disabled-text-color, #999999);}"
 };
@@ -10623,7 +10623,7 @@ function Radio(e, t) {
 		set classes(e) {
 			u(e), flushSync();
 		}
-	}, S = root_1$53();
+	}, S = root_1$54();
 	let C;
 	var k = child(S);
 	remove_input_defaults(k);
@@ -10721,7 +10721,7 @@ function PortalContentRenderer(e, t) {
 create_custom_element(PortalContentRenderer, { snippet: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/Tooltip/Tooltip.svelte
-var root$63 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$52 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$42 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div role=\"none\"><!> <!> <!> <!></div>"), $$css$63 = {
+var root$63 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$53 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$42 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div role=\"none\"><!> <!> <!> <!></div>"), $$css$63 = {
 	hash: "svelte-1xxu8em",
 	code: ".tooltip-container.svelte-1xxu8em {position:relative;display:var(--tooltip-container-display, inline-flex);}.tooltip-icon.svelte-1xxu8em {display:contents;color:var(--tooltip-icon-color, currentColor);}.tooltip-bubble.svelte-1xxu8em {position:absolute;z-index:var(--tooltip-z-index, 1000);max-width:var(--tooltip-max-width, 200px);background:var(--tooltip-background, #333333);color:var(--tooltip-color, #ffffff);font-size:var(--tooltip-font-size, 12px);font-weight:var(--tooltip-font-weight, 400);font-family:var(--tooltip-font-family);padding:var(--tooltip-padding, 6px 10px);border-radius:var(--tooltip-border-radius, var(--radius, 4px));border:var(--tooltip-border, none);box-shadow:var(--tooltip-box-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));white-space:normal;word-wrap:break-word;pointer-events:none;opacity:1;transition:opacity var(--tooltip-opacity-duration, 0.15s) ease-in-out;}.tooltip-arrow.svelte-1xxu8em {position:absolute;width:0;height:0;border-style:solid;}\n\n  /* Top position. --tooltip-shift is the viewport-edge clamp: the bubble slides\n     along its cross axis to stay on screen while the arrow compensates the other\n     way so it keeps pointing at the trigger. */.top.svelte-1xxu8em {bottom:calc(100% + var(--tooltip-offset, 8px));left:50%;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)));}.top.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {top:100%;left:calc(50% - var(--tooltip-shift, 0px));transform:translateX(-50%);border-width:var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px) 0\n      var(--tooltip-arrow-size, 5px);border-color:var(--tooltip-arrow-color, var(--tooltip-background, #333333)) transparent\n      transparent transparent;}\n\n  /* Bottom position */.bottom.svelte-1xxu8em {top:calc(100% + var(--tooltip-offset, 8px));left:50%;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)));}.bottom.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {bottom:100%;left:calc(50% - var(--tooltip-shift, 0px));transform:translateX(-50%);border-width:0 var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px)\n      var(--tooltip-arrow-size, 5px);border-color:transparent transparent\n      var(--tooltip-arrow-color, var(--tooltip-background, #333333)) transparent;}\n\n  /* Left position */.left.svelte-1xxu8em {right:calc(100% + var(--tooltip-offset, 8px));top:50%;transform:translateY(calc(-50% + var(--tooltip-shift, 0px)));}.left.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {left:100%;top:calc(50% - var(--tooltip-shift, 0px));transform:translateY(-50%);border-width:var(--tooltip-arrow-size, 5px) 0 var(--tooltip-arrow-size, 5px)\n      var(--tooltip-arrow-size, 5px);border-color:transparent transparent transparent\n      var(--tooltip-arrow-color, var(--tooltip-background, #333333));}\n\n  /* Right position */.right.svelte-1xxu8em {left:calc(100% + var(--tooltip-offset, 8px));top:50%;transform:translateY(calc(-50% + var(--tooltip-shift, 0px)));}.right.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {right:100%;top:calc(50% - var(--tooltip-shift, 0px));transform:translateY(-50%);border-width:var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px)\n      var(--tooltip-arrow-size, 5px) 0;border-color:transparent var(--tooltip-arrow-color, var(--tooltip-background, #333333))\n      transparent transparent;}.tooltip-text.svelte-1xxu8em {color:var(--tooltip-color, #ffffff);}"
 };
@@ -10925,7 +10925,7 @@ function Tooltip(e, t) {
 			var t = comment();
 			snippet(first_child(t), f), append(e, t);
 		}, c = (e) => {
-			var t = root_1$52(), i = child(t, !0);
+			var t = root_1$53(), i = child(t, !0);
 			reset(t), template_effect(() => set_text(i, n())), append(e, t);
 		};
 		if_block(a, (e) => {
@@ -11234,25 +11234,25 @@ var SIZE_RANDOMNESS = .95, BASE_PARTICLE_SIZE = 1.6, LISTENING_CYCLE_MS = 3e3, L
 	if (!Number.isFinite(o) || o <= 0) return t;
 	let s = 1 - Math.exp(-n / o);
 	return e + (t - e) * s;
-}, clampLevel = (e) => Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0, audioScale = (e) => AUDIO_SCALE_RANGE.min + clampLevel(e) * (AUDIO_SCALE_RANGE.max - AUDIO_SCALE_RANGE.min), audioSpeed = (e, t) => (Number.isFinite(t) ? t : 1) * (AUDIO_SPEED_RANGE.min + clampLevel(e) * (AUDIO_SPEED_RANGE.max - AUDIO_SPEED_RANGE.min)), resolveMotionSpeed = (e, t, n, i, a) => i === null ? a ? 0 : t === "listening" ? listeningSpeed(n, e) : Number.isFinite(e) ? e : 1 : audioSpeed(i, e), resolveMotionScale = (e, t, n, i) => n === null ? i || e !== "listening" ? 1 : listeningScale(t) : audioScale(n), root$60 = /* @__PURE__ */ from_html("<div><canvas class=\"voice-orb-canvas svelte-112josi\" aria-hidden=\"true\"></canvas></div>"), $$css$60 = {
+}, clampLevel = (e) => Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0, audioScale = (e) => AUDIO_SCALE_RANGE.min + clampLevel(e) * (AUDIO_SCALE_RANGE.max - AUDIO_SCALE_RANGE.min), audioSpeed = (e, t) => (Number.isFinite(t) ? t : 1) * (AUDIO_SPEED_RANGE.min + clampLevel(e) * (AUDIO_SPEED_RANGE.max - AUDIO_SPEED_RANGE.min)), resolveMotionSpeed = (e, t, n, i, a) => i === null ? a ? 0 : t === "listening" ? listeningSpeed(n, e) : Number.isFinite(e) ? e : 1 : audioSpeed(i, e), resolveMotionScale = (e, t, n, i) => n === null ? i || e !== "listening" ? 1 : listeningScale(t) : audioScale(n), root$60 = /* @__PURE__ */ from_html("<div class=\"voice-orb-status svelte-112josi\" aria-live=\"polite\" aria-atomic=\"true\"> </div>"), root_1$52 = /* @__PURE__ */ from_html("<div><canvas class=\"voice-orb-canvas svelte-112josi\" aria-hidden=\"true\"></canvas> <!></div>"), $$css$60 = {
 	hash: "svelte-112josi",
-	code: ".voice-orb.svelte-112josi {width:100%;overflow:visible;}.voice-orb-canvas.svelte-112josi {width:100%;display:block;\n    /* Pointer repulsion needs the move events a default touch gesture would eat. */touch-action:none;}"
+	code: ".voice-orb.svelte-112josi {width:100%;overflow:visible;}.voice-orb-canvas.svelte-112josi {width:100%;display:block;\n    /* Pointer repulsion needs the move events a default touch gesture would eat. */touch-action:none;}\n\n  /* Visually hidden but readable by assistive tech -- the standard clip pattern\n     rather than display:none, which would remove it from the a11y tree. */.voice-orb-status.svelte-112josi {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}"
 };
 function VoiceOrb(e, t) {
 	push(t, !0), append_styles$1(e, $$css$60);
-	let n = prop(t, "variant", 7, "idle"), i = prop(t, "speedMultiplier", 7, 1), a = prop(t, "seed", 7), o = prop(t, "height", 7, 400), s = prop(t, "particleCount", 7, 1e3), c = prop(t, "radius", 7, 140), l = prop(t, "interactive", 7, !0), u = prop(t, "repelRadius", 7, 200), f = prop(t, "analyser", 7), p = prop(t, "sensitivity", 7, 1), h = prop(t, "persistKey", 7), S = prop(t, "classes", 7), C = prop(t, "testId", 7), k = prop(t, "onfirstframe", 7), R = prop(t, "onlevel", 7), te = 600, ne = .0021, re = .0014, G = {
+	let n = prop(t, "variant", 7, "idle"), i = prop(t, "speedMultiplier", 7, 1), a = prop(t, "seed", 7), o = prop(t, "height", 7, 400), s = prop(t, "particleCount", 7, 1e3), c = prop(t, "radius", 7, 140), l = prop(t, "interactive", 7, !0), u = prop(t, "repelRadius", 7, 200), f = prop(t, "analyser", 7), p = prop(t, "sensitivity", 7, 1), h = prop(t, "persistKey", 7), S = prop(t, "classes", 7), C = prop(t, "testId", 7), k = prop(t, "statusLabels", 7), R = prop(t, "onfirstframe", 7), te = prop(t, "onlevel", 7), ne = /* @__PURE__ */ user_derived(() => k()?.[n()] ?? ""), re = 600, G = .0021, be = .0014, Me = {
 		r: 128,
 		g: 128,
 		b: 128
-	}, be = /* @__PURE__ */ state(null), Me = /* @__PURE__ */ state(null), Re = {
+	}, Re = /* @__PURE__ */ state(null), Ue = /* @__PURE__ */ state(null), it = {
 		x: null,
 		y: null
-	}, Ue = {
+	}, at = {
 		width: 0,
 		height: 0,
 		angleX: 0,
 		angleY: 0
-	}, it = 0, at = null, ot = 0, ct = 0, lt = "", ut = G, dt = null, ft = null, pt = !1, mt = Math.floor(Math.random() * 4294967295) >>> 0, ht = () => resolveExplicitSeed(a()) ?? mt, gt = /* @__PURE__ */ user_derived(() => generateOrbParticles(s(), c(), mulberry32(ht()))), _t = (e) => {
+	}, ot = 0, ct = null, lt = 0, ut = 0, dt = "", ft = Me, pt = null, mt = null, ht = !1, gt = Math.floor(Math.random() * 4294967295) >>> 0, _t = () => resolveExplicitSeed(a()) ?? gt, vt = /* @__PURE__ */ user_derived(() => generateOrbParticles(s(), c(), mulberry32(_t()))), yt = (e) => {
 		if (typeof h() != "string" || h().length === 0) return null;
 		try {
 			let t = localStorage.getItem(`${h()}:${e}`);
@@ -11262,13 +11262,13 @@ function VoiceOrb(e, t) {
 		} catch {
 			return null;
 		}
-	}, vt = () => {
+	}, bt = () => {
 		if (!(typeof h() != "string" || h().length === 0)) try {
-			localStorage.setItem(`${h()}:angleX`, String(Ue.angleX)), localStorage.setItem(`${h()}:angleY`, String(Ue.angleY)), localStorage.setItem(`${h()}:listeningMs`, String(it));
+			localStorage.setItem(`${h()}:angleX`, String(at.angleX)), localStorage.setItem(`${h()}:angleY`, String(at.angleY)), localStorage.setItem(`${h()}:listeningMs`, String(ot));
 		} catch {}
-	}, yt = () => {
-		get(be) === null || get(Me) === null || (Ue.width = get(Me).clientWidth, Ue.height = Number.isFinite(o()) && o() > 0 ? o() : 400, get(be).width = Ue.width, get(be).height = Ue.height);
-	}, bt = (e, t) => {
+	}, xt = () => {
+		get(Re) === null || get(Ue) === null || (at.width = get(Ue).clientWidth, at.height = Number.isFinite(o()) && o() > 0 ? o() : 400, get(Re).width = at.width, get(Re).height = at.height);
+	}, St = (e, t) => {
 		if (t.length === 0) return null;
 		let n = e.fillStyle;
 		e.fillStyle = "#000000", e.fillStyle = t;
@@ -11276,43 +11276,43 @@ function VoiceOrb(e, t) {
 		e.fillStyle = "#ffffff", e.fillStyle = t;
 		let a = e.fillStyle;
 		return e.fillStyle = n, typeof i == "string" && i === a ? i : null;
-	}, xt = (e) => {
-		if (!f() || n() !== "listening") return ot = 0, null;
+	}, Ct = (e) => {
+		if (!f() || n() !== "listening") return lt = 0, null;
 		try {
 			let t = f().fftSize;
-			(at === null || at.length !== t) && (at = new Uint8Array(t)), f().getByteTimeDomainData(at);
-			let n = Number.isFinite(p()) && p() > 0 ? p() : 1, i = rmsFromTimeDomain(at) * n;
-			return ot = followEnvelope(ot, i, e, 60, 320), ot;
+			(ct === null || ct.length !== t) && (ct = new Uint8Array(t)), f().getByteTimeDomainData(ct);
+			let n = Number.isFinite(p()) && p() > 0 ? p() : 1, i = rmsFromTimeDomain(ct) * n;
+			return lt = followEnvelope(lt, i, e, 60, 320), lt;
 		} catch {
 			return null;
 		}
-	}, St = (e) => {
-		if (get(be) === null) return ut;
-		let t = getComputedStyle(get(be)), n = t.getPropertyValue("--sui-orb-particle-color").trim(), i = t.color.trim(), a = `${n}|${i}`;
-		if (a === lt) return ut;
-		lt = a;
-		let o = bt(e, n) ?? bt(e, i);
-		return ut = (o === null ? null : parseCssColor(o)) ?? G, ut;
-	}, Ct = (e) => {
-		if (get(be) === null) return;
-		let t = get(be).getContext("2d");
+	}, wt = (e) => {
+		if (get(Re) === null) return ft;
+		let t = getComputedStyle(get(Re)), n = t.getPropertyValue("--sui-orb-particle-color").trim(), i = t.color.trim(), a = `${n}|${i}`;
+		if (a === dt) return ft;
+		dt = a;
+		let o = St(e, n) ?? St(e, i);
+		return ft = (o === null ? null : parseCssColor(o)) ?? Me, ft;
+	}, Tt = (e) => {
+		if (get(Re) === null) return;
+		let t = get(Re).getContext("2d");
 		if (t === null) return;
-		let a = ft === null ? 16 : Math.min(64, e - ft);
-		ft = e, n() === "listening" && (it += a);
-		let o = xt(a), s = o ?? 0;
-		Math.abs(s - ct) >= .01 && (ct = s, R()?.(s));
-		let c = resolveMotionSpeed(i(), n(), it, o, wt), f = a / 16;
-		Ue.angleX += .0021 * c * f, Ue.angleY += .0014 * c * f;
-		let p = St(t), h = Ue.width / 2, S = Ue.height / 2, C = resolveMotionScale(n(), it, o, wt);
-		t.clearRect(0, 0, Ue.width, Ue.height), t.save(), t.translate(h, S), t.scale(C, C), t.translate(-h, -S);
-		for (let e of get(gt)) {
+		let a = mt === null ? 16 : Math.min(64, e - mt);
+		mt = e, n() === "listening" && (ot += a);
+		let o = Ct(a), s = o ?? 0;
+		Math.abs(s - ut) >= .01 && (ut = s, te()?.(s));
+		let c = resolveMotionSpeed(i(), n(), ot, o, Et), f = a / 16;
+		at.angleX += .0021 * c * f, at.angleY += .0014 * c * f;
+		let p = wt(t), h = at.width / 2, S = at.height / 2, C = resolveMotionScale(n(), ot, o, Et);
+		t.clearRect(0, 0, at.width, at.height), t.save(), t.translate(h, S), t.scale(C, C), t.translate(-h, -S);
+		for (let e of get(vt)) {
 			let n = rotateOrbPoint({
 				x: e.baseX,
 				y: e.baseY,
 				z: e.baseZ
-			}, Ue.angleX, Ue.angleY), i = orbDepthScale(n.z, 600), a = h + n.x * i, o = S + n.y * i;
-			if (l() && Re.x !== null && Re.y !== null) {
-				let e = Re.x - a, t = Re.y - o, n = Math.sqrt(e * e + t * t);
+			}, at.angleX, at.angleY), i = orbDepthScale(n.z, 600), a = h + n.x * i, o = S + n.y * i;
+			if (l() && it.x !== null && it.y !== null) {
+				let e = it.x - a, t = it.y - o, n = Math.sqrt(e * e + t * t);
 				if (n < u() && n > 0) {
 					let i = (u() - n) / u();
 					a -= e / n * i * 20, o -= t / n * i * 20;
@@ -11321,26 +11321,26 @@ function VoiceOrb(e, t) {
 			let s = t.createLinearGradient(h, S, a, o);
 			s.addColorStop(0, `rgba(${p.r}, ${p.g}, ${p.b}, 0)`), s.addColorStop(.5, `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .25})`), s.addColorStop(1, `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .35})`), t.beginPath(), t.moveTo(h, S), t.lineTo(a, o), t.strokeStyle = s, t.lineWidth = .3, t.stroke(), t.beginPath(), t.arc(a, o, e.size * i, 0, Math.PI * 2), t.fillStyle = `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .8})`, t.fill();
 		}
-		t.restore(), pt || (pt = !0, k()?.()), dt = requestAnimationFrame(Ct);
-	}, wt = prefersReducedMotion(), Tt = (e) => {
-		if (get(be) === null || !l()) return;
-		let t = get(be).getBoundingClientRect();
-		Re.x = e.clientX - t.left, Re.y = e.clientY - t.top;
-	}, Et = () => {
-		Re.x = null, Re.y = null;
+		t.restore(), ht || (ht = !0, R()?.()), pt = requestAnimationFrame(Tt);
+	}, Et = prefersReducedMotion(), Dt = (e) => {
+		if (get(Re) === null || !l()) return;
+		let t = get(Re).getBoundingClientRect();
+		it.x = e.clientX - t.left, it.y = e.clientY - t.top;
+	}, Ot = () => {
+		it.x = null, it.y = null;
 	};
 	onMount(() => {
-		Ue.angleX = _t("angleX") ?? 0, Ue.angleY = _t("angleY") ?? 0, it = _t("listeningMs") ?? 0, yt();
-		let e = typeof ResizeObserver == "function" ? new ResizeObserver(() => yt()) : null;
-		e !== null && get(Me) !== null && e.observe(get(Me));
+		at.angleX = yt("angleX") ?? 0, at.angleY = yt("angleY") ?? 0, ot = yt("listeningMs") ?? 0, xt();
+		let e = typeof ResizeObserver == "function" ? new ResizeObserver(() => xt()) : null;
+		e !== null && get(Ue) !== null && e.observe(get(Ue));
 		let t = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, n = (e) => {
-			wt = e.matches;
+			Et = e.matches;
 		};
-		return t !== null && (wt = t.matches, t.addEventListener("change", n)), dt = requestAnimationFrame(Ct), () => {
-			dt !== null && (cancelAnimationFrame(dt), dt = null), t?.removeEventListener("change", n), e?.disconnect(), vt();
+		return t !== null && (Et = t.matches, t.addEventListener("change", n)), pt = requestAnimationFrame(Tt), () => {
+			pt !== null && (cancelAnimationFrame(pt), pt = null), t?.removeEventListener("change", n), e?.disconnect(), bt();
 		};
 	});
-	var Dt = {
+	var kt = {
 		get variant() {
 			return n();
 		},
@@ -11419,23 +11419,36 @@ function VoiceOrb(e, t) {
 		set testId(e) {
 			C(e), flushSync();
 		},
-		get onfirstframe() {
+		get statusLabels() {
 			return k();
 		},
-		set onfirstframe(e) {
+		set statusLabels(e) {
 			k(e), flushSync();
 		},
-		get onlevel() {
+		get onfirstframe() {
 			return R();
 		},
-		set onlevel(e) {
+		set onfirstframe(e) {
 			R(e), flushSync();
+		},
+		get onlevel() {
+			return te();
+		},
+		set onlevel(e) {
+			te(e), flushSync();
 		}
-	}, Ot = root$60(), kt = child(Ot);
-	let At;
-	return bind_this(kt, (e) => set(be, e), () => get(be)), reset(Ot), bind_this(Ot, (e) => set(Me, e), () => get(Me)), template_effect((e) => {
-		set_class(Ot, 1, `voice-orb ${S() ?? "" ?? ""}`, "svelte-112josi"), set_attribute(Ot, "data-pw", typeof C() == "string" ? C() : null), set_attribute(Ot, "testid", typeof C() == "string" ? C() : null), At = set_style(kt, "", At, e);
-	}, [() => ({ height: `${Number.isFinite(o()) && o() > 0 ? o() : 400}px` })]), delegated("pointermove", kt, Tt), event("pointerleave", kt, Et), event("pointercancel", kt, Et), append(e, Ot), pop(Dt);
+	}, At = root_1$52(), jt = child(At);
+	let Mt;
+	bind_this(jt, (e) => set(Re, e), () => get(Re));
+	var Nt = sibling(jt, 2), Pt = (e) => {
+		var t = root$60(), n = child(t, !0);
+		reset(t), template_effect(() => set_text(n, get(ne))), append(e, t);
+	};
+	return if_block(Nt, (e) => {
+		typeof k() == "object" && e(Pt);
+	}), reset(At), bind_this(At, (e) => set(Ue, e), () => get(Ue)), template_effect((e) => {
+		set_class(At, 1, `voice-orb ${S() ?? "" ?? ""}`, "svelte-112josi"), set_attribute(At, "data-pw", typeof C() == "string" ? C() : null), set_attribute(At, "testid", typeof C() == "string" ? C() : null), Mt = set_style(jt, "", Mt, e);
+	}, [() => ({ height: `${Number.isFinite(o()) && o() > 0 ? o() : 400}px` })]), delegated("pointermove", jt, Dt), event("pointerleave", jt, Ot), event("pointercancel", jt, Ot), append(e, At), pop(kt);
 }
 delegate(["pointermove"]), create_custom_element(VoiceOrb, {
 	variant: {},
@@ -11451,6 +11464,7 @@ delegate(["pointermove"]), create_custom_element(VoiceOrb, {
 	persistKey: {},
 	classes: {},
 	testId: {},
+	statusLabels: {},
 	onfirstframe: {},
 	onlevel: {}
 }, [], [], { mode: "open" });
@@ -11490,6 +11504,10 @@ customElements.define("sui-voice-orb", create_custom_element(VoiceOrb_wc, {
 		attribute: "persist-key",
 		type: "String"
 	},
+	statusLabels: {
+		attribute: "status-labels",
+		type: "Object"
+	},
 	classes: { type: "String" },
 	testId: {
 		attribute: "test-id",
@@ -13080,7 +13098,7 @@ function slide(e, { delay: t = 0, duration: n = 400, easing: i = cubic_out, axis
 //#region src/lib/Banner/Banner.svelte
 var root$52 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$38 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$35 = /* @__PURE__ */ from_html("<div class=\"banner-right svelte-w23dzo\"><!></div>"), root_4$29 = /* @__PURE__ */ from_html("<div class=\"banner-dismiss svelte-w23dzo\"><!></div>"), root_5$25 = /* @__PURE__ */ from_html("<div><!> <div class=\"banner-body svelte-w23dzo\"><!> <div class=\"banner-text svelte-w23dzo\"> <!></div></div> <!> <!></div>"), $$css$52 = {
 	hash: "svelte-w23dzo",
-	code: ".banner.svelte-w23dzo {display:flex;align-items:center;width:var(--banner-width, 100%);height:var(--banner-height);padding:var(--banner-padding, 10px 12px);gap:var(--banner-gap, 8px);justify-content:var(--banner-justify-content, center);background-color:var(--banner-background, #f0f4f8);color:var(--banner-color, #637c95);font-family:var(--banner-font-family);font-size:var(--banner-font-size, 14px);font-weight:var(--banner-font-weight, 500);line-height:var(--banner-line-height, 1.3);border-bottom:var(--banner-border-bottom, none);border:var(--banner-border);border-radius:var(--banner-border-radius, var(--radius, 4px));cursor:var(--banner-cursor, pointer);position:var(--banner-position, sticky);top:var(--banner-top, 0);z-index:var(--banner-z-index, 100);box-sizing:border-box;}.banner-icon.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;color:var(--banner-icon-color, currentColor);}.banner-icon.svelte-w23dzo svg {width:var(--banner-icon-size, 18px);height:var(--banner-icon-size, 18px);}.banner-body.svelte-w23dzo {display:flex;flex-direction:column;overflow:hidden;gap:var(--banner-body-gap, 0);}.banner-title.svelte-w23dzo {font-weight:var(--banner-title-font-weight, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.banner-text.svelte-w23dzo {overflow:var(--banner-text-overflow, hidden);text-overflow:var(--banner-text-ellipsis, ellipsis);white-space:var(--banner-white-space, nowrap);}.banner-link-text.svelte-w23dzo {color:var(--banner-link-color, #0099ff);margin-left:var(--banner-link-gap, 4px);}.banner-right.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-border-radius: var(--banner-dismiss-border-radius, var(--radius, 4px));--button-text-color: var(--banner-dismiss-color, currentColor);--button-hover-color: var(--banner-dismiss-hover-background, rgba(0, 0, 0, 0.1));--cursor: inherit;display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo svg {width:var(--banner-dismiss-size, 14px);height:var(--banner-dismiss-size, 14px);}"
+	code: ".banner.svelte-w23dzo {display:flex;align-items:center;width:var(--banner-width, 100%);height:var(--banner-height);padding:var(--banner-padding, 10px 12px);gap:var(--banner-gap, 8px);justify-content:var(--banner-justify-content, center);background-color:var(--banner-background, #f0f4f8);color:var(--banner-color, #4d6174);font-family:var(--banner-font-family);font-size:var(--banner-font-size, 14px);font-weight:var(--banner-font-weight, 500);line-height:var(--banner-line-height, 1.3);border-bottom:var(--banner-border-bottom, none);border:var(--banner-border);border-radius:var(--banner-border-radius, var(--radius, 4px));cursor:var(--banner-cursor, pointer);position:var(--banner-position, sticky);top:var(--banner-top, 0);z-index:var(--banner-z-index, 100);box-sizing:border-box;}.banner-icon.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;color:var(--banner-icon-color, currentColor);}.banner-icon.svelte-w23dzo svg {width:var(--banner-icon-size, 18px);height:var(--banner-icon-size, 18px);}.banner-body.svelte-w23dzo {display:flex;flex-direction:column;overflow:hidden;gap:var(--banner-body-gap, 0);}.banner-title.svelte-w23dzo {font-weight:var(--banner-title-font-weight, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.banner-text.svelte-w23dzo {overflow:var(--banner-text-overflow, hidden);text-overflow:var(--banner-text-ellipsis, ellipsis);white-space:var(--banner-white-space, nowrap);}.banner-link-text.svelte-w23dzo {color:var(--banner-link-color, #0099ff);margin-left:var(--banner-link-gap, 4px);}.banner-right.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-border-radius: var(--banner-dismiss-border-radius, var(--radius, 4px));--button-text-color: var(--banner-dismiss-color, currentColor);--button-hover-color: var(--banner-dismiss-hover-background, rgba(0, 0, 0, 0.1));--cursor: inherit;display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo svg {width:var(--banner-dismiss-size, 14px);height:var(--banner-dismiss-size, 14px);}"
 };
 function Banner(e, t) {
 	push(t, !0), append_styles$1(e, $$css$52);
@@ -14935,7 +14953,7 @@ customElements.define("sui-context-menu", create_custom_element(ContextMenu_wc,
 //#region src/lib/InputButton/InputButton.svelte
 var root$43 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$39 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$32 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$30 = /* @__PURE__ */ from_html("<div class=\"right-button svelte-1oc9dju\"><!></div>"), root_4$25 = /* @__PURE__ */ from_html("<div class=\"bottom-button svelte-1oc9dju\"><!></div>"), root_5$22 = /* @__PURE__ */ from_html("<div class=\"external-error-message svelte-1oc9dju\"> </div>"), root_6$20 = /* @__PURE__ */ from_html("<div class=\"error-message svelte-1oc9dju\"> </div>"), root_7$17 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1oc9dju\"> </div>"), root_8$16 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <div class=\"input svelte-1oc9dju\"><!></div> <!></div> <!></div> <!> <!></div>"), $$css$44 = {
 	hash: "svelte-1oc9dju",
-	code: ".container.svelte-1oc9dju {display:flex;flex-direction:column;width:var(--input-button-container-width, auto);margin:var(--input-button-container-margin);}.input-button-container.svelte-1oc9dju {--button-width: 100%;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: none;--input-width: 100%;font-size:var(--input-font-size, 16px) !important;font-weight:var(--input-button-font-weight, 500);margin:var(--input-button-margin);border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-container-border);background:var(--input-button-container-background);padding:var(--input-button-container-padding);}.input-button.svelte-1oc9dju {display:flex;align-items:center;border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-border);box-shadow:var(--input-button-box-shadow, 0px 1px 8px #2f537733);background:var(--input-button-background);}.input-button-container.svelte-1oc9dju:focus-within {border:var(--input-button-focus-border);}.input.svelte-1oc9dju {flex:2;min-width:0px;}.bottom-button.svelte-1oc9dju {padding:var(--input-bottom-btn-padding, 10px 0px);--cursor: var(--bottom-button-cursor);--button-color: var(--bottom-button-color);--button-text-color: var(--bottom-button-text-color);--button-font-family: var(--bottom-button-font-family);--button-font-weight: var(--bottom-button-font-weight);--button-font-size: var(--bottom-button-font-size);--button-height: var(--bottom-button-height, 54px);--button-padding: var(--bottom-button-padding);--button-border-radius: var(--bottom-button-border-radius);--button-width: var(--bottom-button-width);}.label.svelte-1oc9dju {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);line-height:var(--input-label-msg-text-line-height);margin:var(--input-label-msg-text-margin, 0px 0px 6px 0px);}.invalid.svelte-1oc9dju {outline:var(--invalid-outline, 1px solid var(--input-field-error-stroke, #e11900));}.error-message.svelte-1oc9dju {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n    /* Shares --input-error-msg-text-color with Input.svelte -- kept in sync with its\n       #c5120a default (6.06:1 AA) so the same token means the same color everywhere. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-btn-error-msg-margin, 12px 0px 0px 0px);}.info-message.svelte-1oc9dju {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n    /* Shares --input-info-msg-text-color with Input.svelte -- see its .info-message\n       for why this is a neutral #52525b rather than the error red. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-btn-info-msg-margin, 12px 0px 0px 0px);}.mandatory-marker.svelte-1oc9dju {color:var(--inputbutton-mandatory-color, #e11900);}.size-sm.svelte-1oc9dju {--input-height: var(--inputbutton-sm-height, 36px);--input-padding: var(--inputbutton-sm-padding, 6px 12px);}.size-md.svelte-1oc9dju {--input-height: var(--inputbutton-md-height, 44px);--input-padding: var(--inputbutton-md-padding, 10px 16px);}.size-lg.svelte-1oc9dju {--input-height: var(--inputbutton-lg-height, 54px);--input-padding: var(--inputbutton-lg-padding, 14px 20px);}.external-error-message.svelte-1oc9dju {color:var(--inputbutton-external-error-color, #c5120a);margin:var(--inputbutton-external-error-margin, 6px 0px 0px 0px);}.left-button.svelte-1oc9dju {--button-color: var(--left-button-color);--button-text-color: var(--left-button-text-color);--button-font-family: var(--left-button-font-family);--button-font-weight: var(--left-button-font-weight);--button-font-size: var(--left-button-font-size);--button-height: var(--left-button-height, 54px);--button-padding: var(--left-button-padding);--button-border-radius: var(--left-button-border-radius);--button-width: var(--left-button-width);--cursor: var(--left-button-cursor);--opacity: var(--left-button-opacity);--button-border: var(--left-button-border);display:flex;justify-content:center;align-items:center;flex-direction:row;--button-content-gap: var(--left-button-content-gap);--button-content-flex-direction: var(--left-button-content-flex-direction, row);--button-icon-order: var(--left-button-icon-order);--button-icon-display: var(--left-button-icon-display);--button-text-order: var(--left-button-text-order);--disabled-cursor: var(--left-button-disabled-cursor);--disabled-opacity: var(--left-button-disabled-opacity);}.right-button.svelte-1oc9dju {flex:var(--right-button-flex, 1);display:flex;justify-content:center;align-items:center;flex-direction:row;min-width:var(--right-button-min-width, 0px);--button-color: var(--right-button-color);--button-text-color: var(--right-button-text-color);--button-font-family: var(--right-button-font-family);--button-font-weight: var(--right-button-font-weight);--button-font-size: var(--right-button-font-size);--button-height: var(--right-button-height, 54px);--button-padding: var(--right-button-padding);--button-border-radius: var(\n      --right-button-border-radius,\n      0 var(--radius, 4px) var(--radius, 4px) 0\n    );--button-width: var(--right-button-width, 100%);--cursor: var(--right-button-cursor);--opacity: var(--right-button-opacity);--button-border: var(--right-button-border);--button-content-gap: var(--right-button-content-gap);--button-visibility: var(--right-button-visibility, visible);--button-content-flex-direction: var(--right-button-content-flex-direction, row);--button-icon-order: var(--right-button-icon-order);--button-icon-display: var(--right-button-icon-display);--button-text-order: var(--right-button-text-order);--disabled-cursor: var(--right-button-disabled-cursor);--disabled-opacity: var(--right-button-disabled-opacity);}"
+	code: ".container.svelte-1oc9dju {display:flex;flex-direction:column;width:var(--input-button-container-width, auto);margin:var(--input-button-container-margin);}.input-button-container.svelte-1oc9dju {--button-width: 100%;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: none;--input-width: 100%;font-size:var(--input-font-size, 16px) !important;font-weight:var(--input-button-font-weight, 500);margin:var(--input-button-margin);border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-container-border);background:var(--input-button-container-background);padding:var(--input-button-container-padding);}.input-button.svelte-1oc9dju {display:flex;align-items:center;border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-border);box-shadow:var(--input-button-box-shadow, 0px 1px 8px #2f537733);background:var(--input-button-background);}.input-button-container.svelte-1oc9dju:focus-within {border:var(--input-button-focus-border);}.input.svelte-1oc9dju {flex:2;min-width:0px;}.bottom-button.svelte-1oc9dju {padding:var(--input-bottom-btn-padding, 10px 0px);--cursor: var(--bottom-button-cursor);--button-color: var(--bottom-button-color);--button-text-color: var(--bottom-button-text-color);--button-font-family: var(--bottom-button-font-family);--button-font-weight: var(--bottom-button-font-weight);--button-font-size: var(--bottom-button-font-size);--button-height: var(--bottom-button-height, 54px);--button-padding: var(--bottom-button-padding);--button-border-radius: var(--bottom-button-border-radius);--button-width: var(--bottom-button-width);}.label.svelte-1oc9dju {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #4d6174);line-height:var(--input-label-msg-text-line-height);margin:var(--input-label-msg-text-margin, 0px 0px 6px 0px);}.invalid.svelte-1oc9dju {outline:var(--invalid-outline, 1px solid var(--input-field-error-stroke, #e11900));}.error-message.svelte-1oc9dju {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n    /* Shares --input-error-msg-text-color with Input.svelte -- kept in sync with its\n       #c5120a default (6.06:1 AA) so the same token means the same color everywhere. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-btn-error-msg-margin, 12px 0px 0px 0px);}.info-message.svelte-1oc9dju {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n    /* Shares --input-info-msg-text-color with Input.svelte -- see its .info-message\n       for why this is a neutral #52525b rather than the error red. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-btn-info-msg-margin, 12px 0px 0px 0px);}.mandatory-marker.svelte-1oc9dju {color:var(--inputbutton-mandatory-color, #e11900);}.size-sm.svelte-1oc9dju {--input-height: var(--inputbutton-sm-height, 36px);--input-padding: var(--inputbutton-sm-padding, 6px 12px);}.size-md.svelte-1oc9dju {--input-height: var(--inputbutton-md-height, 44px);--input-padding: var(--inputbutton-md-padding, 10px 16px);}.size-lg.svelte-1oc9dju {--input-height: var(--inputbutton-lg-height, 54px);--input-padding: var(--inputbutton-lg-padding, 14px 20px);}.external-error-message.svelte-1oc9dju {color:var(--inputbutton-external-error-color, #c5120a);margin:var(--inputbutton-external-error-margin, 6px 0px 0px 0px);}.left-button.svelte-1oc9dju {--button-color: var(--left-button-color);--button-text-color: var(--left-button-text-color);--button-font-family: var(--left-button-font-family);--button-font-weight: var(--left-button-font-weight);--button-font-size: var(--left-button-font-size);--button-height: var(--left-button-height, 54px);--button-padding: var(--left-button-padding);--button-border-radius: var(--left-button-border-radius);--button-width: var(--left-button-width);--cursor: var(--left-button-cursor);--opacity: var(--left-button-opacity);--button-border: var(--left-button-border);display:flex;justify-content:center;align-items:center;flex-direction:row;--button-content-gap: var(--left-button-content-gap);--button-content-flex-direction: var(--left-button-content-flex-direction, row);--button-icon-order: var(--left-button-icon-order);--button-icon-display: var(--left-button-icon-display);--button-text-order: var(--left-button-text-order);--disabled-cursor: var(--left-button-disabled-cursor);--disabled-opacity: var(--left-button-disabled-opacity);}.right-button.svelte-1oc9dju {flex:var(--right-button-flex, 1);display:flex;justify-content:center;align-items:center;flex-direction:row;min-width:var(--right-button-min-width, 0px);--button-color: var(--right-button-color);--button-text-color: var(--right-button-text-color);--button-font-family: var(--right-button-font-family);--button-font-weight: var(--right-button-font-weight);--button-font-size: var(--right-button-font-size);--button-height: var(--right-button-height, 54px);--button-padding: var(--right-button-padding);--button-border-radius: var(\n      --right-button-border-radius,\n      0 var(--radius, 4px) var(--radius, 4px) 0\n    );--button-width: var(--right-button-width, 100%);--cursor: var(--right-button-cursor);--opacity: var(--right-button-opacity);--button-border: var(--right-button-border);--button-content-gap: var(--right-button-content-gap);--button-visibility: var(--right-button-visibility, visible);--button-content-flex-direction: var(--right-button-content-flex-direction, row);--button-icon-order: var(--right-button-icon-order);--button-icon-display: var(--right-button-icon-display);--button-text-order: var(--right-button-text-order);--disabled-cursor: var(--right-button-disabled-cursor);--disabled-opacity: var(--right-button-disabled-opacity);}"
 };
 function InputButton(e, t) {
 	push(t, !0), append_styles$1(e, $$css$44);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.27.2",
+  "version": "4.27.4",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",