@juspay/svelte-ui-components 4.53.0 → 4.53.1

package/README.md

@@ -154,6 +154,20 @@ fix to something that did not work.
 | **RelativeTime**   | Auto-updating relative time display ("5 minutes ago") with locale support and optional tooltip.                                                | [docs](docs/RelativeTime.md)   |
 | **AspectRatio**    | Constrains content to a fixed width-to-height ratio using CSS `aspect-ratio`, reserving layout space before an image, video or iframe loads.   | [docs](docs/AspectRatio.md)    |
 
+### Charts
+
+Pure-SVG charts with no charting-library dependency; each takes plain data arrays.
+
+| Component | Description | Docs |
+| --- | --- | --- |
+| **AreaChart**         | Responsive area chart for volume under a trend: multiple series, regular or 100% stacking, gradient fill, data labels and a hover overlay. | [docs](docs/AreaChart.md) |
+| **BarChart**          | Responsive bar chart for comparing categories: vertical or horizontal, single or multi-series (grouped or stacked), value labels, per-point colours and hover tooltips. | [docs](docs/BarChart.md) |
+| **DualAxisBarChart**  | Two independent Y-axes over one categorical X-axis; each series declares its own axis and render type. | [docs](docs/DualAxisBarChart.md) |
+| **FunnelChart**       | Horizontal funnel: one bar per stage, proportional to its value, with connectors between stages. | [docs](docs/FunnelChart.md) |
+| **LineChart**         | Responsive line chart for trends: multiple series, five curve interpolations, gradient fill and an optional area mode. | [docs](docs/LineChart.md) |
+| **PieChart**          | Responsive pie or donut chart with slice hover highlighting, a delta badge, custom labels, a legend and donut centre content. | [docs](docs/PieChart.md) |
+| **SankeyChart**       | Sankey diagram for flows between nodes, positioned into columns automatically. | [docs](docs/SankeyChart.md) |
+
 ### Feedback & Loading
 
 | Component       | Description                                                                                     | Docs                        |

package/dist/DateRangePicker/DateRangePicker.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type {
+    DateRangeCompareDraft,
     DateRangePickerProperties,
     DateRangePreset,
     TimeDisplayBoundary
@@ -95,8 +96,11 @@
   let draftStart: Date | null = $state(null);
   let draftEnd: Date | null = $state(null);
   let draftValue: Date | null = $state(null);
-  let draftCompareStart: Date | null = $state(null);
-  let draftCompareEnd: Date | null = $state(null);
+  // The compare range is a draft too. It is handed to `compareCalendar` so a consumer's calendar
+  // has somewhere to write that Apply commits and Cancel discards; `compareSnapshot` is what the
+  // committed range was when the session opened, which is what Cancel restores.
+  const compareDraft: DateRangeCompareDraft = $state({ start: null, end: null });
+  let compareSnapshot: DateRangeCompareDraft = $state({ start: null, end: null });
 
   // Tracks the label of the currently active preset, or null when the user
   // made a custom calendar selection (or before any selection is made).
@@ -339,6 +343,67 @@
     }
   }
 
+  const sameInstant = (a: Date | null, b: Date | null): boolean =>
+    (a === null ? null : a.getTime()) === (b === null ? null : b.getTime());
+
+  // The compare calendar lives in the main panel unless a standalone `compareTrigger` gives it
+  // its own panel and its own Apply/Cancel.
+  const compareInMain: boolean = $derived(
+    typeof compareCalendar === 'function' && typeof compareTrigger !== 'function'
+  );
+
+  function seedCompareSession(): void {
+    compareSnapshot = { start: compareStart, end: compareEnd };
+    compareDraft.start = compareStart;
+    compareDraft.end = compareEnd;
+  }
+
+  // What Apply commits. A calendar bound to `compareDraft` edits the draft. A calendar bound
+  // straight to `compareStart`/`compareEnd` (how this component's docs wired it before the draft
+  // was exposed) edits the committed values in place and leaves the draft at its seed; Apply used
+  // to write that stale seed back over the pick, and could not be pressed at all on first use.
+  const pendingCompare = $derived.by(() => {
+    const edited =
+      !sameInstant(compareDraft.start, compareSnapshot.start) ||
+      !sameInstant(compareDraft.end, compareSnapshot.end);
+    return edited
+      ? { start: compareDraft.start, end: compareDraft.end }
+      : { start: compareStart, end: compareEnd };
+  });
+  const canApplyCompare: boolean = $derived(
+    pendingCompare.start !== null && pendingCompare.end !== null
+  );
+
+  function commitCompare(): void {
+    const { start, end } = pendingCompare;
+    if (start === null || end === null) {
+      return;
+    }
+    compareStart = start;
+    compareEnd = end;
+    onapplycompare?.({ compareStart: start, compareEnd: end, presetLabel: selectedPresetLabel });
+  }
+
+  // Cancel, Escape and an outside press all land here: whatever the session did to the draft or
+  // to the committed range goes back to what it was when the session opened.
+  function discardCompare(): void {
+    if (!sameInstant(compareStart, compareSnapshot.start)) {
+      compareStart = compareSnapshot.start;
+    }
+    if (!sameInstant(compareEnd, compareSnapshot.end)) {
+      compareEnd = compareSnapshot.end;
+    }
+    compareDraft.start = compareSnapshot.start;
+    compareDraft.end = compareSnapshot.end;
+  }
+
+  function abandonPicker(): void {
+    if (compareInMain) {
+      discardCompare();
+    }
+    closePicker();
+  }
+
   function openPicker(): void {
     // Pointer activation need not focus a button in WebKit. Return to the
     // invoking control, not an unrelated previously focused field or body.
@@ -347,8 +412,9 @@
     draftStart = rangeStart;
     draftEnd = rangeEnd;
     draftValue = value;
-    draftCompareStart = compareStart;
-    draftCompareEnd = compareEnd;
+    if (compareInMain) {
+      seedCompareSession();
+    }
 
     // Re-seed the session from the committed preset so the sidebar re-highlights it
     // by label. A direct calendar click later clears this, reverting to date matching.
@@ -500,7 +566,7 @@
   // a second click feeling dead — the panel could only be closed by clicking away.
   function togglePicker(): void {
     if (isOpen) {
-      closePicker();
+      abandonPicker();
     } else {
       openPicker();
     }
@@ -508,8 +574,7 @@
 
   function openComparePicker(): void {
     compareFocusReturnEl = compareTriggerRef ? findInteractive(compareTriggerRef) : null;
-    draftCompareStart = compareStart ?? null;
-    draftCompareEnd = compareEnd ?? null;
+    seedCompareSession();
     openCompare = true;
     tick().then(() => focusFirstElement(comparePanelRef));
   }
@@ -524,19 +589,12 @@
   }
 
   function handleApplyCompare(): void {
-    if (draftCompareStart !== null && draftCompareEnd !== null) {
-      compareStart = draftCompareStart;
-      compareEnd = draftCompareEnd;
-      onapplycompare?.({
-        compareStart: draftCompareStart,
-        compareEnd: draftCompareEnd,
-        presetLabel: selectedPresetLabel
-      });
-    }
+    commitCompare();
     closeComparePicker();
   }
 
   function handleCancelCompare(): void {
+    discardCompare();
     closeComparePicker();
   }
 
@@ -568,18 +626,8 @@
           presetLabel: selectedPresetLabel
         });
       }
-      if (
-        typeof compareCalendar === 'function' &&
-        draftCompareStart !== null &&
-        draftCompareEnd !== null
-      ) {
-        compareStart = draftCompareStart;
-        compareEnd = draftCompareEnd;
-        onapplycompare?.({
-          compareStart: draftCompareStart,
-          compareEnd: draftCompareEnd,
-          presetLabel: selectedPresetLabel
-        });
+      if (typeof compareCalendar === 'function') {
+        commitCompare();
       }
     } else {
       if (draftValue !== null) {
@@ -601,7 +649,7 @@
 
   function handleCancel(): void {
     oncancel?.();
-    closePicker();
+    abandonPicker();
   }
 
   function handlePreset(preset: DateRangePreset): void {
@@ -893,9 +941,10 @@
      outside both at once. */
   function handleDismissOutside(): void {
     if (isOpen) {
-      closePicker();
+      abandonPicker();
     }
     if (openCompare) {
+      discardCompare();
       closeComparePicker();
     }
   }
@@ -1053,7 +1102,7 @@
         >
           {#if typeof compareCalendar === 'function'}
             <div class="drp-compare-panel-body">
-              {@render compareCalendar()}
+              {@render compareCalendar(compareDraft)}
             </div>
           {/if}
           <div class="drp-footer">
@@ -1066,7 +1115,7 @@
               onclick={handleApplyCompare}
               ariaLabel="Apply compare selection"
               classes="drp-btn-apply"
-              disabled={draftCompareStart === null || draftCompareEnd === null}>Apply</Button
+              disabled={!canApplyCompare}>Apply</Button
             >
           </div>
         </div>
@@ -1442,7 +1491,7 @@
                causes a Svelte 5 runtime error. -->
           {#if typeof compareCalendar === 'function' && typeof compareTrigger !== 'function'}
             <div class="drp-compare-section">
-              {@render compareCalendar()}
+              {@render compareCalendar(compareDraft)}
             </div>
           {/if}
         </div>

package/dist/DateRangePicker/properties.d.ts

@@ -1,4 +1,12 @@
 import type { Snippet } from 'svelte';
+/**
+ * The compare range a `compareCalendar` snippet edits before Apply commits it. A plain
+ * reactive object, so a Calendar can bind to its fields.
+ */
+export type DateRangeCompareDraft = {
+    start: Date | null;
+    end: Date | null;
+};
 export type DateRangePreset = {
     label: string;
     getValue: () => {
@@ -102,8 +110,16 @@ export type OptionalDateRangePickerProperties = {
     compareStart?: Date | null;
     /** End of compare range (bindable). Used when compareCalendar snippet is provided. */
     compareEnd?: Date | null;
-    /** Snippet rendered in the compare-calendar slot. Consumer controls all compare UI. */
-    compareCalendar?: Snippet;
+    /**
+     * Snippet rendered in the compare-calendar slot. Consumer controls all compare UI.
+     *
+     * It receives the compare draft, a reactive `{ start, end }` that Apply commits and that
+     * Cancel, Escape and an outside press discard. Bind a Calendar to it:
+     * `bind:rangeStart={draft.start} bind:rangeEnd={draft.end}`. A snippet that takes no
+     * argument and edits `compareStart`/`compareEnd` directly still works: Apply keeps what
+     * it wrote, and Cancel restores the range the session opened with.
+     */
+    compareCalendar?: Snippet<[DateRangeCompareDraft]>;
     /** Which day of the week starts the calendar. 0=Sunday, 1=Monday. */
     weekStartsOn?: 0 | 1;
     /** BCP-47 locale string for date formatting. */

package/dist/ToolCallLog/ToolCallLog.svelte

@@ -289,10 +289,10 @@
     gap: var(--tool-call-log-gap, 8px);
   }
 
-  /* Bespoke <button> markup (Pill's root is a non-interactive <div> and can't carry
-     aria-expanded/button semantics — see docs), but its sizing recipe is deliberately
-     pulled from Pill's own tokens (line-height, cursor) so it reads as the same family
-     of control as the diffstat Pill badges nested inside it. */
+  /* Bespoke <button> markup (the chip holds mixed content -- spinner, label, meta and nested
+     diffstat Pill badges -- where Pill renders one `text` string; see docs), but its sizing
+     recipe is deliberately pulled from Pill's own tokens (line-height, cursor) so it reads as
+     the same family of control as the diffstat Pill badges nested inside it. */
   .chip {
     display: inline-flex;
     align-items: center;

package/dist-wc/index.js

@@ -27497,9 +27497,15 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
 function DateRangePicker(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$79);
-	let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), G = prop(t, "presetToggle", 7, !1), te = prop(t, "placeholder", 7, "Select date"), ne = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "presetsPosition", 7, "side"), Re = prop(t, "responsiveLayout", 7, !1), Ue = prop(t, "compareStart", 15, null), it = prop(t, "compareEnd", 15, null), at = prop(t, "compareCalendar", 7), ot = prop(t, "weekStartsOn", 7, 0), ct = prop(t, "locale", 7), lt = prop(t, "testId", 7), ut = prop(t, "classes", 7), dt = prop(t, "triggerSnippet", 7), ft = prop(t, "triggerIcon", 7), pt = prop(t, "clearable", 7, !1), mt = prop(t, "initialPresetLabel", 7), ht = prop(t, "compareTrigger", 7), gt = prop(t, "openCompare", 15, !1), _t = prop(t, "onapply", 7), vt = prop(t, "onapplysingle", 7), yt = prop(t, "onapplycompare", 7), bt = prop(t, "oncancel", 7), xt = prop(t, "onopentoggle", 7), St = prop(t, "onclear", 7), Ct = /* @__PURE__ */ user_derived(() => typeof ne() == "boolean" ? ne() : c() === "range"), wt = "(max-width: 1023px)", Tt = "(max-width: 688px)", Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ user_derived(() => Re() && get(Dt)), kt = /* @__PURE__ */ user_derived(() => Re() && (c() === "range" ? get(Et) : get(Dt))), At = /* @__PURE__ */ user_derived(() => get(Ct) && !get(Ot)), jt = /* @__PURE__ */ user_derived(() => Me() === "top" || get(kt)), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ state(null), Pt = /* @__PURE__ */ state(null), It = /* @__PURE__ */ state(null), Lt = /* @__PURE__ */ state(null), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state("12:00 AM"), Bt = /* @__PURE__ */ state("11:59 PM"), Ht = /* @__PURE__ */ state(!1), Gt = /* @__PURE__ */ state(null), qt = /* @__PURE__ */ state(null), Zt = /* @__PURE__ */ user_derived(() => get(Gt) ?? (get(Mt) === null ? "" : wn(get(Mt)))), Qt = /* @__PURE__ */ user_derived(() => get(qt) ?? (get(Nt) === null ? "" : wn(get(Nt)))), $t = /* @__PURE__ */ user_derived(() => k() && R() === "inline" && c() === "range"), en = 1440 * 60 * 1e3;
+	let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), G = prop(t, "presetToggle", 7, !1), te = prop(t, "placeholder", 7, "Select date"), ne = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "presetsPosition", 7, "side"), Re = prop(t, "responsiveLayout", 7, !1), Ue = prop(t, "compareStart", 15, null), it = prop(t, "compareEnd", 15, null), at = prop(t, "compareCalendar", 7), ot = prop(t, "weekStartsOn", 7, 0), ct = prop(t, "locale", 7), lt = prop(t, "testId", 7), ut = prop(t, "classes", 7), dt = prop(t, "triggerSnippet", 7), ft = prop(t, "triggerIcon", 7), pt = prop(t, "clearable", 7, !1), mt = prop(t, "initialPresetLabel", 7), ht = prop(t, "compareTrigger", 7), gt = prop(t, "openCompare", 15, !1), _t = prop(t, "onapply", 7), vt = prop(t, "onapplysingle", 7), yt = prop(t, "onapplycompare", 7), bt = prop(t, "oncancel", 7), xt = prop(t, "onopentoggle", 7), St = prop(t, "onclear", 7), Ct = /* @__PURE__ */ user_derived(() => typeof ne() == "boolean" ? ne() : c() === "range"), wt = "(max-width: 1023px)", Tt = "(max-width: 688px)", Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ user_derived(() => Re() && get(Dt)), kt = /* @__PURE__ */ user_derived(() => Re() && (c() === "range" ? get(Et) : get(Dt))), At = /* @__PURE__ */ user_derived(() => get(Ct) && !get(Ot)), jt = /* @__PURE__ */ user_derived(() => Me() === "top" || get(kt)), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ state(null), Pt = /* @__PURE__ */ state(null), It = /* @__PURE__ */ state(proxy({
+		start: null,
+		end: null
+	})), Lt = /* @__PURE__ */ state(proxy({
+		start: null,
+		end: null
+	})), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state("12:00 AM"), Bt = /* @__PURE__ */ state("11:59 PM"), Ht = /* @__PURE__ */ state(!1), Gt = /* @__PURE__ */ state(null), qt = /* @__PURE__ */ state(null), Zt = /* @__PURE__ */ user_derived(() => get(Gt) ?? (get(Mt) === null ? "" : wn(get(Mt)))), Qt = /* @__PURE__ */ user_derived(() => get(qt) ?? (get(Nt) === null ? "" : wn(get(Nt)))), $t = /* @__PURE__ */ user_derived(() => k() && R() === "inline" && c() === "range"), en = 1440 * 60 * 1e3;
 	function tn(e) {
-		return typeof f() == "function" ? f()(e) : f().some((t) => vr(t, e));
+		return typeof f() == "function" ? f()(e) : f().some((t) => Er(t, e));
 	}
 	let nn = /* @__PURE__ */ user_derived(() => {
 		let e = p();
@@ -27539,7 +27545,7 @@ function DateRangePicker(e, t) {
 	let Tn = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(zt).trim())), En = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(Bt).trim())), Dn = /* @__PURE__ */ user_derived(() => {
 		if (!k()) return !0;
 		if (!get(Tn) || !get(En)) return !1;
-		if (get(Mt) === null || get(Nt) === null || !vr(get(Mt), get(Nt))) return !0;
+		if (get(Mt) === null || get(Nt) === null || !Er(get(Mt), get(Nt))) return !0;
 		let e = toMinutesOfDay(get(zt)), t = toMinutesOfDay(get(Bt));
 		return e === null || t === null || e <= t;
 	}), On = /* @__PURE__ */ user_derived(() => get(mn) === null ? c() === "single" ? s() === null ? te() : wn(s()) : a() !== null && o() !== null ? `${wn(a())} – ${wn(o())}` : a() === null ? te() : `${wn(a())} – ...` : get(mn)), kn = /* @__PURE__ */ user_derived(() => Ue() !== null && it() !== null ? `${wn(Ue())} – ${wn(it())}` : te());
@@ -27556,19 +27562,47 @@ function DateRangePicker(e, t) {
 		});
 		n !== null && (t.preventDefault(), n.focus());
 	}
-	function Mn() {
-		fn = get(on) ? findInteractive(get(on)) : null, set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(It, Ue(), !0), set(Lt, it(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null), k() && (set(zt, get(Mt) === null ? "12:00 AM" : formatTimeDisplay(get(Mt)), !0), set(Bt, get(Nt) === null ? "11:59 PM" : formatTimeDisplay(get(Nt)), !0), set(Ht, !1));
+	let Mn = (e, t) => (e === null ? null : e.getTime()) === (t === null ? null : t.getTime()), Nn = /* @__PURE__ */ user_derived(() => typeof at() == "function" && typeof ht() != "function");
+	function Pn() {
+		set(Lt, {
+			start: Ue(),
+			end: it()
+		}, !0), get(It).start = Ue(), get(It).end = it();
+	}
+	let Fn = /* @__PURE__ */ user_derived(() => !Mn(get(It).start, get(Lt).start) || !Mn(get(It).end, get(Lt).end) ? {
+		start: get(It).start,
+		end: get(It).end
+	} : {
+		start: Ue(),
+		end: it()
+	}), In = /* @__PURE__ */ user_derived(() => get(Fn).start !== null && get(Fn).end !== null);
+	function Ln() {
+		let { start: e, end: t } = get(Fn);
+		e === null || t === null || (Ue(e), it(t), yt()?.({
+			compareStart: e,
+			compareEnd: t,
+			presetLabel: get(Rt)
+		}));
+	}
+	function Rn() {
+		Mn(Ue(), get(Lt).start) || Ue(get(Lt).start), Mn(it(), get(Lt).end) || it(get(Lt).end), get(It).start = get(Lt).start, get(It).end = get(Lt).end;
+	}
+	function zn() {
+		get(Nn) && Rn(), Vn();
+	}
+	function Bn() {
+		fn = get(on) ? findInteractive(get(on)) : null, set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), get(Nn) && Pn(), set(Rt, get(hn), !0), set(Gt, null), set(qt, null), k() && (set(zt, get(Mt) === null ? "12:00 AM" : formatTimeDisplay(get(Mt)), !0), set(Bt, get(Nt) === null ? "11:59 PM" : formatTimeDisplay(get(Nt)), !0), set(Ht, !1));
 		let e = a() === null ? s() === null ? gn : s() : a();
 		set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn), set(rn, !0), xt()?.({ open: !0 }), tick().then(() => An(get(an)));
 	}
-	function Nn() {
+	function Vn() {
 		set(rn, !1), set(cn, !1), xt()?.({ open: !1 });
 		let e = fn;
 		fn = null, tick().then(() => {
 			e?.focus();
 		});
 	}
-	function Pn(e = get(an)) {
+	function Hn(e = get(an)) {
 		if (e === null || get(on) === null || typeof window > "u") return;
 		if (get(kt)) {
 			set(cn, !1);
@@ -27577,30 +27611,30 @@ function DateRangePicker(e, t) {
 		let t = get(on).getBoundingClientRect(), n = e.offsetHeight, i = 6, a = window.innerHeight - t.bottom - 6, o = t.top - 6;
 		set(cn, n > a && o > a, !0);
 	}
-	function Fn(e) {
-		let t = () => Pn(e);
+	function Un(e) {
+		let t = () => Hn(e);
 		return t(), tick().then(t), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), { destroy: () => {
 			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		} };
 	}
-	function In(e, t) {
+	function Wn(e, t) {
 		if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
 		let n = window.matchMedia(e) ?? null;
 		if (n === null || (t(n.matches === !0), typeof n.addEventListener != "function")) return () => {};
 		let i = (e) => {
 			let n = get(an) !== null && get(an).contains(getActiveElement(get(an)));
 			t(e.matches), tick().then(() => {
-				Pn(), n && get(an) !== null && !get(an).contains(getActiveElement(get(an))) && An(get(an));
+				Hn(), n && get(an) !== null && !get(an).contains(getActiveElement(get(an))) && An(get(an));
 			});
 		};
 		return n.addEventListener("change", i), () => n.removeEventListener("change", i);
 	}
-	function Ln(e, t) {
+	function Gn(e, t) {
 		let n = () => {}, i = (e) => {
 			if (n(), n = () => {}, !e) return;
-			let t = In("(max-width: 1023px)", (e) => {
+			let t = Wn("(max-width: 1023px)", (e) => {
 				set(Et, e, !0);
-			}), i = In("(max-width: 688px)", (e) => {
+			}), i = Wn("(max-width: 688px)", (e) => {
 				set(Dt, e, !0);
 			});
 			n = () => {
@@ -27612,34 +27646,30 @@ function DateRangePicker(e, t) {
 			destroy: () => i(!1)
 		};
 	}
-	function Rn() {
-		get(rn) ? Nn() : Mn();
+	function Kn() {
+		get(rn) ? zn() : Bn();
 	}
-	function zn() {
-		dn = get(un) ? findInteractive(get(un)) : null, set(It, Ue() ?? null, !0), set(Lt, it() ?? null, !0), gt(!0), tick().then(() => An(get(ln)));
+	function qn() {
+		dn = get(un) ? findInteractive(get(un)) : null, Pn(), gt(!0), tick().then(() => An(get(ln)));
 	}
-	function Bn() {
+	function Jn() {
 		gt(!1);
 		let e = dn;
 		dn = null, tick().then(() => {
 			e?.focus();
 		});
 	}
-	function Vn() {
-		get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
-			compareStart: get(It),
-			compareEnd: get(Lt),
-			presetLabel: get(Rt)
-		})), Bn();
+	function Yn() {
+		Ln(), Jn();
 	}
-	function Hn() {
-		Bn();
+	function Xn() {
+		Rn(), Jn();
 	}
-	function Un(e) {
+	function Zn(e) {
 		let t = new SvelteDate(get(_n), get(vn) + e, 1);
 		set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn);
 	}
-	function Wn() {
+	function Qn() {
 		if (set(mn, null), c() === "range") {
 			if (get(Mt) !== null && get(Nt) !== null) {
 				let e = k() ? applyTimeDisplay(get(Mt), get(zt), "start") ?? get(Mt) : get(Mt), t = k() ? applyTimeDisplay(get(Nt), get(Bt), "end") ?? get(Nt) : get(Nt);
@@ -27649,24 +27679,20 @@ function DateRangePicker(e, t) {
 					presetLabel: get(Rt)
 				});
 			}
-			typeof at() == "function" && get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
-				compareStart: get(It),
-				compareEnd: get(Lt),
-				presetLabel: get(Rt)
-			}));
+			typeof at() == "function" && Ln();
 		} else get(Pt) !== null && (s(get(Pt)), set(hn, get(Rt), !0), vt()?.({
 			date: get(Pt),
 			presetLabel: get(Rt)
 		}));
-		Nn();
+		Vn();
 	}
-	function Gn() {
-		s(null), set(Pt, null), set(hn, null), St()?.(), Nn();
+	function $n() {
+		s(null), set(Pt, null), set(hn, null), St()?.(), Vn();
 	}
-	function Kn() {
-		bt()?.(), Nn();
+	function er() {
+		bt()?.(), zn();
 	}
-	function qn(e) {
+	function tr(e) {
 		if (G() && get(Rt) === e.label) {
 			set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null);
 			let e = a() === null ? s() === null ? gn : s() : a();
@@ -27677,13 +27703,13 @@ function DateRangePicker(e, t) {
 		let { start: t, end: n } = e.getValue();
 		set(Rt, e.label, !0), c() === "range" ? (set(Mt, t, !0), set(Nt, n, !0), set(Gt, null), set(qt, null), k() && (set(zt, formatTimeDisplay(t), !0), set(Bt, formatTimeDisplay(n), !0)), set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn)) : set(Pt, t, !0);
 	}
-	function Jn(e) {
-		set(Mt, e.rangeStart, !0), set(Nt, e.rangeEnd, !0), set(Rt, null), set(Gt, null), set(qt, null), k() && (set(zt, "12:00 AM"), set(Bt, vr(e.rangeEnd, gn) ? formatTimeDisplay(gn) : "11:59 PM", !0));
+	function nr(e) {
+		set(Mt, e.rangeStart, !0), set(Nt, e.rangeEnd, !0), set(Rt, null), set(Gt, null), set(qt, null), k() && (set(zt, "12:00 AM"), set(Bt, Er(e.rangeEnd, gn) ? formatTimeDisplay(gn) : "11:59 PM", !0));
 	}
-	function Yn(e) {
+	function rr(e) {
 		set(Pt, e.date, !0), set(Rt, null);
 	}
-	function Xn(e) {
+	function ir(e) {
 		if (l() !== null) {
 			let t = new SvelteDate(l().getFullYear(), l().getMonth(), l().getDate());
 			if (e.getTime() < t.getTime()) return !1;
@@ -27694,85 +27720,85 @@ function DateRangePicker(e, t) {
 		}
 		return !get(nn)(e);
 	}
-	function Zn(e, t) {
-		if (!Xn(t)) return !1;
+	function ar(e, t) {
+		if (!ir(t)) return !1;
 		let n = get(e === "start" ? Nt : Mt);
 		return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || p() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) / en)) + 1 > p());
 	}
-	let Qn = /* @__PURE__ */ user_derived(() => {
+	let or = /* @__PURE__ */ user_derived(() => {
 		if (get(Zt).trim() === "") return !0;
 		let e = parseDateDisplay(get(Zt));
-		return e !== null && Zn("start", e);
-	}), $n = /* @__PURE__ */ user_derived(() => {
+		return e !== null && ar("start", e);
+	}), sr = /* @__PURE__ */ user_derived(() => {
 		if (get(Qt).trim() === "") return !0;
 		let e = parseDateDisplay(get(Qt));
-		return e !== null && Zn("end", e);
-	}), er = "Enter a date this picker accepts, like 12 Mar 2025.", tr = "Enter a time like 12:00 AM.", nr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-date`, { error: get(Qn) ? null : er })), rr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-time`, { error: get(Tn) ? null : tr })), ir = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-date`, { error: get($n) ? null : er })), ar = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-time`, { error: get(En) ? null : tr }));
-	function or(e) {
+		return e !== null && ar("end", e);
+	}), cr = "Enter a date this picker accepts, like 12 Mar 2025.", lr = "Enter a time like 12:00 AM.", ur = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-date`, { error: get(or) ? null : cr })), dr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-time`, { error: get(Tn) ? null : lr })), fr = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-date`, { error: get(sr) ? null : cr })), pr = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-time`, { error: get(En) ? null : lr }));
+	function mr(e) {
 		let t = e.getFullYear() === get(_n) && e.getMonth() === get(vn);
 		if (!get(At)) return t;
 		let n = new SvelteDate(get(_n), get(vn) + 1, 1), i = e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth();
 		return t || i;
 	}
-	function sr(e) {
+	function hr(e) {
 		set(_n, e.year, !0), set(vn, e.month, !0);
 	}
-	function cr(e) {
-		or(e) || (set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn));
+	function gr(e) {
+		mr(e) || (set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn));
 	}
-	function lr(e) {
+	function _r(e) {
 		set(e === "start" ? Gt : qt, null);
 	}
-	function ur(e, t) {
+	function vr(e, t) {
 		e.currentTarget instanceof HTMLInputElement && set(t === "start" ? Gt : qt, e.currentTarget.value, !0);
 	}
-	function dr(e) {
+	function yr(e) {
 		let t = get(e === "start" ? Gt : qt);
 		if (t === null) return;
 		let n = parseDateDisplay(t);
-		if (n === null || !Zn(e, n)) {
-			lr(e);
+		if (n === null || !ar(e, n)) {
+			_r(e);
 			return;
 		}
-		set(e === "start" ? Mt : Nt, n, !0), set(Rt, null), cr(n), lr(e);
+		set(e === "start" ? Mt : Nt, n, !0), set(Rt, null), gr(n), _r(e);
 	}
-	function fr(e, t) {
-		e.key === "Enter" && (e.preventDefault(), dr(t));
+	function br(e, t) {
+		e.key === "Enter" && (e.preventDefault(), yr(t));
 	}
-	function pr() {
-		gt() ? Hn() : get(rn) && Kn();
+	function xr() {
+		gt() ? Xn() : get(rn) && er();
 	}
-	function mr() {
-		get(rn) && Nn(), gt() && Bn();
+	function Sr() {
+		get(rn) && zn(), gt() && (Rn(), Jn());
 	}
-	let hr = null;
+	let Cr = null;
 	user_effect(() => {
 		let e = get(rn) || gt();
-		e && hr === null ? hr = registerDismissible({
+		e && Cr === null ? Cr = registerDismissible({
 			element: () => get(sn),
-			onEscape: pr,
-			onOutside: mr
-		}) : !e && hr !== null && (hr(), hr = null);
+			onEscape: xr,
+			onOutside: Sr
+		}) : !e && Cr !== null && (Cr(), Cr = null);
 	}), onDestroy(() => {
-		hr?.(), hr = null;
+		Cr?.(), Cr = null;
 	});
-	let gr = /* @__PURE__ */ user_derived(() => c() === "range" ? get(Mt) !== null && get(Nt) !== null && get(Dn) : get(Pt) !== null);
-	function _r(e) {
+	let wr = /* @__PURE__ */ user_derived(() => c() === "range" ? get(Mt) !== null && get(Nt) !== null && get(Dn) : get(Pt) !== null);
+	function Tr(e) {
 		if (get(mn) !== null && get(Mt) === null && get(Nt) === null && get(Pt) === null) return e.label === get(mn);
 		if (get(Rt) !== null) return e.label === get(Rt);
 		if (c() === "single") {
 			if (get(Pt) === null) return !1;
 			let { start: t } = e.getValue();
-			return vr(get(Pt), t);
+			return Er(get(Pt), t);
 		}
 		if (get(Mt) === null || get(Nt) === null) return !1;
 		let { start: t, end: n } = e.getValue();
-		return vr(get(Mt), t) && vr(get(Nt), n);
+		return Er(get(Mt), t) && Er(get(Nt), n);
 	}
-	function vr(e, t) {
+	function Er(e, t) {
 		return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 	}
-	var yr = {
+	var Dr = {
 		get rangeStart() {
 			return a();
 		},
@@ -28007,11 +28033,11 @@ function DateRangePicker(e, t) {
 		set onclear(e) {
 			St(e), flushSync();
 		}
-	}, br = root_20$2(), xr = child(br), Sr = child(xr);
+	}, Or = root_20$2(), kr = child(Or), Ar = child(kr);
 	{
 		let e = /* @__PURE__ */ user_derived(() => get(rn) ? "Close date picker" : "Open date picker"), t = /* @__PURE__ */ user_derived(() => get(rn) ? "drp-trigger-open" : "");
-		Button(Sr, spread_props({
-			onclick: Rn,
+		Button(Ar, spread_props({
+			onclick: Kn,
 			get ariaLabel() {
 				return get(e);
 			},
@@ -28044,13 +28070,13 @@ function DateRangePicker(e, t) {
 			$$slots: { default: !0 }
 		}));
 	}
-	reset(xr), bind_this(xr, (e) => set(on, e), () => get(on));
-	var Cr = sibling(xr, 2), wr = (e) => {
+	reset(kr), bind_this(kr, (e) => set(on, e), () => get(on));
+	var jr = sibling(kr, 2), Mr = (e) => {
 		var t = root_4$22(), n = child(t);
 		{
 			let e = /* @__PURE__ */ user_derived(() => gt() ? "drp-compare-trigger-open" : "");
 			Button(n, {
-				onclick: zn,
+				onclick: qn,
 				ariaLabel: "Open compare period picker",
 				get classes() {
 					return `drp-compare-trigger ${get(e) ?? ""}`;
@@ -28065,14 +28091,14 @@ function DateRangePicker(e, t) {
 		var i = sibling(n, 2), a = (e) => {
 			var t = root_3$26(), n = child(t), i = (e) => {
 				var t = root_2$28();
-				snippet(child(t), at), reset(t), append(e, t);
+				snippet(child(t), at, () => get(It)), reset(t), append(e, t);
 			};
 			if_block(n, (e) => {
 				typeof at() == "function" && e(i);
 			});
 			var a = sibling(n, 2), o = child(a);
 			Button(o, {
-				onclick: Hn,
+				onclick: Xn,
 				ariaLabel: "Cancel compare selection",
 				classes: "drp-btn-cancel",
 				children: (e, t) => {
@@ -28082,9 +28108,9 @@ function DateRangePicker(e, t) {
 			});
 			var s = sibling(o, 2);
 			{
-				let e = /* @__PURE__ */ user_derived(() => get(It) === null || get(Lt) === null);
+				let e = /* @__PURE__ */ user_derived(() => !get(In));
 				Button(s, {
-					onclick: Vn,
+					onclick: Yn,
 					ariaLabel: "Apply compare selection",
 					classes: "drp-btn-apply",
 					get disabled() {
@@ -28102,10 +28128,10 @@ function DateRangePicker(e, t) {
 			gt() && e(a);
 		}), reset(t), bind_this(t, (e) => set(un, e), () => get(un)), append(e, t);
 	};
-	if_block(Cr, (e) => {
-		typeof ht() == "function" && e(wr);
+	if_block(jr, (e) => {
+		typeof ht() == "function" && e(Mr);
 	});
-	var Tr = sibling(Cr, 2), Er = (e) => {
+	var Nr = sibling(jr, 2), Pr = (e) => {
 		var t = root_19$4();
 		let n;
 		var a = child(t), o = child(a), p = (e) => {
@@ -28131,15 +28157,15 @@ function DateRangePicker(e, t) {
 					html(t, () => checkmark_default, !0), reset(t), template_effect(() => {
 						set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-preset-check` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-preset-check` : null);
 					}), append(e, t);
-				}, k = /* @__PURE__ */ user_derived(() => S() && _r(get(t)));
+				}, k = /* @__PURE__ */ user_derived(() => S() && Tr(get(t)));
 				if_block(p, (e) => {
 					get(k) && e(C);
 				}), reset(l), template_effect((e, n) => {
 					u = set_class(l, 1, "drp-preset-item svelte-gpybdi", null, u, e), set_attribute(l, "aria-selected", n), set_attribute(l, "data-pw", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_attribute(l, "testid", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_text(f, `${get(t).label ?? ""} `);
 				}, [() => ({
-					"drp-preset-active": _r(get(t)),
+					"drp-preset-active": Tr(get(t)),
 					"drp-preset-checkable": S()
-				}), () => _r(get(t))]), delegated("click", l, () => qn(get(t))), append(e, o);
+				}), () => Tr(get(t))]), delegated("click", l, () => tr(get(t))), append(e, o);
 			}), reset(t), append(e, t);
 		};
 		if_block(o, (e) => {
@@ -28158,9 +28184,9 @@ function DateRangePicker(e, t) {
 				var u = child(c);
 				html(u, () => i, !0), reset(u);
 				var f = sibling(u, 2);
-				remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
+				remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(ur).errorId, () => get(ur).showsError, () => cr), reset(n);
 				var p = sibling(n, 2);
-				drpFieldError(p, () => get(rr).errorId, () => get(rr).showsError, () => tr);
+				drpFieldError(p, () => get(dr).errorId, () => get(dr).showsError, () => lr);
 				var h = sibling(p, 2);
 				html(h, () => chevron_right_default, !0), reset(h);
 				var S = sibling(h, 2), C = child(S);
@@ -28172,20 +28198,20 @@ function DateRangePicker(e, t) {
 				var ne = child(G);
 				html(ne, () => i, !0), reset(ne);
 				var re = sibling(ne, 2);
-				remove_input_defaults(re), reset(G), drpFieldError(sibling(G, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(S), drpFieldError(sibling(S, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), template_effect(() => {
-					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(Qn) }), set_value(s, get(Zt)), set_attribute(s, "aria-invalid", !get(Qn)), set_attribute(s, "aria-describedby", get(nr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(Tn) }), set_attribute(f, "aria-invalid", !get(Tn)), set_attribute(f, "aria-describedby", get(rr).describedBy), set_attribute(f, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(f, "testid", lt() ? `${lt()}-start-time` : null), k = set_class(C, 1, "drp-date-input svelte-gpybdi", null, k, { "drp-date-input-invalid": !get($n) }), set_value(R, get(Qt)), set_attribute(R, "aria-invalid", !get($n)), set_attribute(R, "aria-describedby", get(ir).describedBy), set_attribute(R, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(R, "testid", lt() ? `${lt()}-end-date` : null), te = set_class(G, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, te, { "drp-time-input-invalid": !get(En) }), set_attribute(re, "aria-invalid", !get(En)), set_attribute(re, "aria-describedby", get(ar).describedBy), set_attribute(re, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(re, "testid", lt() ? `${lt()}-end-time` : null);
-				}), delegated("input", s, (e) => ur(e, "start")), event("blur", s, () => dr("start")), delegated("keydown", s, (e) => fr(e, "start")), bind_value(f, () => get(zt), (e) => set(zt, e)), delegated("input", R, (e) => ur(e, "end")), event("blur", R, () => dr("end")), delegated("keydown", R, (e) => fr(e, "end")), bind_value(re, () => get(Bt), (e) => set(Bt, e)), append(e, t);
+				remove_input_defaults(re), reset(G), drpFieldError(sibling(G, 2), () => get(fr).errorId, () => get(fr).showsError, () => cr), reset(S), drpFieldError(sibling(S, 2), () => get(pr).errorId, () => get(pr).showsError, () => lr), template_effect(() => {
+					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(or) }), set_value(s, get(Zt)), set_attribute(s, "aria-invalid", !get(or)), set_attribute(s, "aria-describedby", get(ur).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(Tn) }), set_attribute(f, "aria-invalid", !get(Tn)), set_attribute(f, "aria-describedby", get(dr).describedBy), set_attribute(f, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(f, "testid", lt() ? `${lt()}-start-time` : null), k = set_class(C, 1, "drp-date-input svelte-gpybdi", null, k, { "drp-date-input-invalid": !get(sr) }), set_value(R, get(Qt)), set_attribute(R, "aria-invalid", !get(sr)), set_attribute(R, "aria-describedby", get(fr).describedBy), set_attribute(R, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(R, "testid", lt() ? `${lt()}-end-date` : null), te = set_class(G, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, te, { "drp-time-input-invalid": !get(En) }), set_attribute(re, "aria-invalid", !get(En)), set_attribute(re, "aria-describedby", get(pr).describedBy), set_attribute(re, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(re, "testid", lt() ? `${lt()}-end-time` : null);
+				}), delegated("input", s, (e) => vr(e, "start")), event("blur", s, () => yr("start")), delegated("keydown", s, (e) => br(e, "start")), bind_value(f, () => get(zt), (e) => set(zt, e)), delegated("input", R, (e) => vr(e, "end")), event("blur", R, () => yr("end")), delegated("keydown", R, (e) => br(e, "end")), bind_value(re, () => get(Bt), (e) => set(Bt, e)), append(e, t);
 			}, c = (e) => {
 				var t = root_12$12(), n = first_child(t);
 				let a;
 				var o = child(n);
-				remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
+				remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(ur).errorId, () => get(ur).showsError, () => cr), reset(n);
 				var s = sibling(n, 2);
 				html(s, () => chevron_right_default, !0), reset(s);
 				var c = sibling(s, 2);
 				let l;
 				var u = child(c);
-				remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(c);
+				remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(fr).errorId, () => get(fr).showsError, () => cr), reset(c);
 				var f = sibling(c, 2), p = (e) => {
 					var t = root_11$12();
 					let n;
@@ -28197,8 +28223,8 @@ function DateRangePicker(e, t) {
 				if_block(f, (e) => {
 					k() && e(p);
 				}), template_effect(() => {
-					a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(Qn) }), set_value(o, get(Zt)), set_attribute(o, "aria-invalid", !get(Qn)), set_attribute(o, "aria-describedby", get(nr).describedBy), set_attribute(o, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(o, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get($n) }), set_value(u, get(Qt)), set_attribute(u, "aria-invalid", !get($n)), set_attribute(u, "aria-describedby", get(ir).describedBy), set_attribute(u, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(u, "testid", lt() ? `${lt()}-end-date` : null);
-				}), delegated("input", o, (e) => ur(e, "start")), event("blur", o, () => dr("start")), delegated("keydown", o, (e) => fr(e, "start")), delegated("input", u, (e) => ur(e, "end")), event("blur", u, () => dr("end")), delegated("keydown", u, (e) => fr(e, "end")), append(e, t);
+					a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(or) }), set_value(o, get(Zt)), set_attribute(o, "aria-invalid", !get(or)), set_attribute(o, "aria-describedby", get(ur).describedBy), set_attribute(o, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(o, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(sr) }), set_value(u, get(Qt)), set_attribute(u, "aria-invalid", !get(sr)), set_attribute(u, "aria-describedby", get(fr).describedBy), set_attribute(u, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(u, "testid", lt() ? `${lt()}-end-date` : null);
+				}), delegated("input", o, (e) => vr(e, "start")), event("blur", o, () => yr("start")), delegated("keydown", o, (e) => br(e, "start")), delegated("input", u, (e) => vr(e, "end")), event("blur", u, () => yr("end")), delegated("keydown", u, (e) => br(e, "end")), append(e, t);
 			};
 			if_block(o, (e) => {
 				get($t) ? e(s) : e(c, -1);
@@ -28209,7 +28235,7 @@ function DateRangePicker(e, t) {
 				var o = child(n);
 				html(o, () => i, !0), reset(o);
 				var s = sibling(o, 2);
-				remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(rr).errorId, () => get(rr).showsError, () => tr), reset(n);
+				remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(dr).errorId, () => get(dr).showsError, () => lr), reset(n);
 				var c = sibling(n, 2);
 				html(c, () => chevron_right_default, !0), reset(c);
 				var l = sibling(c, 2);
@@ -28217,8 +28243,8 @@ function DateRangePicker(e, t) {
 				var f = child(l);
 				html(f, () => i, !0), reset(f);
 				var p = sibling(f, 2);
-				remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), reset(l), reset(t), template_effect(() => {
-					a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(Tn) }), set_attribute(s, "aria-invalid", !get(Tn)), set_attribute(s, "aria-describedby", get(rr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-time` : null), u = set_class(l, 1, "drp-time-input svelte-gpybdi", null, u, { "drp-time-input-invalid": !get(En) }), set_attribute(p, "aria-invalid", !get(En)), set_attribute(p, "aria-describedby", get(ar).describedBy), set_attribute(p, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(p, "testid", lt() ? `${lt()}-end-time` : null);
+				remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(pr).errorId, () => get(pr).showsError, () => lr), reset(l), reset(t), template_effect(() => {
+					a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(Tn) }), set_attribute(s, "aria-invalid", !get(Tn)), set_attribute(s, "aria-describedby", get(dr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-time` : null), u = set_class(l, 1, "drp-time-input svelte-gpybdi", null, u, { "drp-time-input-invalid": !get(En) }), set_attribute(p, "aria-invalid", !get(En)), set_attribute(p, "aria-describedby", get(pr).describedBy), set_attribute(p, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(p, "testid", lt() ? `${lt()}-end-time` : null);
 				}), bind_value(s, () => get(zt), (e) => set(zt, e)), bind_value(p, () => get(Bt), (e) => set(Bt, e)), append(e, t);
 			};
 			if_block(l, (e) => {
@@ -28258,7 +28284,7 @@ function DateRangePicker(e, t) {
 					get initialMonth() {
 						return get(bn);
 					},
-					onrangeselect: Jn,
+					onrangeselect: nr,
 					classes: "drp-calendar-embedded",
 					get rangeStart() {
 						return get(Mt);
@@ -28292,7 +28318,7 @@ function DateRangePicker(e, t) {
 					get initialMonth() {
 						return get(xn);
 					},
-					onrangeselect: Jn,
+					onrangeselect: nr,
 					classes: "drp-calendar-embedded",
 					get rangeStart() {
 						return get(Mt);
@@ -28309,7 +28335,7 @@ function DateRangePicker(e, t) {
 				}), append(e, t);
 			}), reset(h), template_effect(() => {
 				set_text(s, get(Cn)), set_text(f, get(Sn));
-			}), delegated("click", i, () => Un(-1)), delegated("click", p, () => Un(1)), append(e, t);
+			}), delegated("click", i, () => Zn(-1)), delegated("click", p, () => Zn(1)), append(e, t);
 		}, Re = (e) => {
 			var t = comment();
 			key(first_child(t), () => get(yn), (e) => {
@@ -28337,9 +28363,9 @@ function DateRangePicker(e, t) {
 						get initialMonth() {
 							return get(bn);
 						},
-						onrangeselect: Jn,
-						onselect: Yn,
-						onmonthchange: sr,
+						onrangeselect: nr,
+						onselect: rr,
+						onmonthchange: hr,
 						classes: "drp-calendar-embedded",
 						get rangeStart() {
 							return get(Mt);
@@ -28375,14 +28401,14 @@ function DateRangePicker(e, t) {
 		});
 		var ut = sibling(Ue, 2), dt = (e) => {
 			var t = root_18$4();
-			snippet(child(t), at), reset(t), append(e, t);
+			snippet(child(t), at, () => get(It)), reset(t), append(e, t);
 		};
 		if_block(ut, (e) => {
 			typeof at() == "function" && typeof ht() != "function" && e(dt);
 		}), reset(R), reset(a);
 		var ft = sibling(a, 2), mt = child(ft), gt = (e) => {
 			Button(e, {
-				onclick: Gn,
+				onclick: $n,
 				ariaLabel: "Clear date selection",
 				classes: "drp-btn-clear",
 				children: (e, t) => {
@@ -28396,7 +28422,7 @@ function DateRangePicker(e, t) {
 		});
 		var _t = sibling(mt, 2);
 		Button(_t, {
-			onclick: Kn,
+			onclick: er,
 			ariaLabel: "Cancel date selection",
 			classes: "drp-btn-cancel",
 			children: (e, t) => {
@@ -28406,9 +28432,9 @@ function DateRangePicker(e, t) {
 		});
 		var vt = sibling(_t, 2);
 		{
-			let e = /* @__PURE__ */ user_derived(() => !get(gr));
+			let e = /* @__PURE__ */ user_derived(() => !get(wr));
 			Button(vt, {
-				onclick: Wn,
+				onclick: Qn,
 				ariaLabel: "Apply date selection",
 				classes: "drp-btn-apply",
 				get disabled() {
@@ -28420,7 +28446,7 @@ function DateRangePicker(e, t) {
 				$$slots: { default: !0 }
 			});
 		}
-		reset(ft), reset(t), action(t, (e) => Fn?.(e)), bind_this(t, (e) => set(an, e), () => get(an)), template_effect(() => {
+		reset(ft), reset(t), action(t, (e) => Un?.(e)), bind_this(t, (e) => set(an, e), () => get(an)), template_effect(() => {
 			n = set_class(t, 1, "drp-panel svelte-gpybdi", null, n, {
 				"drp-panel-above": get(cn),
 				"drp-panel-align-left": be() === "left",
@@ -28431,11 +28457,11 @@ function DateRangePicker(e, t) {
 			}), set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-panel` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-panel` : null);
 		}), delegated("keydown", t, (e) => jn(get(an), e)), append(e, t);
 	};
-	return if_block(Tr, (e) => {
-		get(rn) && e(Er);
-	}), reset(br), bind_this(br, (e) => set(sn, e), () => get(sn)), action(br, (e, t) => Ln?.(e, t), Re), template_effect(() => {
-		set_class(br, 1, `drp-root ${ut() ?? "" ?? ""}`, "svelte-gpybdi"), set_attribute(br, "data-pw", lt()), set_attribute(br, "testid", lt());
-	}), append(e, br), pop(yr);
+	return if_block(Nr, (e) => {
+		get(rn) && e(Pr);
+	}), reset(Or), bind_this(Or, (e) => set(sn, e), () => get(sn)), action(Or, (e, t) => Gn?.(e, t), Re), template_effect(() => {
+		set_class(Or, 1, `drp-root ${ut() ?? "" ?? ""}`, "svelte-gpybdi"), set_attribute(Or, "data-pw", lt()), set_attribute(Or, "testid", lt());
+	}), append(e, Or), pop(Dr);
 }
 delegate([
 	"keydown",
@@ -28517,9 +28543,17 @@ function DateRangePicker_wc(e, t) {
 				var n = comment();
 				slot(first_child(n), t, "time-picker", {}, null), append(e, n);
 			},
-			compareCalendar: (e) => {
-				var n = comment();
-				slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+			compareCalendar: (e, n = noop) => {
+				var i = comment(), a = first_child(i), o = (e) => {
+					var i = comment();
+					snippet(first_child(i), () => t.compareCalendar, n), append(e, i);
+				}, s = (e) => {
+					var n = comment();
+					slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+				};
+				if_block(a, (e) => {
+					t.compareCalendar ? e(o) : e(s, -1);
+				}), append(e, i);
 			},
 			$$slots: {
 				triggerIcon: !0,
@@ -28570,9 +28604,17 @@ function DateRangePicker_wc(e, t) {
 					t.triggerIcon ? e(a) : e(o, -1);
 				}), append(e, n);
 			},
-			compareCalendar: (e) => {
-				var n = comment();
-				slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+			compareCalendar: (e, n = noop) => {
+				var i = comment(), a = first_child(i), o = (e) => {
+					var i = comment();
+					snippet(first_child(i), () => t.compareCalendar, n), append(e, i);
+				}, s = (e) => {
+					var n = comment();
+					slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+				};
+				if_block(a, (e) => {
+					t.compareCalendar ? e(o) : e(s, -1);
+				}), append(e, i);
 			},
 			$$slots: {
 				triggerIcon: !0,
@@ -58858,7 +58900,7 @@ var diffstatBadges = (e, t = noop) => {
 	}), append(e, n);
 }, root_1$5 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-added svelte-1vnfzde\"><!></span>"), root_2$3 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-removed svelte-1vnfzde\"><!></span>"), root_3$3 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$3 = /* @__PURE__ */ from_html("<span class=\"chip-spinner svelte-1vnfzde\" aria-hidden=\"true\"><!></span>"), root_5$2 = /* @__PURE__ */ from_html("<span> </span>"), root_6$2 = /* @__PURE__ */ from_html("<span class=\"diffstat chip-diffstat svelte-1vnfzde\"><!></span>"), root_7$2 = /* @__PURE__ */ from_html("<span class=\"diffstat popover-diffstat svelte-1vnfzde\"><!></span>"), root_8$2 = /* @__PURE__ */ from_html("<div class=\"chip-popover svelte-1vnfzde\" role=\"dialog\" tabindex=\"-1\"><p> </p> <!></div>"), root_9$1 = /* @__PURE__ */ from_html("<div class=\"chip-wrap\"><button type=\"button\"><!> <b class=\"chip-label svelte-1vnfzde\"> </b> <!> <!></button> <!></div>"), root_10$1 = /* @__PURE__ */ from_html("<div></div>"), $$css$16 = {
 	hash: "svelte-1vnfzde",
-	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (Pill's root is a non-interactive <div> and can't carry\n     aria-expanded/button semantics — see docs), but its sizing recipe is deliberately\n     pulled from Pill's own tokens (line-height, cursor) so it reads as the same family\n     of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-chip-animation-duration, var(--motion-duration, 320ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;transition:background var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease)),\n      border-color var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease));}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #9f2d27);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #666666);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #a8302a);}\n\n  /* `position: fixed` is the baseline rather than a portal-only override —\n     left/top/z-index come from the inline `popoverStyle`, computed against the\n     live anchor rect, and that is viewport-relative in both portal modes. So\n     `usePortal={false}` (see `popoverPortal`) changes only which ancestors can\n     clip the popover, never how it is placed. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-popover-animation-duration, var(--motion-duration, 200ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
+	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (the chip holds mixed content -- spinner, label, meta and nested\n     diffstat Pill badges -- where Pill renders one `text` string; see docs), but its sizing\n     recipe is deliberately pulled from Pill's own tokens (line-height, cursor) so it reads as\n     the same family of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-chip-animation-duration, var(--motion-duration, 320ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;transition:background var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease)),\n      border-color var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease));}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #9f2d27);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #666666);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #a8302a);}\n\n  /* `position: fixed` is the baseline rather than a portal-only override —\n     left/top/z-index come from the inline `popoverStyle`, computed against the\n     live anchor rect, and that is viewport-relative in both portal modes. So\n     `usePortal={false}` (see `popoverPortal`) changes only which ancestors can\n     clip the popover, never how it is placed. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-popover-animation-duration, var(--motion-duration, 200ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
 };
 function ToolCallLog(e, t) {
 	push(t, !0), append_styles$1(e, $$css$16);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "4.53.0",
+  "version": "4.53.1",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",
@@ -79,7 +79,8 @@
   ],
   "sideEffects": [
     "./src/wc/**",
-    "./dist-wc/**"
+    "./dist-wc/**",
+    "**/*.css"
   ],
   "peerDependencies": {
     "lottie-web": ">=5.0.0",