@mittwald/flow-react-components 0.2.0-alpha.480 → 0.2.0-alpha.482

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

@@ -1,98 +1,95 @@
 "use client"
 /* */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
 import styles from './Modal.module.scss.mjs';
 import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
 import { Action } from '../Action/Action.mjs';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import ButtonView from '../../views/ButtonView.mjs';
 
-const Modal = flowComponent("Modal", (props) => {
-  const {
-    size = "s",
-    offCanvas,
-    controller,
-    children,
-    ref,
-    className,
-    offCanvasOrientation = "right",
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    offCanvas ? styles.offCanvas : styles.modal,
-    styles[`size-${size}`],
-    offCanvasOrientation === "left" && styles["left"],
-    className
-  );
-  const header = (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    children2,
-    /* @__PURE__ */ jsx(Action, { closeOverlay: "Modal", children: /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        variant: "plain",
-        color: "secondary",
-        onPress: controller?.close,
-        children: /* @__PURE__ */ jsx(IconClose, {})
-      }
-    ) })
-  ] });
-  const propsContext = {
-    Content: {
-      clearPropsContext: true,
-      className: styles.content,
-      Section: {
-        Heading: {
-          level: 3
-        },
-        Header: {
-          Heading: {
-            level: 3
-          }
-        }
-      }
-    },
-    ColumnLayout: {
-      l: [2, 1],
-      m: [1],
-      className: styles.columnLayout,
-      Section: {
-        Heading: {
-          level: 3
-        }
-      },
-      AccentBox: { className: styles.accentBox, color: "neutral" }
-    },
-    Heading: {
-      className: styles.header,
-      level: 2,
-      slot: "title",
-      children: dynamic((props2) => header(props2.children))
-    },
-    ActionGroup: {
-      className: styles.actionGroup,
-      spacing: "m"
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Overlay,
-    {
-      className: rootClassName,
+const Modal = flowComponent(
+  "Modal",
+  (props) => {
+    const {
+      size = "s",
+      offCanvas,
       controller,
+      children,
       ref,
-      ...rest,
-      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
-    }
-  );
-});
+      className,
+      offCanvasOrientation = "right",
+      ...rest
+    } = 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, { closeOverlay: "Modal", children: /* @__PURE__ */ jsx(
+        ButtonView,
+        {
+          variant: "plain",
+          color: "secondary",
+          onPress: controller?.close,
+          children: /* @__PURE__ */ jsx(IconClose, {})
+        }
+      ) })
+    ] });
+    const nestedHeadingLevel = 3;
+    const nestedHeadingProps = {
+      Heading: { level: nestedHeadingLevel },
+      Section: { 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" }
+      },
+      Heading: {
+        className: styles.header,
+        level: 2,
+        slot: "title",
+        children: dynamic((props2) => header(props2.children))
+      },
+      ActionGroup: {
+        className: styles.actionGroup,
+        spacing: "m"
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Overlay,
+      {
+        className: rootClassName,
+        controller,
+        ref,
+        ...rest,
+        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
+      }
+    );
+  },
+  {
+    type: "provider"
+  }
+);
 
 export { Modal, Modal as default };
 //# sourceMappingURL=Modal.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React 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 type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface ModalProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"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    ...rest\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 closeOverlay=\"Modal\">\n        <ButtonView\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={controller?.close}\n        >\n          <IconClose />\n        </ButtonView>\n      </Action>\n    </>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      clearPropsContext: true,\n      className: styles.content,\n      Section: {\n        Heading: {\n          level: 3,\n        },\n        Header: {\n          Heading: {\n            level: 3,\n          },\n        },\n      },\n    },\n    ColumnLayout: {\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      Section: {\n        Heading: {\n          level: 3,\n        },\n      },\n      AccentBox: { className: styles.accentBox, color: \"neutral\" },\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    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"names":["children","props"],"mappings":";;;;;;;;;;;;;;;;AA0CO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA;AAAA,IACJ,IAAO,GAAA,GAAA;AAAA,IACP,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAA;AAAA,IACA,oBAAuB,GAAA,OAAA;AAAA,IACvB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA,GAAY,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,KAAA;AAAA,IACtC,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,oBAAA,KAAyB,MAAU,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA,IAChD;AAAA,GACF;AAEA,EAAM,MAAA,MAAA,GAAS,CAACA,SAAAA,qBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAAA,SAAAA;AAAA,oBACD,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAa,OACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,SAAS,UAAY,EAAA,KAAA;AAAA,QAErB,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,KAEf,EAAA;AAAA,GACF,EAAA,CAAA;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,iBAAmB,EAAA,IAAA;AAAA,MACnB,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,OAAS,EAAA;AAAA,QACP,OAAS,EAAA;AAAA,UACP,KAAO,EAAA;AAAA,SACT;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,OAAS,EAAA;AAAA,YACP,KAAO,EAAA;AAAA;AACT;AACF;AACF,KACF;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,MACR,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,MACL,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,OAAS,EAAA;AAAA,QACP,OAAS,EAAA;AAAA,UACP,KAAO,EAAA;AAAA;AACT,OACF;AAAA,MACA,WAAW,EAAE,SAAA,EAAW,MAAO,CAAA,SAAA,EAAW,OAAO,SAAU;AAAA,KAC7D;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,OAAA;AAAA,MACN,UAAU,OAAQ,CAAA,CAACC,WAAU,MAAOA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KACrD;AAAA,IACA,WAAa,EAAA;AAAA,MACX,WAAW,MAAO,CAAA,WAAA;AAAA,MAClB,OAAS,EAAA;AAAA;AACX,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,UAAA;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } 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 type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface ModalProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"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(\n  \"Modal\",\n  (props) => {\n    const {\n      size = \"s\",\n      offCanvas,\n      controller,\n      children,\n      ref,\n      className,\n      offCanvasOrientation = \"right\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      offCanvas ? styles.offCanvas : styles.modal,\n      styles[`size-${size}`],\n      offCanvasOrientation === \"left\" && styles[\"left\"],\n      className,\n    );\n\n    const header = (children: ReactNode) => (\n      <>\n        {children}\n        <Action closeOverlay=\"Modal\">\n          <ButtonView\n            variant=\"plain\"\n            color=\"secondary\"\n            onPress={controller?.close}\n          >\n            <IconClose />\n          </ButtonView>\n        </Action>\n      </>\n    );\n\n    const nestedHeadingLevel = 3;\n\n    const nestedHeadingProps: PropsContext = {\n      Heading: { level: nestedHeadingLevel },\n      Section: { 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      },\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      },\n    };\n\n    return (\n      <Overlay\n        className={rootClassName}\n        controller={controller}\n        ref={ref}\n        {...rest}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Overlay>\n    );\n  },\n  {\n    type: \"provider\",\n  },\n);\n\nexport default Modal;\n"],"names":["children","props"],"mappings":";;;;;;;;;;;;;;;;AAyCO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAO,GAAA,GAAA;AAAA,MACP,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,oBAAuB,GAAA,OAAA;AAAA,MACvB,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,SAAA,GAAY,MAAO,CAAA,SAAA,GAAY,MAAO,CAAA,KAAA;AAAA,MACtC,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,oBAAA,KAAyB,MAAU,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA,MAChD;AAAA,KACF;AAEA,IAAM,MAAA,MAAA,GAAS,CAACA,SAAAA,qBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAAA,SAAAA;AAAA,sBACD,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAa,OACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,OAAA;AAAA,UACR,KAAM,EAAA,WAAA;AAAA,UACN,SAAS,UAAY,EAAA,KAAA;AAAA,UAErB,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,OAEf,EAAA;AAAA,KACF,EAAA,CAAA;AAGF,IAAA,MAAM,kBAAqB,GAAA,CAAA;AAE3B,IAAA,MAAM,kBAAmC,GAAA;AAAA,MACvC,OAAA,EAAS,EAAE,KAAA,EAAO,kBAAmB,EAAA;AAAA,MACrC,SAAS,EAAE,OAAA,EAAS,EAAE,KAAA,EAAO,oBAAqB;AAAA,KACpD;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,GAAG,kBAAA;AAAA,QACH,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,YAAc,EAAA;AAAA,QACZ,GAAG,kBAAA;AAAA,QACH,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,QACR,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,QACL,WAAW,MAAO,CAAA,YAAA;AAAA,QAClB,WAAW,EAAE,SAAA,EAAW,MAAO,CAAA,SAAA,EAAW,OAAO,SAAU;AAAA,OAC7D;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,KAAO,EAAA,CAAA;AAAA,QACP,IAAM,EAAA,OAAA;AAAA,QACN,UAAU,OAAQ,CAAA,CAACC,WAAU,MAAOA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,OACrD;AAAA,MACA,WAAa,EAAA;AAAA,QACX,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,OAAS,EAAA;AAAA;AACX,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,aAAA;AAAA,QACX,UAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA;AAAA;AAAA,KACF;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA;AAEV;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.mjs","sources":["../../../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Navigation.module.scss\";\nimport clsx from \"clsx\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContext from \"@/components/ClearPropsContext\";\n\nexport interface NavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Navigation = flowComponent(\"Navigation\", (props) => {\n  const { className, children, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.navigation, className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.item,\n      unstyled: true,\n      Text: {\n        className: styles.text,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n      tunnelId: \"links\",\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <TunnelProvider>\n        <nav className={rootClassName} role=\"navigation\" {...rest} ref={ref}>\n          <PropsContextProvider props={propsContext} mergeInParentContext>\n            <ul>\n              <TunnelExit id=\"links\" />\n            </ul>\n            {children}\n          </PropsContextProvider>\n        </nav>\n      </TunnelProvider>\n    </ClearPropsContext>\n  );\n});\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,kBACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAe,EAAA,IAAA,EAAK,YAAc,EAAA,GAAG,MAAM,GACzD,EAAA,QAAA,kBAAA,IAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Navigation.mjs","sources":["../../../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Navigation.module.scss\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\n\nexport interface NavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Navigation = flowComponent(\"Navigation\", (props) => {\n  const { className, children, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.navigation, className);\n\n  const linkPropsContext: ComponentPropsContext<\"Link\"> = {\n    wrapWith: <li />,\n    className: styles.item,\n    unstyled: true,\n    Text: {\n      className: styles.text,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={{\n        Link: {\n          ...linkPropsContext,\n          tunnelId: \"links\",\n        },\n        NavigationGroup: {\n          Link: linkPropsContext,\n        },\n      }}\n    >\n      <TunnelProvider>\n        <nav className={rootClassName} role=\"navigation\" {...rest} ref={ref}>\n          <ul>\n            <TunnelExit id=\"links\" />\n          </ul>\n          {children}\n        </nav>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,gBAAkD,GAAA;AAAA,IACtD,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,IACd,WAAW,MAAO,CAAA,IAAA;AAAA,IAClB,QAAU,EAAA,IAAA;AAAA,IACV,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,IAAM,EAAA;AAAA,UACJ,GAAG,gBAAA;AAAA,UACH,QAAU,EAAA;AAAA,SACZ;AAAA,QACA,eAAiB,EAAA;AAAA,UACf,IAAM,EAAA;AAAA;AACR,OACF;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,IAAK,EAAA,YAAA,EAAc,GAAG,IAAA,EAAM,GACzD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,QACC;AAAA,OAAA,EACH,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -5,8 +5,7 @@ import { useId } from 'react';
 import clsx from 'clsx';
 import styles from './NavigationGroup.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Accordion } from '../../../Accordion/Accordion.mjs';
 import { Content } from '../../../Content/Content.mjs';
@@ -27,26 +26,29 @@ const NavigationGroup = flowComponent("NavigationGroup", (props) => {
       "aria-hidden": true
     },
     Link: {
-      tunnelId: "groupLinks"
+      tunnelId: "groupLinks",
+      unstyled: false,
+      color: "light",
+      className: "peter"
     }
   };
   if (collapsable) {
-    return /* @__PURE__ */ jsx(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(Accordion, { defaultExpanded: true, className: rootClassName, children: [
+    return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(Accordion, { defaultExpanded: true, className: rootClassName, children: [
       children,
       /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx(TunnelExit, { id: "groupLinks" }) }) })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
     "section",
     {
       "aria-labelledby": generatedId,
       className: rootClassName,
       ...rest,
-      children: /* @__PURE__ */ jsxs(PropsContextProvider, { mergeInParentContext: true, props: propsContext, children: [
+      children: [
         children,
         /* @__PURE__ */ jsx(TunnelExit, { id: "Label" }),
         /* @__PURE__ */ jsx("ul", { children: /* @__PURE__ */ jsx(TunnelExit, { id: "groupLinks" }) })
-      ] })
+      ]
     }
   ) }) });
 });

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

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

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

@@ -9,9 +9,9 @@ import '../Icon/Icon.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconClose } from '../Icon/components/icons/IconClose.mjs';
 import { Link } from '../Link/Link.mjs';
-import '../../lib/propsContext/propsContext.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import clsx from 'clsx';
 import styles from './Notification.module.scss.mjs';
 

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

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

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

@@ -1,13 +1,12 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import styles from './NumberField.module.scss.mjs';
 import clsx from 'clsx';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import { Button } from '../Button/Button.mjs';
 import 'react';
@@ -43,7 +42,7 @@ const NumberField = flowComponent("NumberField", (props) => {
       className: formFieldStyles.customFieldError
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
     Aria.NumberField,
     {
       ...rest,
@@ -93,7 +92,7 @@ const NumberField = flowComponent("NumberField", (props) => {
         /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
       ]
     }
-  ) });
+  );
 });
 
 export { NumberField, NumberField as default };

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.mjs","sources":["../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n    defaultValue,\n    isWheelDisabled = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Aria.NumberField\n        {...rest}\n        isWheelDisabled={isWheelDisabled}\n        defaultValue={defaultValue}\n        className={rootClassName}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        <Aria.Group className={styles.group}>\n          <Button\n            ariaSlot=\"decrement\"\n            className={styles.decrementButton}\n            size=\"s\"\n            variant=\"plain\"\n            color=\"secondary\"\n          >\n            <IconChevronDown />\n            <IconMinus className={styles.coarsePointerIcon} />\n          </Button>\n          <ReactAriaControlledValueFix\n            inputContext={Aria.InputContext}\n            props={props}\n          >\n            <Aria.Input className={styles.input} ref={ref} />\n          </ReactAriaControlledValueFix>\n          <Button\n            ariaSlot=\"increment\"\n            className={styles.incrementButton}\n            size=\"s\"\n            variant=\"plain\"\n            color=\"secondary\"\n          >\n            <IconChevronUp />\n            <IconPlus className={styles.coarsePointerIcon} />\n          </Button>\n        </Aria.Group>\n        <FieldError className={formFieldStyles.fieldError} />\n      </Aria.NumberField>\n    </ClearPropsContext>\n  );\n});\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAkB,GAAA,IAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,eAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,6BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,gCAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,WAClD;AAAA,0BACA,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,8BAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA;AAAA;AAAA,WACjD;AAAA,0BACA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,gCACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"NumberField.mjs","sources":["../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n    defaultValue,\n    isWheelDisabled = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <Aria.NumberField\n      {...rest}\n      isWheelDisabled={isWheelDisabled}\n      defaultValue={defaultValue}\n      className={rootClassName}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <Aria.Group className={styles.group}>\n        <Button\n          ariaSlot=\"decrement\"\n          className={styles.decrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronDown />\n          <IconMinus className={styles.coarsePointerIcon} />\n        </Button>\n        <ReactAriaControlledValueFix\n          inputContext={Aria.InputContext}\n          props={props}\n        >\n          <Aria.Input className={styles.input} ref={ref} />\n        </ReactAriaControlledValueFix>\n        <Button\n          ariaSlot=\"increment\"\n          className={styles.incrementButton}\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n        >\n          <IconChevronUp />\n          <IconPlus className={styles.coarsePointerIcon} />\n        </Button>\n      </Aria.Group>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.NumberField>\n  );\n});\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAkB,GAAA,IAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,eAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,6BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,gCAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,WAClD;AAAA,0BACA,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,8BAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA;AAAA;AAAA,WACjD;AAAA,0BACA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,gCACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GACrD;AAEJ,CAAC;;;;"}

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

@@ -8,10 +8,11 @@ import clsx from 'clsx';
 import styles from './Options.module.scss.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../lib/propsContext/inherit/propsContextLevel.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 
 const Options = flowComponent("Options", (props) => {
   const {

package/dist/js/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 \"@/index/internal\";\n\nexport interface OptionsProps\n  extends 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      {...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":";;;;;;;;;;;;;AAeO,MAAM,OAA4B,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,UAAA;AAAA,MACC,GAAG,gBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,OAAA;AAAA,QAAL;AAAA,UACC,QAAA;AAAA,UACA,SAAW,EAAA,aAAA;AAAA,UACX,gBAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"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 \"@/index/internal\";\n\nexport interface OptionsProps\n  extends 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      {...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":";;;;;;;;;;;;;;AAeO,MAAM,OAA4B,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,UAAA;AAAA,MACC,GAAG,gBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,OAAA;AAAA,QAAL;AAAA,UACC,QAAA;AAAA,UACA,SAAW,EAAA,aAAA;AAAA,UACX,gBAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -1,13 +1,14 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import styles from './Overlay.module.scss.mjs';
 import clsx from 'clsx';
 import 'mobx';
+import 'react';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 import OverlayContentView from '../../views/OverlayContentView.mjs';
+import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 
 const Overlay = (props) => {
   const {
@@ -24,7 +25,7 @@ const Overlay = (props) => {
   const controller = controllerFromProps ?? controllerFromContext;
   const isOpen = controller.useIsOpen();
   const rootClassName = clsx(styles.overlay, className);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(
     OverlayContentView,
     {
       onOpenChange: (isOpen2) => controller.setOpen(isOpen2),
@@ -34,7 +35,7 @@ const Overlay = (props) => {
       className: rootClassName,
       children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Modal", controller, children: isOpen && children })
     }
-  );
+  ) });
 };
 
 export { Overlay, Overlay as default };

package/dist/js/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 React 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\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\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}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {isOpen && children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,8BAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,UAAA,EAClC,oBAAU,QACb,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"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 ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\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}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <ClearPropsContextView>\n      <OverlayContentView\n        onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n        isOpen={isOpen}\n        ref={ref}\n        isDismissable={isDismissable}\n        className={rootClassName}\n      >\n        <OverlayContextProvider type=\"Modal\" controller={controller}>\n          {isOpen && children}\n        </OverlayContextProvider>\n      </OverlayContentView>\n    </ClearPropsContextView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,8BAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,UAAA,EAClC,oBAAU,QACb,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,12 +1,11 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import { OverlayController } from '../../lib/controller/overlay/OverlayController.mjs';
 import '../../lib/controller/overlay/context.mjs';
+import 'react';
 import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 
 const OverlayTrigger = (props) => {
@@ -25,7 +24,7 @@ const OverlayTrigger = (props) => {
       onPress: overlayController.open
     }
   };
-  return /* @__PURE__ */ jsx(OverlayContextProvider, { type: overlayType, controller: overlayController, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(AriaOverlayTrigger, { isOpen, children }) }) });
+  return /* @__PURE__ */ jsx(OverlayContextProvider, { type: overlayType, controller: overlayController, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(AriaOverlayTrigger, { isOpen, children }) }) });
 };
 
 export { OverlayTrigger, OverlayTrigger as default };

package/dist/js/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 React from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps,\n    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\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n\nexport default OverlayTrigger;\n"],"names":[],"mappings":";;;;;;;;;AA4Ba,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,aAAgB,GAAA,KAAA;AAAA,IAChB,SAAW,EAAA,kBAAA;AAAA,IACX,QAAA;AAAA,IACA,UAAY,EAAA;AAAA,GACV,GAAA,KAAA;AAEJ,EAAA,MAAM,oBAAuB,GAAA,iBAAA,CAAkB,MAAO,CAAA,EAAE,eAAe,CAAA;AACvE,EAAA,MAAM,oBAAoB,mBAAuB,IAAA,oBAAA;AACjD,EAAM,MAAA,MAAA,GAAS,kBAAkB,SAAU,EAAA;AAE3C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,SAAS,iBAAkB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,sBAAuB,EAAA,EAAA,IAAA,EAAM,WAAa,EAAA,UAAA,EAAY,mBACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAmB,MAAiB,EAAA,QAAA,EAAS,GAChD,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"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 type { FlowComponentName } from \"@/components/propTypes\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\n\ntype AriaComponentType = ComponentType<{\n  isOpen?: boolean;\n  children: ReactNode;\n}>;\n\nexport interface OverlayTriggerProps\n  extends FlowComponentProps,\n    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\n  const newOverlayController = OverlayController.useNew({ isDefaultOpen });\n  const overlayController = controllerFromProps ?? newOverlayController;\n  const isOpen = overlayController.useIsOpen();\n\n  const propsContext: PropsContext = {\n    Button: {\n      onPress: overlayController.open,\n    },\n  };\n\n  return (\n    <OverlayContextProvider type={overlayType} controller={overlayController}>\n      <PropsContextProvider props={propsContext}>\n        <AriaOverlayTrigger isOpen={isOpen}>{children}</AriaOverlayTrigger>\n      </PropsContextProvider>\n    </OverlayContextProvider>\n  );\n};\n\nexport default OverlayTrigger;\n"],"names":[],"mappings":";;;;;;;;AA2Ba,MAAA,cAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,aAAgB,GAAA,KAAA;AAAA,IAChB,SAAW,EAAA,kBAAA;AAAA,IACX,QAAA;AAAA,IACA,UAAY,EAAA;AAAA,GACV,GAAA,KAAA;AAEJ,EAAA,MAAM,oBAAuB,GAAA,iBAAA,CAAkB,MAAO,CAAA,EAAE,eAAe,CAAA;AACvE,EAAA,MAAM,oBAAoB,mBAAuB,IAAA,oBAAA;AACjD,EAAM,MAAA,MAAA,GAAS,kBAAkB,SAAU,EAAA;AAE3C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,SAAS,iBAAkB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAM,EAAA,WAAA,EAAa,YAAY,iBACrD,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAC3B,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,MAAiB,EAAA,QAAA,EAAS,GAChD,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -5,16 +5,18 @@ import * as Aria from 'react-aria-components';
 import 'react';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '../../../../lib/propsContext/inherit/propsContextLevel.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 
 const MenuTrigger = flowComponent(
   "MenuTrigger",
   (props) => {
     return /* @__PURE__ */ jsx(Aria.MenuTrigger, { ...props });
-  }
+  },
+  { type: "provider" }
 );
 
 export { MenuTrigger, MenuTrigger as default };