@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/SettingsProvider/backends/settingsBackendFactory.mjs

@@ -1,16 +1,15 @@
 "use client"
 /* */
-import { LocalStorageSettingsBackend } from './LocalStorageSettingsBackend.mjs';
-
-const settingsBackendFactory = (backend) => {
-  switch (backend.type) {
-    case "custom":
-      return backend.store;
-    case "localStorage":
-      return new LocalStorageSettingsBackend(backend.storageKey);
-  }
-  throw new Error(`Unsupported setting backend: ${backend}`);
+import { LocalStorageSettingsBackend } from "./LocalStorageSettingsBackend.mjs";
+//#region src/components/SettingsProvider/backends/settingsBackendFactory.ts
+var settingsBackendFactory = (backend) => {
+	switch (backend.type) {
+		case "custom": return backend.store;
+		case "localStorage": return new LocalStorageSettingsBackend(backend.storageKey);
+	}
+	throw new Error(`Unsupported setting backend: ${backend}`);
 };
-
+//#endregion
 export { settingsBackendFactory };
-//# sourceMappingURL=settingsBackendFactory.mjs.map
+
+//# sourceMappingURL=settingsBackendFactory.mjs.map

package/dist/js/packages/components/src/components/SettingsProvider/backends/settingsBackendFactory.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"settingsBackendFactory.mjs","sources":["../../../../../../../../src/components/SettingsProvider/backends/settingsBackendFactory.ts"],"sourcesContent":["import type {\n  SettingsBackend,\n  SupportedSettingsBackend,\n} from \"@/components/SettingsProvider/backends/types\";\nimport { LocalStorageSettingsBackend } from \"@/components/SettingsProvider/backends/LocalStorageSettingsBackend\";\n\nexport const settingsBackendFactory = (\n  backend: SupportedSettingsBackend,\n): SettingsBackend => {\n  switch (backend.type) {\n    case \"custom\":\n      return backend.store;\n    case \"localStorage\":\n      return new LocalStorageSettingsBackend(backend.storageKey);\n  }\n\n  throw new Error(`Unsupported setting backend: ${backend}`);\n};\n"],"names":[],"mappings":";;AAMO,MAAM,sBAAA,GAAyB,CACpC,OAAA,KACoB;AACpB,EAAA,QAAQ,QAAQ,IAAA;AAAM,IACpB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,KAAA;AAAA,IACjB,KAAK,cAAA;AACH,MAAA,OAAO,IAAI,2BAAA,CAA4B,OAAA,CAAQ,UAAU,CAAA;AAAA;AAG7D,EAAA,MAAM,IAAI,KAAA,CAAM,CAAA,6BAAA,EAAgC,OAAO,CAAA,CAAE,CAAA;AAC3D;;;;"}
+{"version":3,"file":"settingsBackendFactory.mjs","names":[],"sources":["../../../../../../../../src/components/SettingsProvider/backends/settingsBackendFactory.ts"],"sourcesContent":["import type {\n  SettingsBackend,\n  SupportedSettingsBackend,\n} from \"@/components/SettingsProvider/backends/types\";\nimport { LocalStorageSettingsBackend } from \"@/components/SettingsProvider/backends/LocalStorageSettingsBackend\";\n\nexport const settingsBackendFactory = (\n  backend: SupportedSettingsBackend,\n): SettingsBackend => {\n  switch (backend.type) {\n    case \"custom\":\n      return backend.store;\n    case \"localStorage\":\n      return new LocalStorageSettingsBackend(backend.storageKey);\n  }\n\n  throw new Error(`Unsupported setting backend: ${backend}`);\n};\n"],"mappings":";;AAMA,IAAa,0BACX,YACoB;AACpB,SAAQ,QAAQ,MAAhB;EACE,KAAK,SACH,QAAO,QAAQ;EACjB,KAAK,eACH,QAAO,IAAI,4BAA4B,QAAQ,WAAW;;AAG9D,OAAM,IAAI,MAAM,gCAAgC,UAAU"}

package/dist/js/packages/components/src/components/SettingsProvider/index.mjs

@@ -0,0 +1 @@
+import "./SettingsProvider.mjs";

package/dist/js/packages/components/src/components/SettingsProvider/middleware/defaultImplementations.mjs

@@ -1,9 +1,11 @@
 "use client"
 /* */
-const defaultGetMiddleware = (_, __, current, getParent) => current ?? getParent();
-const defaultSetMiddleware = (_, __, settings) => {
-  return settings;
+//#region src/components/SettingsProvider/middleware/defaultImplementations.ts
+var defaultGetMiddleware = (_, __, current, getParent) => current ?? getParent();
+var defaultSetMiddleware = (_, __, settings) => {
+	return settings;
 };
-
+//#endregion
 export { defaultGetMiddleware, defaultSetMiddleware };
-//# sourceMappingURL=defaultImplementations.mjs.map
+
+//# sourceMappingURL=defaultImplementations.mjs.map

package/dist/js/packages/components/src/components/SettingsProvider/middleware/defaultImplementations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultImplementations.mjs","sources":["../../../../../../../../src/components/SettingsProvider/middleware/defaultImplementations.ts"],"sourcesContent":["import type { GetSettingsMiddleware, SetSettingsMiddleware } from \"./types\";\n\nexport const defaultGetMiddleware: GetSettingsMiddleware = (\n  _,\n  __,\n  current,\n  getParent,\n) => current ?? getParent();\n\nexport const defaultSetMiddleware: SetSettingsMiddleware = (\n  _,\n  __,\n  settings,\n) => {\n  return settings;\n};\n"],"names":[],"mappings":"AAEO,MAAM,uBAA8C,CACzD,CAAA,EACA,IACA,OAAA,EACA,SAAA,KACG,WAAW,SAAA;AAET,MAAM,oBAAA,GAA8C,CACzD,CAAA,EACA,EAAA,EACA,QAAA,KACG;AACH,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"defaultImplementations.mjs","names":[],"sources":["../../../../../../../../src/components/SettingsProvider/middleware/defaultImplementations.ts"],"sourcesContent":["import type { GetSettingsMiddleware, SetSettingsMiddleware } from \"./types\";\n\nexport const defaultGetMiddleware: GetSettingsMiddleware = (\n  _,\n  __,\n  current,\n  getParent,\n) => current ?? getParent();\n\nexport const defaultSetMiddleware: SetSettingsMiddleware = (\n  _,\n  __,\n  settings,\n) => {\n  return settings;\n};\n"],"mappings":";AAEA,IAAa,wBACX,GACA,IACA,SACA,cACG,WAAW,WAAW;AAE3B,IAAa,wBACX,GACA,IACA,aACG;AACH,QAAO"}

package/dist/js/packages/components/src/components/SettingsProvider/models/ComponentSettings.mjs

@@ -1,35 +1,32 @@
 "use client"
 /* */
-import { ObservableMap, makeAutoObservable, toJS } from 'mobx';
-import { mobxMapToObject } from '../../../lib/mobx/mobxMapToObject.mjs';
-import { mapValues } from 'remeda';
-
-class ComponentSettings {
-  settings;
-  constructor(settings = new ObservableMap()) {
-    this.settings = settings;
-    makeAutoObservable(this);
-  }
-  set(settingKey, schema, value) {
-    this.settings.set(settingKey, schema.parse(toJS(value)));
-  }
-  get(settingKey, schema) {
-    return schema.parse(toJS(this.settings.get(settingKey)));
-  }
-  clear(settingKey) {
-    this.settings.delete(settingKey);
-  }
-  get asJson() {
-    return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));
-  }
-  static fromJson(json) {
-    return new ComponentSettings(
-      new ObservableMap(
-        mapValues(json, (v) => typeof v === "string" ? JSON.parse(v) : v)
-      )
-    );
-  }
-}
-
+import { mobxMapToObject } from "../../../lib/mobx/mobxMapToObject.mjs";
+import { mapValues } from "remeda";
+import { ObservableMap, makeAutoObservable, toJS } from "mobx";
+//#region src/components/SettingsProvider/models/ComponentSettings.ts
+var ComponentSettings = class ComponentSettings {
+	settings;
+	constructor(settings = new ObservableMap()) {
+		this.settings = settings;
+		makeAutoObservable(this);
+	}
+	set(settingKey, schema, value) {
+		this.settings.set(settingKey, schema.parse(toJS(value)));
+	}
+	get(settingKey, schema) {
+		return schema.parse(toJS(this.settings.get(settingKey)));
+	}
+	clear(settingKey) {
+		this.settings.delete(settingKey);
+	}
+	get asJson() {
+		return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));
+	}
+	static fromJson(json) {
+		return new ComponentSettings(new ObservableMap(mapValues(json, (v) => typeof v === "string" ? JSON.parse(v) : v)));
+	}
+};
+//#endregion
 export { ComponentSettings };
-//# sourceMappingURL=ComponentSettings.mjs.map
+
+//# sourceMappingURL=ComponentSettings.mjs.map

package/dist/js/packages/components/src/components/SettingsProvider/models/ComponentSettings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentSettings.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/ComponentSettings.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap, toJS } from \"mobx\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport { mapValues } from \"remeda\";\n\nexport type ComponentSettingsJson = Record<string, string>;\n\nexport class ComponentSettings {\n  public readonly settings: ObservableMap<string, unknown>;\n\n  public constructor(settings = new ObservableMap<string, unknown>()) {\n    this.settings = settings;\n    makeAutoObservable(this);\n  }\n\n  public set<T extends ZodSchema>(\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    this.settings.set(settingKey, schema.parse(toJS(value)));\n  }\n\n  public get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T> {\n    return schema.parse(toJS(this.settings.get(settingKey)));\n  }\n\n  public clear(settingKey: string) {\n    this.settings.delete(settingKey);\n  }\n\n  public get asJson(): ComponentSettingsJson {\n    return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));\n  }\n\n  public static fromJson(json: ComponentSettingsJson) {\n    return new ComponentSettings(\n      new ObservableMap<string, unknown>(\n        mapValues(json, (v) => (typeof v === \"string\" ? JSON.parse(v) : v)),\n      ),\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,iBAAA,CAAkB;AAAA,EACb,QAAA;AAAA,EAET,WAAA,CAAY,QAAA,GAAW,IAAI,aAAA,EAA+B,EAAG;AAClE,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,UAAA,EAAY,MAAA,CAAO,MAAM,IAAA,CAAK,KAAK,CAAC,CAAC,CAAA;AAAA,EACzD;AAAA,EAEO,GAAA,CAAyB,YAAoB,MAAA,EAAuB;AACzE,IAAA,OAAO,MAAA,CAAO,MAAM,IAAA,CAAK,IAAA,CAAK,SAAS,GAAA,CAAI,UAAU,CAAC,CAAC,CAAA;AAAA,EACzD;AAAA,EAEO,MAAM,UAAA,EAAoB;AAC/B,IAAA,IAAA,CAAK,QAAA,CAAS,OAAO,UAAU,CAAA;AAAA,EACjC;AAAA,EAEA,IAAW,MAAA,GAAgC;AACzC,IAAA,OAAO,SAAA,CAAU,eAAA,CAAgB,IAAA,CAAK,QAAQ,CAAA,EAAG,CAAC,CAAA,KAAM,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAA6B;AAClD,IAAA,OAAO,IAAI,iBAAA;AAAA,MACT,IAAI,aAAA;AAAA,QACF,SAAA,CAAU,IAAA,EAAM,CAAC,CAAA,KAAO,OAAO,CAAA,KAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,CAAE;AAAA;AACpE,KACF;AAAA,EACF;AACF;;;;"}
+{"version":3,"file":"ComponentSettings.mjs","names":[],"sources":["../../../../../../../../src/components/SettingsProvider/models/ComponentSettings.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap, toJS } from \"mobx\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport { mapValues } from \"remeda\";\n\nexport type ComponentSettingsJson = Record<string, string>;\n\nexport class ComponentSettings {\n  public readonly settings: ObservableMap<string, unknown>;\n\n  public constructor(settings = new ObservableMap<string, unknown>()) {\n    this.settings = settings;\n    makeAutoObservable(this);\n  }\n\n  public set<T extends ZodSchema>(\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    this.settings.set(settingKey, schema.parse(toJS(value)));\n  }\n\n  public get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T> {\n    return schema.parse(toJS(this.settings.get(settingKey)));\n  }\n\n  public clear(settingKey: string) {\n    this.settings.delete(settingKey);\n  }\n\n  public get asJson(): ComponentSettingsJson {\n    return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));\n  }\n\n  public static fromJson(json: ComponentSettingsJson) {\n    return new ComponentSettings(\n      new ObservableMap<string, unknown>(\n        mapValues(json, (v) => (typeof v === \"string\" ? JSON.parse(v) : v)),\n      ),\n    );\n  }\n}\n"],"mappings":";;;;AAQA,IAAa,oBAAb,MAAa,kBAAkB;CAC7B;CAEA,YAAmB,WAAW,IAAI,eAAgC,EAAE;AAClE,OAAK,WAAW;AAChB,qBAAmB,KAAK;;CAG1B,IACE,YACA,QACA,OACA;AACA,OAAK,SAAS,IAAI,YAAY,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC;;CAG1D,IAAgC,YAAoB,QAAuB;AACzE,SAAO,OAAO,MAAM,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,CAAC;;CAG1D,MAAa,YAAoB;AAC/B,OAAK,SAAS,OAAO,WAAW;;CAGlC,IAAW,SAAgC;AACzC,SAAO,UAAU,gBAAgB,KAAK,SAAS,GAAG,MAAM,KAAK,UAAU,EAAE,CAAC;;CAG5E,OAAc,SAAS,MAA6B;AAClD,SAAO,IAAI,kBACT,IAAI,cACF,UAAU,OAAO,MAAO,OAAO,MAAM,WAAW,KAAK,MAAM,EAAE,GAAG,EAAG,CACpE,CACF"}

package/dist/js/packages/components/src/components/SettingsProvider/models/SettingsStore.mjs

@@ -1,78 +1,50 @@
 "use client"
 /* */
-import { ObservableMap, makeAutoObservable } from 'mobx';
-import { ComponentSettings } from './ComponentSettings.mjs';
-import { mapValues } from 'remeda';
-import { mobxMapToObject } from '../../../lib/mobx/mobxMapToObject.mjs';
-import { defaultSetMiddleware, defaultGetMiddleware } from '../middleware/defaultImplementations.mjs';
-
-function subscribeMobxObject(ignored) {
-}
-class SettingsStore {
-  settings;
-  options;
-  constructor(settings = new ObservableMap(), options = {}) {
-    this.settings = settings;
-    this.options = Object.freeze(options);
-    makeAutoObservable(this, {
-      options: false
-    });
-  }
-  set(componentName, settingKey, schema, value) {
-    const settings = this.settings.get(componentName) ?? new ComponentSettings();
-    const middleware = this.options.middleware?.set ?? defaultSetMiddleware;
-    const processedValue = middleware(
-      componentName,
-      settingKey,
-      value,
-      (thisSettings) => {
-        if (this.options.parentStore) {
-          this.options.parentStore.set(
-            componentName,
-            settingKey,
-            schema,
-            thisSettings
-          );
-        }
-        return thisSettings;
-      }
-    );
-    if (processedValue !== void 0) {
-      settings.set(settingKey, schema, processedValue);
-      this.settings.set(componentName, settings);
-    }
-  }
-  get(componentName, settingKey, schema) {
-    const settings = this.settings.get(componentName) ?? new ComponentSettings();
-    const thisSettings = settings.get(settingKey, schema);
-    const parentSettings = this.options.parentStore?.get(
-      componentName,
-      settingKey,
-      schema
-    );
-    const middleware = this.options.middleware?.get ?? defaultGetMiddleware;
-    return middleware(
-      componentName,
-      settingKey,
-      thisSettings,
-      () => parentSettings
-    );
-  }
-  clear(componentName, settingKey) {
-    this.settings.get(componentName)?.clear(settingKey);
-    this.options.parentStore?.clear(componentName, settingKey);
-  }
-  get asJson() {
-    const settingsObject = mobxMapToObject(this.settings);
-    const asJson = mapValues(settingsObject, (v) => v.asJson);
-    subscribeMobxObject(this.options.parentStore?.asJson);
-    return asJson;
-  }
-  static fromJson(json, options) {
-    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));
-    return new SettingsStore(new ObservableMap(settings), options);
-  }
-}
-
+import { mobxMapToObject } from "../../../lib/mobx/mobxMapToObject.mjs";
+import { ComponentSettings } from "./ComponentSettings.mjs";
+import { defaultGetMiddleware, defaultSetMiddleware } from "../middleware/defaultImplementations.mjs";
+import { mapValues } from "remeda";
+import { ObservableMap, makeAutoObservable } from "mobx";
+//#region src/components/SettingsProvider/models/SettingsStore.ts
+function subscribeMobxObject(ignored) {}
+var SettingsStore = class SettingsStore {
+	settings;
+	options;
+	constructor(settings = new ObservableMap(), options = {}) {
+		this.settings = settings;
+		this.options = Object.freeze(options);
+		makeAutoObservable(this, { options: false });
+	}
+	set(componentName, settingKey, schema, value) {
+		const settings = this.settings.get(componentName) ?? new ComponentSettings();
+		const processedValue = (this.options.middleware?.set ?? defaultSetMiddleware)(componentName, settingKey, value, (thisSettings) => {
+			if (this.options.parentStore) this.options.parentStore.set(componentName, settingKey, schema, thisSettings);
+			return thisSettings;
+		});
+		if (processedValue !== void 0) {
+			settings.set(settingKey, schema, processedValue);
+			this.settings.set(componentName, settings);
+		}
+	}
+	get(componentName, settingKey, schema) {
+		const thisSettings = (this.settings.get(componentName) ?? new ComponentSettings()).get(settingKey, schema);
+		const parentSettings = this.options.parentStore?.get(componentName, settingKey, schema);
+		return (this.options.middleware?.get ?? defaultGetMiddleware)(componentName, settingKey, thisSettings, () => parentSettings);
+	}
+	clear(componentName, settingKey) {
+		this.settings.get(componentName)?.clear(settingKey);
+		this.options.parentStore?.clear(componentName, settingKey);
+	}
+	get asJson() {
+		const asJson = mapValues(mobxMapToObject(this.settings), (v) => v.asJson);
+		subscribeMobxObject(this.options.parentStore?.asJson);
+		return asJson;
+	}
+	static fromJson(json, options) {
+		return new SettingsStore(new ObservableMap(mapValues(json, (v) => ComponentSettings.fromJson(v))), options);
+	}
+};
+//#endregion
 export { SettingsStore };
-//# sourceMappingURL=SettingsStore.mjs.map
+
+//# sourceMappingURL=SettingsStore.mjs.map

package/dist/js/packages/components/src/components/SettingsProvider/models/SettingsStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport type {\n  GetSettingsMiddleware,\n  SetSettingsMiddleware,\n} from \"../middleware/types\";\nimport {\n  defaultGetMiddleware,\n  defaultSetMiddleware,\n} from \"../middleware/defaultImplementations\";\n\nexport interface SettingsStoreOptions {\n  middleware?: {\n    get?: GetSettingsMiddleware;\n    set?: SetSettingsMiddleware;\n  };\n  parentStore?: SettingsStore;\n}\n\nfunction subscribeMobxObject(ignored: unknown) {\n  // Accessing an object subscribes to it in MobX, so this function is used to subscribe to the parent store's JSON representation without actually using it here.\n}\n\nexport class SettingsStore {\n  public readonly settings: ObservableMap<FlowComponentName, ComponentSettings>;\n\n  public readonly options: Readonly<SettingsStoreOptions>;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n    options: SettingsStoreOptions = {},\n  ) {\n    this.settings = settings;\n    this.options = Object.freeze(options);\n    makeAutoObservable(this, {\n      options: false,\n    });\n  }\n\n  public set<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const middleware = this.options.middleware?.set ?? defaultSetMiddleware;\n\n    const processedValue = middleware(\n      componentName,\n      settingKey,\n      value,\n      (thisSettings) => {\n        if (this.options.parentStore) {\n          this.options.parentStore.set(\n            componentName,\n            settingKey,\n            schema,\n            thisSettings as z.infer<T>,\n          );\n        }\n        return thisSettings;\n      },\n    ) as z.infer<T>;\n\n    if (processedValue !== undefined) {\n      settings.set(settingKey, schema, processedValue);\n      this.settings.set(componentName, settings);\n    }\n  }\n\n  public get<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n  ): z.infer<T> {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const thisSettings = settings.get(settingKey, schema);\n    const parentSettings = this.options.parentStore?.get(\n      componentName,\n      settingKey,\n      schema,\n    );\n\n    const middleware = this.options.middleware?.get ?? defaultGetMiddleware;\n\n    return middleware(\n      componentName,\n      settingKey,\n      thisSettings,\n      () => parentSettings,\n    ) as z.infer<T>;\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.settings.get(componentName)?.clear(settingKey);\n    this.options.parentStore?.clear(componentName, settingKey);\n  }\n\n  public get asJson() {\n    const settingsObject = mobxMapToObject(this.settings);\n    const asJson = mapValues(settingsObject, (v) => v.asJson);\n    subscribeMobxObject(this.options.parentStore?.asJson);\n    return asJson;\n  }\n\n  public static fromJson(json: SettingsJson, options?: SettingsStoreOptions) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings), options);\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsStore.mjs","names":[],"sources":["../../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport type {\n  GetSettingsMiddleware,\n  SetSettingsMiddleware,\n} from \"../middleware/types\";\nimport {\n  defaultGetMiddleware,\n  defaultSetMiddleware,\n} from \"../middleware/defaultImplementations\";\n\nexport interface SettingsStoreOptions {\n  middleware?: {\n    get?: GetSettingsMiddleware;\n    set?: SetSettingsMiddleware;\n  };\n  parentStore?: SettingsStore;\n}\n\nfunction subscribeMobxObject(ignored: unknown) {\n  // Accessing an object subscribes to it in MobX, so this function is used to subscribe to the parent store's JSON representation without actually using it here.\n}\n\nexport class SettingsStore {\n  public readonly settings: ObservableMap<FlowComponentName, ComponentSettings>;\n\n  public readonly options: Readonly<SettingsStoreOptions>;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n    options: SettingsStoreOptions = {},\n  ) {\n    this.settings = settings;\n    this.options = Object.freeze(options);\n    makeAutoObservable(this, {\n      options: false,\n    });\n  }\n\n  public set<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const middleware = this.options.middleware?.set ?? defaultSetMiddleware;\n\n    const processedValue = middleware(\n      componentName,\n      settingKey,\n      value,\n      (thisSettings) => {\n        if (this.options.parentStore) {\n          this.options.parentStore.set(\n            componentName,\n            settingKey,\n            schema,\n            thisSettings as z.infer<T>,\n          );\n        }\n        return thisSettings;\n      },\n    ) as z.infer<T>;\n\n    if (processedValue !== undefined) {\n      settings.set(settingKey, schema, processedValue);\n      this.settings.set(componentName, settings);\n    }\n  }\n\n  public get<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n  ): z.infer<T> {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const thisSettings = settings.get(settingKey, schema);\n    const parentSettings = this.options.parentStore?.get(\n      componentName,\n      settingKey,\n      schema,\n    );\n\n    const middleware = this.options.middleware?.get ?? defaultGetMiddleware;\n\n    return middleware(\n      componentName,\n      settingKey,\n      thisSettings,\n      () => parentSettings,\n    ) as z.infer<T>;\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.settings.get(componentName)?.clear(settingKey);\n    this.options.parentStore?.clear(componentName, settingKey);\n  }\n\n  public get asJson() {\n    const settingsObject = mobxMapToObject(this.settings);\n    const asJson = mapValues(settingsObject, (v) => v.asJson);\n    subscribeMobxObject(this.options.parentStore?.asJson);\n    return asJson;\n  }\n\n  public static fromJson(json: SettingsJson, options?: SettingsStoreOptions) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings), options);\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"mappings":";;;;;;AAwBA,SAAS,oBAAoB,SAAkB;AAI/C,IAAa,gBAAb,MAAa,cAAc;CACzB;CAEA;CAEA,YACE,WAAW,IAAI,eAAqD,EACpE,UAAgC,EAAE,EAClC;AACA,OAAK,WAAW;AAChB,OAAK,UAAU,OAAO,OAAO,QAAQ;AACrC,qBAAmB,MAAM,EACvB,SAAS,OACV,CAAC;;CAGJ,IACE,eACA,YACA,QACA,OACA;EACA,MAAM,WACJ,KAAK,SAAS,IAAI,cAAc,IAAI,IAAI,mBAAmB;EAI7D,MAAM,kBAFa,KAAK,QAAQ,YAAY,OAAO,sBAGjD,eACA,YACA,QACC,iBAAiB;AAChB,OAAI,KAAK,QAAQ,YACf,MAAK,QAAQ,YAAY,IACvB,eACA,YACA,QACA,aACD;AAEH,UAAO;IAEV;AAED,MAAI,mBAAmB,KAAA,GAAW;AAChC,YAAS,IAAI,YAAY,QAAQ,eAAe;AAChD,QAAK,SAAS,IAAI,eAAe,SAAS;;;CAI9C,IACE,eACA,YACA,QACY;EAIZ,MAAM,gBAFJ,KAAK,SAAS,IAAI,cAAc,IAAI,IAAI,mBAAmB,EAE/B,IAAI,YAAY,OAAO;EACrD,MAAM,iBAAiB,KAAK,QAAQ,aAAa,IAC/C,eACA,YACA,OACD;AAID,UAFmB,KAAK,QAAQ,YAAY,OAAO,sBAGjD,eACA,YACA,oBACM,eACP;;CAGH,MAAa,eAAkC,YAAoB;AACjE,OAAK,SAAS,IAAI,cAAc,EAAE,MAAM,WAAW;AACnD,OAAK,QAAQ,aAAa,MAAM,eAAe,WAAW;;CAG5D,IAAW,SAAS;EAElB,MAAM,SAAS,UADQ,gBAAgB,KAAK,SAAS,GACX,MAAM,EAAE,OAAO;AACzD,sBAAoB,KAAK,QAAQ,aAAa,OAAO;AACrD,SAAO;;CAGT,OAAc,SAAS,MAAoB,SAAgC;AAEzE,SAAO,IAAI,cAAc,IAAI,cADZ,UAAU,OAAO,MAAM,kBAAkB,SAAS,EAAE,CAAC,CAClB,EAAE,QAAQ"}

package/dist/js/packages/components/src/components/Skeleton/Skeleton.mjs

@@ -1,23 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './Skeleton.module.scss.mjs';
-import clsx from 'clsx';
-
-const Skeleton = (props) => {
-  const { width, height, className, ...rest } = props;
-  const rootClassName = clsx(styles.skeleton, className);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: rootClassName,
-      "aria-hidden": true,
-      style: { height, width },
-      ...rest
-    }
-  );
+import Skeleton_module_default from "./Skeleton.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+/** @flr-generate all */
+var Skeleton = (props) => {
+	const { width, height, className, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(Skeleton_module_default.skeleton, className),
+		"aria-hidden": true,
+		style: {
+			height,
+			width
+		},
+		...rest
+	});
 };
+//#endregion
+export { Skeleton as default };
 
-export { Skeleton };
-//# sourceMappingURL=Skeleton.mjs.map
+//# sourceMappingURL=Skeleton.mjs.map

package/dist/js/packages/components/src/components/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","sources":["../../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Skeleton.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {\n  /** The width of the skeleton. */\n  width?: string;\n  /** The height of the skeleton. */\n  height?: string;\n}\n\n/** @flr-generate all */\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const { width, height, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.skeleton, className);\n\n  return (\n    <div\n      className={rootClassName}\n      aria-hidden\n      style={{ height, width }}\n      {...rest}\n    />\n  );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,aAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAA,EAAM;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"Skeleton.mjs","names":[],"sources":["../../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Skeleton.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {\n  /** The width of the skeleton. */\n  width?: string;\n  /** The height of the skeleton. */\n  height?: string;\n}\n\n/** @flr-generate all */\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const { width, height, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.skeleton, className);\n\n  return (\n    <div\n      className={rootClassName}\n      aria-hidden\n      style={{ height, width }}\n      {...rest}\n    />\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;AAaA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,OAAO,QAAQ,WAAW,GAAG,SAAS;AAI9C,QACE,oBAAC,OAAD;EACE,WAJkB,KAAK,wBAAO,UAAU,UAAU;EAKlD,eAAA;EACA,OAAO;GAAE;GAAQ;GAAO;EACxB,GAAI;EACJ,CAAA"}

package/dist/js/packages/components/src/components/Skeleton/Skeleton.module.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var Skeleton_module_default = {
+	skeleton: "flow--skeleton",
+	shimmer: "flow--skeleton--shimmer"
+};
+//#endregion
+export { Skeleton_module_default as default };
+
+//# sourceMappingURL=Skeleton.module.mjs.map

package/dist/js/packages/components/src/components/Skeleton/Skeleton.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.mjs","names":[],"sources":["../../../../../../../src/components/Skeleton/Skeleton.module.scss"],"sourcesContent":[".skeleton {\n  position: relative;\n  overflow: hidden;\n  background-color: rgba(120, 120, 120, 0.2);\n  border-radius: var(--corner-radius--default);\n  width: 100%;\n\n  &::before {\n    content: \"-\";\n    visibility: hidden;\n  }\n\n  &::after {\n    position: absolute;\n    inset: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.4) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 3s infinite;\n    content: \"\";\n  }\n}\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Skeleton/index.mjs

@@ -0,0 +1 @@
+import "./Skeleton.mjs";

package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.mjs

@@ -1,21 +1,23 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './SkeletonText.module.scss.mjs';
-
-const SkeletonText = (props) => {
-  const { width, style = {}, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": true,
-      className: styles.skeletonText,
-      style: { width, ...style },
-      ...rest
-    }
-  );
+import SkeletonText_module_default from "./SkeletonText.module.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SkeletonText/SkeletonText.tsx
+/** @flr-generate all */
+var SkeletonText = (props) => {
+	const { width, style = {}, ...rest } = props;
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: SkeletonText_module_default.skeletonText,
+		style: {
+			width,
+			...style
+		},
+		...rest
+	});
 };
+//#endregion
+export { SkeletonText as default };
 
-export { SkeletonText };
-//# sourceMappingURL=SkeletonText.mjs.map
+//# sourceMappingURL=SkeletonText.mjs.map

package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.mjs","sources":["../../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"span\"> {\n  /** The width of the skeleton text. */\n  width?: CSSProperties[\"width\"];\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n  const { width, style = {}, ...rest } = props;\n  return (\n    <span\n      aria-hidden\n      className={styles.skeletonText}\n      style={{ width, ...style }}\n      {...rest}\n    />\n  );\n};\n\nexport default SkeletonText;\n"],"names":[],"mappings":";;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,GAAQ,EAAC,EAAG,GAAG,MAAK,GAAI,KAAA;AACvC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,WAAW,MAAA,CAAO,YAAA;AAAA,MAClB,KAAA,EAAO,EAAE,KAAA,EAAO,GAAG,KAAA,EAAM;AAAA,MACxB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"SkeletonText.mjs","names":[],"sources":["../../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"span\"> {\n  /** The width of the skeleton text. */\n  width?: CSSProperties[\"width\"];\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n  const { width, style = {}, ...rest } = props;\n  return (\n    <span\n      aria-hidden\n      className={styles.skeletonText}\n      style={{ width, ...style }}\n      {...rest}\n    />\n  );\n};\n\nexport default SkeletonText;\n"],"mappings":";;;;;AAUA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,OAAO,QAAQ,EAAE,EAAE,GAAG,SAAS;AACvC,QACE,oBAAC,QAAD;EACE,eAAA;EACA,WAAW,4BAAO;EAClB,OAAO;GAAE;GAAO,GAAG;GAAO;EAC1B,GAAI;EACJ,CAAA"}

package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.module.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var SkeletonText_module_default = {
+	skeletonText: "flow--skeleton-text",
+	shimmer: "flow--skeleton-text--shimmer"
+};
+//#endregion
+export { SkeletonText_module_default as default };
+
+//# sourceMappingURL=SkeletonText.module.mjs.map

package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.module.mjs","names":[],"sources":["../../../../../../../src/components/SkeletonText/SkeletonText.module.scss"],"sourcesContent":[".skeletonText {\n  position: relative;\n  overflow: hidden;\n  background-color: rgba(120, 120, 120, 0.2);\n  border-radius: var(--corner-radius--default);\n  width: 100%;\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n  height: 1em;\n\n  &::before {\n    content: \"-\";\n    visibility: hidden;\n  }\n\n  &::after {\n    position: absolute;\n    inset: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0.4) 60%,\n      rgba(255, 255, 255, 0)\n    );\n    animation: shimmer 3s infinite;\n    content: \"\";\n  }\n}\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/SkeletonText/index.mjs

@@ -0,0 +1 @@
+import "./SkeletonText.mjs";