@mittwald/flow-react-components 0.2.0-alpha.51 → 0.2.0-alpha.53

package/dist/js/components/Message/Message.mjs

@@ -7,14 +7,11 @@ import styles from './Message.module.scss.mjs';
 import '@tabler/icons-react';
 import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconContextMenu } from '../Icon/components/icons/IconContextMenu.mjs';
 
-const Message = (props) => {
+const Message = flowComponent("Message", (props) => {
   const { type = "responder", children, className } = props;
   const rootClassName = clsx(styles.message, styles[type], className);
   const propsContext = {
@@ -43,7 +40,7 @@ const Message = (props) => {
     }
   };
   return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("article", { className: rootClassName, children }) });
-};
+});
 
 export { Message, Message as default };
 //# sourceMappingURL=Message.mjs.map

package/dist/js/components/Message/Message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\n\nexport interface MessageProps extends PropsWithChildren, PropsWithClassName {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Message: FC<MessageProps> = (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n};\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nexport interface MessageProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Message = flowComponent(\"Message\", (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n});\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/MessageThread/MessageThread.mjs

@@ -4,11 +4,25 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import clsx from 'clsx';
 import styles from './MessageThread.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
 
 const MessageThread = (props) => {
   const { children, className } = props;
   const rootClassName = clsx(styles.messageThread, className);
-  return /* @__PURE__ */ jsx("div", { className: rootClassName, children });
+  const propsContext = {
+    Message: {
+      className: dynamic((props2) => {
+        return clsx(
+          props2.className,
+          styles.message,
+          styles[props2.type ?? "responder"]
+        );
+      })
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
 };
 
 export { MessageThread };

package/dist/js/components/MessageThread/MessageThread.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.mjs","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./MessageThread.module.scss\";\n\nexport type MessageThreadProps = PropsWithChildren & PropsWithClassName;\n\nexport const MessageThread: FC<MessageThreadProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  return <div className={rootClassName}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;AAQa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAgB,QAAS,EAAA,CAAA;AAClD;;;;"}
+{"version":3,"file":"MessageThread.mjs","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./MessageThread.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\n\nexport type MessageThreadProps = PropsWithChildren & PropsWithClassName;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const MessageThread: FC<MessageThreadProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageThread, className);\n\n  const propsContext: PropsContext = {\n    Message: {\n      className: dynamic((props) => {\n        return clsx(\n          props.className,\n          styles.message,\n          styles[props.type ?? \"responder\"],\n        );\n      }),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n};\n"],"names":["props"],"mappings":";;;;;;;;AAiBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA;AAAA,UACLA,MAAM,CAAA,SAAA;AAAA,UACN,MAAO,CAAA,OAAA;AAAA,UACP,MAAA,CAAOA,MAAM,CAAA,IAAA,IAAQ,WAAW;AAAA,SAClC;AAAA,OACD;AAAA;AACH,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/MessageThread/MessageThread.module.scss.mjs

@@ -1,9 +1,15 @@
 "use client"
 /* */
 const messageThread = "flow--message-thread";
+const message = "flow--message-thread--message";
+const responder = "flow--message-thread--responder";
+const sender = "flow--message-thread--sender";
 const styles = {
-	messageThread: messageThread
+	messageThread: messageThread,
+	message: message,
+	responder: responder,
+	sender: sender
 };
 
-export { styles as default, messageThread };
+export { styles as default, message, messageThread, responder, sender };
 //# sourceMappingURL=MessageThread.module.scss.mjs.map

package/dist/js/components/MessageThread/MessageThread.module.scss.mjs.map

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

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

@@ -1,13 +1,36 @@
 "use client"
 /* */
-import 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-import 'mobx';
-import '@mittwald/react-use-promise';
-import 'remeda';
+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 { useSettings };
+export { SettingsProvider, useSettings };
 //# sourceMappingURL=SettingsProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport 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"],"names":[],"mappings":";;;;;;AAmBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAErD,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;;;;"}
+{"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"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAErD,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAEtC,MAAA,gBAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,EAAI,EAAA,GAAG,YAAe,GAAA,KAAA;AACxC,EAAM,MAAA,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,yBAAyB,gBAAiB,CAAA,MAAM,QAAQ,IAAK,EAAA,EAAG,EAAI,EAAA;AAAA,IACxE,QAAU,EAAA;AAAA,GACX,CAAA;AACD,EAAM,MAAA,cAAA,GAAiB,uBAAuB,GAAI,EAAA;AAClD,EAAA,MAAM,cAAiB,GAAA,MAAA,CAAO,OAAQ,CAAA,OAAA,EAAS,CAAA;AAE/C,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,MAAM,aAAc,CAAA,QAAA,CAAS,cAAc,CAAA;AAAA,IAC3C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAc,CAAA,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAU,GAAA,cAAA,CAAe,OAAQ,CAAA,IAAA,CAAK,YAAY;AAC/D,MAAM,MAAA,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,sBAAA,CAAuB,OAAQ,EAAA;AAAA,KAChC,CAAA;AAAA,GACH;AAEA,EAAA,SAAA,CAAU,MAAM,OAAQ,CAAA,qBAAqB,CAAG,EAAA,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAQ,CAAA,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAS,EAAA,CAAA;AAC3D;;;;"}

package/dist/js/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/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,YAAiB,KAAA,WAAA;AAE/C,MAAM,2BAAuD,CAAA;AAAA,EACjD,UAAA;AAAA,EAEV,YAAY,UAAoB,EAAA;AACrC,IAAA,IAAA,CAAK,UAAa,GAAA,UAAA;AAAA;AACpB,EAEA,MAAa,IAA8B,GAAA;AACzC,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,MAAM,UAAa,GAAA,YAAA,CAAa,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAA;AACvD,IAAA,IAAI,eAAe,IAAM,EAAA;AACvB,MAAA,OAAO,EAAC;AAAA;AAEV,IAAO,OAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA;AAC9B,EAEA,MAAa,MAAM,QAAuC,EAAA;AACxD,IAAA,IAAI,qBAAuB,EAAA;AACzB,MAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,UAAA,EAAY,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA;AAChE;AAEJ;;;;"}

package/dist/js/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/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":";;AAMa,MAAA,sBAAA,GAAyB,CACpC,OACoB,KAAA;AACpB,EAAA,QAAQ,QAAQ,IAAM;AAAA,IACpB,KAAK,QAAA;AACH,MAAA,OAAO,OAAQ,CAAA,KAAA;AAAA,IACjB,KAAK,cAAA;AACH,MAAO,OAAA,IAAI,2BAA4B,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA;AAG7D,EAAA,MAAM,IAAI,KAAA,CAAM,CAAgC,6BAAA,EAAA,OAAO,CAAE,CAAA,CAAA;AAC3D;;;;"}

package/dist/js/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(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/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(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,iBAAkB,CAAA;AAAA,EACb,QAAA;AAAA,EAET,WAAY,CAAA,QAAA,GAAW,IAAI,aAAA,EAAkC,EAAA;AAClE,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA;AAChB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,EAEO,GAAA,CACL,UACA,EAAA,MAAA,EACA,KACA,EAAA;AACA,IAAK,IAAA,CAAA,QAAA,CAAS,IAAI,UAAY,EAAA,MAAA,CAAO,MAAM,IAAK,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA;AACzD,EAEO,GAAA,CAAyB,YAAoB,MAAuB,EAAA;AACzE,IAAA,OAAO,OAAO,KAAM,CAAA,IAAA,CAAK,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,CAAA;AAAA;AACnD,EAEO,MAAM,UAAoB,EAAA;AAC/B,IAAK,IAAA,CAAA,QAAA,CAAS,OAAO,UAAU,CAAA;AAAA;AACjC,EAEA,IAAW,MAAgC,GAAA;AACzC,IAAO,OAAA,SAAA,CAAU,eAAgB,CAAA,IAAA,CAAK,QAAQ,CAAA,EAAG,CAAC,CAAM,KAAA,IAAA,CAAK,SAAU,CAAA,CAAC,CAAC,CAAA;AAAA;AAC3E,EAEA,OAAc,SAAS,IAA6B,EAAA;AAClD,IAAA,OAAO,IAAI,iBAAA;AAAA,MACT,IAAI,aAAA;AAAA,QACF,SAAA,CAAU,IAAM,EAAA,CAAC,CAAO,KAAA,OAAO,CAAM,KAAA,QAAA,GAAW,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,GAAI,CAAE;AAAA;AACpE,KACF;AAAA;AAEJ;;;;"}

package/dist/js/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/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,aAAc,CAAA;AAAA,EACT,iBAAA;AAAA,EAKT,WACL,CAAA,QAAA,GAAW,IAAI,aAAA,EACf,EAAA;AACA,IAAA,IAAA,CAAK,iBAAoB,GAAA,QAAA;AACzB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,EAEO,GACL,CAAA,aAAA,EACA,UACA,EAAA,MAAA,EACA,KACA,EAAA;AACA,IAAA,MAAM,WACJ,IAAK,CAAA,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAkB,EAAA;AACrE,IAAS,QAAA,CAAA,GAAA,CAAI,UAAY,EAAA,MAAA,EAAQ,KAAK,CAAA;AACtC,IAAK,IAAA,CAAA,iBAAA,CAAkB,GAAI,CAAA,aAAA,EAAe,QAAQ,CAAA;AAAA;AACpD,EAEO,GAAA,CACL,aACA,EAAA,UAAA,EACA,MACY,EAAA;AACZ,IAAA,MAAM,WACJ,IAAK,CAAA,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAkB,EAAA;AACrE,IAAO,OAAA,QAAA,CAAS,GAAI,CAAA,UAAA,EAAY,MAAM,CAAA;AAAA;AACxC,EAEO,KAAA,CAAM,eAAkC,UAAoB,EAAA;AACjE,IAAA,IAAA,CAAK,iBAAkB,CAAA,GAAA,CAAI,aAAa,CAAA,EAAG,MAAM,UAAU,CAAA;AAAA;AAC7D,EAEA,IAAW,MAAS,GAAA;AAClB,IAAO,OAAA,SAAA,CAAU,gBAAgB,IAAK,CAAA,iBAAiB,GAAG,CAAC,CAAA,KAAM,EAAE,MAAM,CAAA;AAAA;AAC3E,EAEA,OAAc,SAAS,IAAoB,EAAA;AACzC,IAAM,MAAA,QAAA,GAAW,UAAU,IAAM,EAAA,CAAC,MAAM,iBAAkB,CAAA,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,OAAO,IAAI,aAAA,CAAc,IAAI,aAAA,CAAc,QAAQ,CAAC,CAAA;AAAA;AAExD;;;;"}

package/dist/js/components/propTypes/index.mjs

@@ -39,6 +39,7 @@ const propsContextSupportingComponentsMap = {
   List: true,
   ListSummary: true,
   MenuItem: true,
+  Message: true,
   Modal: true,
   ModalTrigger: true,
   NumberField: true,

package/dist/js/components/propTypes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  Align: AlignProps;\n  Avatar: AvatarProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileField: FileFieldProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  Icon: IconProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListSummary: ListSummaryProps;\n  MenuItem: MenuItemProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  Action: true,\n  ActionGroup: true,\n  Avatar: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  Align: true,\n  Badge: true,\n  Button: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileField: true,\n  Header: true,\n  Heading: true,\n  Icon: true,\n  Image: true,\n  Initials: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  Link: true,\n  List: true,\n  ListSummary: true,\n  MenuItem: true,\n  Modal: true,\n  ModalTrigger: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Popover: true,\n  PopoverTrigger: true,\n  RadioButton: true,\n  RadioGroup: true,\n  SearchField: true,\n  Section: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AAuIA,MAAM,mCAGF,GAAA;AAAA,EACF,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  Align: AlignProps;\n  Avatar: AvatarProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileField: FileFieldProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  Icon: IconProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListSummary: ListSummaryProps;\n  MenuItem: MenuItemProps;\n  Message: MessageProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  Action: true,\n  ActionGroup: true,\n  Avatar: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  Align: true,\n  Badge: true,\n  Button: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileField: true,\n  Header: true,\n  Heading: true,\n  Icon: true,\n  Image: true,\n  Initials: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  Link: true,\n  List: true,\n  ListSummary: true,\n  MenuItem: true,\n  Message: true,\n  Modal: true,\n  ModalTrigger: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Popover: true,\n  PopoverTrigger: true,\n  RadioButton: true,\n  RadioGroup: true,\n  SearchField: true,\n  Section: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AAyIA,MAAM,mCAGF,GAAA;AAAA,EACF,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}

package/dist/js/flr-universal.mjs

@@ -104,7 +104,6 @@ export { IconView } from './components/Icon/components/icons/IconView.mjs';
 export { IconVhost } from './components/Icon/components/icons/IconVhost.mjs';
 export { IconWarning } from './components/Icon/components/icons/IconWarning.mjs';
 export { IconMittwald } from './components/Icon/components/icons/IconMittwald.mjs';
-export { Action } from './components/Action/Action.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -121,6 +120,7 @@ export { useProps } from './lib/hooks/useProps.mjs';
 import 'react-aria';
 import '@chakra-ui/live-region';
 import './components/Activity/Activity.mjs';
+export { Action } from './components/Action/Action.mjs';
 import './components/Action/models/ActionStateContext.mjs';
 import 'object-code';
 import 'react-children-utilities';
@@ -133,7 +133,6 @@ export { useOverlayController } from './lib/controller/overlay/useOverlayControl
 export { ContextMenu } from './components/ContextMenu/ContextMenu.mjs';
 export { ContextMenuTrigger } from './components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
 import './lib/controller/overlay/context.mjs';
-import './components/Select/components/CountryOptions/CountryOptions.mjs';
 import '@tabler/icons-react';
 import './components/Link/context.mjs';
 import '@react-aria/form';
@@ -149,6 +148,8 @@ export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTr
 import './components/NotificationProvider/NotificationProvider.mjs';
 import 'mobx';
 import 'luxon';
+import './components/Select/components/CountryOptions/CountryOptions.mjs';
+export { SettingsProvider } from './components/SettingsProvider/SettingsProvider.mjs';
 import 'use-callback-ref';
 import './components/Tabs/components/Tab/context.mjs';
 export { useOnChange } from './lib/hooks/useOnChange.mjs';

package/dist/js/flr-universal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/index.mjs

@@ -1,5 +1,5 @@
-export { Action } from './components/Action/Action.mjs';
 export { Accordion } from './components/Accordion/Accordion.mjs';
+export { Action } from './components/Action/Action.mjs';
 export { ActionGroup } from './components/ActionGroup/ActionGroup.mjs';
 export { Alert } from './components/Alert/Alert.mjs';
 export { AlertBadge } from './components/AlertBadge/AlertBadge.mjs';
@@ -26,14 +26,8 @@ export { ContextualHelp } from './components/ContextualHelp/ContextualHelp.mjs';
 export { ContextualHelpTrigger } from './components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs';
 export { CopyButton } from './components/CopyButton/CopyButton.mjs';
 export { CounterBadge } from './components/CounterBadge/CounterBadge.mjs';
-export { Select } from './components/Select/Select.mjs';
-export { CountryOptions } from './components/Select/components/CountryOptions/CountryOptions.mjs';
-export { sortByDachFirst } from './components/Select/components/CountryOptions/lib/sortBy.mjs';
 export { DatePicker } from './components/DatePicker/DatePicker.mjs';
 export { DateRangePicker } from './components/DateRangePicker/DateRangePicker.mjs';
-export { OverlayTrigger } from './components/OverlayTrigger/OverlayTrigger.mjs';
-export { DialogTrigger } from './components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs';
-export { MenuTrigger } from './components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
 export { Div } from './components/Div/Div.mjs';
 export { FieldDescription } from './components/FieldDescription/FieldDescription.mjs';
 export { FieldError } from './components/FieldError/FieldError.mjs';
@@ -176,10 +170,10 @@ export { ListSorting, TypedListSorting } from './components/List/setupComponents
 export { ListStaticData, TypedListStaticData } from './components/List/setupComponents/ListStaticData.mjs';
 export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.mjs';
 export { Markdown } from './components/Markdown/Markdown.mjs';
-export { Modal } from './components/Modal/Modal.mjs';
-export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTrigger.mjs';
 export { Message } from './components/Message/Message.mjs';
 export { MessageThread } from './components/MessageThread/MessageThread.mjs';
+export { Modal } from './components/Modal/Modal.mjs';
+export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTrigger.mjs';
 export { Navigation } from './components/Navigation/Navigation.mjs';
 export { NavigationGroup } from './components/Navigation/components/NavigationGroup/NavigationGroup.mjs';
 export { Notification } from './components/Notification/Notification.mjs';
@@ -189,6 +183,9 @@ export { NumberField } from './components/NumberField/NumberField.mjs';
 export { Option } from './components/Option/Option.mjs';
 export { Overlay } from './components/Overlay/Overlay.mjs';
 export { OverlayContent } from './components/Overlay/components/OverlayContent.mjs';
+export { OverlayTrigger } from './components/OverlayTrigger/OverlayTrigger.mjs';
+export { DialogTrigger } from './components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs';
+export { MenuTrigger } from './components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
 export { PopoverTrigger } from './components/Popover/components/PopoverTrigger/PopoverTrigger.mjs';
 export { PopoverContent } from './components/Popover/components/PopoverContent/PopoverContent.mjs';
 export { Popover } from './components/Popover/Popover.mjs';
@@ -200,14 +197,15 @@ export { SearchField } from './components/SearchField/SearchField.mjs';
 export { Section } from './components/Section/Section.mjs';
 export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.mjs';
 export { Segment } from './components/SegmentedControl/components/Segment/Segment.mjs';
+export { Select } from './components/Select/Select.mjs';
+export { CountryOptions } from './components/Select/components/CountryOptions/CountryOptions.mjs';
+export { sortByDachFirst } from './components/Select/components/CountryOptions/lib/sortBy.mjs';
 export { Separator } from './components/Separator/Separator.mjs';
+export { SettingsProvider } from './components/SettingsProvider/SettingsProvider.mjs';
 export { Skeleton } from './components/Skeleton/Skeleton.mjs';
 export { SkeletonText } from './components/SkeletonText/SkeletonText.mjs';
 export { Slider } from './components/Slider/Slider.mjs';
 export { Switch } from './components/Switch/Switch.mjs';
-export { Tabs } from './components/Tabs/Tabs.mjs';
-export { TabTitle } from './components/Tabs/components/TabTitle/TabTitle.mjs';
-export { Tab } from './components/Tabs/components/Tab/Tab.mjs';
 export { TableBody } from './components/Table/components/TableBody/TableBody.mjs';
 export { TableCell } from './components/Table/components/TableCell/TableCell.mjs';
 export { TableColumn } from './components/Table/components/TableColumn/TableColumn.mjs';
@@ -215,6 +213,9 @@ export { TableHeader } from './components/Table/components/TableHeader/TableHead
 export { TableRow } from './components/Table/components/TableRow/TableRow.mjs';
 export { TableFooterRow } from './components/Table/components/TableFooterRow/TableFooterRow.mjs';
 export { Table } from './components/Table/Table.mjs';
+export { Tabs } from './components/Tabs/Tabs.mjs';
+export { TabTitle } from './components/Tabs/components/TabTitle/TabTitle.mjs';
+export { Tab } from './components/Tabs/components/Tab/Tab.mjs';
 export { Text } from './components/Text/Text.mjs';
 export { TextArea } from './components/TextArea/TextArea.mjs';
 export { TextField } from './components/TextField/TextField.mjs';

package/dist/js/index.mjs.map

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

package/dist/js/lib/mobx/mobxMapToObject.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import 'mobx';
+
+const mobxMapToObject = (map) => Object.fromEntries(map.entries());
+
+export { mobxMapToObject };
+//# sourceMappingURL=mobxMapToObject.mjs.map

package/dist/js/lib/mobx/mobxMapToObject.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobxMapToObject.mjs","sources":["../../../../src/lib/mobx/mobxMapToObject.ts"],"sourcesContent":["import { type ObservableMap } from \"mobx\";\n\nexport const mobxMapToObject = <T>(\n  map: ObservableMap<string, T>,\n): Record<string, T> => Object.fromEntries(map.entries());\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,CAC7B,GAAA,KACsB,OAAO,WAAY,CAAA,GAAA,CAAI,SAAS;;;;"}

package/dist/types/components/List/typedList.d.ts

@@ -24,20 +24,20 @@ export declare const typedList: <T>() => {
     TableColumn: (ignoredProps: import('../Table').TableColumnProps) => null;
     TableBody: (ignoredProps: import('./model/table/types').TableBodyShape<T>) => null;
     TableRow: (ignoredProps: {
+        footer?: boolean | undefined;
+        style?: import('react').CSSProperties | ((values: import('react-aria-components').RowRenderProps & {
+            defaultStyle: import('react').CSSProperties;
+        }) => import('react').CSSProperties | undefined) | undefined;
         children?: import('react').ReactNode;
+        value?: undefined;
         className?: string | ((values: import('react-aria-components').RowRenderProps & {
             defaultClassName: string | undefined;
         }) => string) | undefined;
-        style?: import('react').CSSProperties | ((values: import('react-aria-components').RowRenderProps & {
-            defaultStyle: import('react').CSSProperties;
-        }) => import('react').CSSProperties | undefined) | undefined;
-        footer?: boolean | undefined;
         id?: import('react-aria').Key | undefined;
         target?: import('react').HTMLAttributeAnchorTarget | undefined;
         href?: import('@react-types/shared').Href | undefined;
         rel?: string | undefined;
         isDisabled?: boolean | undefined;
-        value?: undefined;
         onHoverStart?: ((e: import('react-aria').HoverEvent) => void) | undefined;
         onHoverEnd?: ((e: import('react-aria').HoverEvent) => void) | undefined;
         onHoverChange?: ((isHovering: boolean) => void) | undefined;
@@ -54,14 +54,14 @@ export declare const typedList: <T>() => {
         children: import('.').RenderItemFn<T>;
     }) => null;
     Table: (ignoredProps: {
+        slot?: string | null | undefined;
+        style?: import('react').CSSProperties | ((values: import('react-aria-components').TableRenderProps & {
+            defaultStyle: import('react').CSSProperties;
+        }) => import('react').CSSProperties | undefined) | undefined;
         children?: import('react').ReactNode;
         className?: string | ((values: import('react-aria-components').TableRenderProps & {
             defaultClassName: string | undefined;
         }) => string) | undefined;
-        style?: import('react').CSSProperties | ((values: import('react-aria-components').TableRenderProps & {
-            defaultStyle: import('react').CSSProperties;
-        }) => import('react').CSSProperties | undefined) | undefined;
-        slot?: string | null | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-label'?: string | undefined;

package/dist/types/components/Message/Message.d.ts

@@ -1,6 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
-export interface MessageProps extends PropsWithChildren, PropsWithClassName {
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+export interface MessageProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps {
     /** Determines the color and orientation of the message. @default "responder" */
     type?: "responder" | "sender";
 }
@@ -8,6 +9,6 @@ export interface MessageProps extends PropsWithChildren, PropsWithClassName {
  * @flr-generate all
  * @flr-clear-props-context
  */
-export declare const Message: FC<MessageProps>;
+export declare const Message: React.FunctionComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
 export default Message;
 //# sourceMappingURL=Message.d.ts.map

package/dist/types/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,kBAAkB;IACzE,gFAAgF;IAChF,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoCpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAC9C,MAAM,WAAW,YACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB;IACpB,gFAAgF;IAChF,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,6EAoClB,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/types/components/MessageThread/MessageThread.d.ts

@@ -1,5 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
 export type MessageThreadProps = PropsWithChildren & PropsWithClassName;
+/**
+ * @flr-generate all
+ * @flr-clear-props-context
+ */
 export declare const MessageThread: FC<MessageThreadProps>;
 //# sourceMappingURL=MessageThread.d.ts.map

package/dist/types/components/MessageThread/MessageThread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAExE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAMhD,CAAC"}
+{"version":3,"file":"MessageThread.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAS5D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsBhD,CAAC"}

package/dist/types/components/MessageThread/view.d.ts

@@ -0,0 +1,8 @@
+import { MessageThread } from './MessageThread';
+import { ViewComponent } from '../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        MessageThread: ViewComponent<typeof MessageThread>;
+    }
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/types/components/MessageThread/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageThread/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,aAAa,CAAC,CAAC;KACpD;CACF"}