@juspay/svelte-ui-components 2.136.12 → 3.0.0

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 (4) hide show
  1. package/dist/Toolbar/Toolbar.svelte +49 -6
  2. package/dist/Toolbar/properties.d.ts +1 -0
  3. package/dist-wc/index.js +124 -106
  4. package/package.json +7 -3
package/dist/Toolbar/Toolbar.svelte CHANGED
@@ -4,7 +4,8 @@
4
4
  let {
5
5
  showBackButton = true,
6
6
  text,
7
- backIcon = 'https://sdk.breeze.in/gallery/icons/back.svg',
7
+ backIcon,
8
+ backLabel = 'Back',
8
9
  leftContent,
9
10
  centerContent,
10
11
  rightContent,
@@ -15,6 +16,13 @@
15
16
  testId,
16
17
  headingTestId
17
18
  }: ToolbarProperties = $props();
19
+
20
+ // `backIcon={null}` (or '') has always meant "render no back control at all", and consumers
21
+ // rely on it; only the DEFAULT changes, from a CDN image to the inline icon.
22
+ const showBackControl = $derived(showBackButton && backIcon !== null && backIcon !== '');
23
+ // The icon is decorative, so the label is the button's only accessible name — an empty or
24
+ // whitespace-only value must not strip it.
25
+ const backAccessibleName = $derived(backLabel.trim().length > 0 ? backLabel : 'Back');
18
26
  </script>
19
27
 
20
28
  <div class="toolbar {classes ?? ''}" data-pw={testId} testID={testId}>
@@ -25,10 +33,30 @@
25
33
  >
26
34
  {#if typeof leftContent === 'function'}
27
35
  {@render leftContent()}
28
- {:else if showBackButton && typeof backIcon === 'string' && backIcon.length > 0}
29
- <div class="back" onclick={onbackClick} {onkeydown} role="button" tabindex="0">
30
- <img src={backIcon} alt="Back" />
31
- </div>
36
+ {:else if showBackControl}
37
+ <button
38
+ type="button"
39
+ class="back"
40
+ aria-label={backAccessibleName}
41
+ onclick={onbackClick}
42
+ {onkeydown}
43
+ >
44
+ {#if typeof backIcon === 'string'}
45
+ <img src={backIcon} alt="" />
46
+ {:else}
47
+ <!-- Inline so the component ships no network dependency; currentColor so it follows the
48
+ consumer's text colour in both themes without a filter. -->
49
+ <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
50
+ <path
51
+ d="M10 3 5 8l5 5"
52
+ stroke="currentColor"
53
+ stroke-width="2"
54
+ stroke-linecap="round"
55
+ stroke-linejoin="round"
56
+ />
57
+ </svg>
58
+ {/if}
59
+ </button>
32
60
  {/if}
33
61
  {#if typeof centerContent === 'function'}
34
62
  <div class="center-content">
@@ -109,6 +137,14 @@
109
137
  }
110
138
 
111
139
  .back {
140
+ /* A native button so Enter/Space and the accessible name come for free; the reset keeps
141
+ the box identical to the div it replaces. */
142
+ appearance: none;
143
+ background: none;
144
+ border: 0;
145
+ margin: 0;
146
+ box-sizing: content-box;
147
+ color: var(--toolbar-back-icon-color, inherit);
112
148
  height: var(--toolbar-back-button-height, 20px);
113
149
  width: var(--toolbar-back-button-width, 20px);
114
150
  padding: var(--toolbar-back-button-padding, 20px 14px);
@@ -118,9 +154,16 @@
118
154
  align-items: center;
119
155
  }
120
156
 
121
- .back img {
157
+ .back:focus-visible {
158
+ outline: var(--toolbar-back-button-focus-outline, 2px solid currentColor);
159
+ outline-offset: var(--toolbar-back-button-focus-outline-offset, -2px);
160
+ }
161
+
162
+ .back img,
163
+ .back svg {
122
164
  height: var(--toolbar-back-image-height, 16px);
123
165
  width: var(--toolbar-back-image-width, 16px);
166
+ flex: none;
124
167
  }
125
168
 
126
169
  .center-content {
package/dist/Toolbar/properties.d.ts CHANGED
@@ -3,6 +3,7 @@ export type ToolbarProperties = ToolbarEventProperties & {
3
3
  showBackButton?: boolean;
4
4
  text?: string | null;
5
5
  backIcon?: string | null;
6
+ backLabel?: string;
6
7
  leftContent?: Snippet;
7
8
  centerContent?: Snippet;
8
9
  rightContent?: Snippet;
package/dist-wc/index.js CHANGED
@@ -4125,7 +4125,7 @@ create_custom_element(Loader, {
4125
4125
  }, [], [], { mode: "open" });
4126
4126
  //#endregion
4127
4127
  //#region src/lib/Button/Button.svelte
4128
- var root$82 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$70 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$53 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$46 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$36 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$28 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$23 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$80 = {
4128
+ var root$82 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$70 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$53 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$46 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$36 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$29 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$24 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$80 = {
4129
4129
  hash: "svelte-1j9w5l4",
4130
4130
  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 }"
4131
4131
  };
@@ -4356,7 +4356,7 @@ function Button(e, t) {
4356
4356
  set style(e) {
4357
4357
  _t(e), flushSync();
4358
4358
  }
4359
- }, Tt = root_6$23();
4359
+ }, Tt = root_6$24();
4360
4360
  let Et;
4361
4361
  var Dt = child(Tt), Ot = (e) => {
4362
4362
  append(e, root$82());
@@ -4392,7 +4392,7 @@ function Button(e, t) {
4392
4392
  tabindex: c() && get(xt) ? -1 : null,
4393
4393
  [CLASS]: { disabled: get(xt) }
4394
4394
  }), void 0, void 0, void 0, "svelte-1j9w5l4");
4395
- var i = root_5$28(), a = first_child(i), o = (e) => {
4395
+ var i = root_5$29(), a = first_child(i), o = (e) => {
4396
4396
  var t = root_1$70();
4397
4397
  Loader(child(t), {}), reset(t), append(e, t);
4398
4398
  };
@@ -4475,7 +4475,7 @@ create_custom_element(Button, {
4475
4475
  }, [], [], { mode: "open" });
4476
4476
  //#endregion
4477
4477
  //#region src/lib/Book/Book.svelte
4478
- var root$81 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$69 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$52 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$45 = /* @__PURE__ */ from_html("<button></button>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$27 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$79 = {
4478
+ var root$81 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$69 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$52 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$45 = /* @__PURE__ */ from_html("<button></button>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$28 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$79 = {
4479
4479
  hash: "svelte-1qrpci6",
4480
4480
  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);}"
4481
4481
  };
@@ -4584,7 +4584,7 @@ function Book(e, t) {
4584
4584
  set classes(e) {
4585
4585
  h(e), flushSync();
4586
4586
  }
4587
- }, Ue = root_5$27(), it = child(Ue), at = child(it), ot = (e) => {
4587
+ }, Ue = root_5$28(), it = child(Ue), at = child(it), ot = (e) => {
4588
4588
  var t = root$81();
4589
4589
  let n;
4590
4590
  var a = child(t);
@@ -5976,7 +5976,7 @@ function unlockBodyScroll() {
5976
5976
  }
5977
5977
  //#endregion
5978
5978
  //#region src/lib/Input/Input.svelte
5979
- var root$76 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$64 = /* @__PURE__ */ from_html("<input/>"), root_2$48 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$42 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$33 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$26 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$22 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$19 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$17 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$10 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$9 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$74 = {
5979
+ var root$76 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$64 = /* @__PURE__ */ from_html("<input/>"), root_2$48 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$42 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$33 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$27 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$23 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$19 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$17 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$10 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$9 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$74 = {
5980
5980
  hash: "svelte-1h0c2oe",
5981
5981
  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);}"
5982
5982
  };
@@ -6455,7 +6455,7 @@ function Input(e, t) {
6455
6455
  Et()?.apply(this, e);
6456
6456
  }), append(e, t);
6457
6457
  }, a = (e) => {
6458
- var t = root_5$26();
6458
+ var t = root_5$27();
6459
6459
  snippet(child(t), () => wt() ?? noop), reset(t), append(e, t);
6460
6460
  };
6461
6461
  if_block(n, (e) => {
@@ -6469,7 +6469,7 @@ function Input(e, t) {
6469
6469
  e(s);
6470
6470
  var c = sibling(s, 2), l = (e) => {
6471
6471
  var t = comment(), n = first_child(t), i = (e) => {
6472
- var t = root_6$22();
6472
+ var t = root_6$23();
6473
6473
  snippet(child(t), () => Tt() ?? noop), reset(t), template_effect(() => set_attribute(t, "aria-label", kt())), delegated("click", t, function(...e) {
6474
6474
  Dt()?.apply(this, e);
6475
6475
  }), append(e, t);
@@ -7317,7 +7317,7 @@ create_custom_element(SplitInput, {
7317
7317
  }, [], ["clear", "focus"], { mode: "open" });
7318
7318
  //#endregion
7319
7319
  //#region src/lib/assets/swap-vertical.svg?raw
7320
- 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$71 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$59 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$40 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$32 = /* @__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$25 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$69 = {
7320
+ 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$71 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$59 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$40 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$32 = /* @__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$26 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$69 = {
7321
7321
  hash: "svelte-ka7yhu",
7322
7322
  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;}"
7323
7323
  };
@@ -7425,7 +7425,7 @@ function ColorPicker(e, t) {
7425
7425
  set classes(e) {
7426
7426
  u(e), flushSync();
7427
7427
  }
7428
- }, _t = root_5$25();
7428
+ }, _t = root_5$26();
7429
7429
  event("click", $window, Me);
7430
7430
  let vt;
7431
7431
  var yt = child(_t), bt = (e) => {
@@ -7676,7 +7676,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
7676
7676
  }, [], [], { mode: "open" }));
7677
7677
  //#endregion
7678
7678
  //#region src/lib/Combobox/Combobox.svelte
7679
- var root$70 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$58 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$44 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$31 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$24 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$21 = /* @__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$18 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$16 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$8 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$68 = {
7679
+ var root$70 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$58 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$44 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$31 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$25 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$22 = /* @__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$18 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$16 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$8 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$68 = {
7680
7680
  hash: "svelte-178p70i",
7681
7681
  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);}"
7682
7682
  };
@@ -8155,7 +8155,7 @@ function Combobox(e, t) {
8155
8155
  var t = comment();
8156
8156
  each(first_child(t), 19, () => get(jt), (e) => e.id, (e, t) => {
8157
8157
  let n = /* @__PURE__ */ user_derived(() => cn(get(t))), i = /* @__PURE__ */ user_derived(() => get(t).disabled !== !0 && get(n) === c());
8158
- var o = root_5$24();
8158
+ var o = root_5$25();
8159
8159
  let s;
8160
8160
  var l = child(o), u = (e) => {
8161
8161
  var n = comment();
@@ -8181,7 +8181,7 @@ function Combobox(e, t) {
8181
8181
  get(Pt) ? e(s) : get(jt).length === 0 && !get(Lt) && !dt() ? e(l, 1) : e(u, -1);
8182
8182
  });
8183
8183
  var f = sibling(o, 2), h = (e) => {
8184
- var t = root_6$21();
8184
+ var t = root_6$22();
8185
8185
  let n;
8186
8186
  var i = sibling(child(t));
8187
8187
  reset(t), template_effect((e) => {
@@ -8442,7 +8442,7 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
8442
8442
  }, [], [], { mode: "open" }));
8443
8443
  //#endregion
8444
8444
  //#region src/lib/assets/search.svg?raw
8445
- 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$69 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$57 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$43 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$38 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$30 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$23 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$20 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$17 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$15 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$10 = /* @__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\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$67 = {
8445
+ 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$69 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$57 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$43 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$38 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$30 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$24 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$21 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$17 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$15 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$10 = /* @__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\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$67 = {
8446
8446
  hash: "svelte-rk55q",
8447
8447
  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);}"
8448
8448
  };
@@ -8648,9 +8648,9 @@ function CommandMenu(e, t) {
8648
8648
  var f = sibling(o, 2), p = child(f, !0);
8649
8649
  reset(f);
8650
8650
  var h = sibling(f, 2), C = (e) => {
8651
- var n = root_6$20();
8651
+ var n = root_6$21();
8652
8652
  each(n, 21, () => get(t).shortcut.split("+"), index, (e, t) => {
8653
- var n = root_5$23(), i = child(n, !0);
8653
+ var n = root_5$24(), i = child(n, !0);
8654
8654
  reset(n), template_effect((e) => set_text(i, e), [() => get(t).trim()]), append(e, n);
8655
8655
  }), reset(n), append(e, n);
8656
8656
  };
@@ -11165,7 +11165,7 @@ customElements.define("sui-stepper", create_custom_element(Stepper_wc, {
11165
11165
  }, [], [], { mode: "open" }));
11166
11166
  //#endregion
11167
11167
  //#region src/lib/assets/chevron-up.svg?raw
11168
- var chevron_up_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"18 15 12 9 6 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_down_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$52 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-start svelte-18eaq6o\"><!></button>"), root_1$44 = /* @__PURE__ */ from_html("<div class=\"tabs-section-label svelte-18eaq6o\" aria-hidden=\"true\"> </div>"), root_2$36 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"></span>"), root_3$33 = /* @__PURE__ */ from_html("<!> <span class=\"tabs-item-label svelte-18eaq6o\"> </span> <!>", 1), root_4$27 = /* @__PURE__ */ from_html("<!> <div role=\"tab\"><!></div>", 1), root_5$22 = /* @__PURE__ */ from_html("<span class=\"tabs-indicator svelte-18eaq6o\" aria-hidden=\"true\"></span>"), root_6$19 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-end svelte-18eaq6o\"><!></button>"), root_7$16 = /* @__PURE__ */ from_html("<div><!> <div role=\"tablist\"><!> <!></div> <!></div>"), $$css$50 = {
11168
+ var chevron_up_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"18 15 12 9 6 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_down_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$52 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-start svelte-18eaq6o\"><!></button>"), root_1$44 = /* @__PURE__ */ from_html("<div class=\"tabs-section-label svelte-18eaq6o\" aria-hidden=\"true\"> </div>"), root_2$36 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"></span>"), root_3$33 = /* @__PURE__ */ from_html("<!> <span class=\"tabs-item-label svelte-18eaq6o\"> </span> <!>", 1), root_4$27 = /* @__PURE__ */ from_html("<!> <div role=\"tab\"><!></div>", 1), root_5$23 = /* @__PURE__ */ from_html("<span class=\"tabs-indicator svelte-18eaq6o\" aria-hidden=\"true\"></span>"), root_6$20 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-end svelte-18eaq6o\"><!></button>"), root_7$16 = /* @__PURE__ */ from_html("<div><!> <div role=\"tablist\"><!> <!></div> <!></div>"), $$css$50 = {
11169
11169
  hash: "svelte-18eaq6o",
11170
11170
  code: ".tabs-wrapper.svelte-18eaq6o {display:flex;align-items:stretch;position:relative;max-width:100%;background:var(--tabs-bar-background, #ffffff);border-bottom:var(--tabs-bar-border-bottom, 1px solid #e0e0e0);border-radius:var(--tabs-bar-border-radius, 0);}.tabs-wrapper.disabled.svelte-18eaq6o {opacity:var(--tabs-disabled-opacity, 0.5);pointer-events:none;}.tabs-bar.svelte-18eaq6o {display:flex;flex:1;min-width:0;padding:var(--tabs-bar-padding, 0px);gap:var(--tabs-bar-gap, 0px);overflow-x:auto;scrollbar-width:none;position:relative;}.tabs-bar.svelte-18eaq6o::-webkit-scrollbar {display:none;}\n\n /* Each fade holds FULLY transparent for the first --tabs-fade-solid px before\n ramping to opaque: a plain 0→fade-size ramp still renders the clipped tab\n label at ~20% opacity a few px from the edge, which reads as a stray glyph\n fragment beside the scroll arrow. The solid zone guarantees nothing is\n perceptible there. */.tabs-bar.fade-left.svelte-18eaq6o {mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-right.svelte-18eaq6o {mask-image:linear-gradient(\n to left,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to left,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-left.fade-right.svelte-18eaq6o {mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );-webkit-mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );}.tabs-arrow.svelte-18eaq6o {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--tabs-arrow-size, 28px);padding:var(--tabs-arrow-padding, 0);border:var(--tabs-arrow-border, none);background:var(--tabs-arrow-background, var(--tabs-bar-background, #ffffff));color:var(--tabs-arrow-color, var(--tabs-item-color, #666666));cursor:pointer;z-index:1;transition:var(--tabs-arrow-transition, color 0.2s ease);font-family:inherit;}.tabs-arrow.svelte-18eaq6o:hover {color:var(--tabs-arrow-hover-color, var(--tabs-active-color, #1a73e8));background:var(\n --tabs-arrow-hover-background,\n var(--tabs-arrow-background, var(--tabs-bar-background, #ffffff))\n );}.tabs-item.svelte-18eaq6o {display:flex;align-items:center;gap:var(--tabs-item-gap, 8px);position:relative;padding:var(--tabs-item-padding, 12px 16px);font-size:var(--tabs-item-font-size, 14px);font-weight:var(--tabs-item-font-weight, 400);font-family:var(--tabs-item-font-family, inherit);color:var(--tabs-item-color, #666666);cursor:var(--tabs-item-cursor, pointer);background:var(--tabs-item-background, transparent);border:var(--tabs-item-border, none);border-radius:var(--tabs-item-border-radius, 0);outline:none;white-space:nowrap;flex-shrink:0;user-select:none;transition:var(--tabs-transition, color 0.2s ease, background 0.2s ease);}.tabs-item.svelte-18eaq6o .tabs-item-icon {--image-width: var(--tabs-item-icon-size, 16px);--image-height: var(--tabs-item-icon-size, 16px);--image-object-fit: contain;color:var(--tabs-item-icon-color, inherit);flex-shrink:0;}\n\n /* Reserves the active-state (bolder) width of the label so selecting a tab\n never reflows the tab bar: without this, .tabs-item.active's font-weight\n jump makes the tab (and every tab after it) physically resize, which\n visibly shifts sibling tabs and defeats the indicator's slide animation\n with a jump. The ::after ghost renders data-text at the active weight\n with height:0/visibility:hidden -- invisible, but its width still sets\n the shrink-to-fit width of the inline-block label, so the box is already\n as wide as the active state needs even while showing the lighter weight. */.tabs-item-label.svelte-18eaq6o {position:relative;display:inline-block;}.tabs-item-label.svelte-18eaq6o::after {content:attr(data-text);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:var(--tabs-active-font-weight, 600);}\n\n /* Trailing status dot for nav/menu tabs. margin-left:auto pushes it to the row's\n end (e.g. a settings menu); harmless on a normal tab bar where the item shrinks\n to content. */.tabs-item-status.svelte-18eaq6o {width:var(--tabs-item-status-size, 8px);height:var(--tabs-item-status-size, 8px);margin-left:auto;border-radius:50%;flex-shrink:0;background:transparent;}\n\n /* Neutral \"has activity / configured\" dot — blue by default, matching the app's\n --text-color-focus. Maps from a settings menu's Default circle type. */.tabs-item-status.status-default.svelte-18eaq6o {background:var(--tabs-item-status-default-color, #1a73e8);}.tabs-item-status.status-pending.svelte-18eaq6o {background:var(--tabs-item-status-pending-color, #f59e0b);}.tabs-item-status.status-error.svelte-18eaq6o {background:var(--tabs-item-status-error-color, #e7000b);}.tabs-item-status.status-success.svelte-18eaq6o {background:var(--tabs-item-status-success-color, #16a34a);}.tabs-item.svelte-18eaq6o:hover:not(.active):not([aria-disabled]) {color:var(--tabs-hover-color, #333333);background:var(--tabs-hover-background, #f5f5f5);}.tabs-item.active.svelte-18eaq6o {color:var(--tabs-active-color, #1a73e8);font-weight:var(--tabs-active-font-weight, 600);background:var(--tabs-active-background, transparent);}.tabs-item[aria-disabled].svelte-18eaq6o {cursor:var(--tabs-disabled-cursor, not-allowed);}.tabs-indicator.svelte-18eaq6o {position:absolute;bottom:0;height:var(--tabs-indicator-height, 2px);background-color:var(--tabs-indicator-color, #1a73e8);border-radius:var(--tabs-indicator-border-radius, 2px 2px 0 0);transition:var(--tabs-indicator-transition, left 0.3s ease, width 0.3s ease);pointer-events:none;}\n\n /* ---------- Vertical orientation (nav / menu rail) ---------- */.tabs-wrapper.vertical.svelte-18eaq6o {flex-direction:column;align-items:stretch;max-width:none;border-bottom:none;}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-bar:where(.svelte-18eaq6o) {flex-direction:column;overflow-x:hidden;overflow-y:auto;}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-item:where(.svelte-18eaq6o) {\n /* Full-width rows: label sits at the leading edge, the status dot's margin-left:auto\n pushes it to the trailing edge (the settings-menu look). */width:100%;box-sizing:border-box;justify-content:flex-start;}.tabs-bar.fade-top.svelte-18eaq6o {mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-bottom.svelte-18eaq6o {mask-image:linear-gradient(\n to top,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to top,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-top.fade-bottom.svelte-18eaq6o {mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );-webkit-mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-indicator:where(.svelte-18eaq6o) {top:0;bottom:auto;left:0;width:var(--tabs-indicator-height, 2px);height:var(--tabs-indicator-height, 2px);border-radius:var(--tabs-indicator-border-radius-vertical, 0 2px 2px 0);transition:var(--tabs-indicator-transition-vertical, top 0.3s ease, height 0.3s ease);}\n\n /* Section header rendered above a group of vertical nav items. */.tabs-section-label.svelte-18eaq6o {padding:var(--tabs-section-label-padding, 12px 16px 4px);font-size:var(--tabs-section-label-font-size, 11px);font-weight:var(--tabs-section-label-font-weight, 700);letter-spacing:var(--tabs-section-label-letter-spacing, 0.04em);text-transform:var(--tabs-section-label-text-transform, uppercase);color:var(--tabs-section-label-color, var(--tabs-item-color, #999999));white-space:nowrap;user-select:none;}\n\n @media (prefers-reduced-motion: reduce) {.tabs-indicator.svelte-18eaq6o,\n .tabs-wrapper.vertical.svelte-18eaq6o .tabs-indicator:where(.svelte-18eaq6o) {transition:none;}\n }"
11171
11171
  };
@@ -11423,14 +11423,14 @@ function Tabs(e, t) {
11423
11423
  ]), delegated("click", u, () => ht(get(n))), delegated("keydown", u, (e) => _t(e, get(n))), append(e, s);
11424
11424
  });
11425
11425
  var Ot = sibling(Dt, 2), kt = (e) => {
11426
- var t = root_5$22();
11426
+ var t = root_5$23();
11427
11427
  template_effect(() => set_style(t, get(C) ? `top: ${get(ot)}px; height: ${get(ct)}px;` : `left: ${get(it)}px; width: ${get(at)}px;`)), append(e, t);
11428
11428
  };
11429
11429
  if_block(Ot, (e) => {
11430
11430
  get(lt) && e(kt);
11431
11431
  }), reset(Tt), attach(Tt, () => vt);
11432
11432
  var At = sibling(Tt, 2), jt = (e) => {
11433
- var t = root_6$19(), n = child(t), i = (e) => {
11433
+ var t = root_6$20(), n = child(t), i = (e) => {
11434
11434
  var t = comment();
11435
11435
  snippet(first_child(t), u), append(e, t);
11436
11436
  }, a = (e) => {
@@ -11994,7 +11994,7 @@ function slide(e, { delay: t = 0, duration: n = 400, easing: i = cubic_out, axis
11994
11994
  }
11995
11995
  //#endregion
11996
11996
  //#region src/lib/Banner/Banner.svelte
11997
- var root$48 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$41 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$34 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$31 = /* @__PURE__ */ from_html("<div class=\"banner-right svelte-w23dzo\"><!></div>"), root_4$26 = /* @__PURE__ */ from_html("<div class=\"banner-dismiss svelte-w23dzo\"><!></div>"), root_5$21 = /* @__PURE__ */ from_html("<div><!> <div class=\"banner-body svelte-w23dzo\"><!> <div class=\"banner-text svelte-w23dzo\"> <!></div></div> <!> <!></div>"), $$css$46 = {
11997
+ var root$48 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$41 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$34 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$31 = /* @__PURE__ */ from_html("<div class=\"banner-right svelte-w23dzo\"><!></div>"), root_4$26 = /* @__PURE__ */ from_html("<div class=\"banner-dismiss svelte-w23dzo\"><!></div>"), root_5$22 = /* @__PURE__ */ from_html("<div><!> <div class=\"banner-body svelte-w23dzo\"><!> <div class=\"banner-text svelte-w23dzo\"> <!></div></div> <!> <!></div>"), $$css$46 = {
11998
11998
  hash: "svelte-w23dzo",
11999
11999
  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);}"
12000
12000
  };
@@ -12090,7 +12090,7 @@ function Banner(e, t) {
12090
12090
  C(e), flushSync();
12091
12091
  }
12092
12092
  }, be = comment(), Me = first_child(be), Re = (e) => {
12093
- var t = root_5$21(), s = child(t), f = (e) => {
12093
+ var t = root_5$22(), s = child(t), f = (e) => {
12094
12094
  var t = root$48();
12095
12095
  snippet(child(t), i), reset(t), append(e, t);
12096
12096
  };
@@ -12790,7 +12790,7 @@ customElements.define("sui-choicebox", create_custom_element(Choicebox_wc, {
12790
12790
  }, ["default"], [], { mode: "open" }));
12791
12791
  //#endregion
12792
12792
  //#region src/lib/Card/Card.svelte
12793
- var root$44 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$37 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$29 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$25 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$20 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$18 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$15 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$14 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), $$css$42 = {
12793
+ var root$44 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$37 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$29 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$25 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$21 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$19 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$15 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$14 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), $$css$42 = {
12794
12794
  hash: "svelte-10nkiak",
12795
12795
  code: ".card.svelte-10nkiak {\n /* Explicit so the root's layout doesn't depend on the browser default for\n whichever tag svelte:element renders -- a <div> defaults to block and an\n <a> defaults to inline, and an inline box ignores width/height entirely.\n Pinning both here keeps anchor-mode cards byte-identical to div cards. */display:block;text-decoration:none;background:var(--card-background, inherit);border:var(--card-border, 1px solid currentColor);border-radius:var(--card-border-radius, var(--radius, 4px));overflow:var(--card-overflow, hidden);color:inherit;cursor:var(--card-cursor, inherit);box-shadow:var(--card-box-shadow, none);width:var(--card-width, auto);min-width:var(--card-min-width, 0);max-width:var(--card-max-width, none);height:var(--card-height, auto);max-height:var(--card-max-height, none);margin:var(--card-margin, 0);}.card-interactive.svelte-10nkiak {cursor:var(--card-cursor, pointer);}.card-interactive.svelte-10nkiak:focus-visible {outline:var(--card-focus-outline, 2px solid currentColor);outline-offset:var(--card-focus-outline-offset, 2px);}\n\n /* stretch: fill parent height */.card-stretch.svelte-10nkiak {height:var(--card-stretch-height, 100%);display:flex;flex-direction:column;}\n\n /* when stretch is on, content area should grow to fill remaining space */.card-stretch.svelte-10nkiak .card-content:where(.svelte-10nkiak) {flex:var(--card-content-flex, 1);}\n\n /* when scrollable=true the child sets overflow-y:auto, so the card must not clip it */.card-has-scroll.svelte-10nkiak {overflow:visible;}\n\n /* header row layout — base block flow; flex only applied when headerRight is present */.card-header.svelte-10nkiak {padding:var(--card-header-padding, 16px 16px 0);border-bottom:var(--card-header-border-bottom, none);}\n\n /* flex layout activated only when headerRight snippet is provided */.card-header-split.svelte-10nkiak {display:flex;align-items:var(--card-header-align-items, flex-start);justify-content:space-between;gap:var(--card-header-gap, 8px);}.card-header-main.svelte-10nkiak {display:flex;flex-direction:column;flex:1;min-width:0;}.card-header-right.svelte-10nkiak {display:flex;align-items:var(--card-header-right-align-items, center);flex-shrink:0;}.card-title.svelte-10nkiak {font-size:var(--card-title-font-size, 16px);font-weight:var(--card-title-font-weight, 600);color:var(--card-title-color, inherit);}.card-description.svelte-10nkiak {font-size:var(--card-description-font-size, 14px);color:var(--card-description-color, inherit);opacity:var(--card-description-opacity, 0.6);margin-top:var(--card-description-margin-top, 4px);}.card-content.svelte-10nkiak {padding:var(--card-content-padding, 16px);}\n\n /* scrollable content area */.card-content-scrollable.svelte-10nkiak {overflow-y:auto;max-height:var(--card-content-max-height, 400px);scrollbar-width:var(--card-content-scrollbar-width, thin);}\n\n /* footer */.card-footer.svelte-10nkiak {padding:var(--card-footer-padding, 12px 16px);border-top:var(--card-footer-border-top, none);background:var(--card-footer-background, inherit);}"
12796
12796
  };
@@ -12917,7 +12917,7 @@ function Card(e, t) {
12917
12917
  }
12918
12918
  }), void 0, void 0, void 0, "svelte-10nkiak");
12919
12919
  var h = root_8$14(), G = first_child(h), Re = (e) => {
12920
- var t = root_5$20();
12920
+ var t = root_5$21();
12921
12921
  let n;
12922
12922
  var c = child(t), l = child(c), u = (e) => {
12923
12923
  var t = root$44();
@@ -12951,7 +12951,7 @@ function Card(e, t) {
12951
12951
  (typeof i() == "string" && i().length > 0 || typeof o() == "function" || typeof S() == "function") && e(Re);
12952
12952
  });
12953
12953
  var Ue = sibling(G, 2), it = (e) => {
12954
- var t = root_6$18();
12954
+ var t = root_6$19();
12955
12955
  let i;
12956
12956
  snippet(child(t), n), reset(t), template_effect(() => {
12957
12957
  i = set_class(t, 1, "card-content svelte-10nkiak", null, i, { "card-content-scrollable": R() }), set_attribute(t, "role", R() ? "region" : null), set_attribute(t, "aria-label", R() ? "Scrollable card content" : null), set_attribute(t, "tabindex", R() ? 0 : null);
@@ -13388,7 +13388,7 @@ delegate(["click"]), customElements.define("sui-file-input", create_custom_eleme
13388
13388
  }, ["trigger"], [], { mode: "open" }));
13389
13389
  //#endregion
13390
13390
  //#region src/lib/ContextMenu/ContextMenu.svelte
13391
- var root$40 = /* @__PURE__ */ from_html("<div class=\"context-menu-separator svelte-1hf60pq\" role=\"separator\"></div>"), root_1$35 = /* @__PURE__ */ from_html("<img class=\"context-menu-item-icon svelte-1hf60pq\" alt=\"\"/>"), root_2$29 = /* @__PURE__ */ from_html("<span class=\"context-menu-item-shortcut svelte-1hf60pq\"> </span>"), root_3$27 = /* @__PURE__ */ from_html("<div role=\"menuitem\"><!> <span class=\"context-menu-item-label svelte-1hf60pq\"> </span> <!></div>"), root_4$23 = /* @__PURE__ */ from_html("<div class=\"context-menu-dropdown svelte-1hf60pq\" role=\"menu\" tabindex=\"-1\"></div>"), root_5$19 = /* @__PURE__ */ from_html("<div role=\"application\"><!></div> <!>", 1), $$css$39 = {
13391
+ var root$40 = /* @__PURE__ */ from_html("<div class=\"context-menu-separator svelte-1hf60pq\" role=\"separator\"></div>"), root_1$35 = /* @__PURE__ */ from_html("<img class=\"context-menu-item-icon svelte-1hf60pq\" alt=\"\"/>"), root_2$29 = /* @__PURE__ */ from_html("<span class=\"context-menu-item-shortcut svelte-1hf60pq\"> </span>"), root_3$27 = /* @__PURE__ */ from_html("<div role=\"menuitem\"><!> <span class=\"context-menu-item-label svelte-1hf60pq\"> </span> <!></div>"), root_4$23 = /* @__PURE__ */ from_html("<div class=\"context-menu-dropdown svelte-1hf60pq\" role=\"menu\" tabindex=\"-1\"></div>"), root_5$20 = /* @__PURE__ */ from_html("<div role=\"application\"><!></div> <!>", 1), $$css$39 = {
13392
13392
  hash: "svelte-1hf60pq",
13393
13393
  code: ".context-menu-container.svelte-1hf60pq {display:var(--context-menu-container-display, contents);}.context-menu-dropdown.svelte-1hf60pq {position:fixed;z-index:var(--context-menu-z-index, 1000);background-color:var(--context-menu-background-color, #ffffff);border:var(--context-menu-border, 1px solid #e0e0e0);border-radius:var(--context-menu-border-radius, var(--radius, 4px));box-shadow:var(--context-menu-box-shadow, 0px 4px 16px rgba(0, 0, 0, 0.12));min-width:var(--context-menu-min-width, 160px);max-height:var(--context-menu-max-height, 240px);overflow-y:auto;padding:var(--context-menu-padding, 4px 0);font-family:var(--context-menu-font-family, inherit);font-size:var(--context-menu-font-size, 14px);}.context-menu-item.svelte-1hf60pq {display:flex;align-items:center;padding:var(--context-menu-item-padding, 8px 12px);cursor:pointer;color:var(--context-menu-item-color, #333333);background-color:var(--context-menu-item-background-color, transparent);gap:var(--context-menu-item-gap, 8px);white-space:var(--context-menu-item-white-space, nowrap);-webkit-tap-highlight-color:transparent;}.context-menu-item.svelte-1hf60pq:hover {background-color:var(--context-menu-item-hover-background-color, #f5f5f5);color:var(--context-menu-item-hover-color, var(--context-menu-item-color, #333333));}.context-menu-item.svelte-1hf60pq:focus {background-color:var(--context-menu-item-focus-background-color, #f0f0f0);outline:var(--context-menu-item-focus-outline, none);}.context-menu-item-danger.svelte-1hf60pq {color:var(--context-menu-item-danger-color, #dc3545);}.context-menu-item-danger.svelte-1hf60pq:hover {background-color:var(--context-menu-item-danger-hover-background-color, #fff0f0);color:var(\n --context-menu-item-danger-hover-color,\n var(--context-menu-item-danger-color, #dc3545)\n );}.context-menu-item-danger.svelte-1hf60pq:focus {background-color:var(--context-menu-item-danger-focus-background-color, #fff0f0);}.context-menu-item-disabled.svelte-1hf60pq {opacity:var(--context-menu-item-disabled-opacity, 0.4);cursor:var(--context-menu-item-disabled-cursor, not-allowed);pointer-events:none;}.context-menu-separator.svelte-1hf60pq {height:var(--context-menu-separator-height, 1px);background-color:var(--context-menu-separator-color, #e0e0e0);margin:var(--context-menu-separator-margin, 4px 0);}.context-menu-item-icon.svelte-1hf60pq {height:var(--context-menu-item-icon-height, 16px);width:var(--context-menu-item-icon-width, 16px);flex-shrink:0;}.context-menu-item-label.svelte-1hf60pq {flex:1;font-weight:var(--context-menu-item-font-weight, 400);line-height:var(--context-menu-item-line-height, 1.4);}.context-menu-item-shortcut.svelte-1hf60pq {color:var(--context-menu-item-shortcut-color, #999999);font-size:var(--context-menu-item-shortcut-font-size, 12px);font-weight:var(--context-menu-item-shortcut-font-weight, 400);margin-left:var(--context-menu-item-shortcut-margin-left, 16px);}"
13394
13394
  };
@@ -13517,7 +13517,7 @@ function ContextMenu(e, t) {
13517
13517
  set classes(e) {
13518
13518
  f(e), flushSync();
13519
13519
  }
13520
- }, ot = root_5$19(), ct = first_child(ot), lt = child(ct), ut = (e) => {
13520
+ }, ot = root_5$20(), ct = first_child(ot), lt = child(ct), ut = (e) => {
13521
13521
  var t = comment();
13522
13522
  snippet(first_child(t), s), append(e, t);
13523
13523
  };
@@ -13624,7 +13624,7 @@ customElements.define("sui-context-menu", create_custom_element(ContextMenu_wc,
13624
13624
  }, ["default"], [], { mode: "open" }));
13625
13625
  //#endregion
13626
13626
  //#region src/lib/InputButton/InputButton.svelte
13627
- var root$39 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$34 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$28 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$26 = /* @__PURE__ */ from_html("<div class=\"right-button svelte-1oc9dju\"><!></div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"bottom-button svelte-1oc9dju\"><!></div>"), root_5$18 = /* @__PURE__ */ from_html("<div class=\"external-error-message svelte-1oc9dju\"> </div>"), root_6$17 = /* @__PURE__ */ from_html("<div class=\"error-message svelte-1oc9dju\"> </div>"), root_7$14 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1oc9dju\"> </div>"), root_8$13 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <div class=\"input svelte-1oc9dju\"><!></div> <!></div> <!></div> <!> <!></div>"), $$css$38 = {
13627
+ var root$39 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$34 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$28 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$26 = /* @__PURE__ */ from_html("<div class=\"right-button svelte-1oc9dju\"><!></div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"bottom-button svelte-1oc9dju\"><!></div>"), root_5$19 = /* @__PURE__ */ from_html("<div class=\"external-error-message svelte-1oc9dju\"> </div>"), root_6$18 = /* @__PURE__ */ from_html("<div class=\"error-message svelte-1oc9dju\"> </div>"), root_7$14 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1oc9dju\"> </div>"), root_8$13 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <div class=\"input svelte-1oc9dju\"><!></div> <!></div> <!></div> <!> <!></div>"), $$css$38 = {
13628
13628
  hash: "svelte-1oc9dju",
13629
13629
  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);}"
13630
13630
  };
@@ -13806,10 +13806,10 @@ function InputButton(e, t) {
13806
13806
  s() != null && e(bt);
13807
13807
  }), reset(dt);
13808
13808
  var xt = sibling(dt, 2), St = (e) => {
13809
- var t = root_5$18(), n = child(t, !0);
13809
+ var t = root_5$19(), n = child(t, !0);
13810
13810
  reset(t), template_effect(() => set_text(n, R())), append(e, t);
13811
13811
  }, Ct = (e) => {
13812
- var t = root_6$17(), n = child(t, !0);
13812
+ var t = root_6$18(), n = child(t, !0);
13813
13813
  reset(t), template_effect(() => set_text(n, i().onErrorMessage)), append(e, t);
13814
13814
  };
13815
13815
  if_block(xt, (e) => {
@@ -13888,7 +13888,7 @@ customElements.define("sui-input-button", create_custom_element(InputButton_wc,
13888
13888
  }, ["left-icon", "right-icon"], [], { mode: "open" }));
13889
13889
  //#endregion
13890
13890
  //#region src/lib/ListItem/ListItem.svelte
13891
- var root$38 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$33 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div></div>"), root_3$25 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <div><div><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$37 = {
13891
+ var root$38 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$33 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div></div>"), root_3$25 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$18 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$17 = /* @__PURE__ */ from_html("<div><!> <div><div><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$37 = {
13892
13892
  hash: "svelte-d2pqbq",
13893
13893
  code: ".item-container.svelte-d2pqbq {position:relative;--loader-foreground: var(--list-item-loader-foreground, #86898d);--loader-background: var(--list-item-loader-background, #ffffff);--loader-foreground-end: var(--list-item-loader-foreground-end, #ffffff);}.item-loader.svelte-d2pqbq {position:absolute;height:100%;width:100%;background:var(--list-item-loader-background-color, #00000030);z-index:20;\n animation: svelte-d2pqbq-fill-loader ease-in-out var(--list-item-loader-duration, 8s);}\n\n @keyframes svelte-d2pqbq-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }.item.svelte-d2pqbq {display:flex;flex-direction:column;background-color:var(--list-item-background-color, transparent);-webkit-tap-highlight-color:transparent;cursor:var(--list-item-cursor, pointer);-moz-box-shadow:var(--list-item-box-shadow, none);-webkit-box-shadow:var(--list-item-box-shadow, none);box-shadow:var(--list-item-box-shadow, none);width:var(--list-item-box-width);border-radius:var(--list-item-border-radius, 0px);margin:var(--list-item-margin);padding:var(--list-item-padding);border:var(--list-item-border);transition:var(--list-item-transition);}.item.svelte-d2pqbq:hover {background-color:var(--list-item-hover-background-color, var(--list-item-background-color));border:var(--list-item-hover-border, var(--list-item-border));}.top-section.svelte-d2pqbq {display:flex;flex-direction:row;align-items:var(--list-item-top-section-align-items);gap:var(--list-item-top-section-gap);margin-bottom:0;}.left-content.svelte-d2pqbq {display:var(--list-item-left-content-display, flex);--image-height: var(--list-item-left-image-height, 24px);--image-width: var(--list-item-left-image-width, 24px);--image-padding: var(--list-item-left-image-padding, 0px);--image-border-radius: var(--list-item-left-image-border-radius, 0px);--image-margin: var(--list-item-left-image-margin, 0px);--image-filter: var(--list-item-left-image-filter, none);--image-background: var(--list-item-left-image-background);--image-border: var(--list-item-left-image-border);--image-transition: var(--list-item-transition);--image-object-fit: var(--list-item-left-image-object-fit);--image-hover-background: var(\n --list-item-left-image-hover-background,\n var(--list-item-left-image-background)\n );--image-hover-border: var(\n --list-item-left-image-hover-border,\n var(--list-item-left-image-border)\n );}.center-text.svelte-d2pqbq {display:flex;flex-direction:column;justify-content:var(--list-item-center-text-justify-content, flex-start);padding:var(--list-item-center-text-padding, 0px 20px);color:var(--list-item-center-text-color, #2f3841);font-size:var(--list-item-center-text-font-size, 12px);font-weight:var(--list-item-center-text-font-weight, 300);align-items:var(--list-item-center-text-vertical-align);margin:var(--list-item-center-text-margin);border:var(--list-item-center-text-border);cursor:var(--list-item-center-text-cursor, pointer);font-family:var(--list-item-center-text-font-family);}.center-content.svelte-d2pqbq {display:flex;flex:1;min-width:0;}.right-content.svelte-d2pqbq {display:var(--list-item-right-content-display, flex);flex:var(--list-item-right-content-flex);}.right-content-loader.svelte-d2pqbq {margin:var(--list-item-right-content-loader-margin);}.bottom-section.svelte-d2pqbq {flex-direction:row;margin-top:0;}.right-img-wrapper.svelte-d2pqbq {--image-height: var(--list-item-right-image-height, 18px);--image-width: var(--list-item-right-image-width, 18px);--image-padding: var(--list-item-right-image-padding, 0px);--image-border-radius: var(--list-item-right-image-border-radius, 0px);--image-margin: var(--list-item-right-image-margin, 0px);--image-filter: var(--list-item-right-image-filter);--image-background: var(--list-item-right-image-background);--image-border: var(--list-item-right-image-border);--image-transition: var(--list-item-transition);--image-hover-background: var(\n --list-item-right-image-hover-background,\n var(--list-item-right-image-background)\n );--image-hover-border: var(\n --list-item-right-image-hover-border,\n var(--list-item-right-image-border)\n );}.right-content-text.svelte-d2pqbq {color:var(--list-item-right-content-text-color, #2f3841);font-size:var(--list-item-right-content-text-font-size, 12px);font-weight:var(--list-item-right-content-text-font-weight, 300);display:var(--list-item-right-content-display, flex);align-items:var(--list-item-right-content-text-vertical-align);padding:var(--list-item-right-content-text-padding, 0px);margin:var(--list-item-right-content-text-margin, 0px);border:var(--list-item-right-content-text-border);cursor:var(--list-item-right-content-text-cursor, pointer);font-family:var(--list-item-right-content-text-font-family);justify-content:var(--list-item-right-content-text-justify-content);}.prevent-focus.svelte-d2pqbq:focus {outline:none;}"
13894
13894
  };
@@ -14098,7 +14098,7 @@ function ListItem(e, t) {
14098
14098
  ft(e), flushSync();
14099
14099
  }
14100
14100
  }, yt = comment(), bt = first_child(yt), xt = (e) => {
14101
- var t = root_6$16(), Me = child(t), Re = (e) => {
14101
+ var t = root_6$17(), Me = child(t), Re = (e) => {
14102
14102
  append(e, root$38());
14103
14103
  };
14104
14104
  if_block(Me, (e) => {
@@ -14193,7 +14193,7 @@ function ListItem(e, t) {
14193
14193
  C() && e(It);
14194
14194
  });
14195
14195
  var Lt = sibling(Pt, 2), Rt = (e) => {
14196
- var t = root_5$17(), n = child(t, !0);
14196
+ var t = root_5$18(), n = child(t, !0);
14197
14197
  reset(t), template_effect(() => set_text(n, c())), append(e, t);
14198
14198
  };
14199
14199
  if_block(Lt, (e) => {
@@ -14387,7 +14387,7 @@ function computeMenuDropdownPosition(e) {
14387
14387
  }
14388
14388
  //#endregion
14389
14389
  //#region src/lib/Menu/Menu.svelte
14390
- var root$37 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\"><!></div>"), root_1$32 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\"><!></div>"), root_2$26 = /* @__PURE__ */ from_html("<div class=\"menu-separator svelte-ahcnny\" role=\"separator\"></div>"), root_3$24 = /* @__PURE__ */ from_html("<span class=\"menu-item-icon svelte-ahcnny\"><!></span>"), root_4$20 = /* @__PURE__ */ from_html("<div><!> <span class=\"menu-item-label svelte-ahcnny\"> </span></div>"), root_5$16 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"></div>"), root_6$15 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$36 = {
14390
+ var root$37 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\"><!></div>"), root_1$32 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\"><!></div>"), root_2$26 = /* @__PURE__ */ from_html("<div class=\"menu-separator svelte-ahcnny\" role=\"separator\"></div>"), root_3$24 = /* @__PURE__ */ from_html("<span class=\"menu-item-icon svelte-ahcnny\"><!></span>"), root_4$20 = /* @__PURE__ */ from_html("<div><!> <span class=\"menu-item-label svelte-ahcnny\"> </span></div>"), root_5$17 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"></div>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$36 = {
14391
14391
  hash: "svelte-ahcnny",
14392
14392
  code: ".menu-container.svelte-ahcnny {position:var(--menu-container-position, relative);display:var(--menu-container-display, inline-block);font-family:var(--menu-font-family, inherit);font-size:var(--menu-font-size, 14px);}.menu-trigger.svelte-ahcnny {cursor:pointer;-webkit-tap-highlight-color:transparent;}.menu-trigger.svelte-ahcnny:focus {outline:var(--menu-trigger-focus-outline, none);}.menu-dropdown.svelte-ahcnny {position:absolute;z-index:var(--menu-z-index, 10);top:var(--menu-dropdown-top, 100%);left:var(--menu-dropdown-left, 0);background-color:var(--menu-background-color, #ffffff);border:var(--menu-border, 1px solid #e0e0e0);border-radius:var(--menu-border-radius, var(--radius, 4px));box-shadow:var(--menu-box-shadow, 0px 4px 16px rgba(0, 0, 0, 0.12));min-width:var(--menu-min-width, 160px);max-height:var(--menu-max-height, 240px);overflow-y:auto;padding:var(--menu-padding, 4px 0);margin:var(--menu-margin, 4px 0);}\n\n /* Placement corners — `bottom-left` is the base rule above (and stays fully\n driven by the --menu-dropdown-top/left consumer tokens); the other corners\n override the anchoring sides. The chained selector outweighs the base rule\n regardless of source order. */.menu-dropdown.menu-dropdown-bottom-right.svelte-ahcnny {left:auto;right:0;}.menu-dropdown.menu-dropdown-top-left.svelte-ahcnny {top:auto;bottom:100%;}.menu-dropdown.menu-dropdown-top-right.svelte-ahcnny {top:auto;bottom:100%;left:auto;right:0;}\n\n /* One-tick measuring pass for placement=\"auto\": the panel needs rendered\n dimensions before the corner is chosen, without a visible flash. */.menu-dropdown.menu-dropdown-measuring.svelte-ahcnny {visibility:hidden;}.menu-item.svelte-ahcnny {display:flex;align-items:center;padding:var(--menu-item-padding, 8px 12px);cursor:pointer;color:var(--menu-item-color, #333333);background-color:var(--menu-item-background-color, transparent);gap:var(--menu-item-gap, 8px);white-space:var(--menu-item-white-space, nowrap);-webkit-tap-highlight-color:transparent;}.menu-item.svelte-ahcnny:hover {background-color:var(--menu-item-hover-background-color, #f5f5f5);color:var(--menu-item-hover-color, var(--menu-item-color, #333333));}.menu-item.svelte-ahcnny:focus {background-color:var(--menu-item-focus-background-color, #f0f0f0);outline:var(--menu-item-focus-outline, none);}\n\n /* True selection (selectedValue match) — distinct from transient focus so the\n highlight follows the chosen option, not wherever keyboard focus landed. */.menu-item-selected.svelte-ahcnny {background-color:var(--menu-item-selected-background-color, transparent);color:var(--menu-item-selected-color, inherit);}.menu-item-danger.svelte-ahcnny {color:var(--menu-item-danger-color, #dc3545);}.menu-item-danger.svelte-ahcnny:hover {background-color:var(--menu-item-danger-hover-background-color, #fff0f0);color:var(--menu-item-danger-hover-color, var(--menu-item-danger-color, #dc3545));}.menu-item-danger.svelte-ahcnny:focus {background-color:var(--menu-item-danger-focus-background-color, #fff0f0);}.menu-item-disabled.svelte-ahcnny {opacity:var(--menu-item-disabled-opacity, 0.4);cursor:var(--menu-item-disabled-cursor, not-allowed);pointer-events:none;}.menu-separator.svelte-ahcnny {height:var(--menu-separator-height, 1px);background-color:var(--menu-separator-color, #e0e0e0);margin:var(--menu-separator-margin, 4px 0);}.menu-item-icon.svelte-ahcnny {display:inline-flex;height:var(--menu-item-icon-height, 16px);width:var(--menu-item-icon-width, 16px);flex-shrink:0;}.menu-item-icon.svelte-ahcnny img,\n .menu-item-icon.svelte-ahcnny svg {width:100%;height:100%;}.menu-item-label.svelte-ahcnny {flex:1;font-weight:var(--menu-item-font-weight, 400);line-height:var(--menu-item-line-height, 1.4);}"
14393
14393
  };
@@ -14638,7 +14638,7 @@ function Menu(e, t) {
14638
14638
  set usePortal(e = !1) {
14639
14639
  te(e), flushSync();
14640
14640
  }
14641
- }, jt = root_6$15(), Mt = child(jt), Nt = (e) => {
14641
+ }, jt = root_6$16(), Mt = child(jt), Nt = (e) => {
14642
14642
  var t = root$37(), n = child(t), a = (e) => {
14643
14643
  var t = comment();
14644
14644
  snippet(first_child(t), o, () => ({
@@ -14671,7 +14671,7 @@ function Menu(e, t) {
14671
14671
  s() ? e(Nt) : e(Pt, -1);
14672
14672
  });
14673
14673
  var It = sibling(Mt, 2), Lt = (e) => {
14674
- var t = root_5$16();
14674
+ var t = root_5$17();
14675
14675
  let i;
14676
14676
  each(t, 21, n, (e) => e.value, (e, t) => {
14677
14677
  var n = comment(), i = first_child(n), o = (e) => {
@@ -14937,7 +14937,7 @@ create_custom_element(OverlayAnimation, {
14937
14937
  }, [], [], { mode: "open" });
14938
14938
  //#endregion
14939
14939
  //#region src/lib/Modal/Modal.svelte
14940
- var root$34 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_1$31 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_3$23 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_4$19 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_5$15 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_6$14 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_7$13 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><div class=\"footer-action-buttons svelte-lnufm\"><!> <!></div></div>"), root_8$12 = /* @__PURE__ */ from_html("<div><!> <div class=\"slot-content svelte-lnufm\"><!></div> <!></div>"), $$css$35 = {
14940
+ var root$34 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_1$31 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_3$23 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_4$19 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_5$16 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_6$15 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_7$13 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><div class=\"footer-action-buttons svelte-lnufm\"><!> <!></div></div>"), root_8$12 = /* @__PURE__ */ from_html("<div><!> <div class=\"slot-content svelte-lnufm\"><!></div> <!></div>"), $$css$35 = {
14941
14941
  hash: "svelte-lnufm",
14942
14942
  code: ".modal.svelte-lnufm {position:fixed;top:0;bottom:0;left:0;right:0;width:var(--modal-width, 100vw);height:var(--modal-height, 100vh);display:flex;flex-direction:column;z-index:var(--modal-z-index, 15);-webkit-tap-highlight-color:transparent;margin:var(--modal-margin);}.overlay-active.svelte-lnufm {\n /* Prefer the modal-specific token; fall back to the legacy generic\n --background-color (kept for backward compatibility), then the default.\n The generic name collides with app-level --background-color tokens, which\n silently override the overlay; --modal-overlay-background-color lets a\n consumer theme the backdrop without that collision. */background-color:var(--modal-overlay-background-color, var(--background-color, #00000066));backdrop-filter:var(--modal-overlay-backdrop-filter, none);-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter, none);pointer-events:auto;}.overlay-inactive.svelte-lnufm {pointer-events:none;}.modal-content.svelte-lnufm {pointer-events:auto;background-color:var(--modal-content-background-color, #ffffff);cursor:auto;display:flex;flex-direction:column;border-radius:var(--modal-border-radius, var(--radius, 4px));overflow:var(--modal-content-overflow, auto);border-top:var(--modal-content-border-top);\n /* Viewport containment for every size class: only .fit-content used to carry\n a max-height, so a size whose height var is overridden to fit-content (or\n anything taller than the screen) grew past the viewport and pushed its\n footer and bottom rounding off-screen. dvh tracks the real visible\n viewport on mobile; the vh line is the fallback for engines without dvh. */max-height:var(--modal-max-height, calc(100vh - 32px));max-height:var(--modal-max-height, calc(100dvh - 32px));}.slot-content.svelte-lnufm {display:var(--modal-display, flex);\n /* Flex children default to min-height: auto and refuse to shrink below their\n content, which defeats the overflow-y scroll once modal-content is\n height-capped — the content spills instead of scrolling and the footer is\n pushed out. 0 lets the slot shrink so its own scrollbar engages and the\n header/footer stay pinned inside the viewport. */min-height:var(--modal-slot-content-min-height, 0);overflow-y:var(--modal-overflow-y, scroll);scrollbar-width:var(--modal-scrollbar-width, none);padding:var(--modal-content-padding, 0);}.slot-content.svelte-lnufm::-webkit-scrollbar {display:none;}.center.svelte-lnufm {justify-content:var(--modal-center-justify-content, center);align-items:var(--modal-center-align-items, center);}.bottom.svelte-lnufm {justify-content:var(--modal-bottom-justify-content, flex-end);align-items:var(--modal-bottom-align-items);}.top.svelte-lnufm {justify-content:var(--modal-top-justify-content, flex-start);align-items:var(--modal-top-align-items);}.small.svelte-lnufm {height:var(--modal-small-height, 20vh);width:var(--modal-small-width);}.medium.svelte-lnufm {height:var(--modal-medium-height, 50vh);width:var(--modal-medium-width);}.large.svelte-lnufm {height:var(--modal-large-height, 80vh);width:var(--modal-large-width);}.fit-content.svelte-lnufm {height:fit-content;max-height:var(--modal-fit-content-max-height, 80vh);}.header.svelte-lnufm {display:flex;background-color:var(--modal-header-background-color, #f6f7f9);padding:var(--modal-header-padding, 18px 20px);border-radius:var(--modal-header-border-radius, 0px);border-bottom:var(--modal-header-border-bottom, none);align-items:var(--modal-header-align-items, center);}.footer-content.svelte-lnufm {display:flex;background-color:var(--modal-footer-background-color, #f6f7f9);padding:var(--modal-footer-padding, 18px 20px);border-radius:var(--modal-footer-border-radius, 0px);border-top:var(--modal-footer-border-top, none);justify-content:var(--modal-footer-justify-content, none);}.footer-action-buttons.svelte-lnufm {display:flex;gap:var(--modal-footer-gap, 0px);width:var(--modal-footer-action-buttons-width, fit-content);}.footer-secondary-button.svelte-lnufm {--button-max-height: var(--modal-footer-secondary-button-max-height);--button-max-width: var(--modal-footer-secondary-button-max-width);--button-font-family: var(--modal-footer-secondary-button-font-family);--button-font-weight: var(--modal-footer-secondary-button-font-weight, 500);--button-font-size: var(--modal-footer-secondary-button-font-size, 14px);--button-color: var(--modal-footer-secondary-button-color, #3a4550);--button-text-color: var(--modal-footer-secondary-button-text-color, white);--button-height: var(--modal-footer-secondary-button-height, fit-content);--button-padding: var(--modal-footer-secondary-button-padding, 16px);--button-margin: var(--modal-footer-secondary-button-margin);--button-border-radius: var(--modal-footer-secondary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-secondary-button-width, fit-content);--cursor: var(--modal-footer-secondary-button-cursor, pointer);--opacity: var(--modal-footer-secondary-button-opacity, 1);--button-border: var(--modal-footer-secondary-button-border, none);--disabled-background-color: var(\n --modal-footer-secondary-button-disabled-color,\n var(--modal-footer-secondary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-secondary-button-disabled-text-color,\n var(--modal-footer-secondary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-secondary-button-disabled-border,\n var(--modal-footer-secondary-button-border, none)\n );--disabled-opacity: var(--modal-footer-secondary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-secondary-button-justify-content, center);--button-content-flex-direction: var(\n --modal-footer-secondary-button-content-flex-direction,\n row\n );--button-content-gap: var(--modal-footer-secondary-button-content-gap, 16px);--button-visibility: var(--modal-footer-secondary-button-visibility, visible);--button-box-shadow: var(--modal-footer-secondary-button-box-shadow, none);order:var(--modal-secondary-button-order, none);flex:var(--modal-footer-secondary-button-flex-value, none);}.footer-primary-button.svelte-lnufm {--button-max-height: var(--modal-footer-primary-button-max-height);--button-max-width: var(--modal-footer-primary-button-max-width);--button-font-family: var(--modal-footer-primary-button-font-family);--button-font-weight: var(--modal-footer-primary-button-font-weight, 500);--button-font-size: var(--modal-footer-primary-button-font-size, 14px);--button-color: var(--modal-footer-primary-button-color, #3a4550);--button-text-color: var(--modal-footer-primary-button-text-color, white);--button-height: var(--modal-footer-primary-button-height, fit-content);--button-padding: var(--modal-footer-primary-button-padding, 16px);--button-margin: var(--modal-footer-primary-button-margin);--button-border-radius: var(--modal-footer-primary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-primary-button-width, fit-content);--cursor: var(--modal-footer-primary-button-cursor, pointer);--opacity: var(--modal-footer-primary-button-opacity, 1);--button-border: var(--modal-footer-primary-button-border, none);--disabled-background-color: var(\n --modal-footer-primary-button-disabled-color,\n var(--modal-footer-primary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-primary-button-disabled-text-color,\n var(--modal-footer-primary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-primary-button-disabled-border,\n var(--modal-footer-primary-button-border, none)\n );--disabled-opacity: var(--modal-footer-primary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-primary-button-justify-content, center);--button-content-flex-direction: var(--modal-footer-primary-button-content-flex-direction, row);--button-content-gap: var(--modal-footer-primary-button-content-gap, 16px);--button-visibility: var(--modal-footer-primary-button-visibility, visible);--button-box-shadow: var(--modal-footer-primary-button-box-shadow, none);order:var(--modal-primary-button-order, none);flex:var(--modal-footer-primary-button-flex-value, none);}.header-text.svelte-lnufm {display:flex;align-items:center;flex:1;font-size:var(--header-text-size, 16px);font-weight:var(--modal-header-text-weight);line-height:var(--modal-header-text-line-height);letter-spacing:var(--modal-header-text-letter-spacing);}\n\n /* The header images render through the Img component (inline svg or img), so\n these classes ride on Img's element — match them via :global under the\n scoped .header to keep the sizing contract. */.header.svelte-lnufm .header-left-img,\n .header.svelte-lnufm .header-right-img {padding-top:var(--header-img-top-padding, 5px);cursor:pointer;}.header.svelte-lnufm .header-left-img {margin:var(--header-left-image-margin, 0px 18px 0px 0px);width:var(--header-left-image-width, 25px);height:var(--header-left-image-height, 25px);}.header.svelte-lnufm .header-right-img {width:var(--header-right-image-width, 25px);height:var(--header-right-image-height, 25px);padding:var(--header-right-image-padding);}"
14943
14943
  };
@@ -15238,14 +15238,14 @@ function Modal(e, t) {
15238
15238
  snippet(child(t), () => te() ?? noop), reset(t), append(e, t);
15239
15239
  }, u = (e) => {
15240
15240
  var t = root_7$13(), n = child(t), i = child(n), a = (e) => {
15241
- var t = root_5$15();
15241
+ var t = root_5$16();
15242
15242
  Button(child(t), spread_props(() => h().secondaryButton, { onclick: yt })), reset(t), append(e, t);
15243
15243
  };
15244
15244
  if_block(i, (e) => {
15245
15245
  h().secondaryButton && e(a);
15246
15246
  });
15247
15247
  var o = sibling(i, 2), s = (e) => {
15248
- var t = root_6$14();
15248
+ var t = root_6$15();
15249
15249
  Button(child(t), spread_props(() => h().primaryButton, { onclick: vt })), reset(t), append(e, t);
15250
15250
  };
15251
15251
  if_block(o, (e) => {
@@ -15534,7 +15534,7 @@ customElements.define("sui-phone", create_custom_element(Phone_wc, {
15534
15534
  }, ["default"], [], { mode: "open" }));
15535
15535
  //#endregion
15536
15536
  //#region src/lib/Scroller/Scroller.svelte
15537
- var root$32 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$29 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$23 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$21 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-end svelte-1safnmk\"></div>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-next svelte-1safnmk\"><!></div>"), root_5$14 = /* @__PURE__ */ from_html("<div><!> <!> <div role=\"region\" tabindex=\"-1\"><!></div> <!> <!></div>"), $$css$33 = {
15537
+ var root$32 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$29 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$23 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$21 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-end svelte-1safnmk\"></div>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-next svelte-1safnmk\"><!></div>"), root_5$15 = /* @__PURE__ */ from_html("<div><!> <!> <div role=\"region\" tabindex=\"-1\"><!></div> <!> <!></div>"), $$css$33 = {
15538
15538
  hash: "svelte-1safnmk",
15539
15539
  code: ".scroller.svelte-1safnmk {position:relative;display:flex;width:var(--scroller-width, 100%);height:var(--scroller-height, fit-content);}.scroller.horizontal.svelte-1safnmk {flex-direction:row;align-items:center;}.scroller.vertical.svelte-1safnmk {flex-direction:column;align-items:stretch;}.scroll-container.svelte-1safnmk {flex:1;display:flex;overflow:auto;gap:var(--scroller-gap, 0px);padding:var(--scroller-padding, 0px);}.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroll-container.snap.svelte-1safnmk {scroll-snap-type:var(--scroller-snap-type, x mandatory);}.scroller.vertical.svelte-1safnmk .scroll-container.snap:where(.svelte-1safnmk) {scroll-snap-type:var(--scroller-snap-type, y mandatory);}.scroll-container.hide-scrollbar.svelte-1safnmk {-ms-overflow-style:none;scrollbar-width:none;}.scroll-container.hide-scrollbar.svelte-1safnmk::-webkit-scrollbar {display:none;}.scroll-container.dragging.svelte-1safnmk {cursor:grabbing;}.arrow.svelte-1safnmk {display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;margin:var(--scroller-arrow-margin, 0px);--button-width: var(--scroller-arrow-size, 32px);--button-height: var(--scroller-arrow-size, 32px);--button-border-radius: var(--scroller-arrow-border-radius, 50%);--button-color: var(--scroller-arrow-background, #ffffff);--button-border: var(--scroller-arrow-border, 1px solid #e0e0e0);--button-text-color: var(--scroller-arrow-color, #333333);--button-padding: var(--scroller-arrow-padding, 4px);--button-box-shadow: var(--scroller-arrow-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12));--button-hover-color: var(--scroller-arrow-hover-background, #f5f5f5);--button-hover-text-color: var(\n --scroller-arrow-hover-color,\n var(--scroller-arrow-color, #333333)\n );}.arrow-icon.svelte-1safnmk {display:flex;align-items:center;justify-content:center;line-height:0;}.arrow-icon.svelte-1safnmk svg {width:var(--scroller-arrow-icon-size, 16px);height:var(--scroller-arrow-icon-size, 16px);}.gradient.svelte-1safnmk {position:absolute;z-index:1;pointer-events:none;}.scroller.horizontal.svelte-1safnmk .gradient:where(.svelte-1safnmk) {top:0;bottom:0;width:var(--scroller-gradient-size, 80px);}.scroller.horizontal.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {left:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to right,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.horizontal.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {right:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to left,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient:where(.svelte-1safnmk) {left:0;right:0;height:var(--scroller-gradient-size, 80px);}.scroller.vertical.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {top:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to bottom,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {bottom:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to top,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}"
15540
15540
  };
@@ -15684,7 +15684,7 @@ function Scroller(e, t) {
15684
15684
  set classes(e) {
15685
15685
  R(e), flushSync();
15686
15686
  }
15687
- }, gt = root_5$14();
15687
+ }, gt = root_5$15();
15688
15688
  let _t;
15689
15689
  var vt = child(gt), yt = (e) => {
15690
15690
  var t = root_1$29();
@@ -15881,7 +15881,7 @@ function computeSelectDropdownPosition(e) {
15881
15881
  }
15882
15882
  //#endregion
15883
15883
  //#region src/lib/Select/Select.svelte
15884
- var root$31 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$28 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$22 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$20 = /* @__PURE__ */ from_html("<span> </span>"), root_4$16 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$13 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$13 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$12 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$11 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$7 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$32 = {
15884
+ var root$31 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$28 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$22 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$20 = /* @__PURE__ */ from_html("<span> </span>"), root_4$16 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$14 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$14 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$12 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$11 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$7 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$32 = {
15885
15885
  hash: "svelte-52lifo",
15886
15886
  code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--select-trigger-transition, border-color 0.15s, box-shadow 0.15s);}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n `inherit` — the trigger's text colour, which is what it already did — so this is\n a hook, not a change. Without it a consumer cannot tint the icon independently\n of the label, and an icon migrated to currentColor is forced to match its label\n exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #999999);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform 0.15s;}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n /* In the root stacking context the panel competes with modals/sheets rather\n than painting above same-container siblings, so default it into the\n top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background 0.1s;}\n\n /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option.selected.highlighted.svelte-52lifo {background:var(\n --select-option-selected-hover-background,\n var(--select-option-selected-background, #e8f0fe)\n );}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color 0.15s,\n border-color 0.15s;}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}"
15887
15887
  };
@@ -16314,10 +16314,10 @@ function Select(e, t) {
16314
16314
  var t = root_7$12();
16315
16315
  let n;
16316
16316
  var i = child(t), a = (e) => {
16317
- var t = root_5$13();
16317
+ var t = root_5$14();
16318
16318
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
16319
16319
  }, o = (e) => {
16320
- var t = root_6$13();
16320
+ var t = root_6$14();
16321
16321
  template_effect(() => {
16322
16322
  set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-select-all-dash` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-select-all-dash` : null);
16323
16323
  }), append(e, t);
@@ -16378,7 +16378,7 @@ function Select(e, t) {
16378
16378
  var n = root_7$12();
16379
16379
  let a;
16380
16380
  var o = child(n), s = (e) => {
16381
- var t = root_5$13();
16381
+ var t = root_5$14();
16382
16382
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
16383
16383
  }, c = /* @__PURE__ */ user_derived(() => i().includes(get(t).item.id));
16384
16384
  if_block(o, (e) => {
@@ -17218,7 +17218,7 @@ var normalizeColumns = (e, t) => ({
17218
17218
  })),
17219
17219
  rest: n.length - i.length
17220
17220
  };
17221
- }, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$27 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$24 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$19 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$17 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$12 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$12 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$11 = /* @__PURE__ */ from_html("<div></div>"), root_8$10 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$6 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$28 = {
17221
+ }, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$27 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$24 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$19 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$17 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$13 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$13 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$11 = /* @__PURE__ */ from_html("<div></div>"), root_8$10 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$6 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$28 = {
17222
17222
  hash: "svelte-4boxsj",
17223
17223
  code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n /* column.align lands on the td as text-align, which flex layouts ignore.\n Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #6b7280);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #16a34a);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
17224
17224
  };
@@ -17379,7 +17379,7 @@ function BuiltinCell(e, t) {
17379
17379
  }), append(e, a);
17380
17380
  }, Me = (e) => {
17381
17381
  let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {});
17382
- var n = root_6$12(), a = child(n), o = (e) => {
17382
+ var n = root_6$13(), a = child(n), o = (e) => {
17383
17383
  var n = root_4$14(), i = child(n);
17384
17384
  {
17385
17385
  let e = /* @__PURE__ */ user_derived(() => typeof get(t).text1 == "string" ? get(t).text1 : "");
@@ -17397,7 +17397,7 @@ function BuiltinCell(e, t) {
17397
17397
  set_attribute(n, "data-pw", e), set_attribute(n, "testid", t);
17398
17398
  }, [() => u("thumbnail"), () => u("thumbnail")]), append(e, n);
17399
17399
  }, s = (e) => {
17400
- var n = root_5$12(), i = child(n, !0);
17400
+ var n = root_5$13(), i = child(n, !0);
17401
17401
  reset(n), template_effect((e, t, a) => {
17402
17402
  set_attribute(n, "data-pw", e), set_attribute(n, "testid", t), set_text(i, a);
17403
17403
  }, [
@@ -17928,7 +17928,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
17928
17928
  }, [], [], { mode: "open" });
17929
17929
  //#endregion
17930
17930
  //#region src/lib/assets/sort-default.svg?raw
17931
- var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$26 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$11 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$11 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_29 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_30 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_31 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$27 = {
17931
+ var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$26 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$12 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$12 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_29 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_30 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_31 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$27 = {
17932
17932
  hash: "svelte-171ci2i",
17933
17933
  code: "\n /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);color:var(--table-title-color, #111827);font-family:var(--table-title-font-family);padding:var(--table-title-padding);}\n\n /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #9ca3af);}\n\n /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n /* ── Container ──────────────────────────────────────────────────────────── */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:hidden;}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n /* Edge scrims: fade the clipped side of the table into its background so\n hidden columns read as \"more content this way\". Class-driven from live\n scroll state — never shown when the table fits. pointer-events: none\n keeps cells under the fade clickable; z-index 2 paints above sticky\n headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n /* Wrap at word boundaries; only a single word wider than the column may\n split as a last resort. break-word (not anywhere) keeps each column's\n min-content width at its longest word, so ordinary labels never split\n mid-word — the old break-all default did. Opt back in per consumer via\n --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {background-color:var(--table-content-background, var(--table-content-border-bgcolor));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n specificity and row selection is declared later at equal specificity, so\n both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n --table-col-highlight-header-background,\n var(--table-col-highlight-background, #f3f9ff)\n );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n --table-row-hover-background,\n var(--table-content-background, var(--table-content-border-bgcolor))\n );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n since a themed --table-content-background would otherwise paint over a\n row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);}.table-checkbox-box.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-size, 18px);height:var(--table-checkbox-size, 18px);border:var(--table-checkbox-border, 2px solid #9ca3af);border-radius:var(--table-checkbox-border-radius, var(--radius, 4px));background-color:var(--table-checkbox-background, transparent);cursor:pointer;flex-shrink:0;transition:background-color 0.15s,\n border-color 0.15s;user-select:none;}.table-checkbox-box.svelte-171ci2i:focus-visible {outline:none;box-shadow:var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));}.table-checkbox-box.svelte-171ci2i:not(.disabled):hover {border-color:var(--table-checkbox-hover-border-color, #6b7280);}.table-checkbox-box.checked.svelte-171ci2i {background-color:var(--table-checkbox-checked-background, #2563eb);border-color:var(--table-checkbox-checked-border-color, #2563eb);}.table-checkbox-box.indeterminate.svelte-171ci2i {background-color:var(--table-checkbox-indeterminate-background, #2563eb);border-color:var(--table-checkbox-indeterminate-border-color, #2563eb);}.table-checkbox-box.disabled.svelte-171ci2i {opacity:var(--table-checkbox-disabled-opacity, 0.4);cursor:not-allowed;}.table-checkbox-icon.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-icon-size, 12px);height:var(--table-checkbox-icon-size, 12px);color:var(--table-checkbox-icon-color, #ffffff);}.table-checkbox-icon.svelte-171ci2i svg {width:100%;height:100%;}\n\n /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n --table-sort-button-hover-color,\n var(--table-sort-button-color, inherit)\n );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n /* The sorted-direction half paints via currentColor; without an explicit\n color it inherits the Button's text color (white on the default button\n theme), which disappears on light headers. Default to the design\n system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n /* Two-tone state painting. The shared sort-default.svg asset stays\n color-agnostic (fill=\"currentColor\", like every other icon asset); the\n state colors live here. All halves default to the inactive fill, then\n the sorted direction's half is released back to currentColor (the\n active color above). Path order in the asset is up-chevron first,\n down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n /* The design system draws every sort state fully opaque — faintness comes\n from the glyph fills (inactive halves #C7C7C7, active direction\n currentColor), never from transparency. The opacity vars remain for\n consumers that prefer a fade but now default to solid; hover steps the\n inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);}\n\n /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}"
17934
17934
  };
@@ -18312,7 +18312,7 @@ function Table(e, t) {
18312
18312
  C() && e(l);
18313
18313
  });
18314
18314
  var u = sibling(c), f = child(u), re = child(f), be = (e) => {
18315
- var t = root_6$11();
18315
+ var t = root_6$12();
18316
18316
  let n;
18317
18317
  var i = child(t), a = (e) => Fn(e, Pn);
18318
18318
  attribute_effect(i, (e, t) => ({
@@ -18333,10 +18333,10 @@ function Table(e, t) {
18333
18333
  }
18334
18334
  }), [() => ot()?.getRowAttributes ? ot().getRowAttributes("__header__", -1) : {}, () => get(jn).map((e) => `row-checkbox-${e}`).join(" ")], void 0, void 0, "svelte-171ci2i");
18335
18335
  var o = child(i), s = (e) => {
18336
- var t = root_5$11();
18336
+ var t = root_5$12();
18337
18337
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
18338
18338
  }, c = (e) => {
18339
- var t = root_5$11();
18339
+ var t = root_5$12();
18340
18340
  html(t, () => minus_default, !0), reset(t), append(e, t);
18341
18341
  };
18342
18342
  if_block(o, (e) => {
@@ -18603,7 +18603,7 @@ function Table(e, t) {
18603
18603
  }
18604
18604
  }), [() => ot()?.getRowAttributes ? ot().getRowAttributes(get(s), get(i)) : {}], void 0, void 0, "svelte-171ci2i");
18605
18605
  var u = child(n), f = (e) => {
18606
- var t = root_5$11();
18606
+ var t = root_5$12();
18607
18607
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
18608
18608
  };
18609
18609
  if_block(u, (e) => {
@@ -19265,14 +19265,14 @@ customElements.define("sui-toast", create_custom_element(Toast_wc, {
19265
19265
  }, ["bottom-content"], [], { mode: "open" }));
19266
19266
  //#endregion
19267
19267
  //#region src/lib/Toolbar/Toolbar.svelte
19268
- var root$24 = /* @__PURE__ */ from_html("<div class=\"back svelte-1vhiw52\" role=\"button\" tabindex=\"0\"><img alt=\"Back\" class=\"svelte-1vhiw52\"/></div>"), root_1$21 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_2$16 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_3$14 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_4$12 = /* @__PURE__ */ from_html("<div><div class=\"content svelte-1vhiw52\"><!> <!> <!></div> <div><!></div></div>"), $$css$25 = {
19268
+ var root$24 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$21 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" class=\"svelte-1vhiw52\"><path d=\"M10 3 5 8l5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>"), root_2$16 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"back svelte-1vhiw52\"><!></button>"), root_3$14 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_4$12 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_5$11 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_6$11 = /* @__PURE__ */ from_html("<div><div class=\"content svelte-1vhiw52\"><!> <!> <!></div> <div><!></div></div>"), $$css$25 = {
19269
19269
  hash: "svelte-1vhiw52",
19270
- code: ".toolbar.svelte-1vhiw52 {display:flex;flex-direction:column;padding:var(--toolbar-padding, 0px);height:var(--toolbar-height, fit-content);width:var(--toolbar-width, 100vw);position:var(--toolbar-position, fixed);top:var(--toolbar-top, 0);left:var(--toolbar-left, 0);right:var(--toolbar-right, 0);background:var(--toolbar-background, #ffffff);box-shadow:var(--toolbar-box-shadow, 0px 2px 12px #55687c1a);z-index:var(--toolbar-z-index, 10);border-radius:var(--toolbar-border-radius, 0px);}.content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:var(--toolbar-content-align-items, center);padding:var(--toolbar-content-padding, 0px);justify-content:var(--toolbar-justify-content, normal);visibility:var(--toolbar-content-visibility, visible);\n\n /* Content-row geometry: lets a fixed-height toolbar keep its row vertically\n centered (height 100%) and clamp/center the row on wide viewports —\n previously only reachable by piercing the component's internal DOM. All\n defaults reproduce the previous rendering exactly. */width:var(--toolbar-content-width, auto);height:var(--toolbar-content-height, auto);min-height:var(--toolbar-content-min-height, auto);max-width:var(--toolbar-content-max-width, none);margin:var(--toolbar-content-margin, 0);\n\n /* Row wrapping and gaps. An in-flow page header lets its action side drop to its own\n line on a narrow viewport; the fixed bar never wraps, which is the default. */flex-wrap:var(--toolbar-content-flex-wrap, nowrap);row-gap:var(--toolbar-content-row-gap, 0);column-gap:var(--toolbar-content-column-gap, 0);}.additional-content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:center;padding:var(--toolbar-additional-content-padding, 0px);height:var(--toolbar-additional-content-height, fit-content);justify-content:var(--toolbar-justify-additional-content, normal);visibility:var(--toolbar-additional-content-visibility, visible);}.hidden.svelte-1vhiw52 {display:none;}.back.svelte-1vhiw52 {height:var(--toolbar-back-button-height, 20px);width:var(--toolbar-back-button-width, 20px);padding:var(--toolbar-back-button-padding, 20px 14px);cursor:var(--toolbar-back-button-cursor, pointer);display:flex;justify-content:center;align-items:center;}.back.svelte-1vhiw52 img:where(.svelte-1vhiw52) {height:var(--toolbar-back-image-height, 16px);width:var(--toolbar-back-image-width, 16px);}.center-content.svelte-1vhiw52 {display:flex;\n /* `1 1 auto` rather than the default `1` (`1 1 0%`) lets a title region grow from its\n CONTENT width, so a row deficit is shared with the action side instead of collapsing\n the title to nothing. `min-width: 0` is what actually permits the shrink. */flex:var(--toolbar-center-flex, 1);min-width:var(--toolbar-center-min-width, auto);}\n\n /* The action region as a flex ITEM of the row. Its inner layout stays the consumer's —\n the snippet's own markup — so there is no gap/justify/align token here. Every default\n below is the property's initial value, i.e. what a bare div already rendered. */.right-content.svelte-1vhiw52 {display:var(--toolbar-right-display, block);flex-shrink:var(--toolbar-right-flex-shrink, 1);min-width:var(--toolbar-right-min-width, auto);max-width:var(--toolbar-right-max-width, none);width:var(--toolbar-right-width, auto);}.text.svelte-1vhiw52 {font-size:var(--toolbar-text-font-size, 18px);font-weight:var(--toolbar-text-font-weight, normal);padding:var(--toolbar-text-padding, 0px);margin:var(--toolbar-text-margin, 0px);color:var(--toolbar-text-color);flex:var(--toolbar-text-flex, 1);}"
19270
+ code: ".toolbar.svelte-1vhiw52 {display:flex;flex-direction:column;padding:var(--toolbar-padding, 0px);height:var(--toolbar-height, fit-content);width:var(--toolbar-width, 100vw);position:var(--toolbar-position, fixed);top:var(--toolbar-top, 0);left:var(--toolbar-left, 0);right:var(--toolbar-right, 0);background:var(--toolbar-background, #ffffff);box-shadow:var(--toolbar-box-shadow, 0px 2px 12px #55687c1a);z-index:var(--toolbar-z-index, 10);border-radius:var(--toolbar-border-radius, 0px);}.content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:var(--toolbar-content-align-items, center);padding:var(--toolbar-content-padding, 0px);justify-content:var(--toolbar-justify-content, normal);visibility:var(--toolbar-content-visibility, visible);\n\n /* Content-row geometry: lets a fixed-height toolbar keep its row vertically\n centered (height 100%) and clamp/center the row on wide viewports —\n previously only reachable by piercing the component's internal DOM. All\n defaults reproduce the previous rendering exactly. */width:var(--toolbar-content-width, auto);height:var(--toolbar-content-height, auto);min-height:var(--toolbar-content-min-height, auto);max-width:var(--toolbar-content-max-width, none);margin:var(--toolbar-content-margin, 0);\n\n /* Row wrapping and gaps. An in-flow page header lets its action side drop to its own\n line on a narrow viewport; the fixed bar never wraps, which is the default. */flex-wrap:var(--toolbar-content-flex-wrap, nowrap);row-gap:var(--toolbar-content-row-gap, 0);column-gap:var(--toolbar-content-column-gap, 0);}.additional-content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:center;padding:var(--toolbar-additional-content-padding, 0px);height:var(--toolbar-additional-content-height, fit-content);justify-content:var(--toolbar-justify-additional-content, normal);visibility:var(--toolbar-additional-content-visibility, visible);}.hidden.svelte-1vhiw52 {display:none;}.back.svelte-1vhiw52 {\n /* A native button so Enter/Space and the accessible name come for free; the reset keeps\n the box identical to the div it replaces. */appearance:none;background:none;border:0;margin:0;box-sizing:content-box;color:var(--toolbar-back-icon-color, inherit);height:var(--toolbar-back-button-height, 20px);width:var(--toolbar-back-button-width, 20px);padding:var(--toolbar-back-button-padding, 20px 14px);cursor:var(--toolbar-back-button-cursor, pointer);display:flex;justify-content:center;align-items:center;}.back.svelte-1vhiw52:focus-visible {outline:var(--toolbar-back-button-focus-outline, 2px solid currentColor);outline-offset:var(--toolbar-back-button-focus-outline-offset, -2px);}.back.svelte-1vhiw52 img:where(.svelte-1vhiw52),\n .back.svelte-1vhiw52 svg:where(.svelte-1vhiw52) {height:var(--toolbar-back-image-height, 16px);width:var(--toolbar-back-image-width, 16px);flex:none;}.center-content.svelte-1vhiw52 {display:flex;\n /* `1 1 auto` rather than the default `1` (`1 1 0%`) lets a title region grow from its\n CONTENT width, so a row deficit is shared with the action side instead of collapsing\n the title to nothing. `min-width: 0` is what actually permits the shrink. */flex:var(--toolbar-center-flex, 1);min-width:var(--toolbar-center-min-width, auto);}\n\n /* The action region as a flex ITEM of the row. Its inner layout stays the consumer's —\n the snippet's own markup — so there is no gap/justify/align token here. Every default\n below is the property's initial value, i.e. what a bare div already rendered. */.right-content.svelte-1vhiw52 {display:var(--toolbar-right-display, block);flex-shrink:var(--toolbar-right-flex-shrink, 1);min-width:var(--toolbar-right-min-width, auto);max-width:var(--toolbar-right-max-width, none);width:var(--toolbar-right-width, auto);}.text.svelte-1vhiw52 {font-size:var(--toolbar-text-font-size, 18px);font-weight:var(--toolbar-text-font-weight, normal);padding:var(--toolbar-text-padding, 0px);margin:var(--toolbar-text-margin, 0px);color:var(--toolbar-text-color);flex:var(--toolbar-text-flex, 1);}"
19271
19271
  };
19272
19272
  function Toolbar(e, t) {
19273
19273
  push(t, !0), append_styles$1(e, $$css$25);
19274
- let n = prop(t, "showBackButton", 7, !0), i = prop(t, "text", 7), a = prop(t, "backIcon", 7, "https://sdk.breeze.in/gallery/icons/back.svg"), o = prop(t, "leftContent", 7), s = prop(t, "centerContent", 7), c = prop(t, "rightContent", 7), l = prop(t, "additionalContent", 7), u = prop(t, "classes", 7), f = prop(t, "onbackClick", 7), p = prop(t, "onkeydown", 7), h = prop(t, "testId", 7), S = prop(t, "headingTestId", 7);
19275
- var C = {
19274
+ let n = prop(t, "showBackButton", 7, !0), i = prop(t, "text", 7), a = prop(t, "backIcon", 7), o = prop(t, "backLabel", 7, "Back"), s = prop(t, "leftContent", 7), c = prop(t, "centerContent", 7), l = prop(t, "rightContent", 7), u = prop(t, "additionalContent", 7), f = prop(t, "classes", 7), p = prop(t, "onbackClick", 7), h = prop(t, "onkeydown", 7), S = prop(t, "testId", 7), C = prop(t, "headingTestId", 7), k = /* @__PURE__ */ user_derived(() => n() && a() !== null && a() !== ""), R = /* @__PURE__ */ user_derived(() => o().trim().length > 0 ? o() : "Back");
19275
+ var G = {
19276
19276
  get showBackButton() {
19277
19277
  return n();
19278
19278
  },
@@ -19288,112 +19288,126 @@ function Toolbar(e, t) {
19288
19288
  get backIcon() {
19289
19289
  return a();
19290
19290
  },
19291
- set backIcon(e = "https://sdk.breeze.in/gallery/icons/back.svg") {
19291
+ set backIcon(e) {
19292
19292
  a(e), flushSync();
19293
19293
  },
19294
- get leftContent() {
19294
+ get backLabel() {
19295
19295
  return o();
19296
19296
  },
19297
- set leftContent(e) {
19297
+ set backLabel(e = "Back") {
19298
19298
  o(e), flushSync();
19299
19299
  },
19300
- get centerContent() {
19300
+ get leftContent() {
19301
19301
  return s();
19302
19302
  },
19303
- set centerContent(e) {
19303
+ set leftContent(e) {
19304
19304
  s(e), flushSync();
19305
19305
  },
19306
- get rightContent() {
19306
+ get centerContent() {
19307
19307
  return c();
19308
19308
  },
19309
- set rightContent(e) {
19309
+ set centerContent(e) {
19310
19310
  c(e), flushSync();
19311
19311
  },
19312
- get additionalContent() {
19312
+ get rightContent() {
19313
19313
  return l();
19314
19314
  },
19315
- set additionalContent(e) {
19315
+ set rightContent(e) {
19316
19316
  l(e), flushSync();
19317
19317
  },
19318
- get classes() {
19318
+ get additionalContent() {
19319
19319
  return u();
19320
19320
  },
19321
- set classes(e) {
19321
+ set additionalContent(e) {
19322
19322
  u(e), flushSync();
19323
19323
  },
19324
- get onbackClick() {
19324
+ get classes() {
19325
19325
  return f();
19326
19326
  },
19327
- set onbackClick(e) {
19327
+ set classes(e) {
19328
19328
  f(e), flushSync();
19329
19329
  },
19330
- get onkeydown() {
19330
+ get onbackClick() {
19331
19331
  return p();
19332
19332
  },
19333
- set onkeydown(e) {
19333
+ set onbackClick(e) {
19334
19334
  p(e), flushSync();
19335
19335
  },
19336
- get testId() {
19336
+ get onkeydown() {
19337
19337
  return h();
19338
19338
  },
19339
- set testId(e) {
19339
+ set onkeydown(e) {
19340
19340
  h(e), flushSync();
19341
19341
  },
19342
- get headingTestId() {
19342
+ get testId() {
19343
19343
  return S();
19344
19344
  },
19345
- set headingTestId(e) {
19345
+ set testId(e) {
19346
19346
  S(e), flushSync();
19347
+ },
19348
+ get headingTestId() {
19349
+ return C();
19350
+ },
19351
+ set headingTestId(e) {
19352
+ C(e), flushSync();
19347
19353
  }
19348
- }, k = root_4$12(), R = child(k), G = child(R), te = (e) => {
19354
+ }, te = root_6$11(), ne = child(te), re = child(ne), be = (e) => {
19349
19355
  var t = comment();
19350
- snippet(first_child(t), o), append(e, t);
19351
- }, ne = (e) => {
19352
- var t = root$24(), n = child(t);
19353
- reset(t), template_effect(() => set_attribute(n, "src", a())), delegated("click", t, function(...e) {
19354
- f()?.apply(this, e);
19355
- }), delegated("keydown", t, function(...e) {
19356
- p()?.apply(this, e);
19357
- }), append(e, t);
19358
- };
19359
- if_block(G, (e) => {
19360
- typeof o() == "function" ? e(te) : n() && typeof a() == "string" && a().length > 0 && e(ne, 1);
19361
- });
19362
- var re = sibling(G, 2), be = (e) => {
19363
- var t = root_1$21();
19364
- snippet(child(t), s), reset(t), append(e, t);
19356
+ snippet(first_child(t), s), append(e, t);
19365
19357
  }, Me = (e) => {
19366
- var t = root_2$16(), n = child(t, !0);
19367
- reset(t), template_effect(() => {
19368
- set_attribute(t, "data-pw", S()), set_attribute(t, "testid", S()), set_text(n, i());
19358
+ var t = root_2$16(), n = child(t), i = (e) => {
19359
+ var t = root$24();
19360
+ template_effect(() => set_attribute(t, "src", a())), append(e, t);
19361
+ }, o = (e) => {
19362
+ append(e, root_1$21());
19363
+ };
19364
+ if_block(n, (e) => {
19365
+ typeof a() == "string" ? e(i) : e(o, -1);
19366
+ }), reset(t), template_effect(() => set_attribute(t, "aria-label", get(R))), delegated("click", t, function(...e) {
19367
+ p()?.apply(this, e);
19368
+ }), delegated("keydown", t, function(...e) {
19369
+ h()?.apply(this, e);
19369
19370
  }), append(e, t);
19370
19371
  };
19371
19372
  if_block(re, (e) => {
19372
- typeof s() == "function" ? e(be) : typeof i() == "string" && i().length > 0 && e(Me, 1);
19373
+ typeof s() == "function" ? e(be) : get(k) && e(Me, 1);
19373
19374
  });
19374
19375
  var Re = sibling(re, 2), Ue = (e) => {
19375
19376
  var t = root_3$14();
19376
19377
  snippet(child(t), c), reset(t), append(e, t);
19378
+ }, it = (e) => {
19379
+ var t = root_4$12(), n = child(t, !0);
19380
+ reset(t), template_effect(() => {
19381
+ set_attribute(t, "data-pw", C()), set_attribute(t, "testid", C()), set_text(n, i());
19382
+ }), append(e, t);
19377
19383
  };
19378
19384
  if_block(Re, (e) => {
19379
- typeof c() == "function" && e(Ue);
19380
- }), reset(R);
19381
- var it = sibling(R, 2);
19382
- let at;
19383
- var ot = child(it), ct = (e) => {
19385
+ typeof c() == "function" ? e(Ue) : typeof i() == "string" && i().length > 0 && e(it, 1);
19386
+ });
19387
+ var at = sibling(Re, 2), ot = (e) => {
19388
+ var t = root_5$11();
19389
+ snippet(child(t), l), reset(t), append(e, t);
19390
+ };
19391
+ if_block(at, (e) => {
19392
+ typeof l() == "function" && e(ot);
19393
+ }), reset(ne);
19394
+ var ct = sibling(ne, 2);
19395
+ let lt;
19396
+ var ut = child(ct), dt = (e) => {
19384
19397
  var t = comment();
19385
- snippet(first_child(t), l), append(e, t);
19398
+ snippet(first_child(t), u), append(e, t);
19386
19399
  };
19387
- return if_block(ot, (e) => {
19388
- typeof l() == "function" && e(ct);
19389
- }), reset(it), reset(k), template_effect(() => {
19390
- set_class(k, 1, `toolbar ${u() ?? "" ?? ""}`, "svelte-1vhiw52"), set_attribute(k, "data-pw", h()), set_attribute(k, "testid", h()), set_attribute(R, "data-pw", typeof h() == "string" ? `${h()}-content` : null), set_attribute(R, "testid", typeof h() == "string" ? `${h()}-content` : null), at = set_class(it, 1, "additional-content svelte-1vhiw52", null, at, { hidden: typeof l() != "function" });
19391
- }), append(e, k), pop(C);
19400
+ return if_block(ut, (e) => {
19401
+ typeof u() == "function" && e(dt);
19402
+ }), reset(ct), reset(te), template_effect(() => {
19403
+ set_class(te, 1, `toolbar ${f() ?? "" ?? ""}`, "svelte-1vhiw52"), set_attribute(te, "data-pw", S()), set_attribute(te, "testid", S()), set_attribute(ne, "data-pw", typeof S() == "string" ? `${S()}-content` : null), set_attribute(ne, "testid", typeof S() == "string" ? `${S()}-content` : null), lt = set_class(ct, 1, "additional-content svelte-1vhiw52", null, lt, { hidden: typeof u() != "function" });
19404
+ }), append(e, te), pop(G);
19392
19405
  }
19393
19406
  delegate(["click", "keydown"]), create_custom_element(Toolbar, {
19394
19407
  showBackButton: {},
19395
19408
  text: {},
19396
19409
  backIcon: {},
19410
+ backLabel: {},
19397
19411
  leftContent: {},
19398
19412
  centerContent: {},
19399
19413
  rightContent: {},
@@ -19453,6 +19467,10 @@ customElements.define("sui-toolbar", create_custom_element(Toolbar_wc, {
19453
19467
  attribute: "back-icon",
19454
19468
  type: "String"
19455
19469
  },
19470
+ backLabel: {
19471
+ attribute: "back-label",
19472
+ type: "String"
19473
+ },
19456
19474
  classes: { type: "String" },
19457
19475
  testId: {
19458
19476
  attribute: "test-id",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay/svelte-ui-components",
3
- "version": "2.136.12",
3
+ "version": "3.0.0",
4
4
  "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
5
5
  "keywords": [
6
6
  "svelte",
@@ -27,14 +27,18 @@
27
27
  "package": "svelte-kit sync && svelte-package && publint",
28
28
  "prepublishOnly": "npm run build:wc && npm run package",
29
29
  "test": "npm run test:integration && npm run test:unit",
30
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
30
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && npm run check:codemod",
31
+ "check:codemod": "tsc -p scripts/codemod/tsconfig.json",
32
+ "codemod": "node scripts/codemod/cli.ts",
31
33
  "check:wc": "svelte-check --tsconfig ./tsconfig.wc.json --compiler-warnings \"options_missing_custom_element:ignore\"",
32
34
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
33
35
  "lint": "prettier --check src && eslint src && npm run lint:event-casing",
34
36
  "lint:event-casing": "node scripts/check-event-casing.js",
35
37
  "format": "prettier --write src",
36
38
  "test:integration": "playwright test",
37
- "test:unit": "vitest"
39
+ "test:unit": "vitest",
40
+ "test:visual": "scripts/visual-test.sh",
41
+ "test:visual:update": "scripts/visual-test.sh --update-snapshots"
38
42
  },
39
43
  "exports": {
40
44
  ".": {