@svgrid/grid 3.0.4 → 3.0.6

package/dist/cdn/{SvDateTimePicker-vNU6bZ-q.js → SvDateTimePicker-s_6IUpI7.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { a as t, i as n, t as r } from "./editor-contract-LXgQJAgd.js";
 import { C as i, M as a, P as o, g as s, i as c, k as l, n as u, t as d } from "./date-format-CtquV-p3.js";
 import { i as f, n as p, r as m } from "./popover-P-9P2YYn.js";
-import { t as h } from "./dismissable-DAHetSNk.js";
+import { t as h } from "./dismissable-Brc4EZU1.js";
 import * as g from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/createTimePicker.svelte.ts

package/dist/cdn/{SvGridCellEditor-B1p-vCK5.js → SvGridCellEditor-BlyCSp0q.js}

@@ -97,7 +97,7 @@ function k(k, A) {
 	}, M = d.prop(A, "ctrl", 7), N = d.prop(A, "fullRow", 3, !1), P = d.state(null), F = d.state(null);
 	d.user_effect(() => {
 		let e = M().editingCell?.editorType;
-		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !d.get(P) && import("./SvGridDropdown-D0VdjeR8.js").then((e) => e.n).then((e) => d.set(P, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !d.get(F) && import("./SvDateTimePicker-vNU6bZ-q.js").then((e) => e.n).then((e) => d.set(F, e.default, !0));
+		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !d.get(P) && import("./SvGridDropdown-BWeM3lMe.js").then((e) => e.n).then((e) => d.set(P, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !d.get(F) && import("./SvDateTimePicker-s_6IUpI7.js").then((e) => e.n).then((e) => d.set(F, e.default, !0));
 	});
 	let I = d.derived(() => M().grid), L = d.derived(() => M().fullRowEdit), R = d.derived(() => M().getColumnEditorOptions), z = d.derived(() => M().areEditorOptionsLoading), B = d.derived(() => M().saveEditingCell), V = d.derived(() => M().updateEditingCellValue), H = d.derived(() => M().onEditorKeyDown), U = d.derived(() => M().focusOnMount), W = d.derived(() => M().toggleCheckboxWithKeyboard);
 	function G(e, t = !0) {

package/dist/cdn/{SvGridCellEditor-D_0q4xAu.js → SvGridCellEditor-ClRRA9lW.js}

@@ -96,7 +96,7 @@ function V(a, l) {
 	}, H = D(l, "ctrl", 7), Ce = D(l, "fullRow", 3, !1), U = f(null), W = f(null);
 	u(() => {
 		let e = H().editingCell?.editorType;
-		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !n(U) && import("./SvGridDropdown-D13MtJ2j.js").then((e) => e.n).then((e) => y(U, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !n(W) && import("./SvDateTimePicker-DQwt4UAs.js").then((e) => e.n).then((e) => y(W, e.default, !0));
+		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !n(U) && import("./SvGridDropdown-CJ6QqTxu.js").then((e) => e.n).then((e) => y(U, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !n(W) && import("./SvDateTimePicker-D9u_cOf8.js").then((e) => e.n).then((e) => y(W, e.default, !0));
 	});
 	let we = E(() => H().grid), G = E(() => H().fullRowEdit), K = E(() => H().getColumnEditorOptions), q = E(() => H().areEditorOptionsLoading), J = E(() => H().saveEditingCell), Y = E(() => H().updateEditingCellValue), X = E(() => H().onEditorKeyDown), Z = E(() => H().focusOnMount), Te = E(() => H().toggleCheckboxWithKeyboard);
 	function Ee(e, t = !0) {

package/dist/cdn/{SvGridChart-DzLkSwCH.js → SvGridChart-B4EV8U6t.js}

@@ -1,7 +1,7 @@
 import { B as e, D as t, E as n, F as r, G as i, H as a, I as o, J as s, K as c, L as l, N as u, R as d, U as f, V as p, X as m, Y as h, _ as g, a as _, at as v, b as ee, d as y, et as b, ft as te, i as ne, it as x, j as re, k as S, lt as ie, nt as C, o as ae, pt as w, q as oe, rt as se, st as T, t as E, tt as D, u as ce, ut as le, v as O, w as ue, x as de } from "./disclose-version-Dr7rEVv-.js";
 import { a as fe } from "./editor-contract-LXgQJAgd.js";
-import { i as pe } from "./chart-trend-CaN9mDEV.js";
-import { C as me, D as he, E as ge, H as _e, O as ve, T as ye, X as be, c as xe, et as Se, g as Ce, gt as we, ht as Te, i as Ee, mt as De, o as Oe, r as ke, w as Ae } from "./chart-Dz7SqMXH.js";
+import { i as pe } from "./chart-trend-BkEp61Gj.js";
+import { C as me, D as he, E as ge, H as _e, O as ve, T as ye, X as be, c as xe, et as Se, g as Ce, gt as we, ht as Te, i as Ee, mt as De, o as Oe, r as ke, w as Ae } from "./chart-DEZxwC0i.js";
 import { a as je, t as Me } from "./chart-export-BXqueeWJ.js";
 //#region src/chart-zoom.ts
 function Ne(e, t, n) {
@@ -324,7 +324,7 @@ function ti(l, d) {
 			return;
 		}
 		let e = i(V), t = !0;
-		return import("./chart-summary-BJW_tg_X.js").then((e) => e.n).then(({ chartSummary: n }) => {
+		return import("./chart-summary-CMAXBGY-.js").then((e) => e.n).then(({ chartSummary: n }) => {
 			t && x(si, n(e), !0);
 		}), () => {
 			t = !1;
@@ -1762,7 +1762,7 @@ function ti(l, d) {
 			y: t,
 			target: r
 		}, !0);
-		i(Ks) ? a() : import("./SvChartMenu-Bl6PBbkT.js").then((e) => {
+		i(Ks) ? a() : import("./SvChartMenu-BZ1Iwv0y.js").then((e) => {
 			x(Ks, e.default, !0), a();
 		});
 	}

package/dist/cdn/{SvGridChart-C3EWAZaM.js → SvGridChart-DsmwTyZF.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./editor-contract-LXgQJAgd.js";
-import { i as t } from "./chart-trend-CaN9mDEV.js";
-import { C as n, D as r, E as i, H as a, O as o, T as s, X as c, c as l, et as u, g as d, gt as f, ht as ee, i as te, mt as ne, o as re, r as ie, w as ae } from "./chart-Dz7SqMXH.js";
+import { i as t } from "./chart-trend-BkEp61Gj.js";
+import { C as n, D as r, E as i, H as a, O as o, T as s, X as c, c as l, et as u, g as d, gt as f, ht as ee, i as te, mt as ne, o as re, r as ie, w as ae } from "./chart-DEZxwC0i.js";
 import { a as oe, t as se } from "./chart-export-BXqueeWJ.js";
 import * as p from "svelte/internal/client";
 import "svelte/internal/disclose-version";
@@ -326,7 +326,7 @@ function Ar(e, i) {
 			return;
 		}
 		let e = p.get(I), t = !0;
-		return import("./chart-summary-BJW_tg_X.js").then((e) => e.n).then(({ chartSummary: n }) => {
+		return import("./chart-summary-CMAXBGY-.js").then((e) => e.n).then(({ chartSummary: n }) => {
 			t && p.set(zr, n(e), !0);
 		}), () => {
 			t = !1;
@@ -1764,7 +1764,7 @@ function Ar(e, i) {
 			y: t,
 			target: r
 		}, !0);
-		p.get(ds) ? i() : import("./SvChartMenu-FBSMINA6.js").then((e) => {
+		p.get(ds) ? i() : import("./SvChartMenu-BFSTpvB-.js").then((e) => {
 			p.set(ds, e.default, !0), i();
 		});
 	}

package/dist/cdn/{SvGridChartBuilder-CfII62sZ.js → SvGridChartBuilder-cHloHobN.js}

@@ -1,7 +1,7 @@
-import { n as e, t } from "./SvModal-CIZWCcad.js";
-import { _ as n, h as r, l as i, m as a, p as o, u as s, v as c, y as l } from "./chart-Dz7SqMXH.js";
-import { t as u } from "./SvGridChart-C3EWAZaM.js";
-import { i as d, t as f } from "./chart-panel-messages-CmNrMdsr.js";
+import { n as e, t } from "./SvModal-ClxGmpAc.js";
+import { _ as n, h as r, l as i, m as a, p as o, u as s, v as c, y as l } from "./chart-DEZxwC0i.js";
+import { t as u } from "./SvGridChart-DsmwTyZF.js";
+import { i as d, t as f } from "./chart-panel-messages-DguS7gC5.js";
 import * as p from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/chart-samples.ts

package/dist/cdn/{SvGridChartBuilder-BE2T1ykB.js → SvGridChartBuilder-vOl7C0Za.js}

@@ -1,8 +1,8 @@
 import { E as e, F as t, G as n, H as r, I as i, L as a, N as o, V as s, Y as c, at as l, d as u, et as d, f, g as p, h as m, it as h, k as g, lt as _, m as v, mt as y, nt as b, pt as x, st as S, t as C, tt as w, u as T, ut as E, v as D, x as O } from "./disclose-version-Dr7rEVv-.js";
-import { n as k, t as A } from "./SvModal-BAE-pjZX.js";
-import { _ as j, h as M, l as N, m as P, p as F, u as I, v as L, y as R } from "./chart-Dz7SqMXH.js";
-import { t as z } from "./SvGridChart-DzLkSwCH.js";
-import { i as B, t as V } from "./chart-panel-messages-CUbf2R4i.js";
+import { n as k, t as A } from "./SvModal-DhB_VMFR.js";
+import { _ as j, h as M, l as N, m as P, p as F, u as I, v as L, y as R } from "./chart-DEZxwC0i.js";
+import { t as z } from "./SvGridChart-B4EV8U6t.js";
+import { i as B, t as V } from "./chart-panel-messages-D12XcTZJ.js";
 //#region src/chart-samples.ts
 var H = null;
 function U() {

package/dist/cdn/{SvGridChartPanel-xf4sWVTo.js → SvGridChartPanel-AcqF-Ll5.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { B as t, C as n, E as r, F as i, G as a, H as o, I as s, L as c, N as l, R as u, U as d, V as f, X as p, Y as m, _ as h, a as g, at as _, d as v, et as y, i as b, it as x, k as S, lt as ee, n as C, nt as w, o as T, pt as E, r as D, st as O, t as k, tt as A, u as te, ut as j, v as M, w as ne, x as N } from "./disclose-version-Dr7rEVv-.js";
-import { z as P } from "./chart-Dz7SqMXH.js";
-import { t as re } from "./SvGridChart-DzLkSwCH.js";
+import { z as P } from "./chart-DEZxwC0i.js";
+import { t as re } from "./SvGridChart-B4EV8U6t.js";
 import { a as ie, o as ae, r as oe, s as se, t as ce } from "./chart-export-BXqueeWJ.js";
-import { a as le, i as ue, r as de, t as fe } from "./chart-panel-messages-CUbf2R4i.js";
+import { a as le, i as ue, r as de, t as fe } from "./chart-panel-messages-D12XcTZJ.js";
 //#region ../../node_modules/.pnpm/svelte@5.55.9_@typescript-eslint+types@8.67.0/node_modules/svelte/src/transition/index.js
 function pe(e) {
 	let t = e - 1;
@@ -159,7 +159,7 @@ function L(e, c) {
 			x(f, !0);
 			return;
 		}
-		import("./SvGridChartBuilder-BE2T1ykB.js").then((e) => {
+		import("./SvGridChartBuilder-vOl7C0Za.js").then((e) => {
 			x(u, e.default, !0), x(f, !0);
 		});
 	}
@@ -278,7 +278,7 @@ function L(e, c) {
 	});
 	async function _t() {
 		if (x(H, !1), !a(L)) return;
-		let { chartSummary: e } = await import("./chart-summary-BJW_tg_X.js").then((e) => e.n), t = e(a(L));
+		let { chartSummary: e } = await import("./chart-summary-CMAXBGY-.js").then((e) => e.n), t = e(a(L));
 		try {
 			await navigator.clipboard?.writeText(t);
 		} catch {}

package/dist/cdn/{SvGridChartPanel-CCX5_Wgd.js → SvGridChartPanel-biMtSBPA.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { z as t } from "./chart-Dz7SqMXH.js";
-import { t as n } from "./SvGridChart-C3EWAZaM.js";
+import { z as t } from "./chart-DEZxwC0i.js";
+import { t as n } from "./SvGridChart-DsmwTyZF.js";
 import { a as r, o as i, r as a, s as o, t as s } from "./chart-export-BXqueeWJ.js";
-import { a as c, i as l, r as u, t as d } from "./chart-panel-messages-CmNrMdsr.js";
+import { a as c, i as l, r as u, t as d } from "./chart-panel-messages-DguS7gC5.js";
 import * as f from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 import { fly as p } from "svelte/transition";
@@ -135,7 +135,7 @@ function y(e, t) {
 			f.set(g, !0);
 			return;
 		}
-		import("./SvGridChartBuilder-CfII62sZ.js").then((e) => {
+		import("./SvGridChartBuilder-cHloHobN.js").then((e) => {
 			f.set(h, e.default, !0), f.set(g, !0);
 		});
 	}
@@ -254,7 +254,7 @@ function y(e, t) {
 	});
 	async function Je() {
 		if (f.set(N, !1), !f.get(T)) return;
-		let { chartSummary: e } = await import("./chart-summary-BJW_tg_X.js").then((e) => e.n), t = e(f.get(T));
+		let { chartSummary: e } = await import("./chart-summary-CMAXBGY-.js").then((e) => e.n), t = e(f.get(T));
 		try {
 			await navigator.clipboard?.writeText(t);
 		} catch {}

package/dist/cdn/{SvGridChartView-DYwabQWj.js → SvGridChartView-Dx_GmZuL.js}

@@ -1,6 +1,6 @@
 import { F as e, G as t, L as n, et as r, lt as i, pt as a, st as o, ut as s, x as c } from "./disclose-version-Dr7rEVv-.js";
-import { u as l } from "./chart-Dz7SqMXH.js";
-import { t as u } from "./SvGridChart-DzLkSwCH.js";
+import { u as l } from "./chart-DEZxwC0i.js";
+import { t as u } from "./SvGridChart-B4EV8U6t.js";
 //#region src/SvGridChartView.svelte
 var d = n("<div class=\"sv-grid-chart-view svelte-10run6t\"><!></div>"), f = {
 	hash: "svelte-10run6t",

package/dist/cdn/{SvGridChartView-CfuXmY5I.js → SvGridChartView-I3rDHXAq.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./chart-Dz7SqMXH.js";
-import { t } from "./SvGridChart-C3EWAZaM.js";
+import { u as e } from "./chart-DEZxwC0i.js";
+import { t } from "./SvGridChart-DsmwTyZF.js";
 import * as n from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridChartView.svelte

package/dist/cdn/{SvGridDropdown-D0VdjeR8.js → SvGridDropdown-BWeM3lMe.js}

@@ -3,18 +3,18 @@ import { i as t, n, r } from "./popover-P-9P2YYn.js";
 import * as i from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridDropdown.svelte
-var a = /* @__PURE__ */ e({ default: () => x }), o = i.from_html("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), s = i.from_html("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), c = i.from_html("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), l = i.from_html("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), u = i.from_html("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), d = i.from_html("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), f = i.from_html("<div class=\"sv-grid-dropdown-empty\"> </div>"), p = i.from_html("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), m = i.from_html("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), h = i.from_html("<span class=\"sv-grid-dropdown-option-label\"> </span>"), g = i.from_html("<div role=\"option\"><!> <!></div>"), _ = i.from_html("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), v = i.from_html("<div role=\"listbox\"><!> <!> <!></div>"), y = i.from_html("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), b = {
+var a = /* @__PURE__ */ e({ default: () => b }), o = i.from_html("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), s = i.from_html("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), c = i.from_html("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), l = i.from_html("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), u = i.from_html("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), d = i.from_html("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), f = i.from_html("<div class=\"sv-grid-dropdown-empty\"> </div>"), p = i.from_html("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), m = i.from_html("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), h = i.from_html("<span class=\"sv-grid-dropdown-option-label\"> </span>"), g = i.from_html("<div role=\"option\"><!> <!></div>"), _ = i.from_html("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), ee = i.from_html("<div role=\"listbox\"><!> <!> <!></div>"), v = i.from_html("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), y = {
 	hash: "svelte-ei8hp3",
 	code: "\n  /* All colors derive from the grid's host CSS vars so light/dark themes\n     \"just work\". Hard fallbacks are kept so the component is still\n     usable in an unthemed page. */.sv-grid-dropdown.svelte-ei8hp3 {position:absolute;top:0;left:0;right:0;height:100%;background:var(--sg-bg, #ffffff);color:var(--sg-fg, #0f172a);}.sv-grid-dropdown-trigger.svelte-ei8hp3 {display:flex;align-items:center;gap:6px;width:100%;height:100%;min-height:28px;padding:0 8px;background:var(--sg-bg, #ffffff);color:var(--sg-fg, #0f172a);border:0;outline:none;font:inherit;text-align:start;cursor:pointer;box-sizing:border-box;}.sv-grid-dropdown-trigger.svelte-ei8hp3:focus {outline:2px solid var(--sg-accent, #2563eb);outline-offset:-2px;}.sv-grid-dropdown-trigger-chips.svelte-ei8hp3 {align-items:center;padding:4px 8px;flex-wrap:wrap;}.sv-grid-dropdown-chips.svelte-ei8hp3 {display:inline-flex;flex-wrap:wrap;gap:4px;flex:1 1 auto;min-width:0;align-items:center;}.sv-grid-dropdown-label.svelte-ei8hp3 {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-caret.svelte-ei8hp3 {flex:0 0 auto;font-size:10px;opacity:0.7;line-height:1;}\n\n  /* Popover sits absolutely below the trigger. The parent\n     `.sv-grid-cell-editing` has `overflow: visible`, so this can hang\n     past the row. Pulls its surface color from the grid's header bg\n     so it reads as a slightly elevated layer on either theme. */\n  /* Panel is `position: fixed` AND portal'd into document.body via\n     `use:portalToBody`, so it escapes every ancestor overflow / clip /\n     transform / stacking context. Coords come from updatePanelPosition(). */.sv-grid-dropdown-panel {overflow-y:auto;background:var(--sg-header-bg, var(--sg-bg, #ffffff));color:var(--sg-fg, #0f172a);border:1px solid var(--sg-accent, #2563eb);border-radius:6px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.45);padding:4px 0;font-family:inherit;}\n  /* When the option list fits in one panel we want NO scrollbar at all -\n   * not even a sub-pixel ghost track. `overflow: visible` rules out the\n   * scrollbar gutter that some browsers still reserve under\n   * `overflow: auto` when content equals max-height. */.sv-grid-dropdown-panel.sv-grid-dropdown-panel-fits {overflow:visible;}.sv-grid-dropdown-option {display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;user-select:none;color:var(--sg-fg, #0f172a);}.sv-grid-dropdown-option-highlighted {background:var(--sg-row-hover-bg, rgba(37, 99, 235, 0.1));}.sv-grid-dropdown-option-selected {font-weight:600;background:var(--sg-selection-bg, rgba(37, 99, 235, 0.15));}.sv-grid-dropdown-option-selected.sv-grid-dropdown-option-highlighted {background:var(--sg-row-hover-bg, rgba(37, 99, 235, 0.18));}.sv-grid-dropdown-option-label {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-check {flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;color:var(--sg-accent, #2563eb);font-weight:700;}.sv-grid-dropdown-swatch {flex:0 0 12px;width:12px;height:12px;border-radius:999px;border:1px solid color-mix(in srgb, var(--sg-fg, #0f172a) 25%, transparent);}\n  /* Colored option chip. Declared `:global` because the option panel is\n     portal'd to <body>, where Svelte's scoped classes don't reach. The\n     per-chip background / border / text color come from an inline style\n     (see colorfulChipStyleInline) so each option matches its cell chip. */.sv-grid-dropdown-option-chip {display:inline-flex;align-items:center;max-width:100%;padding:2px 11px;border:1px solid transparent;border-radius:999px;font-size:0.9em;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-empty {padding:8px 10px;color:var(--sg-muted, rgba(15, 23, 42, 0.55));font-style:italic;font-size:0.9em;}.sv-grid-dropdown-footer {display:flex;justify-content:flex-end;padding:4px 6px;border-top:1px solid var(--sg-border, rgba(15, 23, 42, 0.08));margin-top:2px;}.sv-grid-dropdown-done {font-size:11px;text-transform:uppercase;letter-spacing:0.04em;color:#fff;background:var(--sg-accent, #2563eb);border:0;border-radius:4px;padding:4px 10px;cursor:pointer;}.sv-grid-dropdown-done:hover {filter:brightness(1.12);}\n\n  /* Note: option / footer / swatch styles are declared `:global(...)`\n     above because the panel is portal'd to <body> and Svelte's scoped\n     class won't survive on children of an element living outside the\n     component subtree. */\n\n  /* Theme-aware chip badges. Inside the trigger they sit on the cell\n     background, so we need a tone that contrasts on BOTH themes - a\n     translucent accent works well in dark mode and reads as a soft\n     blue pill in light mode. */.sv-grid-chip.svelte-ei8hp3 {display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:0.85em;line-height:1.4;background:color-mix(in srgb, var(--sg-accent, #2563eb) 18%, transparent);color:var(--sg-fg, #0f172a);border-radius:999px;border:1px solid color-mix(in srgb, var(--sg-accent, #2563eb) 35%, transparent);white-space:nowrap;}.sv-grid-chip-removable.svelte-ei8hp3 {padding-inline-end:2px;}.sv-grid-chip-remove.svelte-ei8hp3 {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;border-radius:999px;background:color-mix(in srgb, var(--sg-fg, #0f172a) 18%, transparent);color:inherit;font-size:12px;line-height:1;cursor:pointer;padding:0;}.sv-grid-chip-remove.svelte-ei8hp3:hover {background:rgba(220, 38, 38, 0.7);color:#fff;}"
 };
-function x(e, a) {
-	let x = i.props_id();
-	i.push(a, !0), i.append_styles(e, b);
-	let S = i.prop(a, "multiple", 3, !1), C = i.prop(a, "placeholder", 3, "Select…"), w = i.prop(a, "renderChipsInTrigger", 3, !1), T = i.prop(a, "searchable", 3, !1), E = i.prop(a, "autoOpen", 3, !0), D = i.prop(a, "loading", 3, !1);
+function b(e, a) {
+	let b = i.props_id();
+	i.push(a, !0), i.append_styles(e, y);
+	let x = i.prop(a, "multiple", 3, !1), S = i.prop(a, "placeholder", 3, "Select…"), C = i.prop(a, "renderChipsInTrigger", 3, !1), w = i.prop(a, "searchable", 3, !1), T = i.prop(a, "autoOpen", 3, !0), E = i.prop(a, "loading", 3, !1), D = i.prop(a, "invalid", 3, !1);
 	function O(e) {
-		return e >= 0 && e < i.get(j).length ? `${x}-opt-${e}` : void 0;
+		return e >= 0 && e < i.get(j).length ? `${b}-opt-${e}` : void 0;
 	}
-	let k = i.derived(() => a.options.some((e) => e.color) ? 40 : 32), A = i.state(""), j = i.derived(() => !T() || !i.get(A).trim() ? a.options : (() => {
+	let k = i.derived(() => a.options.some((e) => e.color) ? 40 : 32), A = i.state(""), j = i.derived(() => !w() || !i.get(A).trim() ? a.options : (() => {
 		let e = i.get(A).trim().toLowerCase();
 		return a.options.filter((t) => t.label.toLowerCase().includes(e));
 	})()), M = i.state(!1), N = i.state(-1), P = i.state(null), F = i.state(null), I = i.state(null), L = i.state(i.proxy({
@@ -25,14 +25,14 @@ function x(e, a) {
 		maxHeight: 0,
 		availHeight: 0
 	})), R = i.derived(() => Array.isArray(a.value) ? a.value : a.value == null || a.value === "" ? [] : [a.value]), z = i.derived(() => {
-		if (i.get(R).length === 0) return C();
-		if (!S()) {
+		if (i.get(R).length === 0) return S();
+		if (!x()) {
 			let e = i.get(R)[0], t = a.options.find((t) => String(t.value) === String(e));
 			return t ? t.label : String(e);
 		}
 		return `${i.get(R).length} selected`;
 	}), B = i.derived(() => {
-		if (S() || i.get(R).length !== 1) return;
+		if (x() || i.get(R).length !== 1) return;
 		let e = i.get(R)[0];
 		return a.options.find((t) => String(t.value) === String(e))?.color;
 	});
@@ -40,7 +40,7 @@ function x(e, a) {
 		return i.get(R).some((t) => String(t) === String(e.value));
 	}
 	function H(e) {
-		if (S()) {
+		if (x()) {
 			let t = V(e) ? i.get(R).filter((t) => String(t) !== String(e.value)) : [...i.get(R), e.value];
 			a.onChange?.(t);
 		} else a.onChange?.(e.value), i.set(M, !1), a.onCommit?.();
@@ -56,7 +56,7 @@ function x(e, a) {
 	}
 	function W() {
 		if (!i.get(F)) return;
-		let e = Math.min(i.get(j).length, 10), t = T() ? 38 : 0, r = e * i.get(k) + (S() ? 40 : 0) + t + 8;
+		let e = Math.min(i.get(j).length, 10), t = w() ? 38 : 0, r = e * i.get(k) + (x() ? 40 : 0) + t + 8;
 		i.set(L, n(i.get(F).getBoundingClientRect(), {
 			estimatedHeight: r,
 			clampHorizontal: !1
@@ -103,7 +103,7 @@ function x(e, a) {
 				return;
 			}
 			let t = a.options[i.get(N)];
-			t ? H(t) : S() && (G(), a.onCommit?.());
+			t ? H(t) : x() && (G(), a.onCommit?.());
 		} else if (e.key === " " && i.get(M)) {
 			e.preventDefault();
 			let t = a.options[i.get(N)];
@@ -119,13 +119,13 @@ function x(e, a) {
 		let t = e.relatedTarget;
 		t && i.get(P)?.contains(t) || (i.get(M) && G(), a.onCommit?.());
 	}
-	function ee(e, t) {
+	function te(e, t) {
 		t.preventDefault(), t.stopPropagation();
 		let n = i.get(R).filter((t) => String(t) !== String(e));
-		a.onChange?.(S() ? n : n[0] ?? null);
+		a.onChange?.(x() ? n : n[0] ?? null);
 	}
-	function te(e) {
-		E() && (e.focus(), U());
+	function ne(e) {
+		T() && (e.focus(), U());
 	}
 	i.user_effect(() => {
 		if (!i.get(M)) return;
@@ -138,11 +138,11 @@ function x(e, a) {
 	function Y(e) {
 		return `background: color-mix(in srgb, ${e} 22%, transparent);border-color: color-mix(in srgb, ${e} 45%, transparent);color: color-mix(in srgb, ${e} 80%, var(--sg-fg, #0f172a));`;
 	}
-	var X = y();
+	var X = v();
 	let Z;
 	var Q = i.child(X);
 	let $;
-	var ne = i.child(Q), re = (e) => {
+	var re = i.child(Q), ie = (e) => {
 		var t = s();
 		i.each(t, 21, () => i.get(R), (e) => String(e), (e, t) => {
 			let n = i.derived(() => a.options.find((e) => String(e.value) === String(i.get(t))));
@@ -153,40 +153,40 @@ function x(e, a) {
 				() => i.get(n)?.color ? Y(i.get(n).color) : "",
 				() => i.get(n) ? i.get(n).label : String(i.get(t)),
 				() => i.get(n) ? i.get(n).label : String(i.get(t))
-			]), i.delegated("mousedown", c, (e) => e.preventDefault()), i.delegated("click", c, (e) => ee(i.get(t), e)), i.append(e, r);
+			]), i.delegated("mousedown", c, (e) => e.preventDefault()), i.delegated("click", c, (e) => te(i.get(t), e)), i.append(e, r);
 		}), i.reset(t), i.append(e, t);
-	}, ie = (e) => {
+	}, ae = (e) => {
 		var t = c(), n = i.child(t, !0);
 		i.reset(t), i.template_effect((e) => {
 			i.set_style(t, e), i.set_text(n, i.get(z));
 		}, [() => Y(i.get(B))]), i.append(e, t);
-	}, ae = (e) => {
+	}, oe = (e) => {
 		var t = l(), n = i.child(t, !0);
 		i.reset(t), i.template_effect(() => i.set_text(n, i.get(z))), i.append(e, t);
 	};
-	i.if(ne, (e) => {
-		w() && i.get(R).length > 0 ? e(re) : !S() && i.get(R).length === 1 && i.get(B) ? e(ie, 1) : e(ae, -1);
-	}), i.next(2), i.reset(Q), i.bind_this(Q, (e) => i.set(F, e), () => i.get(F)), i.action(Q, (e) => te?.(e));
-	var oe = i.sibling(Q, 2), se = (e) => {
-		let n = i.derived(() => a.options.length > 10), o = i.derived(() => Math.min(i.get(n) ? 10 * i.get(k) + (S() ? 40 : 0) + 8 : Infinity, i.get(L).availHeight));
-		var s = v();
+	i.if(re, (e) => {
+		C() && i.get(R).length > 0 ? e(ie) : !x() && i.get(R).length === 1 && i.get(B) ? e(ae, 1) : e(oe, -1);
+	}), i.next(2), i.reset(Q), i.bind_this(Q, (e) => i.set(F, e), () => i.get(F)), i.action(Q, (e) => ne?.(e));
+	var se = i.sibling(Q, 2), ce = (e) => {
+		let n = i.derived(() => a.options.length > 10), o = i.derived(() => Math.min(i.get(n) ? 10 * i.get(k) + (x() ? 40 : 0) + 8 : Infinity, i.get(L).availHeight));
+		var s = ee();
 		let c, l;
-		var y = i.child(s), b = (e) => {
+		var v = i.child(s), y = (e) => {
 			var t = u();
 			i.remove_input_defaults(t), i.delegated("mousedown", t, (e) => e.stopPropagation()), i.delegated("click", t, (e) => e.stopPropagation()), i.delegated("keydown", t, (e) => {
 				e.key === "Escape" && (e.preventDefault(), i.set(M, !1), a.onCancel?.());
 			}), i.bind_value(t, () => i.get(A), (e) => i.set(A, e)), i.append(e, t);
 		};
-		i.if(y, (e) => {
-			T() && e(b);
+		i.if(v, (e) => {
+			w() && e(y);
 		});
-		var x = i.sibling(y, 2), C = (e) => {
+		var b = i.sibling(v, 2), S = (e) => {
 			var t = d();
 			i.append(e, t);
-		}, w = (e) => {
+		}, C = (e) => {
 			var t = f(), n = i.child(t, !0);
-			i.reset(t), i.template_effect(() => i.set_text(n, T() && i.get(A) ? `No matches for "${i.get(A)}"` : "No options")), i.append(e, t);
-		}, E = (e) => {
+			i.reset(t), i.template_effect(() => i.set_text(n, w() && i.get(A) ? `No matches for "${i.get(A)}"` : "No options")), i.append(e, t);
+		}, T = (e) => {
 			var t = i.comment(), n = i.first_child(t);
 			i.each(n, 19, () => i.get(j), (e) => String(e.value), (e, t, n) => {
 				let r = i.derived(() => V(i.get(t)));
@@ -197,7 +197,7 @@ function x(e, a) {
 					i.reset(t), i.template_effect(() => i.set_text(n, i.get(r) ? "✓" : "")), i.append(e, t);
 				};
 				i.if(s, (e) => {
-					S() && e(c);
+					x() && e(c);
 				});
 				var l = i.sibling(s, 2), u = (e) => {
 					var n = m(), r = i.child(n, !0);
@@ -220,19 +220,19 @@ function x(e, a) {
 				}), i.event("mouseenter", a, () => i.set(N, i.get(n), !0)), i.append(e, a);
 			}), i.append(e, t);
 		};
-		i.if(x, (e) => {
-			D() && i.get(j).length === 0 ? e(C) : i.get(j).length === 0 ? e(w, 1) : e(E, -1);
+		i.if(b, (e) => {
+			E() && i.get(j).length === 0 ? e(S) : i.get(j).length === 0 ? e(C, 1) : e(T, -1);
 		});
-		var P = i.sibling(x, 2), F = (e) => {
+		var D = i.sibling(b, 2), P = (e) => {
 			var t = _(), n = i.child(t);
 			i.reset(t), i.delegated("mousedown", n, (e) => e.preventDefault()), i.delegated("click", n, () => {
 				G(), a.onCommit?.();
 			}), i.append(e, t);
 		};
-		i.if(P, (e) => {
-			S() && e(F);
+		i.if(D, (e) => {
+			x() && e(P);
 		}), i.reset(s), i.bind_this(s, (e) => i.set(I, e), () => i.get(I)), i.action(s, (e) => t?.(e)), i.action(s, (e, t) => r?.(e, t), () => ({ up: i.get(L).openUpward })), i.template_effect(() => {
-			c = i.set_class(s, 1, "sv-grid-dropdown-panel", null, c, { "sv-grid-dropdown-panel-fits": !i.get(n) }), i.set_attribute(s, "aria-multiselectable", S()), l = i.set_style(s, "", l, {
+			c = i.set_class(s, 1, "sv-grid-dropdown-panel", null, c, { "sv-grid-dropdown-panel-fits": !i.get(n) }), i.set_attribute(s, "aria-multiselectable", x()), l = i.set_style(s, "", l, {
 				position: "fixed",
 				top: i.get(L).openUpward ? null : `${i.get(L).top}px`,
 				bottom: i.get(L).openUpward ? `${i.get(L).bottom}px` : null,
@@ -243,10 +243,10 @@ function x(e, a) {
 			});
 		}), i.delegated("pointerdown", s, (e) => e.stopPropagation()), i.delegated("mousedown", s, (e) => e.stopPropagation()), i.delegated("click", s, (e) => e.stopPropagation()), i.append(e, s);
 	};
-	i.if(oe, (e) => {
-		i.get(M) && e(se);
+	i.if(se, (e) => {
+		i.get(M) && e(ce);
 	}), i.reset(X), i.bind_this(X, (e) => i.set(P, e), () => i.get(P)), i.template_effect((e) => {
-		Z = i.set_class(X, 1, "sv-grid-dropdown svelte-ei8hp3", null, Z, { "sv-grid-dropdown-open": i.get(M) }), $ = i.set_class(Q, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, $, { "sv-grid-dropdown-trigger-chips": w() && i.get(R).length > 0 }), i.set_attribute(Q, "aria-expanded", i.get(M)), i.set_attribute(Q, "aria-activedescendant", e);
+		Z = i.set_class(X, 1, "sv-grid-dropdown svelte-ei8hp3", null, Z, { "sv-grid-dropdown-open": i.get(M) }), i.set_attribute(Q, "id", a.id), $ = i.set_class(Q, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, $, { "sv-grid-dropdown-trigger-chips": C() && i.get(R).length > 0 }), i.set_attribute(Q, "aria-expanded", i.get(M)), i.set_attribute(Q, "aria-label", a.ariaLabel), i.set_attribute(Q, "aria-invalid", D() || void 0), i.set_attribute(Q, "aria-describedby", a.describedBy), i.set_attribute(Q, "aria-activedescendant", e);
 	}, [() => i.get(M) ? O(i.get(N)) : void 0]), i.delegated("focusout", X, J), i.delegated("click", X, (e) => e.stopPropagation()), i.delegated("dblclick", X, (e) => e.stopPropagation()), i.delegated("pointerdown", X, (e) => e.stopPropagation()), i.delegated("mousedown", X, (e) => e.stopPropagation()), i.delegated("click", Q, () => i.get(M) ? G() : U()), i.delegated("keydown", Q, K), i.append(e, X), i.pop();
 }
 i.delegate([
@@ -258,4 +258,4 @@ i.delegate([
 	"keydown"
 ]);
 //#endregion
-export { a as n, x as t };
+export { a as n, b as t };