@mittwald/flow-react-components 0.2.0-alpha.61 → 0.2.0-alpha.610

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface SelectProps\n  extends PropsWithChildren<\n      Omit<Aria.SelectProps, \"children\" | \"className\" | \"ref\">\n    >,\n    FlowComponentProps<HTMLButtonElement>,\n    PropsWithClassName {\n  /** Handler that is called when the selected value changes. */\n  onChange?: (value: Key | null) => void;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n  const {\n    children,\n    className,\n    onChange,\n    onSelectionChange,\n    isReadOnly,\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(\n    styles.select,\n    formFieldStyles.formField,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Option: {\n      tunnelId: \"options\",\n    },\n    ...fieldPropsContext,\n  };\n\n  const controller = useOverlayController(\"Select\", {\n    reuseControllerFromContext: false,\n  });\n  const isOpen = controller.useIsOpen();\n\n  return (\n    <Aria.Select\n      {...rest}\n      {...fieldProps}\n      className={clsx(rootClassName, fieldProps.className)}\n      onChange={(value) => {\n        if (!isReadOnly) {\n          onChange?.(value);\n          onSelectionChange?.(value);\n        }\n      }}\n      onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      data-readonly={isReadOnly}\n    >\n      <TunnelProvider>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider props={propsContext}>\n            <Aria.Button\n              data-readonly={isReadOnly}\n              className={styles.toggle}\n              ref={ref}\n            >\n              <Aria.SelectValue />\n              <IconChevronDown />\n            </Aria.Button>\n            {children}\n            <Options controller={controller}>\n              <TunnelExit id=\"options\" />\n            </Options>\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </TunnelProvider>\n    </Aria.Select>\n  );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;;AA8BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,eAAA,CAAgB,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,UAAA,GAAa,qBAAqB,QAAA,EAAU;AAAA,IAChD,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AACD,EAAA,MAAM,MAAA,GAAS,WAAW,SAAA,EAAU;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,SAAA,EAAW,IAAA,CAAK,aAAA,EAAe,UAAA,CAAW,SAAS,CAAA;AAAA,MACnD,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,QAAA,IAAI,CAAC,UAAA,EAAY;AACf,UAAA,QAAA,GAAW,KAAK,CAAA;AAChB,UAAA,iBAAA,GAAoB,KAAK,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,cAAc,CAACA,OAAAA,KAAW,CAAC,UAAA,IAAc,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MAClE,MAAA;AAAA,MACA,eAAA,EAAe,UAAA;AAAA,MAEf,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,IAAA,CAAK,MAAA;AAAA,YAAL;AAAA,cACC,eAAA,EAAe,UAAA;AAAA,cACf,WAAW,MAAA,CAAO,MAAA;AAAA,cAClB,GAAA;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,oCACjB,eAAA,EAAA,EAAgB;AAAA;AAAA;AAAA,WACnB;AAAA,UACC,QAAA;AAAA,8BACA,OAAA,EAAA,EAAQ,UAAA,EACP,8BAAC,UAAA,EAAA,EAAW,EAAA,EAAG,WAAU,CAAA,EAC3B;AAAA,SAAA,EACF,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.mjs","sources":["../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Omit<Aria.SeparatorProps, \"orientation\">;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const rootClassName = clsx(styles.separator, className);\n\n  return (\n    <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n  );\n};\n\nexport default Separator;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,aAAY,IAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAEzE;;;;"}

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

@@ -0,0 +1,36 @@
+"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, id, ...storeShape } = props;
+  const backend = settingsBackendFactory(storeShape);
+  const storedSettingsResource = getAsyncResource(() => backend.load(), [], {
+    loaderId: id
+  });
+  const storedSettings = storedSettingsResource.use();
+  const storingPromise = useRef(Promise.resolve());
+  const settingsStore = useMemo(
+    () => SettingsStore.fromJson(storedSettings),
+    [id]
+  );
+  const watchAndStoreSettings = () => {
+    const json = settingsStore.asJson;
+    storingPromise.current = storingPromise.current.then(async () => {
+      await backend.store(json);
+      storedSettingsResource.refresh();
+    });
+  };
+  useEffect(() => autorun(watchAndStoreSettings), [id]);
+  return /* @__PURE__ */ jsx(context.Provider, { value: settingsStore, children });
+};
+
+export { SettingsProvider, SettingsProvider as default, useSettings };
+//# sourceMappingURL=SettingsProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  };\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, id, ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const storedSettingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const storedSettings = storedSettingsResource.use();\n  const storingPromise = useRef(Promise.resolve());\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(storedSettings),\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      storedSettingsResource.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":";;;;;;;AAmBA,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,EAAA,EAAI,GAAG,YAAW,GAAI,KAAA;AACxC,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,yBAAyB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IACxE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,uBAAuB,GAAA,EAAI;AAClD,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,cAAc,CAAA;AAAA,IAC3C,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,sBAAA,CAAuB,OAAA,EAAQ;AAAA,IACjC,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;;;;"}

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.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.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.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/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/Slider/Slider.mjs

@@ -0,0 +1,138 @@
+"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 { TunnelProvider, 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,
+    FieldErrorCaptureContext,
+    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__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { 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
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__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, TunnelProvider } 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 {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    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        <TunnelProvider>\n          <PropsContextProvider props={propsContext}>\n            <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n\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            <FieldErrorView />\n          </PropsContextProvider>\n        </TunnelProvider>\n      </Aria.Slider>\n    </div>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":"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"}

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/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.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/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.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table/components/TableColumn/TableColumn\";\n\nexport interface TableCellProps\n  extends Omit<Aria.CellProps, \"children\" | \"style\">,\n    PropsWithChildren {\n  /** Use cell as row header */\n  rowHeader?: boolean;\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n  const {\n    children,\n    className,\n    rowHeader,\n    horizontalAlign = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.cell,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const content = (\n    <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n  );\n\n  if (rowHeader) {\n    return (\n      <TableColumn className={rootClassName} {...rest}>\n        {content}\n      </TableColumn>\n    );\n  }\n\n  return (\n    <Aria.Cell className={rootClassName} {...rest}>\n      {content}\n    </Aria.Cell>\n  );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,OAAA;AAAA,IAClB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,IAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,OAAA,uBACH,QAAA,EAAA,EAAS,QAAA,sBAAW,YAAA,EAAA,EAAa,KAAA,EAAM,OAAA,EAAQ,CAAA,EAAK,QAAA,EAAS,CAAA;AAGhE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,2BACG,WAAA,EAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,MACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,WAAW,aAAA,EAAgB,GAAG,MACtC,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,23 @@
+"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';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const TableColumn = (props) => {
+  const { children, className, horizontalAlign = "start", ...rest } = props;
+  const rootClassName = clsx(
+    styles.column,
+    styles[`horizontal-align-${horizontalAlign}`],
+    className
+  );
+  const propsContext = { Checkbox: { slot: null } };
+  return /* @__PURE__ */ jsx(Aria.Column, { isRowHeader: true, className: rootClassName, ...rest, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+};
+
+export { TableColumn, TableColumn as default };
+//# sourceMappingURL=TableColumn.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">,\n    PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,kBAAkB,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AACpE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAK,EAAE;AAE9D,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,MAAA,EAAL,EAAY,aAAW,IAAA,EAAC,SAAA,EAAW,aAAA,EAAgB,GAAG,MACrD,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterRow.mjs","sources":["../../../../../../../../src/components/Table/components/TableFooterRow/TableFooterRow.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { TableRowProps } from \"../TableRow\";\nimport { TableRow } from \"../TableRow\";\n\nexport type TableFooterRowProps = TableRowProps;\n\n/** @flr-generate all */\nexport const TableFooterRow: FC<TableRowProps> = (props) => {\n  return <TableRow {...props} footer={true} />;\n};\n\nexport default TableFooterRow;\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,QAAQ,IAAA,EAAM,CAAA;AAC5C;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.mjs","sources":["../../../../../../../../src/components/Table/components/TableHeader/TableHeader.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 TableHeaderProps = Aria.TableHeaderProps<never>;\n\n/** @flr-generate all */\nexport const TableHeader: FC<TableHeaderProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.header, className);\n\n  return (\n    <Aria.TableHeader className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableHeader>\n  );\n};\n\nexport default TableHeader;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AAEnD,EAAA,uBACE,GAAA,CAAC,KAAK,WAAA,EAAL,EAAiB,WAAW,aAAA,EAAgB,GAAG,MAC7C,QAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","sources":["../../../../../../../../src/components/Table/components/TableRow/TableRow.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 TableRowProps = Aria.RowProps<never> & {\n  /** @internal */\n  footer?: boolean;\n};\n\n/** @flr-generate all */\nexport const TableRow: FC<TableRowProps> = (props) => {\n  const { children, className, footer, ...rest } = props;\n\n  return (\n    <Aria.Row\n      className={(props) =>\n        clsx(\n          styles.row,\n          footer && styles.footer,\n          typeof className === \"function\" ? className(props) : className,\n        )\n      }\n      {...rest}\n    >\n      {children}\n    </Aria.Row>\n  );\n};\n\nexport default TableRow;\n"],"names":["props"],"mappings":";;;;;;AAYO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,GAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,CAACA,MAAAA,KACV,IAAA;AAAA,QACE,MAAA,CAAO,GAAA;AAAA,QACP,UAAU,MAAA,CAAO,MAAA;AAAA,QACjB,OAAO,SAAA,KAAc,UAAA,GAAa,SAAA,CAAUA,MAAK,CAAA,GAAI;AAAA,OACvD;AAAA,MAED,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1,66 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TabList } from './components/TabList/TabList.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import clsx from 'clsx';
+import { useState } from 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Tabs.module.scss.mjs';
+
+const Tabs = flowComponent("Tabs", (props) => {
+  const {
+    children,
+    className,
+    defaultSelectedKey,
+    selectedKey,
+    disabledKeys,
+    ref,
+    onSelectionChange,
+    ...rest
+  } = props;
+  const rootClassName = clsx(styles.tabs, className);
+  const [selection, setSelection] = useState(
+    selectedKey ?? defaultSelectedKey
+  );
+  return /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+    children,
+    /* @__PURE__ */ jsxs(
+      Aria.Tabs,
+      {
+        slot: null,
+        className: rootClassName,
+        ...rest,
+        selectedKey: selection,
+        onSelectionChange: (key) => {
+          setSelection(key);
+          if (onSelectionChange) {
+            onSelectionChange(key);
+          }
+        },
+        disabledKeys,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            TabList,
+            {
+              selection,
+              onContextMenuSelectionChange: (key) => {
+                setSelection(key);
+                if (onSelectionChange) {
+                  onSelectionChange(key);
+                }
+              },
+              disabledKeys
+            }
+          ),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "Panels" })
+        ]
+      }
+    )
+  ] });
+});
+
+export { Tabs, Tabs as default };
+//# sourceMappingURL=Tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabList } from \"@/components/Tabs/components/TabList\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tabs.module.scss\";\n\nexport interface TabsProps\n  extends Omit<Aria.TabsProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Tabs = flowComponent(\"Tabs\", (props) => {\n  const {\n    children,\n    className,\n    defaultSelectedKey,\n    selectedKey,\n    disabledKeys,\n    ref,\n    onSelectionChange,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.tabs, className);\n  const [selection, setSelection] = useState<Aria.Key | undefined>(\n    selectedKey ?? defaultSelectedKey,\n  );\n\n  return (\n    <TunnelProvider>\n      {children}\n      <Aria.Tabs\n        slot={null}\n        className={rootClassName}\n        {...rest}\n        selectedKey={selection}\n        onSelectionChange={(key) => {\n          setSelection(key);\n          if (onSelectionChange) {\n            onSelectionChange(key);\n          }\n        }}\n        disabledKeys={disabledKeys}\n        ref={ref}\n      >\n        <TabList\n          selection={selection}\n          onContextMenuSelectionChange={(key) => {\n            setSelection(key);\n            if (onSelectionChange) {\n              onSelectionChange(key);\n            }\n          }}\n          disabledKeys={disabledKeys}\n        />\n        <TunnelExit id=\"Panels\" />\n      </Aria.Tabs>\n    </TunnelProvider>\n  );\n});\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AACjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA;AAAA,IAChC,WAAA,IAAe;AAAA,GACjB;AAEA,EAAA,4BACG,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,IAAA;AAAA,MAAC,IAAA,CAAK,IAAA;AAAA,MAAL;AAAA,QACC,IAAA,EAAM,IAAA;AAAA,QACN,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QACJ,WAAA,EAAa,SAAA;AAAA,QACb,iBAAA,EAAmB,CAAC,GAAA,KAAQ;AAC1B,UAAA,YAAA,CAAa,GAAG,CAAA;AAChB,UAAA,IAAI,iBAAA,EAAmB;AACrB,YAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,UACvB;AAAA,QACF,CAAA;AAAA,QACA,YAAA;AAAA,QACA,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA;AAAA,cACA,4BAAA,EAA8B,CAAC,GAAA,KAAQ;AACrC,gBAAA,YAAA,CAAa,GAAG,CAAA;AAChB,gBAAA,IAAI,iBAAA,EAAmB;AACrB,kBAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,gBACvB;AAAA,cACF,CAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA;AAAA;AAC1B,GAAA,EACF,CAAA;AAEJ,CAAC;;;;"}