@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1034

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

@@ -1,40 +1,35 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Children } from 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from './Option.module.scss.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
-import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
-
-const Option = flowComponent("Option", (props) => {
-  const {
-    className,
-    children,
-    textValue = extractTextFromFirstChild(children),
-    value = textValue,
-    ref,
-    ...rest
-  } = props;
-  const rootClassName = clsx(styles.option, className);
-  const hasChildren = Children.count(children) >= 1;
-  return /* @__PURE__ */ jsxs(
-    Aria.ListBoxItem,
-    {
-      className: rootClassName,
-      ref,
-      id: value,
-      ...rest,
-      textValue,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: styles.content, children: hasChildren ? children : textValue }),
-        /* @__PURE__ */ jsx(IconCheck, { "aria-hidden": true, className: styles.checkMark })
-      ]
-    }
-  );
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { extractTextFromFirstChild } from "../../lib/react/remote.mjs";
+import { IconCheck } from "../Icon/components/icons/IconCheck.mjs";
+import Option_module_default from "./Option.module.mjs";
+import clsx from "clsx";
+import { Children } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Option/Option.tsx
+/** @flr-generate all */
+var Option = flowComponent("Option", (props) => {
+	const { className, children, textValue = extractTextFromFirstChild(children), value = textValue, ref, ...rest } = props;
+	const rootClassName = clsx(Option_module_default.option, className);
+	const hasChildren = Children.count(children) >= 1;
+	return /* @__PURE__ */ jsxs(Aria.ListBoxItem, {
+		className: rootClassName,
+		ref,
+		id: value,
+		...rest,
+		textValue,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: Option_module_default.content,
+			children: hasChildren ? children : textValue
+		}), /* @__PURE__ */ jsx(IconCheck, {
+			"aria-hidden": true,
+			className: Option_module_default.checkMark
+		})]
+	});
 });
+//#endregion
+export { Option, Option as default };
 
-export { Option };
-//# sourceMappingURL=Option.mjs.map
+//# sourceMappingURL=Option.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Option.mjs","sources":["../../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\n\nexport interface OptionProps\n  extends\n    Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n  const {\n    className,\n    children,\n    textValue = extractTextFromFirstChild(children),\n    value = textValue,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.option, className);\n  const hasChildren = Children.count(children) >= 1;\n\n  return (\n    <Aria.ListBoxItem\n      className={rootClassName}\n      ref={ref}\n      id={value}\n      {...rest}\n      textValue={textValue}\n    >\n      <span className={styles.content}>\n        {hasChildren ? children : textValue}\n      </span>\n      <IconCheck aria-hidden className={styles.checkMark} />\n    </Aria.ListBoxItem>\n  );\n});\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,0BAA0B,QAAQ,CAAA;AAAA,IAC9C,KAAA,GAAQ,SAAA;AAAA,IACR,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AACnD,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAA;AAEhD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA,WAAA,GAAc,WAAW,SAAA,EAC5B,CAAA;AAAA,4BACC,SAAA,EAAA,EAAU,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,OAAO,SAAA,EAAW;AAAA;AAAA;AAAA,GACtD;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Option.mjs","names":[],"sources":["../../../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Option.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\n\nexport interface OptionProps\n  extends\n    Omit<Aria.ListBoxItemProps, \"children\" | \"value\" | \"id\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  value?: string | number;\n}\n\n/** @flr-generate all */\nexport const Option = flowComponent(\"Option\", (props) => {\n  const {\n    className,\n    children,\n    textValue = extractTextFromFirstChild(children),\n    value = textValue,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.option, className);\n  const hasChildren = Children.count(children) >= 1;\n\n  return (\n    <Aria.ListBoxItem\n      className={rootClassName}\n      ref={ref}\n      id={value}\n      {...rest}\n      textValue={textValue}\n    >\n      <span className={styles.content}>\n        {hasChildren ? children : textValue}\n      </span>\n      <IconCheck aria-hidden className={styles.checkMark} />\n    </Aria.ListBoxItem>\n  );\n});\n\nexport default Option;\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,WACA,UACA,YAAY,0BAA0B,QAAQ,GAC9C,QAAQ,WACR,KACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KAAK,sBAAO,QAAQ,SAAS;CACnD,MAAM,cAAc,SAAS,MAAM,QAAQ,KAAK;CAEhD,OACE,qBAAC,KAAK,aAAN;EACE,WAAW;EACN;EACL,IAAI;EACJ,GAAI;EACO;EALb,UAAA,CAOE,oBAAC,QAAD;GAAM,WAAW,sBAAO;GACrB,UAAA,cAAc,WAAW;EACtB,CAAA,GACN,oBAAC,WAAD;GAAW,eAAA;GAAY,WAAW,sBAAO;EAAY,CAAA,CACrC;;AAEtB,CAAC"}

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

@@ -0,0 +1,24 @@
+"use client"
+/* */
+//#region src/components/Option/Option.module.scss
+var option = "flow--option";
+var icon = "flow--option--icon";
+var checkMark = "flow--option--check-mark";
+var controlIcon = "flow--option--control-icon";
+var ariaDisabled = "flow--option--aria-disabled";
+var avatar = "flow--option--avatar";
+var content = "flow--option--content";
+var Option_module_default = {
+	option,
+	"switch": "flow--option--switch",
+	icon,
+	checkMark,
+	controlIcon,
+	ariaDisabled,
+	avatar,
+	content
+};
+//#endregion
+export { ariaDisabled, avatar, checkMark, content, controlIcon, Option_module_default as default, icon, option };
+
+//# sourceMappingURL=Option.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.module.mjs","names":[],"sources":["../../../../../../../src/components/Option/Option.module.scss"],"sourcesContent":["@use \"@/styles/mixins/menuItem\";\n\n.option {\n  @include menuItem.menuItem();\n\n  & {\n    justify-content: space-between;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    column-gap: var(--menu-item--spacing);\n  }\n\n  .checkMark {\n    align-self: start;\n  }\n}\n"],"mappings":""}

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

@@ -1,42 +1,30 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import { Popover } from '../Popover/Popover.mjs';
-import clsx from 'clsx';
-import styles from './Options.module.scss.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const Options = flowComponent("Options", (props) => {
-  const {
-    className,
-    children,
-    controller,
-    renderEmptyState,
-    onAction,
-    ...restPopoverProps
-  } = props;
-  const rootClassName = clsx(styles.options, className);
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      className: styles.popover,
-      controller,
-      maxHeight: 324,
-      ...restPopoverProps,
-      children: /* @__PURE__ */ jsx(
-        Aria.ListBox,
-        {
-          onAction,
-          className: rootClassName,
-          renderEmptyState,
-          children
-        }
-      )
-    }
-  );
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { Popover } from "../Popover/Popover.mjs";
+import Options_module_default from "./Options.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Options/Options.tsx
+var Options = flowComponent("Options", (props) => {
+	const { className, children, controller, renderEmptyState, onAction, ...restPopoverProps } = props;
+	const rootClassName = clsx(Options_module_default.options, className);
+	return /* @__PURE__ */ jsx(Popover, {
+		className: Options_module_default.popover,
+		controller,
+		maxHeight: 324,
+		...restPopoverProps,
+		children: /* @__PURE__ */ jsx(Aria.ListBox, {
+			onAction,
+			className: rootClassName,
+			renderEmptyState,
+			children
+		})
+	});
 });
-
+//#endregion
 export { Options, Options as default };
-//# sourceMappingURL=Options.mjs.map
+
+//# sourceMappingURL=Options.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Options.mjs","sources":["../../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionsProps\n  extends\n    Pick<Aria.ListBoxProps<OptionProps>, \"renderEmptyState\" | \"onAction\">,\n    PopoverProps {\n  controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = flowComponent(\"Options\", (props) => {\n  const {\n    className,\n    children,\n    controller,\n    renderEmptyState,\n    onAction,\n    ...restPopoverProps\n  } = props;\n\n  const rootClassName = clsx(styles.options, className);\n\n  return (\n    <Popover\n      className={styles.popover}\n      controller={controller}\n      maxHeight={324}\n      {...restPopoverProps}\n    >\n      <Aria.ListBox\n        onAction={onAction}\n        className={rootClassName}\n        renderEmptyState={renderEmptyState}\n      >\n        {children}\n      </Aria.ListBox>\n    </Popover>\n  );\n});\n\nexport default Options;\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,OAAA,GAA4B,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,UAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACV,GAAG,gBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA,CAAK,OAAA;AAAA,QAAL;AAAA,UACC,QAAA;AAAA,UACA,SAAA,EAAW,aAAA;AAAA,UACX,gBAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Options.mjs","names":[],"sources":["../../../../../../../src/components/Options/Options.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport clsx from \"clsx\";\nimport styles from \"./Options.module.scss\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { OptionProps } from \"@/components/Option\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface OptionsProps\n  extends\n    Pick<Aria.ListBoxProps<OptionProps>, \"renderEmptyState\" | \"onAction\">,\n    PopoverProps {\n  controller: OverlayController;\n}\n\nexport const Options: FC<OptionsProps> = flowComponent(\"Options\", (props) => {\n  const {\n    className,\n    children,\n    controller,\n    renderEmptyState,\n    onAction,\n    ...restPopoverProps\n  } = props;\n\n  const rootClassName = clsx(styles.options, className);\n\n  return (\n    <Popover\n      className={styles.popover}\n      controller={controller}\n      maxHeight={324}\n      {...restPopoverProps}\n    >\n      <Aria.ListBox\n        onAction={onAction}\n        className={rootClassName}\n        renderEmptyState={renderEmptyState}\n      >\n        {children}\n      </Aria.ListBox>\n    </Popover>\n  );\n});\n\nexport default Options;\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,UAA4B,cAAc,YAAY,UAAU;CAC3E,MAAM,EACJ,WACA,UACA,YACA,kBACA,UACA,GAAG,qBACD;CAEJ,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,oBAAC,SAAD;EACE,WAAW,uBAAO;EACN;EACZ,WAAW;EACX,GAAI;EAEJ,UAAA,oBAAC,KAAK,SAAN;GACY;GACV,WAAW;GACO;GAEjB;EACW,CAAA;CACP,CAAA;AAEb,CAAC"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/Options/Options.module.scss
+var popover = "flow--options--popover";
+var options = "flow--options";
+var Options_module_default = {
+	popover,
+	options
+};
+//#endregion
+export { Options_module_default as default, options, popover };
+
+//# sourceMappingURL=Options.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Options.module.mjs","names":[],"sources":["../../../../../../../src/components/Options/Options.module.scss"],"sourcesContent":[".popover[data-trigger=\"ComboBox\"],\n.popover[data-trigger=\"Select\"] {\n  width: var(--trigger-width);\n}\n\n.options {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--menu--item-to-item-spacing);\n  outline: none;\n  padding: var(--popover--padding--m);\n}\n"],"mappings":""}

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

@@ -1,46 +1,37 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './Overlay.module.scss.mjs';
-import clsx from 'clsx';
-import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
-import OverlayContentView from '../../views/OverlayContentView.mjs';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-
-const Overlay = (props) => {
-  const {
-    controller: controllerFromProps,
-    children,
-    isDismissable = true,
-    className,
-    overlayType = "Modal",
-    isDefaultOpen,
-    isOpen: isOpenFromProps,
-    ref,
-    "aria-labelledby": ariaLabelledBy,
-    ...controllerOptions
-  } = props;
-  const controllerFromContext = useOverlayController(overlayType, {
-    reuseControllerFromContext: true,
-    isDefaultOpen
-  });
-  const controller = controllerFromProps ?? controllerFromContext;
-  controller.useUpdateOptions(controllerOptions);
-  const isOpen = isOpenFromProps ?? controller.useIsOpen();
-  const rootClassName = clsx(styles.overlay, className);
-  return /* @__PURE__ */ jsx(
-    OverlayContentView,
-    {
-      onOpenChange: controller.setOpen,
-      isOpen,
-      ref,
-      isDismissable,
-      className: rootClassName,
-      "aria-labelledby": ariaLabelledBy,
-      children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Modal", controller, children })
-    }
-  );
+import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
+import { OverlayContextProvider } from "../../lib/controller/overlay/OverlayContextProvider.mjs";
+import Overlay_module_default from "./Overlay.module.mjs";
+import OverlayContentView from "../../views/OverlayContentView.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Overlay/Overlay.tsx
+var Overlay = (props) => {
+	const { controller: controllerFromProps, children, isDismissable = true, className, overlayType = "Modal", isDefaultOpen, isOpen: isOpenFromProps, ref, "aria-labelledby": ariaLabelledBy, ...controllerOptions } = props;
+	const controllerFromContext = useOverlayController(overlayType, {
+		reuseControllerFromContext: true,
+		isDefaultOpen
+	});
+	const controller = controllerFromProps ?? controllerFromContext;
+	controller.useUpdateOptions(controllerOptions);
+	const isOpen = isOpenFromProps ?? controller.useIsOpen();
+	const rootClassName = clsx(Overlay_module_default.overlay, className);
+	return /* @__PURE__ */ jsx(OverlayContentView, {
+		onOpenChange: controller.setOpen,
+		isOpen,
+		ref,
+		isDismissable,
+		className: rootClassName,
+		"aria-labelledby": ariaLabelledBy,
+		children: /* @__PURE__ */ jsx(OverlayContextProvider, {
+			type: "Modal",
+			controller,
+			children
+		})
+	});
 };
+//#endregion
+export { Overlay, Overlay as default };
 
-export { Overlay };
-//# sourceMappingURL=Overlay.mjs.map
+//# sourceMappingURL=Overlay.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.mjs","sources":["../../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport type {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@/lib/controller/overlay/OverlayController\";\nimport type * as Aria from \"react-aria-components\";\n\nexport interface OverlayProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Pick<Aria.DialogProps, \"aria-labelledby\"> {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n  /** Whether the overlay is open. Use it to control the overlay state. */\n  isOpen?: boolean;\n  /**\n   * Whether the overlay is open initially. Use it for an uncontrolled overlay.\n   *\n   * @default false\n   */\n  isDefaultOpen?: boolean;\n  /** Called when the overlay is opened. */\n  onOpen?: OverlayOpenHandler;\n  /** Called when the overlay is closed. */\n  onClose?: OverlayCloseHandler;\n  /** Called with the new open state whenever the overlay is opened or closed. */\n  onOpenChange?: OverlayOpenStateHandler;\n  /** Whether closing the overlay must be confirmed. */\n  confirmOnClose?: boolean;\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    isDefaultOpen,\n    isOpen: isOpenFromProps,\n    ref,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...controllerOptions\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n    isDefaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  controller.useUpdateOptions(controllerOptions);\n\n  const isOpen = isOpenFromProps ?? controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={controller.setOpen}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n      aria-labelledby={ariaLabelledBy}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;AA6CO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAA,GAAgB,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAA,GAAc,OAAA;AAAA,IACd,aAAA;AAAA,IACA,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA;AAAA,IACA,iBAAA,EAAmB,cAAA;AAAA,IACnB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,WAAA,EAAa;AAAA,IAC9D,0BAAA,EAA4B,IAAA;AAAA,IAC5B;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAC1C,EAAA,UAAA,CAAW,iBAAiB,iBAAiB,CAAA;AAE7C,EAAA,MAAM,MAAA,GAAS,eAAA,IAAmB,UAAA,CAAW,SAAA,EAAU;AAEvD,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,cAAc,UAAA,CAAW,OAAA;AAAA,MACzB,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX,iBAAA,EAAiB,cAAA;AAAA,MAEjB,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,OAAA,EAAQ,YAClC,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Overlay.mjs","names":[],"sources":["../../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport type {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@/lib/controller/overlay/OverlayController\";\nimport type * as Aria from \"react-aria-components\";\n\nexport interface OverlayProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Pick<Aria.DialogProps, \"aria-labelledby\"> {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n  /** Whether the overlay is open. Use it to control the overlay state. */\n  isOpen?: boolean;\n  /**\n   * Whether the overlay is open initially. Use it for an uncontrolled overlay.\n   *\n   * @default false\n   */\n  isDefaultOpen?: boolean;\n  /** Called when the overlay is opened. */\n  onOpen?: OverlayOpenHandler;\n  /** Called when the overlay is closed. */\n  onClose?: OverlayCloseHandler;\n  /** Called with the new open state whenever the overlay is opened or closed. */\n  onOpenChange?: OverlayOpenStateHandler;\n  /** Whether closing the overlay must be confirmed. */\n  confirmOnClose?: boolean;\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    isDefaultOpen,\n    isOpen: isOpenFromProps,\n    ref,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...controllerOptions\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n    isDefaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  controller.useUpdateOptions(controllerOptions);\n\n  const isOpen = isOpenFromProps ?? controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={controller.setOpen}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n      aria-labelledby={ariaLabelledBy}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"mappings":";;;;;;;;;AA6CA,IAAa,WAA6B,UAAU;CAClD,MAAM,EACJ,YAAY,qBACZ,UACA,gBAAgB,MAChB,WACA,cAAc,SACd,eACA,QAAQ,iBACR,KACA,mBAAmB,gBACnB,GAAG,sBACD;CAEJ,MAAM,wBAAwB,qBAAqB,aAAa;EAC9D,4BAA4B;EAC5B;CACF,CAAC;CAED,MAAM,aAAa,uBAAuB;CAC1C,WAAW,iBAAiB,iBAAiB;CAE7C,MAAM,SAAS,mBAAmB,WAAW,UAAU;CAEvD,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,oBAAC,oBAAD;EACE,cAAc,WAAW;EACjB;EACH;EACU;EACf,WAAW;EACX,mBAAiB;EAEjB,UAAA,oBAAC,wBAAD;GAAwB,MAAK;GAAoB;GAC9C;EACqB,CAAA;CACN,CAAA;AAExB"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+//#region src/components/Overlay/Overlay.module.scss
+var overlay = "flow--overlay";
+var suspense = "flow--overlay--suspense";
+var Overlay_module_default = {
+	overlay,
+	"overlay-fade": "flow--overlay--overlay-fade",
+	suspense
+};
+//#endregion
+export { Overlay_module_default as default, overlay, suspense };
+
+//# sourceMappingURL=Overlay.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.module.mjs","names":[],"sources":["../../../../../../../src/components/Overlay/Overlay.module.scss"],"sourcesContent":["/* Full-page backdrop behind every overlay (Modal, LightBox, …).\n   react-aria publishes two custom properties on the overlay element that this\n   package relies on: `--page-height` (full scrollable page height, used here)\n   and `--visual-viewport-height` (space above the on-screen keyboard, used by\n   Modal). Both update as the visual viewport changes. */\n.overlay {\n  position: fixed;\n  top: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: var(--page-height);\n  isolation: isolate;\n  background: var(--overlay--backdrop-color);\n  backdrop-filter: blur(var(--blur));\n\n  &[data-entering] {\n    animation: overlay-fade var(--transition--duration--slow);\n  }\n\n  &[data-exiting] {\n    animation: overlay-fade var(--transition--duration--default) reverse ease-in;\n  }\n}\n\n/* Fallback shown while suspended overlay content loads. */\n.suspense {\n  padding: var(--size-px--xl);\n}\n\n@keyframes overlay-fade {\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@media (prefers-contrast: more), (prefers-reduced-transparency) {\n  .overlay {\n    backdrop-filter: none;\n    background-color: var(--dark--color--600);\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Overlay/components/OverlayContent.mjs

@@ -1,26 +1,36 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import { Suspense } from 'react';
-import { OverlaySuspenseFallback } from './OverlaySuspenseFallback.mjs';
-import styles from '../Overlay.module.scss.mjs';
-import DivView from '../../../views/DivView.mjs';
-import { useKeepBrowserExtensionsInteractive } from '../../../lib/hooks/dom/useKeepBrowserExtensionsInteractive.mjs';
-
-const OverlayContent = (props) => {
-  const {
-    children,
-    className,
-    "aria-labelledby": ariaLabelledBy,
-    ...restProps
-  } = props;
-  useKeepBrowserExtensionsInteractive(restProps.isOpen ?? false);
-  const Fallback = () => {
-    return /* @__PURE__ */ jsx(DivView, { className: styles.suspense, children: /* @__PURE__ */ jsx(OverlaySuspenseFallback, { ...restProps }) });
-  };
-  return /* @__PURE__ */ jsx(Aria.ModalOverlay, { ...restProps, className, children: /* @__PURE__ */ jsx(DivView, { children: /* @__PURE__ */ jsx(Aria.Modal, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Fallback, {}), children: /* @__PURE__ */ jsx(Aria.Dialog, { "aria-labelledby": ariaLabelledBy, children }) }) }) }) });
+import DivView from "../../../views/DivView.mjs";
+import Overlay_module_default from "../Overlay.module.mjs";
+import { OverlaySuspenseFallback } from "./OverlaySuspenseFallback.mjs";
+import useKeepBrowserExtensionsInteractive from "../../../lib/hooks/dom/useKeepBrowserExtensionsInteractive.mjs";
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Overlay/components/OverlayContent.tsx
+/** @flr-generate all */
+var OverlayContent = (props) => {
+	const { children, className, "aria-labelledby": ariaLabelledBy, ...restProps } = props;
+	useKeepBrowserExtensionsInteractive(restProps.isOpen ?? false);
+	const Fallback = () => {
+		return /* @__PURE__ */ jsx(DivView, {
+			className: Overlay_module_default.suspense,
+			children: /* @__PURE__ */ jsx(OverlaySuspenseFallback, { ...restProps })
+		});
+	};
+	return /* @__PURE__ */ jsx(Aria.ModalOverlay, {
+		...restProps,
+		className,
+		children: /* @__PURE__ */ jsx(DivView, { children: /* @__PURE__ */ jsx(Aria.Modal, { children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(Fallback, {}),
+			children: /* @__PURE__ */ jsx(Aria.Dialog, {
+				"aria-labelledby": ariaLabelledBy,
+				children
+			})
+		}) }) })
+	});
 };
+//#endregion
+export { OverlayContent, OverlayContent as default };
 
-export { OverlayContent };
-//# sourceMappingURL=OverlayContent.mjs.map
+//# sourceMappingURL=OverlayContent.mjs.map

package/dist/js/packages/components/src/components/Overlay/components/OverlayContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContent.mjs","sources":["../../../../../../../../src/components/Overlay/components/OverlayContent.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport { type FC, type PropsWithChildren, type Ref, Suspense } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { OverlaySuspenseFallback } from \"@/components/Overlay/components/OverlaySuspenseFallback\";\nimport styles from \"../Overlay.module.scss\";\nimport DivView from \"@/views/DivView\";\nimport { useKeepBrowserExtensionsInteractive } from \"@/lib/hooks/dom/useKeepBrowserExtensionsInteractive\";\n\nexport interface OverlayContentProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Pick<Aria.DialogProps, \"aria-labelledby\"> {\n  ref?: Ref<HTMLDivElement>;\n  onOpenChange: (isOpen: boolean) => void;\n  isDismissable?: boolean;\n  isOpen?: boolean;\n}\n\n/** @flr-generate all */\nexport const OverlayContent: FC<OverlayContentProps> = (props) => {\n  const {\n    children,\n    className,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...restProps\n  } = props;\n\n  useKeepBrowserExtensionsInteractive(restProps.isOpen ?? false);\n\n  const Fallback = () => {\n    return (\n      <DivView className={styles.suspense}>\n        <OverlaySuspenseFallback {...restProps} />\n      </DivView>\n    );\n  };\n\n  return (\n    <Aria.ModalOverlay {...restProps} className={className}>\n      <DivView>\n        <Aria.Modal>\n          <Suspense fallback={<Fallback />}>\n            <Aria.Dialog aria-labelledby={ariaLabelledBy}>\n              {children}\n            </Aria.Dialog>\n          </Suspense>\n        </Aria.Modal>\n      </DivView>\n    </Aria.ModalOverlay>\n  );\n};\n\nexport default OverlayContent;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA,EAAmB,cAAA;AAAA,IACnB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,mCAAA,CAAoC,SAAA,CAAU,UAAU,KAAK,CAAA;AAE7D,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,uBACE,GAAA,CAAC,WAAQ,SAAA,EAAW,MAAA,CAAO,UACzB,QAAA,kBAAA,GAAA,CAAC,uBAAA,EAAA,EAAyB,GAAG,SAAA,EAAW,CAAA,EAC1C,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAmB,GAAG,SAAA,EAAW,SAAA,EAChC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,MAAA,EAAL,EAAY,iBAAA,EAAiB,cAAA,EAC3B,QAAA,EACH,CAAA,EACF,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OverlayContent.mjs","names":[],"sources":["../../../../../../../../src/components/Overlay/components/OverlayContent.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport { type FC, type PropsWithChildren, type Ref, Suspense } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { OverlaySuspenseFallback } from \"@/components/Overlay/components/OverlaySuspenseFallback\";\nimport styles from \"../Overlay.module.scss\";\nimport DivView from \"@/views/DivView\";\nimport { useKeepBrowserExtensionsInteractive } from \"@/lib/hooks/dom/useKeepBrowserExtensionsInteractive\";\n\nexport interface OverlayContentProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Pick<Aria.DialogProps, \"aria-labelledby\"> {\n  ref?: Ref<HTMLDivElement>;\n  onOpenChange: (isOpen: boolean) => void;\n  isDismissable?: boolean;\n  isOpen?: boolean;\n}\n\n/** @flr-generate all */\nexport const OverlayContent: FC<OverlayContentProps> = (props) => {\n  const {\n    children,\n    className,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...restProps\n  } = props;\n\n  useKeepBrowserExtensionsInteractive(restProps.isOpen ?? false);\n\n  const Fallback = () => {\n    return (\n      <DivView className={styles.suspense}>\n        <OverlaySuspenseFallback {...restProps} />\n      </DivView>\n    );\n  };\n\n  return (\n    <Aria.ModalOverlay {...restProps} className={className}>\n      <DivView>\n        <Aria.Modal>\n          <Suspense fallback={<Fallback />}>\n            <Aria.Dialog aria-labelledby={ariaLabelledBy}>\n              {children}\n            </Aria.Dialog>\n          </Suspense>\n        </Aria.Modal>\n      </DivView>\n    </Aria.ModalOverlay>\n  );\n};\n\nexport default OverlayContent;\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,UACA,WACA,mBAAmB,gBACnB,GAAG,cACD;CAEJ,oCAAoC,UAAU,UAAU,KAAK;CAE7D,MAAM,iBAAiB;EACrB,OACE,oBAAC,SAAD;GAAS,WAAW,uBAAO;GACzB,UAAA,oBAAC,yBAAD,EAAyB,GAAI,UAAY,CAAA;EAClC,CAAA;CAEb;CAEA,OACE,oBAAC,KAAK,cAAN;EAAmB,GAAI;EAAsB;EAC3C,UAAA,oBAAC,SAAD,EAAA,UACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,UAAD;GAAU,UAAU,oBAAC,UAAD,CAAW,CAAA;GAC7B,UAAA,oBAAC,KAAK,QAAN;IAAa,mBAAiB;IAC3B;GACU,CAAA;EACL,CAAA,EACA,CAAA,EACL,CAAA;CACQ,CAAA;AAEvB"}

package/dist/js/packages/components/src/components/Overlay/components/OverlaySuspenseFallback.mjs

@@ -1,13 +1,14 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import LoadingSpinnerView from '../../../views/LoadingSpinnerView.mjs';
-import { useAriaAnnounceSuspense } from '../../Action/lib/ariaLive.mjs';
-
-const OverlaySuspenseFallback = () => {
-  useAriaAnnounceSuspense();
-  return /* @__PURE__ */ jsx(LoadingSpinnerView, { color: "dark" });
+import { useAriaAnnounceSuspense } from "../../Action/lib/ariaLive.mjs";
+import LoadingSpinnerView from "../../../views/LoadingSpinnerView.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Overlay/components/OverlaySuspenseFallback.tsx
+var OverlaySuspenseFallback = () => {
+	useAriaAnnounceSuspense();
+	return /* @__PURE__ */ jsx(LoadingSpinnerView, { color: "dark" });
 };
-
+//#endregion
 export { OverlaySuspenseFallback };
-//# sourceMappingURL=OverlaySuspenseFallback.mjs.map
+
+//# sourceMappingURL=OverlaySuspenseFallback.mjs.map

package/dist/js/packages/components/src/components/Overlay/components/OverlaySuspenseFallback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlaySuspenseFallback.mjs","sources":["../../../../../../../../src/components/Overlay/components/OverlaySuspenseFallback.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport { useAriaAnnounceSuspense } from \"@/components/Action/lib/ariaLive\";\nimport type { OverlayContentProps } from \"@/components/Overlay/components/OverlayContent\";\n\nexport const OverlaySuspenseFallback: FC<OverlayContentProps> = () => {\n  useAriaAnnounceSuspense();\n  return <LoadingSpinnerView color=\"dark\" />;\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,0BAAmD,MAAM;AACpE,EAAA,uBAAA,EAAwB;AACxB,EAAA,uBAAO,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAM,MAAA,EAAO,CAAA;AAC1C;;;;"}
+{"version":3,"file":"OverlaySuspenseFallback.mjs","names":[],"sources":["../../../../../../../../src/components/Overlay/components/OverlaySuspenseFallback.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport { useAriaAnnounceSuspense } from \"@/components/Action/lib/ariaLive\";\nimport type { OverlayContentProps } from \"@/components/Overlay/components/OverlayContent\";\n\nexport const OverlaySuspenseFallback: FC<OverlayContentProps> = () => {\n  useAriaAnnounceSuspense();\n  return <LoadingSpinnerView color=\"dark\" />;\n};\n"],"mappings":";;;;;;AAKA,IAAa,gCAAyD;CACpE,wBAAwB;CACxB,OAAO,oBAAC,oBAAD,EAAoB,OAAM,OAAQ,CAAA;AAC3C"}

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

@@ -1,42 +1,39 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useComponentPropsContext } from '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
-import { useIsPendingWithWait } from '../Action/hooks/useIsPendingWithWait.mjs';
-import { OverlayController } from '../../lib/controller/overlay/OverlayController.mjs';
-
-const OverlayTrigger = (props) => {
-  const {
-    overlayType,
-    isDefaultOpen = false,
-    component: AriaOverlayTrigger,
-    children,
-    controller: controllerFromProps
-  } = props;
-  const buttonPropsContext = useComponentPropsContext("Button");
-  const newOverlayController = OverlayController.useNew({ isDefaultOpen });
-  const overlayController = controllerFromProps ?? newOverlayController;
-  const isOpen = overlayController.useIsOpen();
-  const isContentSuspended = overlayController.useIsContentSuspended();
-  const isPending = useIsPendingWithWait(isContentSuspended);
-  const propsContext = {
-    Button: {
-      onPress: overlayController.open,
-      isPending,
-      isDisabled: Boolean(buttonPropsContext?.isDisabled) || isContentSuspended
-    }
-  };
-  return /* @__PURE__ */ jsx(OverlayContextProvider, { type: overlayType, controller: overlayController, children: /* @__PURE__ */ jsx(
-    PropsContextProvider,
-    {
-      props: propsContext,
-      dependencies: [isPending, overlayController],
-      children: /* @__PURE__ */ jsx(AriaOverlayTrigger, { isOpen, children })
-    }
-  ) });
+import { useComponentPropsContext } from "../../lib/propsContext/propsContext.mjs";
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { OverlayController } from "../../lib/controller/overlay/OverlayController.mjs";
+import { OverlayContextProvider } from "../../lib/controller/overlay/OverlayContextProvider.mjs";
+import { useIsPendingWithWait } from "../Action/hooks/useIsPendingWithWait.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/OverlayTrigger/OverlayTrigger.tsx
+var OverlayTrigger = (props) => {
+	const { overlayType, isDefaultOpen = false, component: AriaOverlayTrigger, children, controller: controllerFromProps } = props;
+	const buttonPropsContext = useComponentPropsContext("Button");
+	const newOverlayController = OverlayController.useNew({ isDefaultOpen });
+	const overlayController = controllerFromProps ?? newOverlayController;
+	const isOpen = overlayController.useIsOpen();
+	const isContentSuspended = overlayController.useIsContentSuspended();
+	const isPending = useIsPendingWithWait(isContentSuspended);
+	const propsContext = { Button: {
+		onPress: overlayController.open,
+		isPending,
+		isDisabled: Boolean(buttonPropsContext?.isDisabled) || isContentSuspended
+	} };
+	return /* @__PURE__ */ jsx(OverlayContextProvider, {
+		type: overlayType,
+		controller: overlayController,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			dependencies: [isPending, overlayController],
+			children: /* @__PURE__ */ jsx(AriaOverlayTrigger, {
+				isOpen,
+				children
+			})
+		})
+	});
 };
+//#endregion
+export { OverlayTrigger, OverlayTrigger as default };
 
-export { OverlayTrigger };
-//# sourceMappingURL=OverlayTrigger.mjs.map
+//# sourceMappingURL=OverlayTrigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.mjs","sources":["../../../../../../../src/components/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import type { ComponentType, FC, PropsWithChildren, ReactNode } from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { useIsPendingWithWait } from \"@/components/Action/hooks/useIsPendingWithWait\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the overlay should be open initially. */\n  isDefaultOpen?: boolean;\n  /** A controller to control the state of the overlay. */\n  controller?: OverlayController;\n}\n\ninterface Props extends OverlayTriggerProps {\n  overlayType: FlowComponentName;\n  component: AriaComponentType;\n}\n\nexport const OverlayTrigger: FC<Props> = (props) => {\n  const {\n    overlayType,\n    isDefaultOpen = false,\n    component: AriaOverlayTrigger,\n    children,\n    controller: controllerFromProps,\n  } = props;\n  const buttonPropsContext = useComponentPropsContext(\"Button\");\n\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n  const isContentSuspended = overlayController.useIsContentSuspended();\n  const isPending = useIsPendingWithWait(isContentSuspended);\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n      isPending,\n      isDisabled: Boolean(buttonPropsContext?.isDisabled) || isContentSuspended,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isPending, overlayController]}\n      >\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n\nexport default OverlayTrigger;\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM;AAAA,IACJ,WAAA;AAAA,IACA,aAAA,GAAgB,KAAA;AAAA,IAChB,SAAA,EAAW,kBAAA;AAAA,IACX,QAAA;AAAA,IACA,UAAA,EAAY;AAAA,GACd,GAAI,KAAA;AACJ,EAAA,MAAM,kBAAA,GAAqB,yBAAyB,QAAQ,CAAA;AAE5D,EAAA,MAAM,oBAAA,GAAuB,iBAAA,CAAkB,MAAA,CAAO,EAAE,eAAe,CAAA;AACvE,EAAA,MAAM,oBAAoB,mBAAA,IAAuB,oBAAA;AACjD,EAAA,MAAM,MAAA,GAAS,kBAAkB,SAAA,EAAU;AAC3C,EAAA,MAAM,kBAAA,GAAqB,kBAAkB,qBAAA,EAAsB;AACnE,EAAA,MAAM,SAAA,GAAY,qBAAqB,kBAAkB,CAAA;AAEzD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,SAAS,iBAAA,CAAkB,IAAA;AAAA,MAC3B,SAAA;AAAA,MACA,UAAA,EAAY,OAAA,CAAQ,kBAAA,EAAoB,UAAU,CAAA,IAAK;AAAA;AACzD,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAM,WAAA,EAAa,YAAY,iBAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,SAAA,EAAW,iBAAiB,CAAA;AAAA,MAE3C,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,MAAA,EAAiB,QAAA,EAAS;AAAA;AAAA,GAChD,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OverlayTrigger.mjs","names":[],"sources":["../../../../../../../src/components/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import type { ComponentType, FC, PropsWithChildren, ReactNode } from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { useIsPendingWithWait } from \"@/components/Action/hooks/useIsPendingWithWait\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the overlay should be open initially. */\n  isDefaultOpen?: boolean;\n  /** A controller to control the state of the overlay. */\n  controller?: OverlayController;\n}\n\ninterface Props extends OverlayTriggerProps {\n  overlayType: FlowComponentName;\n  component: AriaComponentType;\n}\n\nexport const OverlayTrigger: FC<Props> = (props) => {\n  const {\n    overlayType,\n    isDefaultOpen = false,\n    component: AriaOverlayTrigger,\n    children,\n    controller: controllerFromProps,\n  } = props;\n  const buttonPropsContext = useComponentPropsContext(\"Button\");\n\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n  const isContentSuspended = overlayController.useIsContentSuspended();\n  const isPending = useIsPendingWithWait(isContentSuspended);\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n      isPending,\n      isDisabled: Boolean(buttonPropsContext?.isDisabled) || isContentSuspended,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isPending, overlayController]}\n      >\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n\nexport default OverlayTrigger;\n"],"mappings":";;;;;;;;;AA4BA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EACJ,aACA,gBAAgB,OAChB,WAAW,oBACX,UACA,YAAY,wBACV;CACJ,MAAM,qBAAqB,yBAAyB,QAAQ;CAE5D,MAAM,uBAAuB,kBAAkB,OAAO,EAAE,cAAc,CAAC;CACvE,MAAM,oBAAoB,uBAAuB;CACjD,MAAM,SAAS,kBAAkB,UAAU;CAC3C,MAAM,qBAAqB,kBAAkB,sBAAsB;CACnE,MAAM,YAAY,qBAAqB,kBAAkB;CAEzD,MAAM,eAA6B,EACjC,QAAQ;EACN,SAAS,kBAAkB;EAC3B;EACA,YAAY,QAAQ,oBAAoB,UAAU,KAAK;CACzD,EACF;CAEA,OACE,oBAAC,wBAAD;EAAwB,MAAM;EAAa,YAAY;EACrD,UAAA,oBAAC,sBAAD;GACE,OAAO;GACP,cAAc,CAAC,WAAW,iBAAiB;GAE3C,UAAA,oBAAC,oBAAD;IAA4B;IAAS;GAA6B,CAAA;EAC9C,CAAA;CACA,CAAA;AAE5B"}

package/dist/js/packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs

@@ -1,11 +1,13 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-
-const DialogTrigger = (props) => {
-  return /* @__PURE__ */ jsx(Aria.DialogTrigger, { ...props });
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.tsx
+/** @flr-generate all */
+var DialogTrigger = (props) => {
+	return /* @__PURE__ */ jsx(Aria.DialogTrigger, { ...props });
 };
+//#endregion
+export { DialogTrigger, DialogTrigger as default };
 
-export { DialogTrigger };
-//# sourceMappingURL=DialogTrigger.mjs.map
+//# sourceMappingURL=DialogTrigger.mjs.map

package/dist/js/packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.mjs","sources":["../../../../../../../../../src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { ComponentProps, FC } from \"react\";\n\nexport type DialogTriggerProps = ComponentProps<typeof Aria.DialogTrigger>;\n\n/** @flr-generate all */\nexport const DialogTrigger: FC<DialogTriggerProps> = (props) => {\n  return <Aria.DialogTrigger {...props} />;\n};\n\nexport default DialogTrigger;\n"],"names":[],"mappings":";;;AAMO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,uBAAO,GAAA,CAAC,IAAA,CAAK,aAAA,EAAL,EAAoB,GAAG,KAAA,EAAO,CAAA;AACxC;;;;"}
+{"version":3,"file":"DialogTrigger.mjs","names":[],"sources":["../../../../../../../../../src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { ComponentProps, FC } from \"react\";\n\nexport type DialogTriggerProps = ComponentProps<typeof Aria.DialogTrigger>;\n\n/** @flr-generate all */\nexport const DialogTrigger: FC<DialogTriggerProps> = (props) => {\n  return <Aria.DialogTrigger {...props} />;\n};\n\nexport default DialogTrigger;\n"],"mappings":";;;;;;AAMA,IAAa,iBAAyC,UAAU;CAC9D,OAAO,oBAAC,KAAK,eAAN,EAAoB,GAAI,MAAQ,CAAA;AACzC"}