@mittwald/flow-react-components 1.6.0-next.5 → 1.6.0-next.51

package/dist/js/packages/components-base/src/list/item/ListItemCollection.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { ListItem } from "./ListItem.mjs";
-//#region ../components-base/src/list/item/ListItemCollection.ts
+// ../components-base/src/list/item/ListItemCollection.ts
 /**
 * The items the list currently shows.
 *
@@ -18,7 +18,6 @@ var ListItemCollection = class {
 		return this.context.dataTable.getRowModel().rows.map((r) => ListItem.fromRow(this, r));
 	}
 };
-//#endregion
 export { ListItemCollection };
 
 //# sourceMappingURL=ListItemCollection.mjs.map

package/dist/js/packages/components-base/src/list/loading/ListLoaderState.mjs

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { uniqueBy } from "remeda";
+import { isShallowEqual, uniqueBy } from "remeda";
 import { action, computed, makeObservable, observable } from "mobx";
-//#region ../components-base/src/list/loading/ListLoaderState.ts
+// ../components-base/src/list/loading/ListLoaderState.ts
 /**
 * What a list has loaded so far, and how far each batch has got.
 *
@@ -49,12 +49,17 @@ var ListLoaderState = class {
 		this.batchLoadingStates = [];
 		this.dataBatches = [];
 	}
+	/**
+	* Keeps the current batch when `data` holds the same items in the same order.
+	* A loader that builds a new array on every fetch — a refetch whose items its
+	* data layer reuses — would otherwise re-render the whole list for nothing.
+	*/
 	setDataBatch(index, data) {
 		if (this.dataBatches.length === 0) this.prevDataBatches = [];
-		if (this.dataBatches[index] !== data) {
-			this.dataBatches[index] = data;
-			this.prevDataBatches[index] = data;
-		}
+		const current = this.dataBatches[index];
+		if (current !== void 0 && isShallowEqual(current, data)) return;
+		this.dataBatches[index] = data;
+		this.prevDataBatches[index] = data;
 	}
 	setBatchLoadingState(index, state) {
 		if (state === "error" || state === "loaded") this.setIsInitiallyLoading(false);
@@ -80,7 +85,6 @@ var ListLoaderState = class {
 		return batchIndex in this.dataBatches;
 	}
 };
-//#endregion
 export { ListLoaderState, ListLoaderState as default };
 
 //# sourceMappingURL=ListLoaderState.mjs.map

package/dist/js/packages/components-base/src/list/loading/ListLoaderState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListLoaderState.mjs","names":[],"sources":["../../../../../../../../components-base/src/list/loading/ListLoaderState.ts"],"sourcesContent":["import type { BatchLoadingState, ListData } from \"./types\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport { uniqueBy } from \"remeda\";\n\nexport interface ListLoaderStateOptions<T> {\n  /**\n   * Identifies an item, so the same one loaded in two batches appears once.\n   * Without it the batches are concatenated as they arrive.\n   */\n  getItemId?: (item: T) => string;\n}\n\n/**\n * What a list has loaded so far, and how far each batch has got.\n *\n * MobX, and nothing else — no hook, no framework. A binding reads it through\n * its own reactivity: React with `useSelector`, Vue with `watchMobxValue`. That\n * split is the point: the batching, the deduplication and the \"still loading\"\n * rules are one implementation, and only the subscription is written twice.\n *\n * What is _not_ here is the loading itself. Fetching a batch is\n * `usePromise`/Suspense in React and something else in Vue, so it stays with\n * the binding, and only its outcome is reported here.\n */\nexport class ListLoaderState<T> {\n  public dataBatches: ListData<T>[] = [];\n  public batchLoadingStates: BatchLoadingState[] = [\"void\"];\n  public metadata?: unknown = undefined;\n  public isInitiallyLoading = true;\n\n  /**\n   * The last non-empty result, kept outside MobX on purpose: it exists so a\n   * reset can keep rendering the previous data instead of flashing empty, and\n   * observing it would make that very reset re-render.\n   */\n  public prevDataBatches: ListData<T>[] = [];\n\n  private readonly getItemId?: (item: T) => string;\n\n  public constructor(options: ListLoaderStateOptions<T> = {}) {\n    this.getItemId = options.getItemId;\n\n    makeObservable(this, {\n      prevDataBatches: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\n      isLoadingMore: computed,\n      isInitiallyLoading: observable,\n      setIsInitiallyLoading: action.bound,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n      setMetadata: action.bound,\n    });\n  }\n\n  public reset(): void {\n    this.batchLoadingStates = [];\n    this.dataBatches = [];\n  }\n\n  public setDataBatch(index: number, data: ListData<T>): void {\n    if (this.dataBatches.length === 0) {\n      this.prevDataBatches = [];\n    }\n\n    if (this.dataBatches[index] !== data) {\n      this.dataBatches[index] = data;\n      this.prevDataBatches[index] = data;\n    }\n  }\n\n  public setBatchLoadingState(index: number, state: BatchLoadingState): void {\n    if (state === \"error\" || state === \"loaded\") {\n      this.setIsInitiallyLoading(false);\n    }\n    if (this.batchLoadingStates[index] !== state) {\n      this.batchLoadingStates[index] = state;\n    }\n  }\n\n  public setMetadata(metadata?: unknown): void {\n    this.metadata = metadata;\n  }\n\n  public setIsInitiallyLoading(isInitiallyLoading: boolean): void {\n    this.isInitiallyLoading = isInitiallyLoading;\n  }\n\n  public get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    const merged = dataBatches.flatMap((d) => d);\n    return this.getItemId ? uniqueBy(merged, this.getItemId) : merged;\n  }\n\n  public get isLoading(): boolean {\n    return this.batchLoadingStates.some((s) => s === \"loading\" || s === \"void\");\n  }\n\n  public get isLoadingMore(): boolean {\n    return this.isLoading && this.dataBatches.length > 0;\n  }\n\n  public isBatchLoaded(batchIndex: number): boolean {\n    return batchIndex in this.dataBatches;\n  }\n}\n\nexport default ListLoaderState;\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAa,kBAAb,MAAgC;CAC9B,cAAoC,CAAC;CACrC,qBAAiD,CAAC,MAAM;CACxD,WAA4B,KAAA;CAC5B,qBAA4B;;;;;;CAO5B,kBAAwC,CAAC;CAEzC;CAEA,YAAmB,UAAqC,CAAC,GAAG;EAC1D,KAAK,YAAY,QAAQ;EAEzB,eAAe,MAAM;GACnB,iBAAiB;GACjB,aAAa,WAAW;GACxB,oBAAoB,WAAW;GAC/B,UAAU;GACV,YAAY;GACZ,WAAW;GACX,eAAe;GACf,oBAAoB;GACpB,uBAAuB,OAAO;GAC9B,OAAO,OAAO;GACd,cAAc,OAAO;GACrB,sBAAsB,OAAO;GAC7B,aAAa,OAAO;EACtB,CAAC;CACH;CAEA,QAAqB;EACnB,KAAK,qBAAqB,CAAC;EAC3B,KAAK,cAAc,CAAC;CACtB;CAEA,aAAoB,OAAe,MAAyB;EAC1D,IAAI,KAAK,YAAY,WAAW,GAC9B,KAAK,kBAAkB,CAAC;EAG1B,IAAI,KAAK,YAAY,WAAW,MAAM;GACpC,KAAK,YAAY,SAAS;GAC1B,KAAK,gBAAgB,SAAS;EAChC;CACF;CAEA,qBAA4B,OAAe,OAAgC;EACzE,IAAI,UAAU,WAAW,UAAU,UACjC,KAAK,sBAAsB,KAAK;EAElC,IAAI,KAAK,mBAAmB,WAAW,OACrC,KAAK,mBAAmB,SAAS;CAErC;CAEA,YAAmB,UAA0B;EAC3C,KAAK,WAAW;CAClB;CAEA,sBAA6B,oBAAmC;EAC9D,KAAK,qBAAqB;CAC5B;CAEA,IAAW,aAAkB;EAI3B,MAAM,UAFJ,KAAK,YAAY,WAAW,IAAI,KAAK,kBAAkB,KAAK,YAAA,CAEnC,SAAS,MAAM,CAAC;EAC3C,OAAO,KAAK,YAAY,SAAS,QAAQ,KAAK,SAAS,IAAI;CAC7D;CAEA,IAAW,YAAqB;EAC9B,OAAO,KAAK,mBAAmB,MAAM,MAAM,MAAM,aAAa,MAAM,MAAM;CAC5E;CAEA,IAAW,gBAAyB;EAClC,OAAO,KAAK,aAAa,KAAK,YAAY,SAAS;CACrD;CAEA,cAAqB,YAA6B;EAChD,OAAO,cAAc,KAAK;CAC5B;AACF"}
+{"version":3,"file":"ListLoaderState.mjs","names":[],"sources":["../../../../../../../../components-base/src/list/loading/ListLoaderState.ts"],"sourcesContent":["import type { BatchLoadingState, ListData } from \"./types\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport { isShallowEqual, uniqueBy } from \"remeda\";\n\nexport interface ListLoaderStateOptions<T> {\n  /**\n   * Identifies an item, so the same one loaded in two batches appears once.\n   * Without it the batches are concatenated as they arrive.\n   */\n  getItemId?: (item: T) => string;\n}\n\n/**\n * What a list has loaded so far, and how far each batch has got.\n *\n * MobX, and nothing else — no hook, no framework. A binding reads it through\n * its own reactivity: React with `useSelector`, Vue with `watchMobxValue`. That\n * split is the point: the batching, the deduplication and the \"still loading\"\n * rules are one implementation, and only the subscription is written twice.\n *\n * What is _not_ here is the loading itself. Fetching a batch is\n * `usePromise`/Suspense in React and something else in Vue, so it stays with\n * the binding, and only its outcome is reported here.\n */\nexport class ListLoaderState<T> {\n  public dataBatches: ListData<T>[] = [];\n  public batchLoadingStates: BatchLoadingState[] = [\"void\"];\n  public metadata?: unknown = undefined;\n  public isInitiallyLoading = true;\n\n  /**\n   * The last non-empty result, kept outside MobX on purpose: it exists so a\n   * reset can keep rendering the previous data instead of flashing empty, and\n   * observing it would make that very reset re-render.\n   */\n  public prevDataBatches: ListData<T>[] = [];\n\n  private readonly getItemId?: (item: T) => string;\n\n  public constructor(options: ListLoaderStateOptions<T> = {}) {\n    this.getItemId = options.getItemId;\n\n    makeObservable(this, {\n      prevDataBatches: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\n      isLoadingMore: computed,\n      isInitiallyLoading: observable,\n      setIsInitiallyLoading: action.bound,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n      setMetadata: action.bound,\n    });\n  }\n\n  public reset(): void {\n    this.batchLoadingStates = [];\n    this.dataBatches = [];\n  }\n\n  /**\n   * Keeps the current batch when `data` holds the same items in the same order.\n   * A loader that builds a new array on every fetch — a refetch whose items its\n   * data layer reuses — would otherwise re-render the whole list for nothing.\n   */\n  public setDataBatch(index: number, data: ListData<T>): void {\n    if (this.dataBatches.length === 0) {\n      this.prevDataBatches = [];\n    }\n\n    const current = this.dataBatches[index];\n    if (current !== undefined && isShallowEqual(current, data)) {\n      return;\n    }\n\n    this.dataBatches[index] = data;\n    this.prevDataBatches[index] = data;\n  }\n\n  public setBatchLoadingState(index: number, state: BatchLoadingState): void {\n    if (state === \"error\" || state === \"loaded\") {\n      this.setIsInitiallyLoading(false);\n    }\n    if (this.batchLoadingStates[index] !== state) {\n      this.batchLoadingStates[index] = state;\n    }\n  }\n\n  public setMetadata(metadata?: unknown): void {\n    this.metadata = metadata;\n  }\n\n  public setIsInitiallyLoading(isInitiallyLoading: boolean): void {\n    this.isInitiallyLoading = isInitiallyLoading;\n  }\n\n  public get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    const merged = dataBatches.flatMap((d) => d);\n    return this.getItemId ? uniqueBy(merged, this.getItemId) : merged;\n  }\n\n  public get isLoading(): boolean {\n    return this.batchLoadingStates.some((s) => s === \"loading\" || s === \"void\");\n  }\n\n  public get isLoadingMore(): boolean {\n    return this.isLoading && this.dataBatches.length > 0;\n  }\n\n  public isBatchLoaded(batchIndex: number): boolean {\n    return batchIndex in this.dataBatches;\n  }\n}\n\nexport default ListLoaderState;\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAa,kBAAb,MAAgC;CAC9B,cAAoC,CAAC;CACrC,qBAAiD,CAAC,MAAM;CACxD,WAA4B,KAAA;CAC5B,qBAA4B;;;;;;CAO5B,kBAAwC,CAAC;CAEzC;CAEA,YAAmB,UAAqC,CAAC,GAAG;EAC1D,KAAK,YAAY,QAAQ;EAEzB,eAAe,MAAM;GACnB,iBAAiB;GACjB,aAAa,WAAW;GACxB,oBAAoB,WAAW;GAC/B,UAAU;GACV,YAAY;GACZ,WAAW;GACX,eAAe;GACf,oBAAoB;GACpB,uBAAuB,OAAO;GAC9B,OAAO,OAAO;GACd,cAAc,OAAO;GACrB,sBAAsB,OAAO;GAC7B,aAAa,OAAO;EACtB,CAAC;CACH;CAEA,QAAqB;EACnB,KAAK,qBAAqB,CAAC;EAC3B,KAAK,cAAc,CAAC;CACtB;;;;;;CAOA,aAAoB,OAAe,MAAyB;EAC1D,IAAI,KAAK,YAAY,WAAW,GAC9B,KAAK,kBAAkB,CAAC;EAG1B,MAAM,UAAU,KAAK,YAAY;EACjC,IAAI,YAAY,KAAA,KAAa,eAAe,SAAS,IAAI,GACvD;EAGF,KAAK,YAAY,SAAS;EAC1B,KAAK,gBAAgB,SAAS;CAChC;CAEA,qBAA4B,OAAe,OAAgC;EACzE,IAAI,UAAU,WAAW,UAAU,UACjC,KAAK,sBAAsB,KAAK;EAElC,IAAI,KAAK,mBAAmB,WAAW,OACrC,KAAK,mBAAmB,SAAS;CAErC;CAEA,YAAmB,UAA0B;EAC3C,KAAK,WAAW;CAClB;CAEA,sBAA6B,oBAAmC;EAC9D,KAAK,qBAAqB;CAC5B;CAEA,IAAW,aAAkB;EAI3B,MAAM,UAFJ,KAAK,YAAY,WAAW,IAAI,KAAK,kBAAkB,KAAK,YAAA,CAEnC,SAAS,MAAM,CAAC;EAC3C,OAAO,KAAK,YAAY,SAAS,QAAQ,KAAK,SAAS,IAAI;CAC7D;CAEA,IAAW,YAAqB;EAC9B,OAAO,KAAK,mBAAmB,MAAM,MAAM,MAAM,aAAa,MAAM,MAAM;CAC5E;CAEA,IAAW,gBAAyB;EAClC,OAAO,KAAK,aAAa,KAAK,YAAY,SAAS;CACrD;CAEA,cAAqB,YAA6B;EAChD,OAAO,cAAc,KAAK;CAC5B;AACF"}

package/dist/js/packages/components-base/src/list/loading/types.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region ../components-base/src/list/loading/types.ts
+// ../components-base/src/list/loading/types.ts
 /**
 * The query for one batch.
 *
@@ -23,7 +23,6 @@ var getListDataLoaderOptions = (source, batchIndex) => {
 		searchString: modes.manualFiltering ? source.searchString : void 0
 	};
 };
-//#endregion
 export { getListDataLoaderOptions };
 
 //# sourceMappingURL=types.mjs.map

package/dist/js/packages/components-base/src/list/pagination/ListBatchesController.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region ../components-base/src/list/pagination/ListBatchesController.ts
+// ../components-base/src/list/pagination/ListBatchesController.ts
 /**
 * How much of the list is shown, in batches of `batchSize`.
 *
@@ -58,7 +58,6 @@ var ListBatchesController = class {
 		}));
 	}
 };
-//#endregion
 export { ListBatchesController };
 
 //# sourceMappingURL=ListBatchesController.mjs.map

package/dist/js/packages/components-base/src/list/search/ListSearch.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region ../components-base/src/list/search/ListSearch.ts
+// ../components-base/src/list/search/ListSearch.ts
 /**
 * The list's search term: where it starts, where it is kept, who to tell.
 *
@@ -56,7 +56,6 @@ var ListSearch = class {
 		this.onUpdateCallbacks.add(cb);
 	}
 };
-//#endregion
 export { ListSearch, ListSearch as default };
 
 //# sourceMappingURL=ListSearch.mjs.map

package/dist/js/packages/components-base/src/list/sorting/ListSorting.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { getListColumn } from "../ListModelContext.mjs";
-//#region ../components-base/src/list/sorting/ListSorting.ts
+// ../components-base/src/list/sorting/ListSorting.ts
 /**
 * One way a list can be sorted — a property, a direction, and whether it is on.
 *
@@ -75,7 +75,6 @@ var ListSorting = class {
 var mergeHiddenSorting = (sortings, next) => {
 	return [...sortings.filter((s) => s.initialEnabled === "hidden" && !next.some((existing) => existing.id === s.property)).map((s) => s.getReactTableColumnSort()), ...next];
 };
-//#endregion
 export { ListSorting, ListSorting as default, mergeHiddenSorting };
 
 //# sourceMappingURL=ListSorting.mjs.map

package/dist/js/packages/components-base/src/list/table/ListTable.mjs

@@ -2,7 +2,7 @@
 /* */
 import { action, makeObservable, observable } from "mobx";
 import { createTable } from "@tanstack/table-core";
-//#region ../components-base/src/list/table/ListTable.ts
+// ../components-base/src/list/table/ListTable.ts
 /**
 * A TanStack table whose state is MobX.
 *
@@ -74,7 +74,6 @@ var ListTable = class {
 		}));
 	}
 };
-//#endregion
 export { ListTable };
 
 //# sourceMappingURL=ListTable.mjs.map

package/dist/js/packages/components-base/src/list/viewMode/ListViewMode.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { action, makeObservable, observable } from "mobx";
-//#region ../components-base/src/list/viewMode/ListViewMode.ts
+// ../components-base/src/list/viewMode/ListViewMode.ts
 /**
 * Which layout the list is in, and its persistence.
 *
@@ -47,7 +47,6 @@ var ListViewMode = class {
 		this.storage.settings?.store("viewMode", viewMode, { autosave: this.autosave });
 	}
 };
-//#endregion
 export { ListViewMode };
 
 //# sourceMappingURL=ListViewMode.mjs.map

package/dist/js/packages/components-base/src/overlay/OverlayState.mjs

@@ -0,0 +1,195 @@
+"use client"
+/* */
+import { action, computed, makeObservable, observable, runInAction } from "mobx";
+// ../components-base/src/overlay/OverlayState.ts
+/**
+* Whether an overlay is open, and whether closing it has to be confirmed first.
+* Each binding adds its subscription and its lifecycle: React's
+* `OverlayController` subclasses it, Vue's adapter wraps it in refs.
+*
+* `TCloseOptions` lets a binding pass more on a close than the state reads —
+* React's `overlay`, resolved by `Action` before the close arrives here.
+*/
+var OverlayState = class {
+	isOpen = false;
+	isContentSuspended = false;
+	onOpenHandlers = /* @__PURE__ */ new Set();
+	onCloseHandlers = /* @__PURE__ */ new Set();
+	onOpenChangeHandlers = /* @__PURE__ */ new Set();
+	showConfirmationModal = false;
+	closeIsConfirmed = false;
+	confirmOnCloseFromOptions;
+	/**
+	* Every mounted component that has an opinion on close confirmation
+	* contributes one entry here – e.g. a `Modal` with a `confirmOnClose` prop
+	* and a `Form` tracking its dirty state. Combining them instead of assigning
+	* a single flag keeps them from overwriting each other.
+	*/
+	confirmOnCloseSources = observable.map();
+	/**
+	* Active grants that allow closing without a confirmation. Each entry is
+	* scoped to an ongoing operation that legitimately closes the overlay – e.g.
+	* a `Form` submit – and is dropped again when that operation has finished, so
+	* an operation that does _not_ close the overlay leaves the confirmation
+	* armed.
+	*/
+	closeWithoutConfirmationGrants = /* @__PURE__ */ new Set();
+	/**
+	* The open state a `setOpen` call is currently applying. Handlers run before
+	* `isOpen` is assigned, so a handler that calls `setOpen` again would not be
+	* caught by the equality check at the top and would recurse.
+	*/
+	openStateInFlight;
+	constructor(options = {}) {
+		makeObservable(this, {
+			isOpen: observable,
+			isContentSuspended: observable,
+			showConfirmationModal: observable,
+			confirmOnCloseEnabled: computed,
+			open: action.bound,
+			close: action.bound,
+			toggle: action.bound,
+			setOpen: action.bound,
+			syncOpen: action.bound,
+			setIsContentSuspended: action.bound,
+			confirmClose: action.bound,
+			cancelConfirmation: action.bound
+		});
+		const { isDefaultOpen = false, confirmOnClose = false } = options;
+		this.isOpen = isDefaultOpen;
+		this.confirmOnCloseFromOptions = confirmOnClose;
+	}
+	/** Whether closing this overlay currently requires a confirmation. */
+	get confirmOnCloseEnabled() {
+		if (this.confirmOnCloseSources.size === 0) return this.confirmOnCloseFromOptions;
+		return Array.from(this.confirmOnCloseSources.values()).some(Boolean);
+	}
+	/**
+	* Sets the opinion of one source – any object the caller keeps – on close
+	* confirmation. Remove the source again when its owner goes away.
+	*
+	* @internal Bindings call it from their lifecycle.
+	*/
+	setConfirmOnCloseSource(source, confirmOnClose) {
+		runInAction(() => {
+			this.confirmOnCloseSources.set(source, confirmOnClose);
+			this.withdrawUnneededConfirmation();
+		});
+	}
+	/** @internal Bindings call it from their lifecycle. */
+	removeConfirmOnCloseSource(source) {
+		runInAction(() => {
+			this.confirmOnCloseSources.delete(source);
+			this.withdrawUnneededConfirmation();
+		});
+	}
+	withdrawUnneededConfirmation() {
+		if (!this.confirmOnCloseEnabled) this.showConfirmationModal = false;
+	}
+	addOpenStateHandler(handler, handlersSet) {
+		handlersSet.add(handler);
+		return () => {
+			handlersSet.delete(handler);
+		};
+	}
+	executeHandlers(isOpen, handlers) {
+		return Array.from(handlers).map((handler) => handler(isOpen)).some((result) => result === false);
+	}
+	executeOnClose() {
+		return this.executeHandlers(false, this.onCloseHandlers);
+	}
+	executeOnOpen() {
+		return this.executeHandlers(true, this.onOpenHandlers);
+	}
+	executeOnOpenChange(isOpen) {
+		return this.executeHandlers(isOpen, this.onOpenChangeHandlers);
+	}
+	addOnClose(handler) {
+		return this.addOpenStateHandler(handler, this.onCloseHandlers);
+	}
+	addOnOpen(handler) {
+		return this.addOpenStateHandler(handler, this.onOpenHandlers);
+	}
+	addOnOpenChange(handler) {
+		return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);
+	}
+	open() {
+		this.setOpen(true);
+	}
+	close(options) {
+		this.setOpen(false, options);
+	}
+	toggle() {
+		this.setOpen(!this.isOpen);
+	}
+	setOpen(toOpen, options) {
+		if (this.isOpen === toOpen || this.openStateInFlight === toOpen) return;
+		this.openStateInFlight = toOpen;
+		try {
+			this.applyOpenState(toOpen, options);
+		} finally {
+			this.openStateInFlight = void 0;
+		}
+	}
+	/**
+	* Sets the open state without running any handler. Use it to mirror a
+	* controlled `isOpen` prop, whose change comes from the consumer – notifying
+	* them of their own state would echo it back. Closing this way drops a
+	* pending close confirmation as well.
+	*/
+	syncOpen(toOpen) {
+		this.assignOpenState(toOpen);
+	}
+	/** A closed overlay has no close left to confirm. */
+	assignOpenState(toOpen) {
+		this.isOpen = toOpen;
+		if (!toOpen) {
+			this.showConfirmationModal = false;
+			this.closeIsConfirmed = false;
+		}
+	}
+	applyOpenState(toOpen, options) {
+		const { bypassConfirmation = false } = options ?? {};
+		if (toOpen === false) {
+			const closeIsConfirmed = this.closeIsConfirmed;
+			this.closeIsConfirmed = false;
+			if (this.confirmOnCloseEnabled && !closeIsConfirmed && this.closeWithoutConfirmationGrants.size === 0 && !bypassConfirmation) {
+				this.showConfirmationModal = true;
+				return;
+			}
+		}
+		let aborted;
+		if (toOpen) aborted = this.executeOnOpen();
+		else aborted = this.executeOnClose();
+		if (!aborted) aborted = this.executeOnOpenChange(toOpen);
+		if (!aborted) this.assignOpenState(toOpen);
+	}
+	setIsContentSuspended(to) {
+		this.isContentSuspended = to;
+	}
+	/**
+	* Allows closing this overlay without a confirmation until the returned
+	* disposer is called. Use it around an operation that may legitimately close
+	* the overlay – e.g. a `Form` submit, where a "discard unsaved changes?"
+	* prompt would be nonsense – and dispose it as soon as that operation has
+	* finished. An operation that ends without closing the overlay therefore
+	* leaves the confirmation armed (#2775).
+	*/
+	grantCloseWithoutConfirmation() {
+		const grant = {};
+		this.closeWithoutConfirmationGrants.add(grant);
+		return () => {
+			this.closeWithoutConfirmationGrants.delete(grant);
+		};
+	}
+	confirmClose() {
+		this.closeIsConfirmed = true;
+		this.showConfirmationModal = false;
+	}
+	cancelConfirmation() {
+		this.showConfirmationModal = false;
+	}
+};
+export { OverlayState };
+
+//# sourceMappingURL=OverlayState.mjs.map

package/dist/js/packages/components-base/src/overlay/OverlayState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayState.mjs","names":[],"sources":["../../../../../../../components-base/src/overlay/OverlayState.ts"],"sourcesContent":["import {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from \"mobx\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\nexport type AnyOverlayOpenStateHandler =\n  OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler;\n\nexport type DisposerFn = () => void;\n\nexport interface OverlayCloseOptions {\n  /** Close without asking, even when the overlay requires confirmation. */\n  bypassConfirmation?: boolean;\n}\n\nexport interface OverlayStateOptions {\n  isDefaultOpen?: boolean;\n  /**\n   * Whether closing the overlay must be confirmed while no source has an\n   * opinion (`setConfirmOnCloseSource`).\n   */\n  confirmOnClose?: boolean;\n}\n\n/**\n * Whether an overlay is open, and whether closing it has to be confirmed first.\n * Each binding adds its subscription and its lifecycle: React's\n * `OverlayController` subclasses it, Vue's adapter wraps it in refs.\n *\n * `TCloseOptions` lets a binding pass more on a close than the state reads —\n * React's `overlay`, resolved by `Action` before the close arrives here.\n */\nexport class OverlayState<\n  TCloseOptions extends OverlayCloseOptions = OverlayCloseOptions,\n> {\n  public isOpen = false;\n  public isContentSuspended = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  private readonly confirmOnCloseFromOptions: boolean;\n  /**\n   * Every mounted component that has an opinion on close confirmation\n   * contributes one entry here – e.g. a `Modal` with a `confirmOnClose` prop\n   * and a `Form` tracking its dirty state. Combining them instead of assigning\n   * a single flag keeps them from overwriting each other.\n   */\n  private confirmOnCloseSources = observable.map<object, boolean>();\n  /**\n   * Active grants that allow closing without a confirmation. Each entry is\n   * scoped to an ongoing operation that legitimately closes the overlay – e.g.\n   * a `Form` submit – and is dropped again when that operation has finished, so\n   * an operation that does _not_ close the overlay leaves the confirmation\n   * armed.\n   */\n  private closeWithoutConfirmationGrants = new Set<object>();\n  /**\n   * The open state a `setOpen` call is currently applying. Handlers run before\n   * `isOpen` is assigned, so a handler that calls `setOpen` again would not be\n   * caught by the equality check at the top and would recurse.\n   */\n  private openStateInFlight: boolean | undefined;\n\n  public constructor(options: OverlayStateOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      isContentSuspended: observable,\n      showConfirmationModal: observable,\n      confirmOnCloseEnabled: computed,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      syncOpen: action.bound,\n      setIsContentSuspended: action.bound,\n      confirmClose: action.bound,\n      cancelConfirmation: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseFromOptions = confirmOnClose;\n  }\n\n  /** Whether closing this overlay currently requires a confirmation. */\n  public get confirmOnCloseEnabled(): boolean {\n    if (this.confirmOnCloseSources.size === 0) {\n      return this.confirmOnCloseFromOptions;\n    }\n    return Array.from(this.confirmOnCloseSources.values()).some(Boolean);\n  }\n\n  /**\n   * Sets the opinion of one source – any object the caller keeps – on close\n   * confirmation. Remove the source again when its owner goes away.\n   *\n   * @internal Bindings call it from their lifecycle.\n   */\n  public setConfirmOnCloseSource(source: object, confirmOnClose: boolean) {\n    runInAction(() => {\n      this.confirmOnCloseSources.set(source, confirmOnClose);\n      this.withdrawUnneededConfirmation();\n    });\n  }\n\n  /** @internal Bindings call it from their lifecycle. */\n  public removeConfirmOnCloseSource(source: object) {\n    runInAction(() => {\n      this.confirmOnCloseSources.delete(source);\n      this.withdrawUnneededConfirmation();\n    });\n  }\n\n  private withdrawUnneededConfirmation() {\n    if (!this.confirmOnCloseEnabled) {\n      this.showConfirmationModal = false;\n    }\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: TCloseOptions): void {\n    this.setOpen(false, options);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(toOpen: boolean, options?: TCloseOptions): void {\n    if (this.isOpen === toOpen || this.openStateInFlight === toOpen) {\n      return;\n    }\n\n    this.openStateInFlight = toOpen;\n    try {\n      this.applyOpenState(toOpen, options);\n    } finally {\n      this.openStateInFlight = undefined;\n    }\n  }\n\n  /**\n   * Sets the open state without running any handler. Use it to mirror a\n   * controlled `isOpen` prop, whose change comes from the consumer – notifying\n   * them of their own state would echo it back. Closing this way drops a\n   * pending close confirmation as well.\n   */\n  public syncOpen(toOpen: boolean): void {\n    this.assignOpenState(toOpen);\n  }\n\n  /** A closed overlay has no close left to confirm. */\n  private assignOpenState(toOpen: boolean): void {\n    this.isOpen = toOpen;\n    if (!toOpen) {\n      this.showConfirmationModal = false;\n      this.closeIsConfirmed = false;\n    }\n  }\n\n  private applyOpenState(toOpen: boolean, options?: TCloseOptions): void {\n    const { bypassConfirmation = false } = options ?? {};\n\n    if (toOpen === false) {\n      // The confirmation is a one-shot permission for exactly this close\n      // attempt – consume it here instead of only when a close succeeds, so it\n      // cannot survive an aborted close and disarm later attempts.\n      const closeIsConfirmed = this.closeIsConfirmed;\n      this.closeIsConfirmed = false;\n\n      if (\n        this.confirmOnCloseEnabled &&\n        !closeIsConfirmed &&\n        this.closeWithoutConfirmationGrants.size === 0 &&\n        !bypassConfirmation\n      ) {\n        this.showConfirmationModal = true;\n        return;\n      }\n    }\n\n    let aborted: boolean;\n    if (toOpen) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(toOpen);\n    }\n\n    if (!aborted) {\n      this.assignOpenState(toOpen);\n    }\n  }\n\n  public setIsContentSuspended(to: boolean): void {\n    this.isContentSuspended = to;\n  }\n\n  /**\n   * Allows closing this overlay without a confirmation until the returned\n   * disposer is called. Use it around an operation that may legitimately close\n   * the overlay – e.g. a `Form` submit, where a \"discard unsaved changes?\"\n   * prompt would be nonsense – and dispose it as soon as that operation has\n   * finished. An operation that ends without closing the overlay therefore\n   * leaves the confirmation armed (#2775).\n   */\n  public grantCloseWithoutConfirmation(): DisposerFn {\n    const grant = {};\n    this.closeWithoutConfirmationGrants.add(grant);\n    return () => {\n      this.closeWithoutConfirmationGrants.delete(grant);\n    };\n  }\n\n  public confirmClose(): void {\n    this.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"mappings":"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"}

package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region ../design-tokens/dist/json-runtime/all-dark.json
+// ../design-tokens/dist/json-runtime/all-dark.json
 var button = /*#__PURE__*/ JSON.parse("{\"corner-radius\":{\"value\":\"8px\",\"path\":[\"button\",\"corner-radius\"]},\"padding-x\":{\"value\":\"16px\",\"path\":[\"button\",\"padding-x\"]},\"padding-y\":{\"value\":\"8px\",\"path\":[\"button\",\"padding-y\"]},\"padding-icon-only\":{\"value\":\"8px\",\"path\":[\"button\",\"padding-icon-only\"]},\"spacing\":{\"value\":\"0.5rem\",\"path\":[\"button\",\"spacing\"]},\"pending-icon-color\":{\"value\":\"#FFFFFF\",\"path\":[\"button\",\"pending-icon-color\"]},\"border-width\":{\"value\":\"1px\",\"path\":[\"button\",\"border-width\"]},\"border-style\":{\"value\":\"solid\",\"path\":[\"button\",\"border-style\"]},\"padding-s-icon-only\":{\"value\":\"4px\",\"path\":[\"button\",\"padding-s-icon-only\"]},\"padding-s-x\":{\"value\":\"8px\",\"path\":[\"button\",\"padding-s-x\"]},\"padding-s-y\":{\"value\":\"4px\",\"path\":[\"button\",\"padding-s-y\"]},\"spacing-s\":{\"value\":\"0.25rem\",\"path\":[\"button\",\"spacing-s\"]},\"font-size-s\":{\"value\":\"0.875rem\",\"path\":[\"button\",\"font-size-s\"]},\"line-height-s\":{\"value\":\"1rem\",\"path\":[\"button\",\"line-height-s\"]},\"corner-radius-s\":{\"value\":\"4px\",\"path\":[\"button\",\"corner-radius-s\"]},\"success-solid-background-color\":{\"default\":{\"value\":\"#4FFFC9\",\"path\":[\"button\",\"success-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"#87FFDA\",\"path\":[\"button\",\"success-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#C0FFEB\",\"path\":[\"button\",\"success-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"success-solid-background-color\",\"disabled\"]}},\"success-solid-content-color\":{\"default\":{\"value\":\"#1B1F24\",\"path\":[\"button\",\"success-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"success-solid-content-color\",\"disabled\"]}},\"success-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"success-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"#00291C\",\"path\":[\"button\",\"success-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#003B29\",\"path\":[\"button\",\"success-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"success-plain-background-color\",\"disabled\"]}},\"success-plain-content-color\":{\"default\":{\"value\":\"#4FFFC9\",\"path\":[\"button\",\"success-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"success-plain-content-color\",\"disabled\"]}},\"success-soft-background-color\":{\"default\":{\"value\":\"#00291C\",\"path\":[\"button\",\"success-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"#003B29\",\"path\":[\"button\",\"success-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#005F42\",\"path\":[\"button\",\"success-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"success-soft-background-color\",\"disabled\"]}},\"success-soft-content-color\":{\"default\":{\"value\":\"#87FFDA\",\"path\":[\"button\",\"success-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"success-soft-content-color\",\"disabled\"]}},\"success-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"success-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"#00291C\",\"path\":[\"button\",\"success-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#003B29\",\"path\":[\"button\",\"success-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"success-outline-background-color\",\"disabled\"]}},\"success-outline-content-color\":{\"default\":{\"value\":\"#87FFDA\",\"path\":[\"button\",\"success-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"success-outline-content-color\",\"disabled\"]}},\"success-outline-border-color\":{\"default\":{\"value\":\"#4FFFC9\",\"path\":[\"button\",\"success-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"success-outline-border-color\",\"disabled\"]}},\"primary-solid-background-color\":{\"default\":{\"value\":\"#85AFFF\",\"path\":[\"button\",\"primary-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"#ABC6FF\",\"path\":[\"button\",\"primary-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#E0EBFF\",\"path\":[\"button\",\"primary-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"primary-solid-background-color\",\"disabled\"]}},\"primary-solid-content-color\":{\"default\":{\"value\":\"#1B1F24\",\"path\":[\"button\",\"primary-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"primary-solid-content-color\",\"disabled\"]}},\"primary-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"primary-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"#00205C\",\"path\":[\"button\",\"primary-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#002A7B\",\"path\":[\"button\",\"primary-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"primary-plain-background-color\",\"disabled\"]}},\"primary-plain-content-color\":{\"default\":{\"value\":\"#85AFFF\",\"path\":[\"button\",\"primary-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"primary-plain-content-color\",\"disabled\"]}},\"primary-soft-background-color\":{\"default\":{\"value\":\"#00205C\",\"path\":[\"button\",\"primary-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"#002A7B\",\"path\":[\"button\",\"primary-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#003FB8\",\"path\":[\"button\",\"primary-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"primary-soft-background-color\",\"disabled\"]}},\"primary-soft-content-color\":{\"default\":{\"value\":\"#ABC6FF\",\"path\":[\"button\",\"primary-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"primary-soft-content-color\",\"disabled\"]}},\"primary-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"primary-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"#00205C\",\"path\":[\"button\",\"primary-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#002A7B\",\"path\":[\"button\",\"primary-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"primary-outline-background-color\",\"disabled\"]}},\"primary-outline-content-color\":{\"default\":{\"value\":\"#ABC6FF\",\"path\":[\"button\",\"primary-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"primary-outline-content-color\",\"disabled\"]}},\"primary-outline-border-color\":{\"default\":{\"value\":\"#85AFFF\",\"path\":[\"button\",\"primary-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"primary-outline-border-color\",\"disabled\"]}},\"secondary-solid-background-color\":{\"default\":{\"value\":\"#E5EFF8\",\"path\":[\"button\",\"secondary-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"#F4F8FC\",\"path\":[\"button\",\"secondary-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#FFFFFF\",\"path\":[\"button\",\"secondary-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"secondary-solid-background-color\",\"disabled\"]}},\"secondary-solid-content-color\":{\"default\":{\"value\":\"#1B1F24\",\"path\":[\"button\",\"secondary-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"secondary-solid-content-color\",\"disabled\"]}},\"secondary-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"secondary-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"secondary-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"secondary-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"secondary-plain-background-color\",\"disabled\"]}},\"secondary-plain-content-color\":{\"default\":{\"value\":\"#FFFFFF\",\"path\":[\"button\",\"secondary-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"secondary-plain-content-color\",\"disabled\"]}},\"secondary-soft-background-color\":{\"default\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"secondary-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"secondary-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#B7C9DB\",\"path\":[\"button\",\"secondary-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"secondary-soft-background-color\",\"disabled\"]}},\"secondary-soft-content-color\":{\"default\":{\"value\":\"#FFFFFF\",\"path\":[\"button\",\"secondary-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"secondary-soft-content-color\",\"disabled\"]}},\"secondary-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"secondary-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"secondary-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"secondary-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"secondary-outline-background-color\",\"disabled\"]}},\"secondary-outline-content-color\":{\"default\":{\"value\":\"#FFFFFF\",\"path\":[\"button\",\"secondary-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"secondary-outline-content-color\",\"disabled\"]}},\"secondary-outline-border-color\":{\"default\":{\"value\":\"#DCE9F7\",\"path\":[\"button\",\"secondary-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"secondary-outline-border-color\",\"disabled\"]}},\"danger-solid-background-color\":{\"default\":{\"value\":\"#F2A2B3\",\"path\":[\"button\",\"danger-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"#F7C1CC\",\"path\":[\"button\",\"danger-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#FBE0E6\",\"path\":[\"button\",\"danger-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#3A434E\",\"path\":[\"button\",\"danger-solid-background-color\",\"disabled\"]}},\"danger-solid-content-color\":{\"default\":{\"value\":\"#1B1F24\",\"path\":[\"button\",\"danger-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"danger-solid-content-color\",\"disabled\"]}},\"danger-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"danger-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"#540B1B\",\"path\":[\"button\",\"danger-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#710F24\",\"path\":[\"button\",\"danger-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"danger-plain-background-color\",\"disabled\"]}},\"danger-plain-content-color\":{\"default\":{\"value\":\"#F2A2B3\",\"path\":[\"button\",\"danger-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"danger-plain-content-color\",\"disabled\"]}},\"danger-soft-background-color\":{\"default\":{\"value\":\"#540B1B\",\"path\":[\"button\",\"danger-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"#710F24\",\"path\":[\"button\",\"danger-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#AB1737\",\"path\":[\"button\",\"danger-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"danger-soft-background-color\",\"disabled\"]}},\"danger-soft-content-color\":{\"default\":{\"value\":\"#F7C1CC\",\"path\":[\"button\",\"danger-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"danger-soft-content-color\",\"disabled\"]}},\"danger-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"danger-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"#540B1B\",\"path\":[\"button\",\"danger-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"#710F24\",\"path\":[\"button\",\"danger-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"#292F37\",\"path\":[\"button\",\"danger-outline-background-color\",\"disabled\"]}},\"danger-outline-content-color\":{\"default\":{\"value\":\"#F7C1CC\",\"path\":[\"button\",\"danger-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"#8FA1B4\",\"path\":[\"button\",\"danger-outline-content-color\",\"disabled\"]}},\"danger-outline-border-color\":{\"default\":{\"value\":\"#F2A2B3\",\"path\":[\"button\",\"danger-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"#5E6C7A\",\"path\":[\"button\",\"danger-outline-border-color\",\"disabled\"]}},\"dark-solid-background-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"button\",\"dark-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"button\",\"dark-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"dark-solid-background-color\",\"disabled\"]}},\"dark-solid-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"dark-solid-content-color\",\"disabled\"]}},\"dark-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"dark-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-plain-background-color\",\"disabled\"]}},\"dark-plain-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-plain-content-color\",\"disabled\"]}},\"dark-soft-background-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"dark-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"dark-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"dark-soft-background-color\",\"disabled\"]}},\"dark-soft-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-soft-content-color\",\"disabled\"]}},\"dark-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"dark-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-outline-background-color\",\"disabled\"]}},\"dark-outline-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-outline-content-color\",\"disabled\"]}},\"dark-outline-border-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"dark-outline-border-color\",\"disabled\"]}},\"light-solid-background-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"button\",\"light-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"button\",\"light-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"light-solid-background-color\",\"disabled\"]}},\"light-solid-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"light-solid-content-color\",\"disabled\"]}},\"light-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"light-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-plain-background-color\",\"disabled\"]}},\"light-plain-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-plain-content-color\",\"disabled\"]}},\"light-soft-background-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"light-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"light-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"light-soft-background-color\",\"disabled\"]}},\"light-soft-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-soft-content-color\",\"disabled\"]}},\"light-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"light-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-outline-background-color\",\"disabled\"]}},\"light-outline-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-outline-content-color\",\"disabled\"]}},\"light-outline-border-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"light-outline-border-color\",\"disabled\"]}},\"dark-static-solid-background-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-static-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"button\",\"dark-static-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"button\",\"dark-static-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"dark-static-solid-background-color\",\"disabled\"]}},\"dark-static-solid-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"dark-static-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"dark-static-solid-content-color\",\"disabled\"]}},\"dark-static-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-static-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"dark-static-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-static-plain-background-color\",\"disabled\"]}},\"dark-static-plain-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-static-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-plain-content-color\",\"disabled\"]}},\"dark-static-soft-background-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"dark-static-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"dark-static-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"dark-static-soft-background-color\",\"disabled\"]}},\"dark-static-soft-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-static-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-soft-content-color\",\"disabled\"]}},\"dark-static-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-static-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"button\",\"dark-static-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"dark-static-outline-background-color\",\"disabled\"]}},\"dark-static-outline-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-static-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-outline-content-color\",\"disabled\"]}},\"dark-static-outline-border-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"dark-static-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"button\",\"dark-static-outline-border-color\",\"disabled\"]}},\"light-static-solid-background-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-static-solid-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"button\",\"light-static-solid-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"button\",\"light-static-solid-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"light-static-solid-background-color\",\"disabled\"]}},\"light-static-solid-content-color\":{\"default\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"button\",\"light-static-solid-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"button\",\"light-static-solid-content-color\",\"disabled\"]}},\"light-static-plain-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-static-plain-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"light-static-plain-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-plain-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-static-plain-background-color\",\"disabled\"]}},\"light-static-plain-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-static-plain-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-plain-content-color\",\"disabled\"]}},\"light-static-soft-background-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"light-static-soft-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-soft-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"button\",\"light-static-soft-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"light-static-soft-background-color\",\"disabled\"]}},\"light-static-soft-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-static-soft-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-soft-content-color\",\"disabled\"]}},\"light-static-outline-background-color\":{\"default\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-static-outline-background-color\",\"default\"]},\"hover\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"button\",\"light-static-outline-background-color\",\"hover\"]},\"pressed\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-outline-background-color\",\"pressed\"]},\"disabled\":{\"value\":\"transparent\",\"path\":[\"button\",\"light-static-outline-background-color\",\"disabled\"]}},\"light-static-outline-content-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-static-outline-content-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-outline-content-color\",\"disabled\"]}},\"light-static-outline-border-color\":{\"default\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"button\",\"light-static-outline-border-color\",\"default\"]},\"disabled\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"button\",\"light-static-outline-border-color\",\"disabled\"]}}}");
 var menu = {
 	"item-to-item-spacing": {
@@ -2811,7 +2811,7 @@ var table = {
 	}
 };
 var texture = { "grain": {
-	"value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
+	"value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.21' intercept='0.3950'/%3E%3CfeFuncG type='linear' slope='0.21' intercept='0.3950'/%3E%3CfeFuncB type='linear' slope='0.21' intercept='0.3950'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
 	"path": ["texture", "grain"]
 } };
 var all_dark_default = {
@@ -5841,7 +5841,6 @@ var all_dark_default = {
 		}
 	}
 };
-//#endregion
 export { accordion, alert, area, avatar, axis, badge, bar, blur, breadcrumb, button, calendar, chat, choice, color, combine, danger, dark, decorative, all_dark_default as default, focus, heading, icon, image, info, initials, kbd, label, legend, light, line, link, list, markdown, menu, message, modal, neutral, notification, overlay, popover, primary, rating, scrollbar, section, separator, shadow, slider, success, table, tabs, text, texture, tooltip, transition, unavailable, warning };
 
 //# sourceMappingURL=all-dark.mjs.map