@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

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

@@ -0,0 +1,27 @@
+"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));
+    }
+  }
+}
+
+export { LocalStorageSettingsBackend };
+//# sourceMappingURL=LocalStorageSettingsBackend.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,16 @@
+"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}`);
+};
+
+export { settingsBackendFactory };
+//# sourceMappingURL=settingsBackendFactory.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,35 @@
+"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)
+      )
+    );
+  }
+}
+
+export { ComponentSettings };
+//# sourceMappingURL=ComponentSettings.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { ObservableMap, makeAutoObservable } from 'mobx';
+import { ComponentSettings } from './ComponentSettings.mjs';
+import { mapValues } from 'remeda';
+import { mobxMapToObject } from '../../../lib/mobx/mobxMapToObject.mjs';
+
+class SettingsStore {
+  componentSettings;
+  constructor(settings = new ObservableMap()) {
+    this.componentSettings = settings;
+    makeAutoObservable(this);
+  }
+  set(componentName, settingKey, schema, value) {
+    const settings = this.componentSettings.get(componentName) ?? new ComponentSettings();
+    settings.set(settingKey, schema, value);
+    this.componentSettings.set(componentName, settings);
+  }
+  get(componentName, settingKey, schema) {
+    const settings = this.componentSettings.get(componentName) ?? new ComponentSettings();
+    return settings.get(settingKey, schema);
+  }
+  clear(componentName, settingKey) {
+    this.componentSettings.get(componentName)?.clear(settingKey);
+  }
+  get asJson() {
+    return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);
+  }
+  static fromJson(json) {
+    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));
+    return new SettingsStore(new ObservableMap(settings));
+  }
+}
+
+export { SettingsStore };
+//# sourceMappingURL=SettingsStore.mjs.map

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

@@ -0,0 +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\";\n\nexport class SettingsStore {\n  public readonly componentSettings: ObservableMap<\n    FlowComponentName,\n    ComponentSettings\n  >;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n  ) {\n    this.componentSettings = settings;\n    makeAutoObservable(this);\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.componentSettings.get(componentName) ?? new ComponentSettings();\n    settings.set(settingKey, schema, value);\n    this.componentSettings.set(componentName, settings);\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.componentSettings.get(componentName) ?? new ComponentSettings();\n    return settings.get(settingKey, schema);\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.componentSettings.get(componentName)?.clear(settingKey);\n  }\n\n  public get asJson() {\n    return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);\n  }\n\n  public static fromJson(json: SettingsJson) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings));\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":";;;;;AAQO,MAAM,aAAA,CAAc;AAAA,EACT,iBAAA;AAAA,EAKT,WAAA,CACL,QAAA,GAAW,IAAI,aAAA,EAAoD,EACnE;AACA,IAAA,IAAA,CAAK,iBAAA,GAAoB,QAAA;AACzB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAA,EAAQ,KAAK,CAAA;AACtC,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAA,EAAe,QAAQ,CAAA;AAAA,EACpD;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACY;AACZ,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,OAAO,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAM,CAAA;AAAA,EACxC;AAAA,EAEO,KAAA,CAAM,eAAkC,UAAA,EAAoB;AACjE,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAa,CAAA,EAAG,MAAM,UAAU,CAAA;AAAA,EAC7D;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,SAAA,CAAU,gBAAgB,IAAA,CAAK,iBAAiB,GAAG,CAAC,CAAA,KAAM,EAAE,MAAM,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAAoB;AACzC,IAAA,MAAM,QAAA,GAAW,UAAU,IAAA,EAAM,CAAC,MAAM,iBAAA,CAAkB,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,OAAO,IAAI,aAAA,CAAc,IAAI,aAAA,CAAc,QAAQ,CAAC,CAAA;AAAA,EACtD;AACF;;;;"}

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

@@ -0,0 +1,23 @@
+"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
+    }
+  );
+};
+
+export { Skeleton, Skeleton as default };
+//# sourceMappingURL=Skeleton.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const skeleton = "flow--skeleton";
+const styles = {
+	skeleton: skeleton};
+
+export { styles as default, skeleton };
+//# sourceMappingURL=Skeleton.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,21 @@
+"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
+    }
+  );
+};
+
+export { SkeletonText, SkeletonText as default };
+//# sourceMappingURL=SkeletonText.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.mjs","sources":["../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, 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?: string;\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;;;;"}

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

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const skeletonText = "flow--skeleton-text";
+const styles = {
+	skeletonText: skeletonText};
+
+export { styles as default, skeletonText };
+//# sourceMappingURL=SkeletonText.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/components/src/components/Slider/Slider.mjs

@@ -0,0 +1,133 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './Slider.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
+import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
+import locales from '../../../../_virtual/_.locale.json@3ed2dc50f997451bdd85a713c54e1025.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { TunnelExit } from '@mittwald/react-tunnel';
+import { useObjectRef } from '@react-aria/utils';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+
+const Slider = flowComponent("Slider", (props) => {
+  const {
+    className,
+    children,
+    name,
+    isDisabled,
+    defaultValue,
+    showInitialMarker,
+    isReadOnly,
+    ref,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.slider,
+    isDisabled && styles.disabled,
+    className
+  );
+  const { FieldErrorView, fieldPropsContext, fieldProps } = useFieldComponent(props);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const objectRef = useObjectRef(ref);
+  const propsContext = {
+    ...fieldPropsContext,
+    Label: {
+      unstyled: true,
+      tunnelId: "label",
+      ...fieldPropsContext.Label
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ...fieldProps, children: /* @__PURE__ */ jsx(
+    Aria.Slider,
+    {
+      ...rest,
+      className: rootClassName,
+      isDisabled,
+      defaultValue,
+      children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.text, children: [
+          /* @__PURE__ */ jsx(Aria.SliderOutput, { className: styles.value }),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "label" })
+        ] }),
+        /* @__PURE__ */ jsx(Aria.SliderTrack, { className: styles.track, children: ({ state }) => /* @__PURE__ */ jsxs(
+          PropsContextProvider,
+          {
+            props: {
+              Button: {
+                isPending: false,
+                isFailed: false,
+                isSucceeded: false,
+                isReadOnly,
+                excludeFromTabOrder: true,
+                isDisabled,
+                variant: "plain",
+                color: "secondary"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onPress: () => state.decrementThumb(0),
+                  "aria-label": stringFormatter.format("slider.decrement"),
+                  className: styles.decrement,
+                  children: /* @__PURE__ */ jsx(IconMinus, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onPress: () => state.incrementThumb(0),
+                  "aria-label": stringFormatter.format("slider.increment"),
+                  className: styles.increment,
+                  children: /* @__PURE__ */ jsx(IconPlus, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: styles.fill,
+                  style: { width: state.getThumbPercent(0) * 100 + "%" }
+                }
+              ),
+              showInitialMarker && defaultValue && typeof defaultValue === "number" && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: styles.initialMarker,
+                  style: {
+                    left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Aria.SliderThumb,
+                {
+                  inputRef: objectRef,
+                  name,
+                  className: styles.handle,
+                  isDisabled: isReadOnly
+                }
+              )
+            ]
+          }
+        ) }),
+        children,
+        /* @__PURE__ */ jsx(FieldErrorView, {})
+      ] })
+    }
+  ) });
+});
+
+export { Slider, Slider as default };
+//# sourceMappingURL=Slider.mjs.map

package/dist/js/components/src/components/Slider/Slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.mjs","sources":["../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface SliderProps\n  extends FlowComponentProps<HTMLInputElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n  isInvalid?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const { FieldErrorView, fieldPropsContext, fieldProps } =\n    useFieldComponent(props);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const objectRef = useObjectRef(ref);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      unstyled: true,\n      tunnelId: \"label\",\n      ...fieldPropsContext.Label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <Aria.Slider\n        {...rest}\n        className={rootClassName}\n        isDisabled={isDisabled}\n        defaultValue={defaultValue}\n      >\n        <PropsContextProvider props={propsContext}>\n          <div className={styles.text}>\n            <Aria.SliderOutput className={styles.value} />\n            <TunnelExit id=\"label\" />\n          </div>\n\n          <Aria.SliderTrack className={styles.track}>\n            {({ state }) => (\n              <PropsContextProvider\n                props={{\n                  Button: {\n                    isPending: false,\n                    isFailed: false,\n                    isSucceeded: false,\n                    isReadOnly: isReadOnly,\n                    excludeFromTabOrder: true,\n                    isDisabled,\n                    variant: \"plain\",\n                    color: \"secondary\",\n                  },\n                }}\n              >\n                <Button\n                  onPress={() => state.decrementThumb(0)}\n                  aria-label={stringFormatter.format(\"slider.decrement\")}\n                  className={styles.decrement}\n                >\n                  <IconMinus />\n                </Button>\n\n                <Button\n                  onPress={() => state.incrementThumb(0)}\n                  aria-label={stringFormatter.format(\"slider.increment\")}\n                  className={styles.increment}\n                >\n                  <IconPlus />\n                </Button>\n\n                <div\n                  className={styles.fill}\n                  style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n                />\n\n                {showInitialMarker &&\n                  defaultValue &&\n                  typeof defaultValue === \"number\" && (\n                    <div\n                      className={styles.initialMarker}\n                      style={{\n                        left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                      }}\n                    />\n                  )}\n                <Aria.SliderThumb\n                  inputRef={objectRef}\n                  name={name}\n                  className={styles.handle}\n                  isDisabled={isReadOnly}\n                />\n              </PropsContextProvider>\n            )}\n          </Aria.SliderTrack>\n          {children}\n          <FieldErrorView />\n        </PropsContextProvider>\n      </Aria.Slider>\n    </div>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,cAAc,MAAA,CAAO,QAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,EAAE,cAAA,EAAgB,iBAAA,EAAmB,UAAA,EAAW,GACpD,kBAAkB,KAAK,CAAA;AAEzB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,GAAG,iBAAA,CAAkB;AAAA;AACvB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACrB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,KAAA,EAAO,CAAA;AAAA,0BAC5C,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EAAQ;AAAA,SAAA,EACzB,CAAA;AAAA,wBAEA,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAiB,SAAA,EAAW,OAAO,KAAA,EACjC,QAAA,EAAA,CAAC,EAAE,KAAA,EAAM,qBACR,IAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ;AAAA,gBACN,SAAA,EAAW,KAAA;AAAA,gBACX,QAAA,EAAU,KAAA;AAAA,gBACV,WAAA,EAAa,KAAA;AAAA,gBACb,UAAA;AAAA,gBACA,mBAAA,EAAqB,IAAA;AAAA,gBACrB,UAAA;AAAA,gBACA,OAAA,EAAS,OAAA;AAAA,gBACT,KAAA,EAAO;AAAA;AACT,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,eACb;AAAA,8BAEA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,eACZ;AAAA,8BAEA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,IAAA;AAAA,kBAClB,KAAA,EAAO,EAAE,KAAA,EAAO,KAAA,CAAM,gBAAgB,CAAC,CAAA,GAAI,MAAM,GAAA;AAAI;AAAA,eACvD;AAAA,cAEC,iBAAA,IACC,YAAA,IACA,OAAO,YAAA,KAAiB,QAAA,oBACtB,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,aAAA;AAAA,kBAClB,KAAA,EAAO;AAAA,oBACL,MAAM,CAAA,KAAA,EAAQ,KAAA,CAAM,eAAA,CAAgB,YAAY,IAAI,GAAG,CAAA,QAAA;AAAA;AACzD;AAAA,eACF;AAAA,8BAEJ,GAAA;AAAA,gBAAC,IAAA,CAAK,WAAA;AAAA,gBAAL;AAAA,kBACC,QAAA,EAAU,SAAA;AAAA,kBACV,IAAA;AAAA,kBACA,WAAW,MAAA,CAAO,MAAA;AAAA,kBAClB,UAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,SACF,EAEJ,CAAA;AAAA,QACC,QAAA;AAAA,4BACA,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB;AAAA;AAAA,GACF,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Slider/Slider.module.scss.mjs

@@ -0,0 +1,27 @@
+"use client"
+/* */
+const slider = "flow--slider";
+const text = "flow--slider--text";
+const value = "flow--slider--value";
+const track = "flow--slider--track";
+const fill = "flow--slider--fill";
+const initialMarker = "flow--slider--initial-marker";
+const handle = "flow--slider--handle";
+const increment = "flow--slider--increment";
+const decrement = "flow--slider--decrement";
+const disabled = "flow--slider--disabled";
+const styles = {
+	slider: slider,
+	text: text,
+	value: value,
+	track: track,
+	fill: fill,
+	initialMarker: initialMarker,
+	handle: handle,
+	increment: increment,
+	decrement: decrement,
+	disabled: disabled
+};
+
+export { decrement, styles as default, disabled, fill, handle, increment, initialMarker, slider, text, track, value };
+//# sourceMappingURL=Slider.module.scss.mjs.map

package/dist/js/components/src/components/Slider/Slider.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+
+const nonResolvingPromise = new Promise(
+  () => {
+  }
+);
+const NonResolvingLazy = lazy(() => nonResolvingPromise);
+const SuspenseTrigger = (props) => {
+  const { show = true } = props;
+  return show ? /* @__PURE__ */ jsx(NonResolvingLazy, {}) : null;
+};
+
+export { SuspenseTrigger, SuspenseTrigger as default };
+//# sourceMappingURL=SuspenseTrigger.mjs.map

package/dist/js/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n  show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n  () => {\n    // no resolve\n  },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n  const { show = true } = props;\n  return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA,EAEN;AACF,CAAA;AAEA,MAAM,gBAAA,GAAmB,IAAA,CAAK,MAAM,mBAAmB,CAAA;AAEhD,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,OAAO,IAAA,mBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,GAAK,IAAA;AACvC;;;;"}

package/dist/js/components/src/components/Switch/Switch.mjs

@@ -0,0 +1,57 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Switch.module.scss.mjs';
+import clsx from 'clsx';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import styles$1 from '../Label/Label.module.scss.mjs';
+import { useObjectRef } from 'react-aria';
+
+const Switch = flowComponent("Switch", (props) => {
+  const {
+    children,
+    className,
+    labelPosition = "trailing",
+    ref,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.switch,
+    className,
+    styles[`label-${labelPosition}`]
+  );
+  const objectRef = useObjectRef(ref);
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldPropsContext,
+    fieldProps
+  } = useFieldComponent(props);
+  const propsContext = {
+    ...fieldPropsContext,
+    Label: {
+      ...fieldPropsContext.Label,
+      optional: false
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ...fieldProps, children: [
+    /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, inputRef: objectRef, children: ({ isSelected }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.track, children: /* @__PURE__ */ jsx("div", { className: styles.handle, children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" }) }) }),
+      /* @__PURE__ */ jsx("div", { className: styles$1.label, children })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(FieldErrorView, {})
+  ] });
+});
+
+export { Switch, Switch as default };
+//# sourceMappingURL=Switch.mjs.map

package/dist/js/components/src/components/Switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n  extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n    FlowComponentProps<HTMLInputElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    className,\n    styles[`label-${labelPosition}`],\n  );\n\n  const objectRef = useObjectRef(ref);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      ...fieldPropsContext.Label,\n      optional: false,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n          {({ isSelected }) => (\n            <PropsContextProvider props={propsContext}>\n              <div className={styles.track}>\n                <div className={styles.handle}>\n                  {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n                </div>\n              </div>\n              <div className={labelStyles.label}>{children}</div>\n            </PropsContextProvider>\n          )}\n        </Aria.Switch>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Switch;\n"],"names":["labelStyles"],"mappings":";;;;;;;;;;;;;;;;;AAuBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,iBAAA,CAAkB,KAAA;AAAA,MACrB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EAAa,GAAG,MAAM,SAAA,EAAW,aAAA,EAAe,QAAA,EAAU,SAAA,EACxD,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAY,OAAQ,QAAA,EAAS;AAAA,KAAA,EAC/C,GAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Switch/Switch.module.scss.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const track = "flow--switch--track";
+const handle = "flow--switch--handle";
+const styles = {
+	"switch": "flow--switch",
+	"label-leading": "flow--switch--label-leading",
+	track: track,
+	handle: handle
+};
+
+export { styles as default, handle, track };
+//# sourceMappingURL=Switch.module.scss.mjs.map

package/dist/js/components/src/components/Switch/Switch.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/js/components/src/components/Table/Table.mjs

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './Table.module.scss.mjs';
+
+const Table = (props) => {
+  const { children, className, verticalAlign = "top", ...rest } = props;
+  const rootClassName = clsx(
+    styles.table,
+    styles[`vertical-align-${verticalAlign}`],
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { className: styles.tableContainer, children: /* @__PURE__ */ jsx(Aria.Table, { className: rootClassName, ...rest, children }) });
+};
+
+export { Table, Table as default };
+//# sourceMappingURL=Table.mjs.map

package/dist/js/components/src/components/Table/Table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","sources":["../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    styles[`vertical-align-${verticalAlign}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <Aria.Table className={rootClassName} {...rest}>\n        {children}\n      </Aria.Table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,gBAAgB,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,MAAA,CAAO,CAAA,eAAA,EAAkB,aAAa,CAAA,CAAE,CAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACvC,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Table/Table.module.scss.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+const tableContainer = "flow--table--table-container";
+const table = "flow--table";
+const column = "flow--table--column";
+const cell = "flow--table--cell";
+const header = "flow--table--header";
+const body = "flow--table--body";
+const row = "flow--table--row";
+const footer = "flow--table--footer";
+const styles = {
+	tableContainer: tableContainer,
+	table: table,
+	column: column,
+	cell: cell,
+	"horizontal-align-center": "flow--table--horizontal-align-center",
+	"horizontal-align-end": "flow--table--horizontal-align-end",
+	header: header,
+	body: body,
+	row: row,
+	footer: footer,
+	"vertical-align-middle": "flow--table--vertical-align-middle"
+};
+
+export { body, cell, column, styles as default, footer, header, row, table, tableContainer };
+//# sourceMappingURL=Table.module.scss.mjs.map

package/dist/js/components/src/components/Table/Table.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/Table/components/TableBody/TableBody.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+
+const TableBody = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.body, className);
+  return /* @__PURE__ */ jsx(Aria.TableBody, { className: rootClassName, ...rest, children });
+};
+
+export { TableBody, TableBody as default };
+//# sourceMappingURL=TableBody.mjs.map

package/dist/js/components/src/components/Table/components/TableBody/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.body, className);\n\n  return (\n    <Aria.TableBody className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableBody>\n  );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,WAAW,aAAA,EAAgB,GAAG,MAC3C,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Table/components/TableCell/TableCell.mjs

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Suspense } from 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from '../../Table.module.scss.mjs';
+import { SkeletonText } from '../../../SkeletonText/SkeletonText.mjs';
+import { TableColumn } from '../TableColumn/TableColumn.mjs';
+
+const TableCell = (props) => {
+  const {
+    children,
+    className,
+    rowHeader,
+    horizontalAlign = "start",
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.cell,
+    styles[`horizontal-align-${horizontalAlign}`],
+    className
+  );
+  const content = /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonText, { width: "100px" }), children });
+  if (rowHeader) {
+    return /* @__PURE__ */ jsx(TableColumn, { className: rootClassName, ...rest, children: content });
+  }
+  return /* @__PURE__ */ jsx(Aria.Cell, { className: rootClassName, ...rest, children: content });
+};
+
+export { TableCell, TableCell as default };
+//# sourceMappingURL=TableCell.mjs.map