@mittwald/flow-react-components 0.2.0-alpha.9 → 0.2.0-alpha.91

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

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import clsx from 'clsx';
+import styles from './Message.module.scss.mjs';
+import '@tabler/icons-react';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconContextMenu } from '../Icon/components/icons/IconContextMenu.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+
+const Message = flowComponent("Message", (props) => {
+  const { type = "responder", children, className } = props;
+  const rootClassName = clsx(styles.message, styles[type], className);
+  const propsContext = {
+    Content: { className: styles.content },
+    Header: {
+      className: styles.header,
+      Button: {
+        className: styles.action,
+        size: "s",
+        variant: "plain",
+        color: "secondary"
+      },
+      ContextMenuTrigger: {
+        Button: {
+          className: styles.action,
+          size: "s",
+          variant: "plain",
+          color: "secondary",
+          children: /* @__PURE__ */ jsx(IconContextMenu, {})
+        }
+      },
+      Text: { className: styles.date },
+      Align: {
+        className: styles.user
+      }
+    }
+  };
+  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

@@ -0,0 +1 @@
+{"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/Message/Message.module.scss.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+const message = "flow--message";
+const content = "flow--message--content";
+const sender = "flow--message--sender";
+const header = "flow--message--header";
+const user = "flow--message--user";
+const date = "flow--message--date";
+const action = "flow--message--action";
+const styles = {
+	message: message,
+	content: content,
+	sender: sender,
+	header: header,
+	user: user,
+	date: date,
+	action: action
+};
+
+export { action, content, date, styles as default, header, message, sender, user };
+//# sourceMappingURL=Message.module.scss.mjs.map

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

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

package/dist/js/components/MessageSeparator/MessageSeparator.mjs

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from './MessageSeparator.module.scss.mjs';
+import 'react';
+import clsx from 'clsx';
+import { Separator } from '../Separator/Separator.mjs';
+import { Content } from '../Content/Content.mjs';
+
+const MessageSeparator = (props) => {
+  const { children, className } = props;
+  const rootClassName = clsx(styles.messageSeparator, className);
+  return /* @__PURE__ */ jsxs("span", { className: rootClassName, children: [
+    /* @__PURE__ */ jsx(Separator, { className: styles.separator }),
+    /* @__PURE__ */ jsx(Content, { className: styles.content, children })
+  ] });
+};
+
+export { MessageSeparator };
+//# sourceMappingURL=MessageSeparator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.mjs","sources":["../../../../src/components/MessageSeparator/MessageSeparator.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./MessageSeparator.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { Separator } from \"@/components/Separator\";\nimport { Content } from \"@/components/Content\";\n\nexport interface MessageSeparatorProps\n  extends PropsWithChildren,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const MessageSeparator: FC<MessageSeparatorProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.messageSeparator, className);\n\n  return (\n    <span className={rootClassName}>\n      <Separator className={styles.separator} />\n      <Content className={styles.content}>{children}</Content>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAaa,MAAA,gBAAA,GAA8C,CAAC,KAAU,KAAA;AACpE,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EACE,uBAAA,IAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,aACf,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,SAAW,EAAA,CAAA;AAAA,oBACvC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,SAAU,QAAS,EAAA;AAAA,GAChD,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const messageSeparator = "flow--message-separator";
+const separator = "flow--message-separator--separator";
+const content = "flow--message-separator--content";
+const styles = {
+	messageSeparator: messageSeparator,
+	separator: separator,
+	content: content
+};
+
+export { content, styles as default, messageSeparator, separator };
+//# sourceMappingURL=MessageSeparator.module.scss.mjs.map

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

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

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

@@ -0,0 +1,31 @@
+"use client"
+/* */
+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 '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const MessageThread = flowComponent("MessageThread", (props) => {
+  const { children, className } = props;
+  const rootClassName = clsx(styles.messageThread, className);
+  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 };
+//# sourceMappingURL=MessageThread.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageThread.mjs","sources":["../../../../src/components/MessageThread/MessageThread.tsx"],"sourcesContent":["import type { 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\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type MessageThreadProps = PropsWithChildren &\n  PropsWithClassName &\n  FlowComponentProps;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const MessageThread = flowComponent(\"MessageThread\", (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":";;;;;;;;;;AAuBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,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,CAAC;;;;"}

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

@@ -0,0 +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,
+	message: message,
+	responder: responder,
+	sender: sender
+};
+
+export { styles as default, message, messageThread, responder, sender };
+//# sourceMappingURL=MessageThread.module.scss.mjs.map

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

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

package/dist/js/components/Modal/Modal.mjs

@@ -0,0 +1,86 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import styles from './Modal.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Overlay } from '../Overlay/Overlay.mjs';
+import { Action } from '../Action/Action.mjs';
+import '@tabler/icons-react';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import HeaderView from '../../views/HeaderView.mjs';
+import ButtonView from '../../views/ButtonView.mjs';
+
+const Modal = flowComponent(
+  "Modal",
+  (props) => {
+    const {
+      size = "s",
+      offCanvas,
+      controller,
+      children,
+      ref,
+      className,
+      offCanvasOrientation = "right",
+      ...rest
+    } = props;
+    const rootClassName = clsx(
+      offCanvas ? styles.offCanvas : styles.modal,
+      styles[`size-${size}`],
+      styles[offCanvasOrientation],
+      className
+    );
+    const propsContext = {
+      Content: {
+        className: styles.content,
+        Section: {
+          Heading: {
+            level: 3
+          }
+        }
+      },
+      Heading: {
+        level: 2,
+        slot: "title",
+        tunnelId: "heading"
+      },
+      ActionGroup: {
+        className: styles.actionGroup,
+        spacing: "m"
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Overlay,
+      {
+        className: rootClassName,
+        controller,
+        ref,
+        ...rest,
+        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+          /* @__PURE__ */ jsxs(HeaderView, { className: styles.header, children: [
+            /* @__PURE__ */ jsx(TunnelExit, { id: "heading" }),
+            /* @__PURE__ */ jsx(Action, { closeOverlay: "Modal", children: /* @__PURE__ */ jsx(
+              ButtonView,
+              {
+                variant: "plain",
+                color: "secondary",
+                className: styles.closeButton,
+                onPress: controller?.close,
+                children: /* @__PURE__ */ jsx(IconClose, {})
+              }
+            ) })
+          ] }),
+          children
+        ] }) })
+      }
+    );
+  }
+);
+
+export { Modal, Modal as default };
+//# sourceMappingURL=Modal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport HeaderView from \"@/views/HeaderView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface ModalProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n}\n\nexport const Modal = flowComponent<\"Modal\", HTMLDivElement>(\n  \"Modal\",\n  (props) => {\n    const {\n      size = \"s\",\n      offCanvas,\n      controller,\n      children,\n      ref,\n      className,\n      offCanvasOrientation = \"right\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      offCanvas ? styles.offCanvas : styles.modal,\n      styles[`size-${size}`],\n      styles[offCanvasOrientation],\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Content: {\n        className: styles.content,\n        Section: {\n          Heading: {\n            level: 3,\n          },\n        },\n      },\n      Heading: {\n        level: 2,\n        slot: \"title\",\n        tunnelId: \"heading\",\n      },\n      ActionGroup: {\n        className: styles.actionGroup,\n        spacing: \"m\",\n      },\n    };\n\n    return (\n      <Overlay\n        className={rootClassName}\n        controller={controller}\n        ref={ref}\n        {...rest}\n      >\n        <PropsContextProvider props={propsContext}>\n          <TunnelProvider>\n            <HeaderView className={styles.header}>\n              <TunnelExit id=\"heading\" />\n              <Action closeOverlay=\"Modal\">\n                <ButtonView\n                  variant=\"plain\"\n                  color=\"secondary\"\n                  className={styles.closeButton}\n                  onPress={controller?.close}\n                >\n                  <IconClose />\n                </ButtonView>\n              </Action>\n            </HeaderView>\n            {children}\n          </TunnelProvider>\n        </PropsContextProvider>\n      </Overlay>\n    );\n  },\n);\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyCO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,oBAAuB,GAAA,OAAA;AAAA,MACvB,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,SAAA,GAAY,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,KAAA;AAAA,MACtC,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,OAAO,oBAAoB,CAAA;AAAA,MAC3B;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA,OAAA;AAAA,QAClB,OAAS,EAAA;AAAA,UACP,OAAS,EAAA;AAAA,YACP,KAAO,EAAA;AAAA;AACT;AACF,OACF;AAAA,MACA,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,IAAM,EAAA,OAAA;AAAA,QACN,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,WAAa,EAAA;AAAA,QACX,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,OAAS,EAAA;AAAA;AACX,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,UAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,MAC5B,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,IAAG,SAAU,EAAA,CAAA;AAAA,4BACzB,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAa,OACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBACN,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,SAAS,UAAY,EAAA,KAAA;AAAA,gBAErB,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,aAEf,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,UACC;AAAA,SAAA,EACH,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

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

@@ -0,0 +1,25 @@
+"use client"
+/* */
+const modal = "flow--modal";
+const offCanvas = "flow--modal--off-canvas";
+const header = "flow--modal--header";
+const content = "flow--modal--content";
+const actionGroup = "flow--modal--action-group";
+const left = "flow--modal--left";
+const styles = {
+	modal: modal,
+	offCanvas: offCanvas,
+	header: header,
+	content: content,
+	actionGroup: actionGroup,
+	"size-s": "flow--modal--size-s",
+	"size-m": "flow--modal--size-m",
+	"modal-zoom": "flow--modal--modal-zoom",
+	"modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
+	left: left,
+	"modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
+	"modal-slide-up": "flow--modal--modal-slide-up"
+};
+
+export { actionGroup, content, styles as default, header, left, modal, offCanvas };
+//# sourceMappingURL=Modal.module.scss.mjs.map

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

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

package/dist/js/components/Modal/components/ModalTrigger/ModalTrigger.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import 'react-aria-components';
+import DialogTriggerView from '../../../../views/DialogTriggerView.mjs';
+
+const ModalTrigger = (props) => {
+  const { children, ...triggerProps } = props;
+  return /* @__PURE__ */ jsx(
+    OverlayTrigger,
+    {
+      overlayType: "Modal",
+      ...triggerProps,
+      component: DialogTriggerView,
+      children
+    }
+  );
+};
+
+export { ModalTrigger };
+//# sourceMappingURL=ModalTrigger.mjs.map

package/dist/js/components/Modal/components/ModalTrigger/ModalTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.mjs","sources":["../../../../../../src/components/Modal/components/ModalTrigger/ModalTrigger.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport type { Simplify } from \"type-fest\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\n\nexport type ModalTriggerProps = Simplify<OverlayTriggerProps>;\n\nexport const ModalTrigger: FC<ModalTriggerProps> = (props) => {\n  const { children, ...triggerProps } = props;\n  return (\n    <OverlayTrigger\n      overlayType=\"Modal\"\n      {...triggerProps}\n      component={DialogTriggerView}\n    >\n      {children}\n    </OverlayTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAiB,GAAA,KAAA;AACtC,EACE,uBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,OAAA;AAAA,MACX,GAAG,YAAA;AAAA,MACJ,SAAW,EAAA,iBAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/js/components/Navigation/Navigation.mjs

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import styles from './Navigation.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { TunnelExit } from '@mittwald/react-tunnel';
+
+const Navigation = (props) => {
+  const { className, children, ...rest } = props;
+  const rootClassName = clsx(styles.navigation, className);
+  const propsContext = {
+    Link: {
+      wrapWith: /* @__PURE__ */ jsx("li", {}),
+      className: styles.item,
+      unstyled: true,
+      Text: {
+        className: styles.text
+      },
+      Icon: {
+        className: styles.icon
+      },
+      tunnelId: "links"
+    }
+  };
+  return /* @__PURE__ */ jsx("nav", { className: rootClassName, role: "navigation", ...rest, children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: [
+    /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx(TunnelExit, { id: "links" }) }),
+    children
+  ] }) });
+};
+
+export { Navigation, Navigation as default };
+//# sourceMappingURL=Navigation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.mjs","sources":["../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Navigation.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\n\nexport interface NavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const Navigation: FC<NavigationProps> = (props) => {\n  const { className, children, ...rest } = props;\n\n  const rootClassName = clsx(styles.navigation, className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.item,\n      unstyled: true,\n      Text: {\n        className: styles.text,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n      tunnelId: \"links\",\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <ul>\n          <TunnelExit id=\"links\" />\n        </ul>\n        {children}\n      </PropsContextProvider>\n    </nav>\n  );\n};\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;;;;AAca,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,IAAK,EAAA,YAAA,EAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const navigation = "flow--navigation";
+const item = "flow--navigation--item";
+const icon = "flow--navigation--icon";
+const styles = {
+	navigation: navigation,
+	item: item,
+	icon: icon};
+
+export { styles as default, icon, item, navigation };
+//# sourceMappingURL=Navigation.module.scss.mjs.map

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

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

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.mjs

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+import styles from './NavigationGroup.module.scss.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { Accordion } from '../../../Accordion/Accordion.mjs';
+import { Content } from '../../../Content/Content.mjs';
+
+const NavigationGroup = (props) => {
+  const { children, className, collapsable, ...rest } = props;
+  const rootClassName = clsx(
+    styles.navigationGroup,
+    collapsable && styles.collapsable,
+    className
+  );
+  const generatedId = useId();
+  const propsContext = {
+    Label: {
+      id: generatedId,
+      className: styles.label,
+      "aria-hidden": true
+    },
+    Link: {
+      tunnelId: "groupLinks"
+    }
+  };
+  if (collapsable) {
+    return /* @__PURE__ */ jsx(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(Accordion, { defaultExpanded: true, className: rootClassName, children: [
+      children,
+      /* @__PURE__ */ jsx(Content, { clearPropsContext: false, children: /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx(TunnelExit, { id: "groupLinks" }) }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
+    "section",
+    {
+      "aria-labelledby": generatedId,
+      className: rootClassName,
+      ...rest,
+      children: /* @__PURE__ */ jsxs(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: [
+        children,
+        /* @__PURE__ */ jsx(TunnelExit, { id: "Label" }),
+        /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx(TunnelExit, { id: "groupLinks" }) })
+      ] })
+    }
+  ) }) });
+};
+
+export { NavigationGroup, NavigationGroup as default };
+//# sourceMappingURL=NavigationGroup.mjs.map

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationGroup.mjs","sources":["../../../../../../src/components/Navigation/components/NavigationGroup/NavigationGroup.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React, { useId } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./NavigationGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Accordion } from \"@/components/Accordion\";\nimport { Content } from \"@/components/Content\";\n\nexport interface NavigationGroupProps\n  extends PropsWithChildren<ComponentProps<\"section\">> {\n  collapsable?: boolean;\n}\n\n/** @flr-generate all */\nexport const NavigationGroup: FC<NavigationGroupProps> = (props) => {\n  const { children, className, collapsable, ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.navigationGroup,\n    collapsable && styles.collapsable,\n    className,\n  );\n\n  const generatedId = useId();\n\n  const propsContext: PropsContext = {\n    Label: {\n      id: generatedId,\n      className: styles.label,\n      \"aria-hidden\": true,\n    },\n    Link: {\n      tunnelId: \"groupLinks\",\n    },\n  };\n\n  if (collapsable) {\n    return (\n      <PropsContextProvider mergeInParentContext props={propsContext}>\n        <TunnelProvider>\n          <Accordion defaultExpanded className={rootClassName}>\n            {children}\n            <Content clearPropsContext={false}>\n              <ul>\n                <TunnelExit id=\"groupLinks\" />\n              </ul>\n            </Content>\n          </Accordion>\n        </TunnelProvider>\n      </PropsContextProvider>\n    );\n  }\n\n  return (\n    <PropsContextProvider mergeInParentContext props={propsContext}>\n      <TunnelProvider>\n        <section\n          aria-labelledby={generatedId}\n          className={rootClassName}\n          {...rest}\n        >\n          <PropsContextProvider mergeInParentContext props={propsContext}>\n            {children}\n            <TunnelExit id=\"Label\" />\n            <ul>\n              <TunnelExit id=\"groupLinks\" />\n            </ul>\n          </PropsContextProvider>\n        </section>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n};\n\nexport default NavigationGroup;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBa,MAAA,eAAA,GAA4C,CAAC,KAAU,KAAA;AAClE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,eAAA;AAAA,IACP,eAAe,MAAO,CAAA,WAAA;AAAA,IACtB;AAAA,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,EAAA;AAE1B,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,EAAI,EAAA,WAAA;AAAA,MACJ,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,aAAe,EAAA;AAAA,KACjB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,KAAO,EAAA,YAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,SAAA,EAAA,EAAU,eAAe,EAAA,IAAA,EAAC,WAAW,aACnC,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,OAAQ,EAAA,EAAA,iBAAA,EAAmB,KAC1B,EAAA,QAAA,kBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA,CAAA,EAC9B,CACF,EAAA;AAAA,KAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,2BACG,oBAAqB,EAAA,EAAA,oBAAA,EAAoB,MAAC,KAAO,EAAA,YAAA,EAChD,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAA,WAAA;AAAA,MACjB,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,oBAAoB,EAAA,IAAA,EAAC,OAAO,YAC/C,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,OAAQ,EAAA,CAAA;AAAA,4BACtB,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAa,CAC9B,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.module.scss.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const navigationGroup = "flow--navigation--navigation-group";
+const collapsable = "flow--navigation--navigation-group--collapsable";
+const label = "flow--navigation--navigation-group--label";
+const styles = {
+	navigationGroup: navigationGroup,
+	collapsable: collapsable,
+	label: label
+};
+
+export { collapsable, styles as default, label, navigationGroup };
+//# sourceMappingURL=NavigationGroup.module.scss.mjs.map

package/dist/js/components/Navigation/components/NavigationGroup/NavigationGroup.module.scss.mjs.map

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

package/dist/js/components/Notification/Notification.mjs

@@ -0,0 +1,70 @@
+"use client"
+/* */
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import 'react';
+import styles from './Notification.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+import { Link } from '../Link/Link.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '@mittwald/react-tunnel';
+import '../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+
+const Notification = (props) => {
+  const {
+    children,
+    className,
+    status = "info",
+    role = "alert",
+    href,
+    onClick,
+    onClose,
+    autoClose: ignoredAutoClose,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.notification,
+    styles[status],
+    (onClick || onClose || href) && styles.hasLink,
+    className
+  );
+  const propsContext = {
+    Heading: {
+      className: styles.heading,
+      level: 4,
+      children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }),
+        props2.children
+      ] }))
+    },
+    Text: {
+      className: styles.text
+    }
+  };
+  const closeButton = onClose && /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "s",
+      className: styles.close,
+      variant: "plain",
+      color: "secondary",
+      onPress: onClose,
+      children: /* @__PURE__ */ jsx(IconClose, {})
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: rootClassName, role, children: [
+    /* @__PURE__ */ jsx(Link, { unstyled: true, href, className: styles.link, onPress: onClick, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }),
+    closeButton
+  ] });
+};
+
+export { Notification, Notification as default };
+//# sourceMappingURL=Notification.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport styles from \"./Notification.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Link } from \"@/components/Link\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport interface NotificationProps\n  extends PropsWithChildren<ComponentProps<\"div\">>,\n    PropsWithStatus {\n  /** A link that is triggered when clicking the notification. */\n  href?: string;\n  /** Whether the notification should disappear automatically after some time. */\n  autoClose?: boolean;\n  /** Handler that is called when the notification is clicked. */\n  onClick?: () => void;\n  /**\n   * Handler that is called when the close button of the notification is\n   * clicked.\n   */\n  onClose?: () => void;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Notification: FC<NotificationProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    role = \"alert\",\n    href,\n    onClick,\n    onClose,\n    autoClose: ignoredAutoClose,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.notification,\n    styles[status],\n    (onClick || onClose || href) && styles.hasLink,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 4,\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  const closeButton = onClose && (\n    <Button\n      size=\"s\"\n      className={styles.close}\n      variant=\"plain\"\n      color=\"secondary\"\n      onPress={onClose}\n    >\n      <IconClose />\n    </Button>\n  );\n\n  return (\n    <div {...rest} className={rootClassName} role={role}>\n      <Link unstyled href={href} className={styles.link} onPress={onClick}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Link>\n      {closeButton}\n    </div>\n  );\n};\n\nexport default Notification;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;AAgCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAW,EAAA,gBAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,OAAO,MAAM,CAAA;AAAA,IACZ,CAAA,OAAA,IAAW,OAAW,IAAA,IAAA,KAAS,MAAO,CAAA,OAAA;AAAA,IACvC;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,QAClDA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAc,OAClB,oBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAGF,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,IACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAC1D,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,29 @@
+"use client"
+/* */
+const notification = "flow--notification";
+const link = "flow--notification--link";
+const heading = "flow--notification--heading";
+const icon = "flow--notification--icon";
+const text = "flow--notification--text";
+const close = "flow--notification--close";
+const info = "flow--notification--info";
+const hasLink = "flow--notification--has-link";
+const warning = "flow--notification--warning";
+const danger = "flow--notification--danger";
+const success = "flow--notification--success";
+const styles = {
+	notification: notification,
+	link: link,
+	heading: heading,
+	icon: icon,
+	text: text,
+	close: close,
+	info: info,
+	hasLink: hasLink,
+	warning: warning,
+	danger: danger,
+	success: success
+};
+
+export { close, danger, styles as default, hasLink, heading, icon, info, link, notification, success, text, warning };
+//# sourceMappingURL=Notification.module.scss.mjs.map

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

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