@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.1

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

@@ -1,37 +1,39 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useMemo, useEffect } from 'react';
-import { autorun } from 'mobx';
-import { getAsyncResource } from '@mittwald/react-use-promise';
-import { SettingsStore } from './models/SettingsStore.mjs';
-import { settingsBackendFactory } from './backends/settingsBackendFactory.mjs';
-
-const context = createContext(void 0);
-const useSettings = () => useContext(context);
-const SettingsProvider = (props) => {
-  const { children, middleware, id = "static", ...storeShape } = props;
-  const backend = settingsBackendFactory(storeShape);
-  const settingsResource = getAsyncResource(() => backend.load(), [], {
-    loaderId: id
-  });
-  const settings = settingsResource.use();
-  const storingPromise = useRef(Promise.resolve());
-  const parentStore = useSettings();
-  const settingsStore = useMemo(
-    () => SettingsStore.fromJson(settings, { middleware, parentStore }),
-    [id]
-  );
-  const watchAndStoreSettings = () => {
-    const json = settingsStore.asJson;
-    storingPromise.current = storingPromise.current.then(async () => {
-      await backend.store(json);
-      settingsResource.refresh();
-    });
-  };
-  useEffect(() => autorun(watchAndStoreSettings), [id]);
-  return /* @__PURE__ */ jsx(context.Provider, { value: settingsStore, children });
+import { SettingsStore } from "./models/SettingsStore.mjs";
+import { settingsBackendFactory } from "./backends/settingsBackendFactory.mjs";
+import { createContext, useContext, useEffect, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { autorun } from "mobx";
+import { getAsyncResource } from "@mittwald/react-use-promise";
+//#region src/components/SettingsProvider/SettingsProvider.tsx
+var context = createContext(void 0);
+var useSettings = () => useContext(context);
+var SettingsProvider = (props) => {
+	const { children, middleware, id = "static", ...storeShape } = props;
+	const backend = settingsBackendFactory(storeShape);
+	const settingsResource = getAsyncResource(() => backend.load(), [], { loaderId: id });
+	const settings = settingsResource.use();
+	const storingPromise = useRef(Promise.resolve());
+	const parentStore = useSettings();
+	const settingsStore = useMemo(() => SettingsStore.fromJson(settings, {
+		middleware,
+		parentStore
+	}), [id]);
+	const watchAndStoreSettings = () => {
+		const json = settingsStore.asJson;
+		storingPromise.current = storingPromise.current.then(async () => {
+			await backend.store(json);
+			settingsResource.refresh();
+		});
+	};
+	useEffect(() => autorun(watchAndStoreSettings), [id]);
+	return /* @__PURE__ */ jsx(context.Provider, {
+		value: settingsStore,
+		children
+	});
 };
+//#endregion
+export { SettingsProvider, SettingsProvider as default, useSettings };
 
-export { SettingsProvider, useSettings };
-//# sourceMappingURL=SettingsProvider.mjs.map
+//# sourceMappingURL=SettingsProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      settingsResource.refresh();\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,QAAA,EAAU,GAAG,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,mBAAmB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IAClE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,QAAA,GAAW,iBAAiB,GAAA,EAAI;AAEtC,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAC/C,EAAA,MAAM,cAAc,WAAA,EAAY;AAEhC,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,UAAU,EAAE,UAAA,EAAY,aAAa,CAAA;AAAA,IAClE,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,IAC3B,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}
+{"version":3,"file":"SettingsProvider.mjs","names":[],"sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      settingsResource.refresh();\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"mappings":";;;;;;;;;AAgBA,IAAM,UAAU,cAAyC,KAAA,CAAS;AAElE,IAAa,oBAAoB,WAAW,OAAO;AAEnD,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,YAAY,KAAK,UAAU,GAAG,eAAe;CAC/D,MAAM,UAAU,uBAAuB,UAAU;CAEjD,MAAM,mBAAmB,uBAAuB,QAAQ,KAAK,GAAG,CAAC,GAAG,EAClE,UAAU,GACZ,CAAC;CACD,MAAM,WAAW,iBAAiB,IAAI;CAEtC,MAAM,iBAAiB,OAAO,QAAQ,QAAQ,CAAC;CAC/C,MAAM,cAAc,YAAY;CAEhC,MAAM,gBAAgB,cACd,cAAc,SAAS,UAAU;EAAE;EAAY;CAAY,CAAC,GAClE,CAAC,EAAE,CACL;CAEA,MAAM,8BAA8B;EAClC,MAAM,OAAO,cAAc;EAC3B,eAAe,UAAU,eAAe,QAAQ,KAAK,YAAY;GAC/D,MAAM,QAAQ,MAAM,IAAI;GACxB,iBAAiB,QAAQ;EAC3B,CAAC;CACH;CAEA,gBAAgB,QAAQ,qBAAqB,GAAG,CAAC,EAAE,CAAC;CAEpD,OAAO,oBAAC,QAAQ,UAAT;EAAkB,OAAO;EAAgB;CAA2B,CAAA;AAC7E"}

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

@@ -1,27 +1,23 @@
 "use client"
 /* */
-const localStorageAvailable = typeof localStorage !== "undefined";
-class LocalStorageSettingsBackend {
-  storageKey;
-  constructor(storageKey) {
-    this.storageKey = storageKey;
-  }
-  async load() {
-    if (!localStorageAvailable) {
-      return {};
-    }
-    const jsonString = localStorage.getItem(this.storageKey);
-    if (jsonString === null) {
-      return {};
-    }
-    return JSON.parse(jsonString);
-  }
-  async store(settings) {
-    if (localStorageAvailable) {
-      localStorage.setItem(this.storageKey, JSON.stringify(settings));
-    }
-  }
-}
-
+//#region src/components/SettingsProvider/backends/LocalStorageSettingsBackend.ts
+var localStorageAvailable = typeof localStorage !== "undefined";
+var LocalStorageSettingsBackend = class {
+	storageKey;
+	constructor(storageKey) {
+		this.storageKey = storageKey;
+	}
+	async load() {
+		if (!localStorageAvailable) return {};
+		const jsonString = localStorage.getItem(this.storageKey);
+		if (jsonString === null) return {};
+		return JSON.parse(jsonString);
+	}
+	async store(settings) {
+		if (localStorageAvailable) localStorage.setItem(this.storageKey, JSON.stringify(settings));
+	}
+};
+//#endregion
 export { LocalStorageSettingsBackend };
-//# sourceMappingURL=LocalStorageSettingsBackend.mjs.map
+
+//# sourceMappingURL=LocalStorageSettingsBackend.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocalStorageSettingsBackend.mjs","sources":["../../../../../../../../src/components/SettingsProvider/backends/LocalStorageSettingsBackend.ts"],"sourcesContent":["import type { SettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport type { SettingsJson } from \"@/components/SettingsProvider/models/SettingsStore\";\n\nconst localStorageAvailable = typeof localStorage !== \"undefined\";\n\nexport class LocalStorageSettingsBackend implements SettingsBackend {\n  private readonly storageKey: string;\n\n  public constructor(storageKey: string) {\n    this.storageKey = storageKey;\n  }\n\n  public async load(): Promise<SettingsJson> {\n    if (!localStorageAvailable) {\n      return {};\n    }\n\n    const jsonString = localStorage.getItem(this.storageKey);\n    if (jsonString === null) {\n      return {};\n    }\n    return JSON.parse(jsonString);\n  }\n\n  public async store(settings: SettingsJson): Promise<void> {\n    if (localStorageAvailable) {\n      localStorage.setItem(this.storageKey, JSON.stringify(settings));\n    }\n  }\n}\n"],"names":[],"mappings":"AAGA,MAAM,qBAAA,GAAwB,OAAO,YAAA,KAAiB,WAAA;AAE/C,MAAM,2BAAA,CAAuD;AAAA,EACjD,UAAA;AAAA,EAEV,YAAY,UAAA,EAAoB;AACrC,IAAA,IAAA,CAAK,UAAA,GAAa,UAAA;AAAA,EACpB;AAAA,EAEA,MAAa,IAAA,GAA8B;AACzC,IAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,OAAA,CAAQ,IAAA,CAAK,UAAU,CAAA;AACvD,IAAA,IAAI,eAAe,IAAA,EAAM;AACvB,MAAA,OAAO,EAAC;AAAA,IACV;AACA,IAAA,OAAO,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,EAC9B;AAAA,EAEA,MAAa,MAAM,QAAA,EAAuC;AACxD,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,YAAA,CAAa,QAAQ,IAAA,CAAK,UAAA,EAAY,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,IAChE;AAAA,EACF;AACF;;;;"}
+{"version":3,"file":"LocalStorageSettingsBackend.mjs","names":[],"sources":["../../../../../../../../src/components/SettingsProvider/backends/LocalStorageSettingsBackend.ts"],"sourcesContent":["import type { SettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport type { SettingsJson } from \"@/components/SettingsProvider/models/SettingsStore\";\n\nconst localStorageAvailable = typeof localStorage !== \"undefined\";\n\nexport class LocalStorageSettingsBackend implements SettingsBackend {\n  private readonly storageKey: string;\n\n  public constructor(storageKey: string) {\n    this.storageKey = storageKey;\n  }\n\n  public async load(): Promise<SettingsJson> {\n    if (!localStorageAvailable) {\n      return {};\n    }\n\n    const jsonString = localStorage.getItem(this.storageKey);\n    if (jsonString === null) {\n      return {};\n    }\n    return JSON.parse(jsonString);\n  }\n\n  public async store(settings: SettingsJson): Promise<void> {\n    if (localStorageAvailable) {\n      localStorage.setItem(this.storageKey, JSON.stringify(settings));\n    }\n  }\n}\n"],"mappings":";;;AAGA,IAAM,wBAAwB,OAAO,iBAAiB;AAEtD,IAAa,8BAAb,MAAoE;CAClE;CAEA,YAAmB,YAAoB;EACrC,KAAK,aAAa;CACpB;CAEA,MAAa,OAA8B;EACzC,IAAI,CAAC,uBACH,OAAO,CAAC;EAGV,MAAM,aAAa,aAAa,QAAQ,KAAK,UAAU;EACvD,IAAI,eAAe,MACjB,OAAO,CAAC;EAEV,OAAO,KAAK,MAAM,UAAU;CAC9B;CAEA,MAAa,MAAM,UAAuC;EACxD,IAAI,uBACF,aAAa,QAAQ,KAAK,YAAY,KAAK,UAAU,QAAQ,CAAC;CAElE;AACF"}

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;CACpB,QAAQ,QAAQ,MAAhB;EACE,KAAK,UACH,OAAO,QAAQ;EACjB,KAAK,gBACH,OAAO,IAAI,4BAA4B,QAAQ,UAAU;CAC7D;CAEA,MAAM,IAAI,MAAM,gCAAgC,SAAS;AAC3D"}

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,UAAU;AAE1B,IAAa,wBACX,GACA,IACA,aACG;CACH,OAAO;AACT"}

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,cAA+B,GAAG;EAClE,KAAK,WAAW;EAChB,mBAAmB,IAAI;CACzB;CAEA,IACE,YACA,QACA,OACA;EACA,KAAK,SAAS,IAAI,YAAY,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC;CACzD;CAEA,IAAgC,YAAoB,QAAuB;EACzE,OAAO,OAAO,MAAM,KAAK,KAAK,SAAS,IAAI,UAAU,CAAC,CAAC;CACzD;CAEA,MAAa,YAAoB;EAC/B,KAAK,SAAS,OAAO,UAAU;CACjC;CAEA,IAAW,SAAgC;EACzC,OAAO,UAAU,gBAAgB,KAAK,QAAQ,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC;CAC3E;CAEA,OAAc,SAAS,MAA6B;EAClD,OAAO,IAAI,kBACT,IAAI,cACF,UAAU,OAAO,MAAO,OAAO,MAAM,WAAW,KAAK,MAAM,CAAC,IAAI,CAAE,CACpE,CACF;CACF;AACF"}

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

@@ -1,78 +1,51 @@
 "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
+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 settingsObject = mobxMapToObject(this.settings);
+		const asJson = mapValues(settingsObject, (v) => v.asJson);
+		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);
+	}
+};
+//#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":";;;;;;;;AA4BA,IAAa,gBAAb,MAAa,cAAc;CACzB;CAEA;CAEA,YACE,WAAW,IAAI,cAAoD,GACnE,UAAgC,CAAC,GACjC;EACA,KAAK,WAAW;EAChB,KAAK,UAAU,OAAO,OAAO,OAAO;EACpC,mBAAmB,MAAM,EACvB,SAAS,MACX,CAAC;CACH;CAEA,IACE,eACA,YACA,QACA,OACA;EACA,MAAM,WACJ,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,kBAAkB;EAI5D,MAAM,kBAFa,KAAK,QAAQ,YAAY,OAAO,qBAAA,CAGjD,eACA,YACA,QACC,iBAAiB;GAChB,IAAI,KAAK,QAAQ,aACf,KAAK,QAAQ,YAAY,IACvB,eACA,YACA,QACA,YACF;GAEF,OAAO;EACT,CACF;EAEA,IAAI,mBAAmB,KAAA,GAAW;GAChC,SAAS,IAAI,YAAY,QAAQ,cAAc;GAC/C,KAAK,SAAS,IAAI,eAAe,QAAQ;EAC3C;CACF;CAEA,IACE,eACA,YACA,QACY;EAIZ,MAAM,gBAFJ,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,kBAAkB,EAAA,CAE9B,IAAI,YAAY,MAAM;EACpD,MAAM,iBAAiB,KAAK,QAAQ,aAAa,IAC/C,eACA,YACA,MACF;EAIA,QAFmB,KAAK,QAAQ,YAAY,OAAO,qBAAA,CAGjD,eACA,YACA,oBACM,cACR;CACF;CAEA,MAAa,eAAkC,YAAoB;EACjE,KAAK,SAAS,IAAI,aAAa,CAAC,EAAE,MAAM,UAAU;EAClD,KAAK,QAAQ,aAAa,MAAM,eAAe,UAAU;CAC3D;CAEA,IAAW,SAAS;EAClB,MAAM,iBAAiB,gBAAgB,KAAK,QAAQ;EACpD,MAAM,SAAS,UAAU,iBAAiB,MAAM,EAAE,MAAM;EACpC,KAAK,QAAQ,aAAa;EAC9C,OAAO;CACT;CAEA,OAAc,SAAS,MAAoB,SAAgC;EACzE,MAAM,WAAW,UAAU,OAAO,MAAM,kBAAkB,SAAS,CAAC,CAAC;EACrE,OAAO,IAAI,cAAc,IAAI,cAAc,QAAQ,GAAG,OAAO;CAC/D;AACF"}

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 { jsx } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+/** @flr-generate all */
+var Skeleton = (props) => {
+	const { width, height, className, ...rest } = props;
+	const rootClassName = clsx(Skeleton_module_default.skeleton, className);
+	return /* @__PURE__ */ jsx("div", {
+		className: rootClassName,
+		"aria-hidden": true,
+		style: {
+			height,
+			width
+		},
+		...rest
+	});
 };
+//#endregion
+export { Skeleton, 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, CSSProperties, FC } 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?: CSSProperties[\"width\"];\n  /** The height of the skeleton. */\n  height?: CSSProperties[\"height\"];\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":";;;;;;;AAYA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,OAAO,QAAQ,WAAW,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,wBAAO,UAAU,SAAS;CAErD,OACE,oBAAC,OAAD;EACE,WAAW;EACX,eAAA;EACA,OAAO;GAAE;GAAQ;EAAM;EACvB,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/Skeleton/Skeleton.module.scss
+var skeleton = "flow--skeleton";
+var shimmer = "flow--skeleton--shimmer";
+var Skeleton_module_default = {
+	skeleton,
+	shimmer
+};
+//#endregion
+export { Skeleton_module_default as default, shimmer, skeleton };
+
+//# 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(183, 201, 219, 0.5);\n  border-radius: var(--corner-radius--m);\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/SkeletonText/SkeletonText.mjs

@@ -1,21 +1,22 @@
 "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 { 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, 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 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":";;;;;;AASA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,OAAO,QAAQ,CAAC,GAAG,GAAG,SAAS;CACvC,OACE,oBAAC,QAAD;EACE,eAAA;EACA,WAAW,4BAAO;EAClB,OAAO;GAAE;GAAO,GAAG;EAAM;EACzB,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/SkeletonText/SkeletonText.module.scss
+var skeletonText = "flow--skeleton-text";
+var shimmer = "flow--skeleton-text--shimmer";
+var SkeletonText_module_default = {
+	skeletonText,
+	shimmer
+};
+//#endregion
+export { SkeletonText_module_default as default, shimmer, skeletonText };
+
+//# 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(183, 201, 219, 0.5);\n  border-radius: var(--corner-radius--m);\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":""}