@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.mjs

@@ -1,20 +1,26 @@
 "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 })
-  ] });
+import Content from "../../../Content/Content.mjs";
+import "../../../Content/index.mjs";
+import Separator from "../../../Separator/Separator.mjs";
+import "../../../Separator/index.mjs";
+import MessageSeparator_module_default from "./MessageSeparator.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/MessageThread/components/MessageSeparator/MessageSeparator.tsx
+/** @flr-generate all */
+var MessageSeparator = (props) => {
+	const { children, className } = props;
+	return /* @__PURE__ */ jsxs("span", {
+		className: clsx(MessageSeparator_module_default.messageSeparator, className),
+		children: [/* @__PURE__ */ jsx(Separator, { className: MessageSeparator_module_default.separator }), /* @__PURE__ */ jsx(Content, {
+			className: MessageSeparator_module_default.content,
+			children
+		})]
+	});
 };
+//#endregion
+export { MessageSeparator as default };
 
-export { MessageSeparator };
-//# sourceMappingURL=MessageSeparator.mjs.map
+//# sourceMappingURL=MessageSeparator.mjs.map

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSeparator.mjs","sources":["../../../../../../../../../src/components/MessageThread/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, 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};\nexport default MessageSeparator;\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,gBAAA,GAA8C,CAAC,KAAA,KAAU;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB,SAAS,CAAA;AAE7D,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EACf,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,SAAA,EAAW,CAAA;AAAA,oBACxC,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,SAAU,QAAA,EAAS;AAAA,GAAA,EAChD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MessageSeparator.mjs","names":[],"sources":["../../../../../../../../../src/components/MessageThread/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, 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};\nexport default MessageSeparator;\n"],"mappings":";;;;;;;;;;AAYA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,UAAU,cAAc;AAIhC,QACE,qBAAC,QAAD;EAAM,WAHc,KAAK,gCAAO,kBAAkB,UAAU;YAG5D,CACE,oBAAC,WAAD,EAAW,WAAW,gCAAO,WAAa,CAAA,EAC1C,oBAAC,SAAD;GAAS,WAAW,gCAAO;GAAU;GAAmB,CAAA,CACnD"}

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.module.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+var MessageSeparator_module_default = {
+	messageSeparator: "flow--message-thread--message-separator",
+	separator: "flow--message-thread--message-separator--separator",
+	content: "flow--message-thread--message-separator--content"
+};
+//#endregion
+export { MessageSeparator_module_default as default };
+
+//# sourceMappingURL=MessageSeparator.module.mjs.map

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.module.mjs","names":[],"sources":["../../../../../../../../../src/components/MessageThread/components/MessageSeparator/MessageSeparator.module.scss"],"sourcesContent":[".messageSeparator {\n  position: relative;\n  display: flex;\n  justify-content: center;\n\n  .separator {\n    position: absolute;\n    top: 50%;\n    inset-inline: 0;\n  }\n\n  .content {\n    background-color: var(--message-separator--background-color);\n    padding-inline: var(--message-separator--padding);\n    position: relative;\n    font-size: var(--message-separator--font-size);\n    color: var(--message-separator--color);\n    display: inline;\n    text-align: center;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/index.mjs

@@ -0,0 +1 @@
+import "./MessageSeparator.mjs";

package/dist/js/packages/components/src/components/MessageThread/index.mjs

@@ -0,0 +1,3 @@
+import "./MessageThread.mjs";
+import "./components/MessageSeparator/MessageSeparator.mjs";
+import "./components/MessageSeparator/index.mjs";

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

@@ -1,126 +1,113 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import styles from './Modal.module.scss.mjs';
-import clsx from 'clsx';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { OverlayController } from '../../lib/controller/overlay/OverlayController.mjs';
-import '../../lib/controller/overlay/context.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Overlay } from '../Overlay/Overlay.mjs';
-import { Action } from '../Action/Action.mjs';
-import 'react-aria';
-import '@react-aria/live-announcer';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconClose } from '../Icon/components/icons/IconClose.mjs';
-import ButtonView from '../../views/ButtonView.mjs';
-import { OffCanvasSuspenseFallback } from './components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs';
-import { Wrap } from '../Wrap/Wrap.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/components/ClearPropsContext.mjs';
-
-const Modal = flowComponent("Modal", (props) => {
-  const {
-    size = "s",
-    offCanvas,
-    controller,
-    children,
-    ref,
-    className,
-    offCanvasOrientation = "right",
-    ...overlayProps
-  } = props;
-  const rootClassName = clsx(
-    offCanvas ? styles.offCanvas : styles.modal,
-    styles[`size-${size}`],
-    offCanvasOrientation === "left" && styles["left"],
-    className
-  );
-  const header = (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    children2,
-    /* @__PURE__ */ jsx(Action, { closeModal: { bypassConfirmation: true }, children: /* @__PURE__ */ jsx(ButtonView, { variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconClose, {}) }) })
-  ] });
-  const nestedHeadingLevel = 3;
-  const nestedHeadingProps = {
-    Heading: { level: nestedHeadingLevel },
-    Section: {
-      Header: { Heading: { level: nestedHeadingLevel } },
-      Heading: { level: nestedHeadingLevel }
-    },
-    Header: { Heading: { level: nestedHeadingLevel } }
-  };
-  const propsContext = {
-    Content: {
-      ...nestedHeadingProps,
-      className: styles.content
-    },
-    ColumnLayout: {
-      ...nestedHeadingProps,
-      l: [2, 1],
-      m: [1],
-      className: styles.columnLayout,
-      AccentBox: { className: styles.accentBox, color: "neutral" },
-      wrapWith: /* @__PURE__ */ jsx(ClearPropsContext, {})
-    },
-    Heading: {
-      className: styles.header,
-      level: 2,
-      slot: "title",
-      children: dynamic((props2) => header(props2.children))
-    },
-    ActionGroup: {
-      className: styles.actionGroup,
-      spacing: "m",
-      Action: {
-        closeModal: dynamic((props2) => {
-          if (props2.closeModal === void 0) {
-            return;
-          }
-          if (props2.closeModal === true) {
-            return { bypassConfirmation: true };
-          }
-          return {
-            bypassConfirmation: true,
-            ...props2.closeModal
-          };
-        }),
-        closeOverlay: dynamic((props2) => {
-          if (props2.closeOverlay === void 0) {
-            return;
-          }
-          if (props2.closeOverlay instanceof OverlayController || typeof props2.closeOverlay === "string") {
-            return {
-              bypassConfirmation: true,
-              overlay: props2.closeOverlay
-            };
-          }
-          return {
-            bypassConfirmation: true,
-            ...props2.closeOverlay
-          };
-        })
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Overlay,
-    {
-      className: rootClassName,
-      controller,
-      ref,
-      ...overlayProps,
-      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Wrap, { if: offCanvas, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(OffCanvasSuspenseFallback, {}), children }) }) })
-    }
-  );
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import ClearPropsContext from "../../lib/propsContext/components/ClearPropsContext.mjs";
+import "../ClearPropsContext/ClearPropsContext.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import "../../lib/propsContext/index.mjs";
+import IconClose from "../Icon/components/icons/IconClose.mjs";
+import "../Icon/components/icons/index.mjs";
+import Wrap from "../Wrap/Wrap.mjs";
+import { OverlayController } from "../../lib/controller/overlay/OverlayController.mjs";
+import "../../lib/controller/overlay/index.mjs";
+import Action from "../Action/Action.mjs";
+import "../Action/index.mjs";
+import ButtonView from "../../views/ButtonView.mjs";
+import Overlay from "../Overlay/Overlay.mjs";
+import Modal_module_default from "./Modal.module.mjs";
+import { OffCanvasSuspenseFallback } from "./components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs";
+import "./components/OffCanvasSuspenseFallback/index.mjs";
+import clsx from "clsx";
+import { Suspense } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Modal/Modal.tsx
+var Modal = flowComponent("Modal", (props) => {
+	const { size = "s", offCanvas, controller, children, ref, className, offCanvasOrientation = "right", ...overlayProps } = props;
+	const rootClassName = clsx(offCanvas ? Modal_module_default.offCanvas : Modal_module_default.modal, Modal_module_default[`size-${size}`], offCanvasOrientation === "left" && Modal_module_default["left"], className);
+	const header = (children) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children, /* @__PURE__ */ jsx(Action, {
+		closeModal: { bypassConfirmation: true },
+		children: /* @__PURE__ */ jsx(ButtonView, {
+			variant: "plain",
+			color: "secondary",
+			children: /* @__PURE__ */ jsx(IconClose, {})
+		})
+	})] });
+	const nestedHeadingLevel = 3;
+	const nestedHeadingProps = {
+		Heading: { level: nestedHeadingLevel },
+		Section: {
+			Header: { Heading: { level: nestedHeadingLevel } },
+			Heading: { level: nestedHeadingLevel }
+		},
+		Header: { Heading: { level: nestedHeadingLevel } }
+	};
+	const propsContext = {
+		Content: {
+			...nestedHeadingProps,
+			className: Modal_module_default.content
+		},
+		ColumnLayout: {
+			...nestedHeadingProps,
+			l: [2, 1],
+			m: [1],
+			className: Modal_module_default.columnLayout,
+			AccentBox: {
+				className: Modal_module_default.accentBox,
+				color: "neutral"
+			},
+			wrapWith: /* @__PURE__ */ jsx(ClearPropsContext, {})
+		},
+		Heading: {
+			className: Modal_module_default.header,
+			level: 2,
+			slot: "title",
+			children: dynamic((props) => header(props.children))
+		},
+		ActionGroup: {
+			className: Modal_module_default.actionGroup,
+			spacing: "m",
+			Action: {
+				closeModal: dynamic((props) => {
+					if (props.closeModal === void 0) return;
+					if (props.closeModal === true) return { bypassConfirmation: true };
+					return {
+						bypassConfirmation: true,
+						...props.closeModal
+					};
+				}),
+				closeOverlay: dynamic((props) => {
+					if (props.closeOverlay === void 0) return;
+					if (props.closeOverlay instanceof OverlayController || typeof props.closeOverlay === "string") return {
+						bypassConfirmation: true,
+						overlay: props.closeOverlay
+					};
+					return {
+						bypassConfirmation: true,
+						...props.closeOverlay
+					};
+				})
+			}
+		}
+	};
+	return /* @__PURE__ */ jsx(Overlay, {
+		className: rootClassName,
+		controller,
+		ref,
+		...overlayProps,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children: /* @__PURE__ */ jsx(Wrap, {
+				if: offCanvas,
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(OffCanvasSuspenseFallback, {}),
+					children
+				})
+			})
+		})
+	});
 });
+//#endregion
+export { Modal as default };
 
-export { Modal, Modal as default };
-//# sourceMappingURL=Modal.mjs.map
+//# sourceMappingURL=Modal.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, Suspense } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\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\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    ...overlayProps\n  } = props;\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    className,\n  );\n\n  const header = (children: ReactNode) => (\n    <>\n      {children}\n      <Action closeModal={{ bypassConfirmation: true }}>\n        <ButtonView variant=\"plain\" color=\"secondary\">\n          <IconClose />\n        </ButtonView>\n      </Action>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, color: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      slot: \"title\",\n      children: dynamic((props) => header(props.children)),\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n      Action: {\n        closeModal: dynamic((props) => {\n          if (props.closeModal === undefined) {\n            return;\n          }\n          if (props.closeModal === true) {\n            return { bypassConfirmation: true };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeModal,\n          };\n        }),\n        closeOverlay: dynamic((props) => {\n          if (props.closeOverlay === undefined) {\n            return;\n          }\n          if (\n            props.closeOverlay instanceof OverlayController ||\n            typeof props.closeOverlay === \"string\"\n          ) {\n            return {\n              bypassConfirmation: true,\n              overlay: props.closeOverlay,\n            };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeOverlay,\n          };\n        }),\n      },\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      {...overlayProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"names":["children","props"],"mappings":"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"}
+{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode, Suspense } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\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\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    ...overlayProps\n  } = props;\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    className,\n  );\n\n  const header = (children: ReactNode) => (\n    <>\n      {children}\n      <Action closeModal={{ bypassConfirmation: true }}>\n        <ButtonView variant=\"plain\" color=\"secondary\">\n          <IconClose />\n        </ButtonView>\n      </Action>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, color: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      slot: \"title\",\n      children: dynamic((props) => header(props.children)),\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n      Action: {\n        closeModal: dynamic((props) => {\n          if (props.closeModal === undefined) {\n            return;\n          }\n          if (props.closeModal === true) {\n            return { bypassConfirmation: true };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeModal,\n          };\n        }),\n        closeOverlay: dynamic((props) => {\n          if (props.closeOverlay === undefined) {\n            return;\n          }\n          if (\n            props.closeOverlay instanceof OverlayController ||\n            typeof props.closeOverlay === \"string\"\n          ) {\n            return {\n              bypassConfirmation: true,\n              overlay: props.closeOverlay,\n            };\n          }\n          return {\n            bypassConfirmation: true,\n            ...props.closeOverlay,\n          };\n        }),\n      },\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      {...overlayProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,OAAO,KACP,WACA,YACA,UACA,KACA,WACA,uBAAuB,SACvB,GAAG,iBACD;CAEJ,MAAM,gBAAgB,KACpB,YAAY,qBAAO,YAAY,qBAAO,OACtC,qBAAO,QAAQ,SACf,yBAAyB,UAAU,qBAAO,SAC1C,UACD;CAED,MAAM,UAAU,aACd,qBAAA,YAAA,EAAA,UAAA,CACG,UACD,oBAAC,QAAD;EAAQ,YAAY,EAAE,oBAAoB,MAAM;YAC9C,oBAAC,YAAD;GAAY,SAAQ;GAAQ,OAAM;aAChC,oBAAC,WAAD,EAAa,CAAA;GACF,CAAA;EACN,CAAA,CACR,EAAA,CAAA;CAGL,MAAM,qBAAqB;CAE3B,MAAM,qBAAmC;EACvC,SAAS,EAAE,OAAO,oBAAoB;EACtC,SAAS;GACP,QAAQ,EAAE,SAAS,EAAE,OAAO,oBAAoB,EAAE;GAClD,SAAS,EAAE,OAAO,oBAAoB;GACvC;EACD,QAAQ,EAAE,SAAS,EAAE,OAAO,oBAAoB,EAAE;EACnD;CAED,MAAM,eAA6B;EACjC,SAAS;GACP,GAAG;GACH,WAAW,qBAAO;GACnB;EACD,cAAc;GACZ,GAAG;GACH,GAAG,CAAC,GAAG,EAAE;GACT,GAAG,CAAC,EAAE;GACN,WAAW,qBAAO;GAClB,WAAW;IAAE,WAAW,qBAAO;IAAW,OAAO;IAAW;GAC5D,UAAU,oBAAC,mBAAD,EAAqB,CAAA;GAChC;EACD,SAAS;GACP,WAAW,qBAAO;GAClB,OAAO;GACP,MAAM;GACN,UAAU,SAAS,UAAU,OAAO,MAAM,SAAS,CAAC;GACrD;EACD,aAAa;GACX,WAAW,qBAAO;GAClB,SAAS;GACT,QAAQ;IACN,YAAY,SAAS,UAAU;AAC7B,SAAI,MAAM,eAAe,KAAA,EACvB;AAEF,SAAI,MAAM,eAAe,KACvB,QAAO,EAAE,oBAAoB,MAAM;AAErC,YAAO;MACL,oBAAoB;MACpB,GAAG,MAAM;MACV;MACD;IACF,cAAc,SAAS,UAAU;AAC/B,SAAI,MAAM,iBAAiB,KAAA,EACzB;AAEF,SACE,MAAM,wBAAwB,qBAC9B,OAAO,MAAM,iBAAiB,SAE9B,QAAO;MACL,oBAAoB;MACpB,SAAS,MAAM;MAChB;AAEH,YAAO;MACL,oBAAoB;MACpB,GAAG,MAAM;MACV;MACD;IACH;GACF;EACF;AAED,QACE,oBAAC,SAAD;EACE,WAAW;EACC;EACP;EACL,GAAI;YAEJ,oBAAC,sBAAD;GAAsB,OAAO;aAC3B,oBAAC,MAAD;IAAM,IAAI;cACR,oBAAC,UAAD;KAAU,UAAU,oBAAC,2BAAD,EAA6B,CAAA;KAC9C;KACQ,CAAA;IACN,CAAA;GACc,CAAA;EACf,CAAA;EAEZ"}

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

@@ -0,0 +1,23 @@
+"use client"
+/* */
+var Modal_module_default = {
+	modal: "flow--modal",
+	offCanvas: "flow--modal--off-canvas",
+	header: "flow--modal--header",
+	content: "flow--modal--content",
+	columnLayout: "flow--modal--column-layout",
+	actionGroup: "flow--modal--action-group",
+	accentBox: "flow--modal--accent-box",
+	"size-s": "flow--modal--size-s",
+	"size-m": "flow--modal--size-m",
+	"size-l": "flow--modal--size-l",
+	"modal-zoom": "flow--modal--modal-zoom",
+	"modal-slide-in-from-right": "flow--modal--modal-slide-in-from-right",
+	left: "flow--modal--left",
+	"modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
+	"modal-slide-up": "flow--modal--modal-slide-up"
+};
+//#endregion
+export { Modal_module_default as default };
+
+//# sourceMappingURL=Modal.module.mjs.map

package/dist/js/packages/components/src/components/Modal/Modal.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.mjs","names":[],"sources":["../../../../../../../src/components/Modal/Modal.module.scss"],"sourcesContent":["@mixin size($size) {\n  &.size-#{$size} {\n    [role=\"dialog\"] {\n      width: inherit;\n      max-width: var(--modal--size--#{$size});\n    }\n  }\n}\n\n.modal,\n.offCanvas {\n  > div {\n    position: fixed;\n    height: var(--visual-viewport-height);\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    pointer-events: none;\n\n    > div {\n      display: flex;\n      justify-content: center;\n      width: inherit;\n      max-height: var(--visual-viewport-height);\n      padding: var(--size-px--xl);\n    }\n  }\n\n  [role=\"dialog\"] {\n    > form {\n      display: contents;\n    }\n\n    pointer-events: all;\n    outline: none;\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n    background-color: var(--modal--background-color);\n    overflow: hidden;\n  }\n\n  header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .header {\n    padding-inline: var(--modal--padding);\n    padding-block: var(--modal--header-padding-y);\n    border-bottom: var(--modal--border-width) var(--modal--border-style)\n      var(--modal--border-color);\n\n    > span {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-grow: 1;\n      gap: var(--section-header--heading-to-action-spacing);\n    }\n  }\n\n  .content,\n  .columnLayout {\n    overflow: hidden auto;\n    min-height: var(--modal--content-min-height);\n    padding: var(--modal--padding);\n    flex-grow: 1;\n    background-color: var(--modal--background-color);\n  }\n\n  .actionGroup {\n    padding: var(--modal--padding);\n    background-color: var(--modal--footer-background-color);\n    border-top: var(--modal--border-width) var(--modal--border-style)\n      var(--modal--border-color);\n    flex-grow: 0;\n  }\n\n  .columnLayout {\n    .accentBox {\n      position: sticky;\n      height: fit-content;\n      top: 0;\n    }\n  }\n}\n\n/* Normal Modal Desktop */\n@media (min-width: 768px) {\n  .modal {\n    @include size(s);\n    @include size(m);\n    @include size(l);\n\n    [role=\"dialog\"] {\n      border-radius: var(--modal--corner-radius);\n    }\n\n    > div {\n      > div {\n        &[data-entering] {\n          animation: modal-zoom var(--transition--duration--slow)\n            cubic-bezier(0.1, 0.8, 0.3, 1.2);\n        }\n\n        &[data-exiting] {\n          animation: modal-zoom var(--transition--duration--default)\n            cubic-bezier(0.1, 0.8, 0.3, 1.2) reverse;\n        }\n      }\n    }\n  }\n}\n\n/* OffCanvas Mobile & Desktop */\n\n.offCanvas {\n  @include size(s);\n  @include size(m);\n  @include size(l);\n\n  [role=\"dialog\"] {\n    height: 100%;\n    border-top-left-radius: var(--modal--corner-radius);\n    border-bottom-left-radius: var(--modal--corner-radius);\n  }\n\n  > div {\n    padding-left: var(--size-px--m);\n\n    > div {\n      justify-content: flex-end;\n      width: inherit;\n      height: inherit;\n      padding: unset;\n\n      &[data-entering] {\n        animation: modal-slide-in-from-right var(--transition--duration--slow);\n      }\n\n      &[data-exiting] {\n        animation: modal-slide-in-from-right\n          var(--transition--duration--default) reverse;\n      }\n    }\n  }\n\n  &.left {\n    [role=\"dialog\"] {\n      border-radius: 0 var(--modal--corner-radius) var(--modal--corner-radius) 0;\n    }\n\n    > div {\n      padding-left: 0;\n      padding-right: var(--size-px--m);\n\n      > div {\n        justify-content: flex-start;\n        padding: unset;\n\n        &[data-entering] {\n          animation: modal-slide-in-from-left var(--transition--duration--slow);\n        }\n\n        &[data-exiting] {\n          animation: modal-slide-in-from-left\n            var(--transition--duration--default) reverse;\n        }\n      }\n    }\n  }\n}\n\n/* Mobile Tray */\n\n@media (max-width: 768px) {\n  .modal {\n    > div {\n      > div {\n        margin-top: auto;\n        padding: unset;\n        width: 100%;\n        overflow: hidden auto;\n        border-top-left-radius: var(--modal--corner-radius);\n        border-top-right-radius: var(--modal--corner-radius);\n        pointer-events: all;\n\n        &[data-entering] {\n          animation: modal-slide-up var(--transition--duration--slow);\n        }\n\n        &[data-exiting] {\n          animation: modal-slide-up var(--transition--duration--default) reverse;\n        }\n      }\n    }\n\n    [role=\"dialog\"],\n    [role=\"dialog\"] > form {\n      width: inherit;\n      overflow: hidden auto;\n      max-height: unset;\n    }\n  }\n}\n\n/* Mobile  */\n\n@media (max-width: 768px) {\n  .modal,\n  .offCanvas {\n    .header {\n      padding-inline: var(--modal--padding-mobile);\n    }\n\n    .content,\n    .columnLayout,\n    .actionGroup {\n      padding: var(--modal--padding-mobile);\n    }\n\n    .actionGroup {\n      flex-direction: column;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n\n/* Animations */\n\n@keyframes modal-zoom {\n  /* Start with scale(1) to let ResizeObservers take the correct width on mount. */\n  0% {\n    opacity: 0;\n    transform: scale(1);\n  }\n\n  0.1% {\n    opacity: 1;\n    transform: scale(0.8);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes modal-slide-up {\n  from {\n    translate: 0 30%;\n  }\n\n  to {\n    translate: 0 0;\n  }\n}\n\n@keyframes modal-slide-in-from-right {\n  from {\n    translate: 30% 0;\n  }\n\n  to {\n    translate: 0 0;\n  }\n}\n\n@keyframes modal-slide-in-from-left {\n  from {\n    translate: -30% 0;\n  }\n\n  to {\n    translate: 0 0;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs

@@ -1,40 +1,51 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import ContentView from '../../../../views/ContentView.mjs';
-import HeadingView from '../../../../views/HeadingView.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../../_virtual/_.locale.json@4119db69ca94e24d796b8e08482bc927.mjs';
-import { Modal } from '../../Modal.mjs';
-import TextView from '../../../../views/TextView.mjs';
-import ActionGroupView from '../../../../views/ActionGroupView.mjs';
-import { Action } from '../../../Action/Action.mjs';
-import 'react';
-import '@react-aria/live-announcer';
-import ButtonView from '../../../../views/ButtonView.mjs';
-import 'mobx';
-import { useModalController } from '../../../../lib/controller/overlay/useModalController.mjs';
-import '../../../../lib/controller/overlay/context.mjs';
-
-const ConfirmUnsavedChangesModal = () => {
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const closeConfirmationController = useModalController().useConfirmationController();
-  if (closeConfirmationController) {
-    const { controller, confirm, cancel } = closeConfirmationController;
-    return /* @__PURE__ */ jsxs(Modal, { controller, children: [
-      /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("unsavedChangesConfirmationModal.heading") }),
-      /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format("unsavedChangesConfirmationModal.text") }) }),
-      /* @__PURE__ */ jsx(ActionGroupView, { children: /* @__PURE__ */ jsxs(Action, { closeModal: true, children: [
-        /* @__PURE__ */ jsx(Action, { onAction: confirm, children: /* @__PURE__ */ jsx(ButtonView, { color: "danger", children: stringFormatter.format(
-          "unsavedChangesConfirmationModal.close"
-        ) }) }),
-        /* @__PURE__ */ jsx(Action, { onAction: cancel, children: /* @__PURE__ */ jsx(ButtonView, { color: "secondary", variant: "soft", children: stringFormatter.format(
-          "unsavedChangesConfirmationModal.keepOpen"
-        ) }) })
-      ] }) })
-    ] });
-  }
+import { useModalController } from "../../../../lib/controller/overlay/useModalController.mjs";
+import "../../../../lib/controller/index.mjs";
+import Action from "../../../Action/Action.mjs";
+import "../../../Action/index.mjs";
+import ButtonView from "../../../../views/ButtonView.mjs";
+import TextView from "../../../../views/TextView.mjs";
+import ContentView from "../../../../views/ContentView.mjs";
+import HeadingView from "../../../../views/HeadingView.mjs";
+import ActionGroupView from "../../../../views/ActionGroupView.mjs";
+import Modal from "../../Modal.mjs";
+import __locale_default from "../../../../../../../_virtual/_25.locale.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx
+var ConfirmUnsavedChangesModal = () => {
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	const closeConfirmationController = useModalController().useConfirmationController();
+	if (closeConfirmationController) {
+		const { controller, confirm, cancel } = closeConfirmationController;
+		return /* @__PURE__ */ jsxs(Modal, {
+			controller,
+			children: [
+				/* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("unsavedChangesConfirmationModal.heading") }),
+				/* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format("unsavedChangesConfirmationModal.text") }) }),
+				/* @__PURE__ */ jsx(ActionGroupView, { children: /* @__PURE__ */ jsxs(Action, {
+					closeModal: true,
+					children: [/* @__PURE__ */ jsx(Action, {
+						onAction: confirm,
+						children: /* @__PURE__ */ jsx(ButtonView, {
+							color: "danger",
+							children: stringFormatter.format("unsavedChangesConfirmationModal.close")
+						})
+					}), /* @__PURE__ */ jsx(Action, {
+						onAction: cancel,
+						children: /* @__PURE__ */ jsx(ButtonView, {
+							color: "secondary",
+							variant: "soft",
+							children: stringFormatter.format("unsavedChangesConfirmationModal.keepOpen")
+						})
+					})]
+				}) })
+			]
+		});
+	}
 };
+//#endregion
+export { ConfirmUnsavedChangesModal as default };
 
-export { ConfirmUnsavedChangesModal, ConfirmUnsavedChangesModal as default };
-//# sourceMappingURL=ConfirmUnsavedChangesModal.mjs.map
+//# sourceMappingURL=ConfirmUnsavedChangesModal.mjs.map

package/dist/js/packages/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmUnsavedChangesModal.mjs","sources":["../../../../../../../../../src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx"],"sourcesContent":["import ContentView from \"@/views/ContentView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport Modal from \"@/components/Modal/Modal\";\nimport TextView from \"@/views/TextView\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport Action from \"@/components/Action\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useModalController } from \"@/lib/controller\";\n\nexport const ConfirmUnsavedChangesModal: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const closeConfirmationController =\n    useModalController().useConfirmationController();\n\n  if (closeConfirmationController) {\n    const { controller, confirm, cancel } = closeConfirmationController;\n\n    return (\n      <Modal controller={controller}>\n        <HeadingView>\n          {stringFormatter.format(\"unsavedChangesConfirmationModal.heading\")}\n        </HeadingView>\n        <ContentView>\n          <TextView>\n            {stringFormatter.format(\"unsavedChangesConfirmationModal.text\")}\n          </TextView>\n        </ContentView>\n        <ActionGroupView>\n          <Action closeModal>\n            <Action onAction={confirm}>\n              <ButtonView color=\"danger\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.close\",\n                )}\n              </ButtonView>\n            </Action>\n            <Action onAction={cancel}>\n              <ButtonView color=\"secondary\" variant=\"soft\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.keepOpen\",\n                )}\n              </ButtonView>\n            </Action>\n          </Action>\n        </ActionGroupView>\n      </Modal>\n    );\n  }\n};\n\nexport default ConfirmUnsavedChangesModal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAYO,MAAM,6BAAiC,MAAM;AAClD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,2BAAA,GACJ,kBAAA,EAAmB,CAAE,yBAAA,EAA0B;AAEjD,EAAA,IAAI,2BAAA,EAA6B;AAC/B,IAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,MAAA,EAAO,GAAI,2BAAA;AAExC,IAAA,uBACE,IAAA,CAAC,SAAM,UAAA,EACL,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,yCAAyC,CAAA,EACnE,CAAA;AAAA,sBACA,GAAA,CAAC,eACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EACE,0BAAgB,MAAA,CAAO,sCAAsC,GAChE,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,YAAU,IAAA,EAChB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAO,QAAA,EAAU,OAAA,EAChB,8BAAC,UAAA,EAAA,EAAW,KAAA,EAAM,UACf,QAAA,EAAA,eAAA,CAAgB,MAAA;AAAA,UACf;AAAA,WAEJ,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAU,MAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,cAAW,KAAA,EAAM,WAAA,EAAY,OAAA,EAAQ,MAAA,EACnC,QAAA,EAAA,eAAA,CAAgB,MAAA;AAAA,UACf;AAAA,WAEJ,CAAA,EACF;AAAA,OAAA,EACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"ConfirmUnsavedChangesModal.mjs","names":[],"sources":["../../../../../../../../../src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx"],"sourcesContent":["import ContentView from \"@/views/ContentView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport Modal from \"@/components/Modal/Modal\";\nimport TextView from \"@/views/TextView\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport Action from \"@/components/Action\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useModalController } from \"@/lib/controller\";\n\nexport const ConfirmUnsavedChangesModal: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const closeConfirmationController =\n    useModalController().useConfirmationController();\n\n  if (closeConfirmationController) {\n    const { controller, confirm, cancel } = closeConfirmationController;\n\n    return (\n      <Modal controller={controller}>\n        <HeadingView>\n          {stringFormatter.format(\"unsavedChangesConfirmationModal.heading\")}\n        </HeadingView>\n        <ContentView>\n          <TextView>\n            {stringFormatter.format(\"unsavedChangesConfirmationModal.text\")}\n          </TextView>\n        </ContentView>\n        <ActionGroupView>\n          <Action closeModal>\n            <Action onAction={confirm}>\n              <ButtonView color=\"danger\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.close\",\n                )}\n              </ButtonView>\n            </Action>\n            <Action onAction={cancel}>\n              <ButtonView color=\"secondary\" variant=\"soft\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.keepOpen\",\n                )}\n              </ButtonView>\n            </Action>\n          </Action>\n        </ActionGroupView>\n      </Modal>\n    );\n  }\n};\n\nexport default ConfirmUnsavedChangesModal;\n"],"mappings":";;;;;;;;;;;;;;AAYA,IAAa,mCAAuC;CAClD,MAAM,kBAAkB,4BAA4B,iBAAQ;CAC5D,MAAM,8BACJ,oBAAoB,CAAC,2BAA2B;AAElD,KAAI,6BAA6B;EAC/B,MAAM,EAAE,YAAY,SAAS,WAAW;AAExC,SACE,qBAAC,OAAD;GAAmB;aAAnB;IACE,oBAAC,aAAD,EAAA,UACG,gBAAgB,OAAO,0CAA0C,EACtD,CAAA;IACd,oBAAC,aAAD,EAAA,UACE,oBAAC,UAAD,EAAA,UACG,gBAAgB,OAAO,uCAAuC,EACtD,CAAA,EACC,CAAA;IACd,oBAAC,iBAAD,EAAA,UACE,qBAAC,QAAD;KAAQ,YAAA;eAAR,CACE,oBAAC,QAAD;MAAQ,UAAU;gBAChB,oBAAC,YAAD;OAAY,OAAM;iBACf,gBAAgB,OACf,wCACD;OACU,CAAA;MACN,CAAA,EACT,oBAAC,QAAD;MAAQ,UAAU;gBAChB,oBAAC,YAAD;OAAY,OAAM;OAAY,SAAQ;iBACnC,gBAAgB,OACf,2CACD;OACU,CAAA;MACN,CAAA,CACF;QACO,CAAA;IACZ"}

package/dist/js/packages/components/src/components/Modal/components/ConfirmUnsavedChangesModal/index.mjs

@@ -0,0 +1 @@
+import "./ConfirmUnsavedChangesModal.mjs";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTrigger.mjs","sources":["../../../../../../../../../src/components/Modal/components/ModalTrigger/ModalTrigger.tsx"],"sourcesContent":["import type { FC } 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\nexport default ModalTrigger;\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,OAAA;AAAA,MACX,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,iBAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"ModalTrigger.mjs","names":[],"sources":["../../../../../../../../../src/components/Modal/components/ModalTrigger/ModalTrigger.tsx"],"sourcesContent":["import type { FC } 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\nexport default ModalTrigger;\n"],"mappings":";;;;;AAUA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,UAAU,GAAG,iBAAiB;AACtC,QACE,oBAAC,gBAAD;EACE,aAAY;EACZ,GAAI;EACJ,WAAW;EAEV;EACc,CAAA"}

package/dist/js/packages/components/src/components/Modal/components/ModalTrigger/index.mjs

@@ -0,0 +1 @@
+import "./ModalTrigger.mjs";