@mittwald/flow-react-components 0.2.0-alpha.481 → 0.2.0-alpha.483

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

@@ -5,9 +5,7 @@ import clsx from 'clsx';
 import styles from './AccentBox.module.scss.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import 'react';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 
 const AccentBox = flowComponent("AccentBox", (props) => {
   const { color = "blue", children, elementType = "div", className } = props;
@@ -16,10 +14,17 @@ const AccentBox = flowComponent("AccentBox", (props) => {
   const contentColor = color === "green" ? "dark" : void 0;
   const propsContext = {
     Link: {
-      color: contentColor
+      color: contentColor,
+      ___inherit: true
     },
-    Text: { color: contentColor },
-    Heading: { color: contentColor }
+    Text: {
+      color: contentColor,
+      ___inherit: true
+    },
+    Heading: {
+      color: contentColor,
+      ___inherit: true
+    }
   };
   return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Element, { className: rootClassName, children }) });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"AccentBox.mjs","sources":["../../../../../../src/components/AccentBox/AccentBox.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AccentBox.module.scss\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AccentBoxProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"article\">,\n    PropsWithClassName,\n    FlowComponentProps {\n  color?: \"blue\" | \"green\" | \"gradient\" | \"neutral\";\n}\n\n/** @flr-generate all */\nexport const AccentBox = flowComponent(\"AccentBox\", (props) => {\n  const { color = \"blue\", children, elementType = \"div\", className } = props;\n\n  const rootClassName = clsx(styles.accentBox, className, styles[color]);\n\n  const Element = elementType;\n\n  const contentColor = color === \"green\" ? \"dark\" : undefined;\n\n  const propsContext: PropsContext = {\n    Link: {\n      color: contentColor,\n    },\n    Text: { color: contentColor },\n    Heading: { color: contentColor },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element className={rootClassName}>{children}</Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default AccentBox;\n"],"names":[],"mappings":";;;;;;;;;AAsBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,KAAQ,GAAA,MAAA,EAAQ,UAAU,WAAc,GAAA,KAAA,EAAO,WAAc,GAAA,KAAA;AAErE,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAErE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAM,MAAA,YAAA,GAAe,KAAU,KAAA,OAAA,GAAU,MAAS,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAA,EAAM,EAAE,KAAA,EAAO,YAAa,EAAA;AAAA,IAC5B,OAAA,EAAS,EAAE,KAAA,EAAO,YAAa;AAAA,GACjC;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AccentBox.mjs","sources":["../../../../../../src/components/AccentBox/AccentBox.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AccentBox.module.scss\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AccentBoxProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"article\">,\n    PropsWithClassName,\n    FlowComponentProps {\n  color?: \"blue\" | \"green\" | \"gradient\" | \"neutral\";\n}\n\n/** @flr-generate all */\nexport const AccentBox = flowComponent(\"AccentBox\", (props) => {\n  const { color = \"blue\", children, elementType = \"div\", className } = props;\n\n  const rootClassName = clsx(styles.accentBox, className, styles[color]);\n\n  const Element = elementType;\n\n  const contentColor = color === \"green\" ? \"dark\" : undefined;\n\n  const propsContext: PropsContext = {\n    Link: {\n      color: contentColor,\n      ___inherit: true,\n    },\n    Text: {\n      color: contentColor,\n      ___inherit: true,\n    },\n    Heading: {\n      color: contentColor,\n      ___inherit: true,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element className={rootClassName}>{children}</Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default AccentBox;\n"],"names":[],"mappings":";;;;;;;AAsBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,KAAQ,GAAA,MAAA,EAAQ,UAAU,WAAc,GAAA,KAAA,EAAO,WAAc,GAAA,KAAA;AAErE,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAErE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAM,MAAA,YAAA,GAAe,KAAU,KAAA,OAAA,GAAU,MAAS,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,YAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,YAAA;AAAA,MACP,UAAY,EAAA;AAAA,KACd;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,YAAA;AAAA,MACP,UAAY,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -4,13 +4,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useId } from 'react';
 import clsx from 'clsx';
 import styles from './Accordion.module.scss.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Activity } from '../Activity/Activity.mjs';
@@ -63,28 +63,20 @@ const Accordion = (props) => {
       children: dynamic((props2) => headerButton(props2.children))
     }
   };
-  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(
-    PropsContextProvider,
-    {
-      mergeInParentContext: true,
-      props: propsContext,
-      dependencies: [expanded],
-      children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-labelledby": headerId,
-            id: contentId,
-            role: "region",
-            hidden: !expanded,
-            className: styles.content,
-            children: /* @__PURE__ */ jsx(Activity, { isActive: expanded, inactiveDelay: 1e3, children: /* @__PURE__ */ jsx(TunnelExit, { id: "content" }) })
-          }
-        )
-      ] })
-    }
-  ) });
+  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, dependencies: [expanded], children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-labelledby": headerId,
+        id: contentId,
+        role: "region",
+        hidden: !expanded,
+        className: styles.content,
+        children: /* @__PURE__ */ jsx(Activity, { isActive: expanded, inactiveDelay: 1e3, children: /* @__PURE__ */ jsx(TunnelExit, { id: "content" }) })
+      }
+    )
+  ] }) }) });
 };
 
 export { Accordion, Accordion as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren, ReactNode } from \"react\";\nimport { useId, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Accordion.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface AccordionProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** Whether the accordion should be initially expanded. */\n  defaultExpanded?: boolean;\n  /** The visual variant of the accordion. @default \"default\" */\n  variant?: \"default\" | \"outline\";\n}\n\n/** @flr-generate all */\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const {\n    children,\n    className,\n    defaultExpanded = false,\n    variant = \"default\",\n    ...rest\n  } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const rootClassName = clsx(\n    styles.accordion,\n    expanded && styles.expanded,\n    className,\n    variant === \"outline\" && styles.outline,\n  );\n\n  const headerId = useId();\n  const contentId = useId();\n\n  const headerButton = (children: ReactNode) => (\n    <Button\n      tunnelId={null}\n      unstyled\n      aria-expanded={expanded}\n      className={styles.headerButton}\n      onPress={() => setExpanded((expanded) => !expanded)}\n      aria-controls={contentId}\n    >\n      {children}\n      <IconChevronDown className={styles.chevron} />\n    </Button>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      className: styles.contentInner,\n      tunnelId: \"content\",\n    },\n    Heading: {\n      className: styles.header,\n      level: 4,\n      size: \"xs\",\n      children: dynamic((props) => headerButton(props.children)),\n    },\n    Label: {\n      className: styles.header,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider\n        mergeInParentContext\n        props={propsContext}\n        dependencies={[expanded]}\n      >\n        <TunnelProvider>\n          {children}\n          <div\n            aria-labelledby={headerId}\n            id={contentId}\n            role=\"region\"\n            hidden={!expanded}\n            className={styles.content}\n          >\n            <Activity isActive={expanded} inactiveDelay={1000}>\n              <TunnelExit id=\"content\" />\n            </Activity>\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"names":["children","expanded","props"],"mappings":";;;;;;;;;;;;;;;AAoBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,SAAA;AAAA,IACP,YAAY,MAAO,CAAA,QAAA;AAAA,IACnB,SAAA;AAAA,IACA,OAAA,KAAY,aAAa,MAAO,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,WAAW,KAAM,EAAA;AACvB,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAM,MAAA,YAAA,GAAe,CAACA,SACpB,qBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,IAAA;AAAA,MACV,QAAQ,EAAA,IAAA;AAAA,MACR,eAAe,EAAA,QAAA;AAAA,MACf,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,SAAS,MAAM,WAAA,CAAY,CAACC,SAAAA,KAAa,CAACA,SAAQ,CAAA;AAAA,MAClD,eAAe,EAAA,SAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAAD,SAAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA;AAAA;AAAA;AAAA,GAC9C;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,IAAA;AAAA,MACN,UAAU,OAAQ,CAAA,CAACE,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KAC3D;AAAA,IACA,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,UAAU,OAAQ,CAAA,CAACA,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,EAAA,IAAA;AAAA,MACpB,KAAO,EAAA,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,MAEvB,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,iBAAiB,EAAA,QAAA;AAAA,YACjB,EAAI,EAAA,SAAA;AAAA,YACJ,IAAK,EAAA,QAAA;AAAA,YACL,QAAQ,CAAC,QAAA;AAAA,YACT,WAAW,MAAO,CAAA,OAAA;AAAA,YAElB,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,aAAA,EAAe,KAC3C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Accordion.mjs","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren, ReactNode } from \"react\";\nimport { useId, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Accordion.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface AccordionProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** Whether the accordion should be initially expanded. */\n  defaultExpanded?: boolean;\n  /** The visual variant of the accordion. @default \"default\" */\n  variant?: \"default\" | \"outline\";\n}\n\n/** @flr-generate all */\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const {\n    children,\n    className,\n    defaultExpanded = false,\n    variant = \"default\",\n    ...rest\n  } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const rootClassName = clsx(\n    styles.accordion,\n    expanded && styles.expanded,\n    className,\n    variant === \"outline\" && styles.outline,\n  );\n\n  const headerId = useId();\n  const contentId = useId();\n\n  const headerButton = (children: ReactNode) => (\n    <Button\n      tunnelId={null}\n      unstyled\n      aria-expanded={expanded}\n      className={styles.headerButton}\n      onPress={() => setExpanded((expanded) => !expanded)}\n      aria-controls={contentId}\n    >\n      {children}\n      <IconChevronDown className={styles.chevron} />\n    </Button>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      className: styles.contentInner,\n      tunnelId: \"content\",\n    },\n    Heading: {\n      className: styles.header,\n      level: 4,\n      size: \"xs\",\n      children: dynamic((props) => headerButton(props.children)),\n    },\n    Label: {\n      className: styles.header,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext} dependencies={[expanded]}>\n        <TunnelProvider>\n          {children}\n          <div\n            aria-labelledby={headerId}\n            id={contentId}\n            role=\"region\"\n            hidden={!expanded}\n            className={styles.content}\n          >\n            <Activity isActive={expanded} inactiveDelay={1000}>\n              <TunnelExit id=\"content\" />\n            </Activity>\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"names":["children","expanded","props"],"mappings":";;;;;;;;;;;;;;;AAoBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,SAAA;AAAA,IACP,YAAY,MAAO,CAAA,QAAA;AAAA,IACnB,SAAA;AAAA,IACA,OAAA,KAAY,aAAa,MAAO,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,WAAW,KAAM,EAAA;AACvB,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAM,MAAA,YAAA,GAAe,CAACA,SACpB,qBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,IAAA;AAAA,MACV,QAAQ,EAAA,IAAA;AAAA,MACR,eAAe,EAAA,QAAA;AAAA,MACf,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,SAAS,MAAM,WAAA,CAAY,CAACC,SAAAA,KAAa,CAACA,SAAQ,CAAA;AAAA,MAClD,eAAe,EAAA,SAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAAD,SAAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA;AAAA;AAAA;AAAA,GAC9C;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,IAAA;AAAA,MACN,UAAU,OAAQ,CAAA,CAACE,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KAC3D;AAAA,IACA,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,UAAU,OAAQ,CAAA,CAACA,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,YAAc,EAAA,CAAC,QAAQ,CAAA,EAChE,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,iBAAiB,EAAA,QAAA;AAAA,QACjB,EAAI,EAAA,SAAA;AAAA,QACJ,IAAK,EAAA,QAAA;AAAA,QACL,QAAQ,CAAC,QAAA;AAAA,QACT,WAAW,MAAO,CAAA,OAAA;AAAA,QAElB,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,aAAA,EAAe,KAC3C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA;AAAA;AACF,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -2,11 +2,9 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { ActionModel } from './models/ActionModel.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import 'react';
-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 { ActionContextProvider } from './context.mjs';
 import { useActionStateContext } from './models/ActionStateContext.mjs';
 import { useConfirmationModalButtonSlot } from './hooks/useConfirmationModalButtonSlot.mjs';
@@ -42,41 +40,51 @@ const actionButtonContext = {
     return props["aria-disabled"] ?? (state === "isExecuting" || someActionInContextIsBusy);
   })
 };
-const Action = flowComponent("Action", (props) => {
-  const { children, actionModel: actionModelFromProps, ...actionProps } = props;
-  const newActionModel = ActionModel.useNew(actionProps);
-  const actionModel = actionModelFromProps ?? newActionModel;
-  const propsContext = {
-    Button: actionButtonContext,
-    Link: {
-      onPress: dynamic(() => ActionModel.use().execute)
-    },
-    MenuItem: {
-      onAction: dynamic(() => ActionModel.use().execute)
-    },
-    Modal: {
-      slot: dynamic((props2) => {
-        const { slot } = props2;
-        const action = ActionModel.use();
-        action.needsConfirmation = slot === "actionConfirm";
-        return slot;
-      }),
-      isDismissable: dynamic((props2) => {
-        const action = ActionModel.use();
-        const actionState = action.state.useValue();
-        return actionState === "isExecuting" || actionState === "isPending" ? false : props2.isDismissable;
-      }),
-      controller: dynamic(() => {
-        const action = ActionModel.use();
-        return action.needsConfirmation ? action.confirmationModalController : action.getOverlayController("Modal");
-      }),
-      ActionGroup: {
-        Button: actionButtonContext
+const Action = flowComponent(
+  "Action",
+  (props) => {
+    const {
+      children,
+      actionModel: actionModelFromProps,
+      ...actionProps
+    } = props;
+    const newActionModel = ActionModel.useNew(actionProps);
+    const actionModel = actionModelFromProps ?? newActionModel;
+    const propsContext = {
+      Button: actionButtonContext,
+      Link: {
+        onPress: dynamic(() => ActionModel.use().execute)
+      },
+      MenuItem: {
+        onAction: dynamic(() => ActionModel.use().execute)
+      },
+      Modal: {
+        slot: dynamic((props2) => {
+          const { slot } = props2;
+          const action = ActionModel.use();
+          action.needsConfirmation = slot === "actionConfirm";
+          return slot;
+        }),
+        isDismissable: dynamic((props2) => {
+          const action = ActionModel.use();
+          const actionState = action.state.useValue();
+          return actionState === "isExecuting" || actionState === "isPending" ? false : props2.isDismissable;
+        }),
+        controller: dynamic(() => {
+          const action = ActionModel.use();
+          return action.needsConfirmation ? action.confirmationModalController : action.getOverlayController("Modal");
+        }),
+        ActionGroup: {
+          Button: actionButtonContext
+        }
       }
-    }
-  };
-  return /* @__PURE__ */ jsx(ActionContextProvider, { value: actionModel, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) });
-});
+    };
+    return /* @__PURE__ */ jsx(ActionContextProvider, { value: actionModel, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+  },
+  {
+    type: "provider"
+  }
+);
 
 export { Action, Action as default };
 //# sourceMappingURL=Action.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import { ActionModel as ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { ActionContextProvider } from \"@/components/Action/context\";\nimport { useActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\nimport { useActionButtonState } from \"@/components/Action/hooks/useActionButtonState\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nconst actionButtonContext: ComponentPropsContext<\"Button\"> = {\n  onPress: dynamic((props) => {\n    const action = ActionModel.use();\n    const confirmAction = ActionModel.useConfirmationAction();\n    const isConfirmationButton =\n      useConfirmationModalButtonSlot(props) === \"primary\";\n    const isAbortButton = useConfirmationModalButtonSlot(props) === \"abort\";\n    if (isAbortButton) {\n      return action.confirmationModalController.close;\n    }\n    return isConfirmationButton ? confirmAction.execute : action.execute;\n  }),\n\n  isPending: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isPending ?? actionState === \"isPending\";\n  }),\n\n  isSucceeded: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isSucceeded ?? actionState === \"isSucceeded\";\n  }),\n\n  isFailed: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isFailed ?? actionState === \"isFailed\";\n  }),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return (\n      props[\"aria-disabled\"] ??\n      (state === \"isExecuting\" || someActionInContextIsBusy)\n    );\n  }),\n};\n\nexport const Action = flowComponent(\"Action\", (props) => {\n  const { children, actionModel: actionModelFromProps, ...actionProps } = props;\n  const newActionModel = ActionModel.useNew(actionProps);\n  const actionModel = actionModelFromProps ?? newActionModel;\n\n  const propsContext: PropsContext = {\n    Button: actionButtonContext,\n\n    Link: {\n      onPress: dynamic(() => ActionModel.use().execute),\n    },\n\n    MenuItem: {\n      onAction: dynamic(() => ActionModel.use().execute),\n    },\n\n    Modal: {\n      slot: dynamic((props) => {\n        const { slot } = props;\n        const action = ActionModel.use();\n        action.needsConfirmation = slot === \"actionConfirm\";\n        return slot;\n      }),\n      isDismissable: dynamic((props) => {\n        const action = ActionModel.use();\n        const actionState = action.state.useValue();\n        return actionState === \"isExecuting\" || actionState === \"isPending\"\n          ? false\n          : props.isDismissable;\n      }),\n      controller: dynamic(() => {\n        const action = ActionModel.use();\n        return action.needsConfirmation\n          ? action.confirmationModalController\n          : action.getOverlayController(\"Modal\");\n      }),\n      ActionGroup: {\n        Button: actionButtonContext,\n      },\n    },\n  };\n\n  return (\n    <ActionContextProvider value={actionModel}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </ActionContextProvider>\n  );\n});\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}
+{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import { ActionModel as ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { ActionContextProvider } from \"@/components/Action/context\";\nimport { useActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\nimport { useActionButtonState } from \"@/components/Action/hooks/useActionButtonState\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nconst actionButtonContext: ComponentPropsContext<\"Button\"> = {\n  onPress: dynamic((props) => {\n    const action = ActionModel.use();\n    const confirmAction = ActionModel.useConfirmationAction();\n    const isConfirmationButton =\n      useConfirmationModalButtonSlot(props) === \"primary\";\n    const isAbortButton = useConfirmationModalButtonSlot(props) === \"abort\";\n    if (isAbortButton) {\n      return action.confirmationModalController.close;\n    }\n    return isConfirmationButton ? confirmAction.execute : action.execute;\n  }),\n\n  isPending: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isPending ?? actionState === \"isPending\";\n  }),\n\n  isSucceeded: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isSucceeded ?? actionState === \"isSucceeded\";\n  }),\n\n  isFailed: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isFailed ?? actionState === \"isFailed\";\n  }),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return (\n      props[\"aria-disabled\"] ??\n      (state === \"isExecuting\" || someActionInContextIsBusy)\n    );\n  }),\n};\n\nexport const Action = flowComponent(\n  \"Action\",\n  (props) => {\n    const {\n      children,\n      actionModel: actionModelFromProps,\n      ...actionProps\n    } = props;\n    const newActionModel = ActionModel.useNew(actionProps);\n    const actionModel = actionModelFromProps ?? newActionModel;\n\n    const propsContext: PropsContext = {\n      Button: actionButtonContext,\n\n      Link: {\n        onPress: dynamic(() => ActionModel.use().execute),\n      },\n\n      MenuItem: {\n        onAction: dynamic(() => ActionModel.use().execute),\n      },\n\n      Modal: {\n        slot: dynamic((props) => {\n          const { slot } = props;\n          const action = ActionModel.use();\n          action.needsConfirmation = slot === \"actionConfirm\";\n          return slot;\n        }),\n        isDismissable: dynamic((props) => {\n          const action = ActionModel.use();\n          const actionState = action.state.useValue();\n          return actionState === \"isExecuting\" || actionState === \"isPending\"\n            ? false\n            : props.isDismissable;\n        }),\n        controller: dynamic(() => {\n          const action = ActionModel.use();\n          return action.needsConfirmation\n            ? action.confirmationModalController\n            : action.getOverlayController(\"Modal\");\n        }),\n        ActionGroup: {\n          Button: actionButtonContext,\n        },\n      },\n    };\n\n    return (\n      <ActionContextProvider value={actionModel}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ActionContextProvider>\n    );\n  },\n  {\n    type: \"provider\",\n  },\n);\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}

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

@@ -1,12 +1,10 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import styles from './ActionGroup.module.scss.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import clsx from 'clsx';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { TunnelProvider } from '@mittwald/react-tunnel';
@@ -42,7 +40,7 @@ const ActionGroup = flowComponent("ActionGroup", (props) => {
       })
     }
   };
-  return /* @__PURE__ */ jsx(ActionStateContextProvider, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, ref, role: "group", children }) }) }) });
+  return /* @__PURE__ */ jsx(ActionStateContextProvider, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, ref, role: "group", children }) }) }) });
 });
 
 export { ActionGroup, ActionGroup as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.mjs","sources":["../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport interface ActionGroupProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"m\" */\n  spacing?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent(\"ActionGroup\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n\n    spacing = \"s\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.actionGroup, className, styles[spacing]);\n\n  const propsContext: PropsContext = {\n    Button: {\n      slot: dynamic((props) => getActionGroupSlot(props)),\n      className: dynamic((props) => {\n        const slot = getActionGroupSlot(props);\n        return clsx(props.className, styles[slot]);\n      }),\n    },\n    Switch: {\n      labelPosition: \"leading\",\n      className: dynamic((props) => {\n        return clsx(props.className, props.slot && styles[props.slot]);\n      }),\n    },\n    Link: {\n      className: dynamic((props) => {\n        return clsx(props.className, props.slot && styles[props.slot]);\n      }),\n    },\n  };\n\n  return (\n    <ActionStateContextProvider>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        <TunnelProvider>\n          <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n            {children}\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </ActionStateContextProvider>\n  );\n});\n\nexport default ActionGroup;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;AAsBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IAEA,OAAU,GAAA,GAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,aAAa,SAAW,EAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAEzE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,MAAM,OAAQ,CAAA,CAACA,MAAU,KAAA,kBAAA,CAAmBA,MAAK,CAAC,CAAA;AAAA,MAClD,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAM,MAAA,IAAA,GAAO,mBAAmBA,MAAK,CAAA;AACrC,QAAA,OAAO,IAAKA,CAAAA,MAAAA,CAAM,SAAW,EAAA,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,OAC1C;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,SAAA;AAAA,MACf,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,OAC9D;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,OAC9D;AAAA;AACH,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,8BACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAAc,EAAA,oBAAA,EAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,aAAe,EAAA,GAAA,EAAU,MAAK,OACrD,EAAA,QAAA,EACH,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ActionGroup.mjs","sources":["../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport interface ActionGroupProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"m\" */\n  spacing?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent(\"ActionGroup\", (props) => {\n  const {\n    children,\n    className,\n    ref,\n\n    spacing = \"s\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(styles.actionGroup, className, styles[spacing]);\n\n  const propsContext: PropsContext = {\n    Button: {\n      slot: dynamic((props) => getActionGroupSlot(props)),\n      className: dynamic((props) => {\n        const slot = getActionGroupSlot(props);\n        return clsx(props.className, styles[slot]);\n      }),\n    },\n    Switch: {\n      labelPosition: \"leading\",\n      className: dynamic((props) => {\n        return clsx(props.className, props.slot && styles[props.slot]);\n      }),\n    },\n    Link: {\n      className: dynamic((props) => {\n        return clsx(props.className, props.slot && styles[props.slot]);\n      }),\n    },\n  };\n\n  return (\n    <ActionStateContextProvider>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n            {children}\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </ActionStateContextProvider>\n  );\n});\n\nexport default ActionGroup;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAqBO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IAEA,OAAU,GAAA,GAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,aAAa,SAAW,EAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAEzE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA;AAAA,MACN,MAAM,OAAQ,CAAA,CAACA,MAAU,KAAA,kBAAA,CAAmBA,MAAK,CAAC,CAAA;AAAA,MAClD,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAM,MAAA,IAAA,GAAO,mBAAmBA,MAAK,CAAA;AACrC,QAAA,OAAO,IAAKA,CAAAA,MAAAA,CAAM,SAAW,EAAA,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,OAC1C;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,aAAe,EAAA,SAAA;AAAA,MACf,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,OAC9D;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,QAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,OAC9D;AAAA;AACH,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,8BACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,kBACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAAU,EAAA,IAAA,EAAK,SACrD,QACH,EAAA,CAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -3,10 +3,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.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 './Alert.module.scss.mjs';
 
@@ -30,7 +29,7 @@ const Alert = flowComponent("Alert", (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx("aside", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
+  return /* @__PURE__ */ jsx("aside", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
 });
 
 export { Alert, Alert as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\n\nexport interface AlertProps\n  extends PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps<HTMLElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Alert = flowComponent(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <aside {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </aside>\n    </ClearPropsContext>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;AAoBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,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,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Alert.mjs","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\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, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\n\nexport interface AlertProps\n  extends PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Alert = flowComponent(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <aside {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </aside>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;AAgBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,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,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GACzC,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1,21 +1,19 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import styles from './AlertBadge.module.scss.mjs';
 import clsx from 'clsx';
 import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
 import { Text } from '../Text/Text.mjs';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const AlertBadge = flowComponent("AlertBadge", (props) => {
   const { children, className, status = "info", ref, ...rest } = props;
   const rootClassName = clsx(styles.alertBadge, styles[status], className);
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
+  return /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
     /* @__PURE__ */ jsx(AlertIcon, { size: "s", className: styles.alertIcon, status }),
     /* @__PURE__ */ jsx(Text, { className: styles.text, children })
-  ] }) });
+  ] });
 });
 
 export { AlertBadge, AlertBadge as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.mjs","sources":["../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertBadge = flowComponent(\"AlertBadge\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n  return (\n    <ClearPropsContext>\n      <div className={rootClassName} {...rest} ref={ref}>\n        <AlertIcon size=\"s\" className={styles.alertIcon} status={status} />\n        <Text className={styles.text}>{children}</Text>\n      </div>\n    </ClearPropsContext>\n  );\n});\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEvE,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAgB,EAAA,GAAG,MAAM,GACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,SAAW,EAAA,MAAA,CAAO,WAAW,MAAgB,EAAA,CAAA;AAAA,oBAChE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAO,QAAS,EAAA;AAAA,GAAA,EAC1C,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertBadge.mjs","sources":["../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const AlertBadge = flowComponent(\"AlertBadge\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n  return (\n    <div className={rootClassName} {...rest} ref={ref}>\n      <AlertIcon size=\"s\" className={styles.alertIcon} status={status} />\n      <Text className={styles.text}>{children}</Text>\n    </div>\n  );\n});\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEvE,EAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MAAM,GACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,SAAW,EAAA,MAAA,CAAO,WAAW,MAAgB,EAAA,CAAA;AAAA,oBAChE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAO,QAAS,EAAA;AAAA,GAC1C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -11,7 +11,6 @@ import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';
 import { IconWarning } from '../Icon/components/icons/IconWarning.mjs';
 import locales from '../../../../_virtual/_.locale.json@24b745a6ce9353be513d1f98e927d8d3.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
-import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 
 const icons = {
   danger: IconDanger,
@@ -28,7 +27,7 @@ const AlertIcon = (props) => {
     "aria-label": stringFormatter.format(`alertIcon.${status}`),
     ...rest
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Icon, { ...iconProps }) });
+  return /* @__PURE__ */ jsx(Icon, { ...iconProps });
 };
 
 export { AlertIcon, AlertIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface AlertIconProps extends PropsWithStatus, IconProps {}\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n};\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    status,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return (\n    <ClearPropsContext>\n      <Icon {...iconProps} />\n    </ClearPropsContext>\n  );\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,KAAuC,GAAA;AAAA,EAC3C,MAAQ,EAAA,UAAA;AAAA,EACR,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,WAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAMa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAErC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,MAAA;AAAA,IACA,YAAc,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,UAAA,EAAa,MAAM,CAAE,CAAA,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,WAAW,CACvB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport interface AlertIconProps extends PropsWithStatus, IconProps {}\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n};\n\n/** @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    status,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,KAAuC,GAAA;AAAA,EAC3C,MAAQ,EAAA,UAAA;AAAA,EACR,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,WAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAGa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAErC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,MAAA;AAAA,IACA,YAAc,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,UAAA,EAAa,MAAM,CAAE,CAAA,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,SAAW,EAAA,CAAA;AAC9B;;;;"}

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

@@ -1,10 +1,10 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import styles from './Align.module.scss.mjs';
 import clsx from 'clsx';
-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';
 
 const Align = flowComponent("Align", (props) => {
@@ -22,7 +22,7 @@ const Align = flowComponent("Align", (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
 });
 
 export { Align, Align as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Align.mjs","sources":["../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Align = flowComponent(\"Align\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.align, className);\n\n  const propsContext: PropsContext = {\n    Text: { className: styles.text },\n    Button: { className: styles.button },\n    Avatar: { className: styles.avatar, size: \"m\" },\n    CopyButton: { size: \"s\", className: styles.copyButton },\n    Icon: { size: \"s\", className: styles.icon },\n    ContextualHelpTrigger: {\n      Button: {\n        className: styles.contextualHelpTriggerButton,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK,EAAA;AAAA,IAC1C,qBAAuB,EAAA;AAAA,MACrB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Align.mjs","sources":["../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Align.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 type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Align = flowComponent(\"Align\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.align, className);\n\n  const propsContext: PropsContext = {\n    Text: { className: styles.text },\n    Button: { className: styles.button },\n    Avatar: { className: styles.avatar, size: \"m\" },\n    CopyButton: { size: \"s\", className: styles.copyButton },\n    Icon: { size: \"s\", className: styles.icon },\n    ContextualHelpTrigger: {\n      Button: {\n        className: styles.contextualHelpTriggerButton,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK,EAAA;AAAA,IAC1C,qBAAuB,EAAA;AAAA,MACrB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -3,8 +3,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef } from '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 * as Aria from 'react-aria-components';
 import 'mobx';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
@@ -62,7 +61,7 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
     }
     controller.close();
   };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx("div", { ...focusWithin.focusWithinProps, ref: container, children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, { getContainer: () => container.current, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { ...focusWithin.focusWithinProps, ref: container, children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, { getContainer: () => container.current, children: /* @__PURE__ */ jsxs(
     Aria.Autocomplete,
     {
       onInputChange: handleOnInputChange,

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n} from \"react-aria\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps,\n    Omit<Aria.AutocompleteProps, \"children\" | \"onInputChange\" | \"inputValue\"> {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ...rest } = props;\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n  const triggerRef = useRef<HTMLInputElement>(null);\n\n  const controller = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: controller.close,\n  });\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && controller.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: triggerRef,\n  };\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n  };\n\n  const handleOnInputChange = (value: string) => {\n    if (!value) {\n      controller.close();\n    } else if (!controller.isOpen) {\n      controller.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const inputElement = triggerRef.current;\n    if (inputElement) {\n      // Set value on input element and trigger change event\n      emitElementValueChange(inputElement, String(key));\n    }\n    controller.close();\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div {...focusWithin.focusWithinProps} ref={container}>\n        <UNSAFE_PortalProvider getContainer={() => container.current}>\n          <Aria.Autocomplete\n            onInputChange={handleOnInputChange}\n            filter={contains}\n            disableAutoFocusFirst\n            {...rest}\n          >\n            {children}\n            <Options\n              onAction={handleOptionAction}\n              triggerRef={triggerRef}\n              controller={controller}\n              renderEmptyState={renderEmptyState}\n              isNonModal\n              placement=\"bottom start\"\n            >\n              <TunnelExit id=\"options\" />\n            </Options>\n          </Aria.Autocomplete>\n        </UNSAFE_PortalProvider>\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n} from \"react-aria\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\nexport interface AutocompleteProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps,\n    Omit<Aria.AutocompleteProps, \"children\" | \"onInputChange\" | \"inputValue\"> {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ...rest } = props;\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n  const triggerRef = useRef<HTMLInputElement>(null);\n\n  const controller = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: controller.close,\n  });\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && controller.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: triggerRef,\n  };\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n  };\n\n  const handleOnInputChange = (value: string) => {\n    if (!value) {\n      controller.close();\n    } else if (!controller.isOpen) {\n      controller.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const inputElement = triggerRef.current;\n    if (inputElement) {\n      // Set value on input element and trigger change event\n      emitElementValueChange(inputElement, String(key));\n    }\n    controller.close();\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div {...focusWithin.focusWithinProps} ref={container}>\n        <UNSAFE_PortalProvider getContainer={() => container.current}>\n          <Aria.Autocomplete\n            onInputChange={handleOnInputChange}\n            filter={contains}\n            disableAutoFocusFirst\n            {...rest}\n          >\n            {children}\n            <Options\n              onAction={handleOptionAction}\n              triggerRef={triggerRef}\n              controller={controller}\n              renderEmptyState={renderEmptyState}\n              isNonModal\n              placement=\"bottom start\"\n            >\n              <TunnelExit id=\"options\" />\n            </Options>\n          </Aria.Autocomplete>\n        </UNSAFE_PortalProvider>\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA6BO,MAAM,YAAe,GAAA,aAAA,CAAc,cAAgB,EAAA,CAAC,KAAU,KAAA;AACnE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAS,GAAA,KAAA;AAE9B,EAAM,MAAA,EAAE,UAAa,GAAA,IAAA,CAAK,UAAU,EAAE,WAAA,EAAa,QAAQ,CAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA;AAC7B,EAAM,MAAA,UAAA,GAAa,OAAyB,IAAI,CAAA;AAEhD,EAAM,MAAA,UAAA,GAAa,qBAAqB,SAAW,EAAA;AAAA,IACjD,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,cAAc,cAAe,CAAA;AAAA,IACjC,cAAc,UAAW,CAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,UAAgD,GAAA;AAAA,IACpD,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,MAAA,IAAI,CAAE,CAAA,GAAA,KAAQ,OAAW,IAAA,UAAA,CAAW,MAAQ,EAAA;AAC1C,QAAA,CAAA,CAAE,cAAe,EAAA;AAAA;AACnB,KACF;AAAA,IACA,GAAK,EAAA;AAAA,GACP;AAEA,EAAM,MAAA,gBAAA,GAAmB,sBACvB,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAW,OAAO,KACrB,EAAA,QAAA,EAAA,eAAA,CAAgB,MAAO,CAAA,oBAAoB,CAC9C,EAAA,CAAA;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,mBAAA,GAAsB,CAAC,KAAkB,KAAA;AAC7C,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA,UAAA,CAAW,KAAM,EAAA;AAAA,KACnB,MAAA,IAAW,CAAC,UAAA,CAAW,MAAQ,EAAA;AAC7B,MAAA,UAAA,CAAW,IAAK,EAAA;AAAA;AAClB,GACF;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,GAAkB,KAAA;AAC5C,IAAA,MAAM,eAAe,UAAW,CAAA,OAAA;AAChC,IAAA,IAAI,YAAc,EAAA;AAEhB,MAAuB,sBAAA,CAAA,YAAA,EAAc,MAAO,CAAA,GAAG,CAAC,CAAA;AAAA;AAElD,IAAA,UAAA,CAAW,KAAM,EAAA;AAAA,GACnB;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,GAAG,WAAA,CAAY,gBAAkB,EAAA,GAAA,EAAK,WAC1C,QAAC,kBAAA,GAAA,CAAA,qBAAA,EAAA,EAAsB,YAAc,EAAA,MAAM,UAAU,OACnD,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,YAAA;AAAA,IAAL;AAAA,MACC,aAAe,EAAA,mBAAA;AAAA,MACf,MAAQ,EAAA,QAAA;AAAA,MACR,qBAAqB,EAAA,IAAA;AAAA,MACpB,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,QAAU,EAAA,kBAAA;AAAA,YACV,UAAA;AAAA,YACA,UAAA;AAAA,YACA,gBAAA;AAAA,YACA,UAAU,EAAA,IAAA;AAAA,YACV,SAAU,EAAA,cAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAU,EAAA;AAAA;AAAA;AAC3B;AAAA;AAAA,GACF,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -3,9 +3,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import styles from './Avatar.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 { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
 
@@ -28,10 +27,10 @@ const Avatar = flowComponent("Avatar", (props) => {
       className: styles.icon
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx("div", { className: rootClassName, ref, children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+  return /* @__PURE__ */ jsx("div", { className: rootClassName, ref, children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
     !status && children,
     status && /* @__PURE__ */ jsx(AlertIcon, { className: styles.icon, status })
-  ] }) }) });
+  ] }) });
 });
 
 export { Avatar, Avatar as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { avatarColors } from \"@/components/Avatar/avatarColors\";\n\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n  /**\n   * Adds status icon and color to the avatar. May only be used if the status is\n   * explained by an element (like text or label) nearby.\n   */\n  status?: Status;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Avatar = flowComponent(\"Avatar\", (props) => {\n  const { children, className, color, size = \"m\", status, ref } = props;\n\n  const rootClassName = clsx(\n    styles.avatar,\n    styles[`size-${size}`],\n    className,\n    !status && styles[color ?? \"blue\"],\n    status && styles[status],\n  );\n\n  const useDynamicColor = color === undefined && status === undefined;\n\n  const propsContext: PropsContext = {\n    Initials: {\n      className: styles.initials,\n      useDynamicColor,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <div className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {!status && children}\n          {status && <AlertIcon className={styles.icon} status={status} />}\n        </PropsContextProvider>\n      </div>\n    </ClearPropsContext>\n  );\n});\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;;AAiCO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,KAAA,EAAO,OAAO,GAAK,EAAA,MAAA,EAAQ,KAAQ,GAAA,KAAA;AAEhE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,SAAA;AAAA,IACA,CAAC,MAAA,IAAU,MAAO,CAAA,KAAA,IAAS,MAAM,CAAA;AAAA,IACjC,MAAA,IAAU,OAAO,MAAM;AAAA,GACzB;AAEA,EAAM,MAAA,eAAA,GAAkB,KAAU,KAAA,MAAA,IAAa,MAAW,KAAA,MAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB;AAAA,KACF;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,GAC7B,EAAA,QAAA,kBAAA,IAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,MAAU,IAAA,QAAA;AAAA,IACX,0BAAW,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,MAAM,MAAgB,EAAA;AAAA,GAAA,EAChE,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { avatarColors } from \"@/components/Avatar/avatarColors\";\n\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n  /**\n   * Adds status icon and color to the avatar. May only be used if the status is\n   * explained by an element (like text or label) nearby.\n   */\n  status?: Status;\n}\n\n/** @flr-generate all */\nexport const Avatar = flowComponent(\"Avatar\", (props) => {\n  const { children, className, color, size = \"m\", status, ref } = props;\n\n  const rootClassName = clsx(\n    styles.avatar,\n    styles[`size-${size}`],\n    className,\n    !status && styles[color ?? \"blue\"],\n    status && styles[status],\n  );\n\n  const useDynamicColor = color === undefined && status === undefined;\n\n  const propsContext: PropsContext = {\n    Initials: {\n      className: styles.initials,\n      useDynamicColor,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <div className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {!status && children}\n        {status && <AlertIcon className={styles.icon} status={status} />}\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,KAAA,EAAO,OAAO,GAAK,EAAA,MAAA,EAAQ,KAAQ,GAAA,KAAA;AAEhE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,SAAA;AAAA,IACA,CAAC,MAAA,IAAU,MAAO,CAAA,KAAA,IAAS,MAAM,CAAA;AAAA,IACjC,MAAA,IAAU,OAAO,MAAM;AAAA,GACzB;AAEA,EAAM,MAAA,eAAA,GAAkB,KAAU,KAAA,MAAA,IAAa,MAAW,KAAA,MAAA;AAE1D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB;AAAA,KACF;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,aAAA,EAAe,KAC7B,QAAC,kBAAA,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,MAAU,IAAA,QAAA;AAAA,IACX,0BAAW,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,MAAM,MAAgB,EAAA;AAAA,GAAA,EAChE,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -5,8 +5,7 @@ import { Children } from 'react';
 import clsx from 'clsx';
 import styles from './AvatarStack.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 { Button } from '../Button/Button.mjs';
 import { Avatar } from '../Avatar/Avatar.mjs';
 import { Wrap } from '../Wrap/Wrap.mjs';
@@ -32,7 +31,7 @@ const AvatarStack = (props) => {
       className: styles.avatar
     }
   };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs("div", { className: rootClassName, children: [
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs("div", { className: rootClassName, children: [
     children,
     additionalItemsCount > 0 && /* @__PURE__ */ jsx(Wrap, { if: onCountPress, children: /* @__PURE__ */ jsx(Button, { onPress: onCountPress, children: /* @__PURE__ */ jsxs(Avatar, { size, children: [
       "+",