@mittwald/flow-react-components 0.2.0-alpha.490 → 0.2.0-alpha.492

package/dist/js/components/src/lib/componentFactory/flowComponent.mjs

@@ -1,28 +1,30 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { cloneElement } from 'react';
+import { memo, useMemo, cloneElement } from 'react';
 import { TunnelEntry } from '@mittwald/react-tunnel';
 import { SlotContextProvider } from '../slotContext/SlotContextProvider.mjs';
 import { useProps } from '../hooks/useProps.mjs';
 import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
 import { increaseNestingLevel } from '../propsContext/nestedPropsContext/lib.mjs';
-import ComponentPropsContextProviderView from '../../views/ComponentPropsContextProviderView.mjs';
 import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
+import ComponentPropsContextProviderView from '../../views/ComponentPropsContextProviderView.mjs';
 
 function flowComponent(componentName, ImplementationComponentType, options = {}) {
   const { type = "ui", isRemoteComponent = false } = options;
   const propsContextLevelMode = type === "ui" ? "increment" : "keep";
+  const MemoizedImplementationComponentType = memo(ImplementationComponentType);
   function Component(props) {
     const { tunnelId, wrapWith, ...propsWithContext } = useProps(
       componentName,
       props
     );
     const implementationTypeProps = propsWithContext;
-    const componentProps = useComponentPropsContext(componentName) ?? {};
+    const emptyProps = useMemo(() => ({}), []);
+    const componentProps = useComponentPropsContext(componentName) ?? emptyProps;
     increaseNestingLevel(componentProps);
     ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
-    let element = /* @__PURE__ */ jsx(ImplementationComponentType, { ...implementationTypeProps });
+    let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
     if (isRemoteComponent) {
       element = /* @__PURE__ */ jsx(
         ComponentPropsContextProvider,
@@ -54,7 +56,7 @@ function flowComponent(componentName, ImplementationComponentType, options = {})
     return element;
   }
   Component.displayName = `FlowComponent(${componentName})`;
-  return Component;
+  return memo(Component);
 }
 
 export { flowComponent };

package/dist/js/components/src/lib/componentFactory/flowComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { increaseNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport ComponentPropsContextProviderView from \"@/views/ComponentPropsContextProviderView\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel,\n    RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\n  RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\ntype FlowComponentProvisionType = \"provider\" | \"ui\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const propsContextLevelMode: PropsContextLevelMode =\n    type === \"ui\" ? \"increment\" : \"keep\";\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName) ?? {};\n    increaseNestingLevel(componentProps);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <ImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (isRemoteComponent) {\n      element = (\n        <ComponentPropsContextProvider\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProvider>\n      );\n    } else {\n      /**\n       * In case of a Flow component that does not have a remote counterpart\n       * (like the List component), the ComponentPropsContext must be applied on\n       * the host side, so that nesting and inheritance is working correctly.\n       */\n      element = (\n        <ComponentPropsContextProviderView\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProviderView>\n      );\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return Component;\n}\n"],"names":[],"mappings":";;;;;;;;;;AAoDO,SAAS,aACd,CAAA,aAAA,EACA,2BACA,EAAA,OAAA,GAAmB,EACG,EAAA;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAM,EAAA,iBAAA,GAAoB,OAAU,GAAA,OAAA;AAEnD,EAAM,MAAA,qBAAA,GACJ,IAAS,KAAA,IAAA,GAAO,WAAc,GAAA,MAAA;AAEhC,EAAA,SAAS,UAAU,KAAc,EAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,kBAAqB,GAAA,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAA0B,GAAA,gBAAA;AAIhC,IAAA,MAAM,cAAiB,GAAA,wBAAA,CAAyB,aAAa,CAAA,IAAK,EAAC;AACnE,IAAA,oBAAA,CAAqB,cAAc,CAAA;AAEnC,IAA4B,2BAAA,CAAA,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OACF,mBAAA,GAAA,CAAC,2BAA6B,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAG5D,IAAA,IAAI,iBAAmB,EAAA;AACrB,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,6BAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,KAEG,MAAA;AAML,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,iCAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA;AAIJ,IAAI,IAAA,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAQ,IAAA,OAAO,KAAM,CAAA,IAAA,KAAS,QAAU,EAAA;AACrE,MAAA,OAAA,uBACG,mBAAoB,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,eAC/C,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,OAAA,GAAA,YAAA,CAAa,QAAU,EAAA,MAAA,EAAW,OAAO,CAAA;AAAA;AAGrD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAA,mBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,QAAA,EAAW,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA;AAGhD,IAAO,OAAA,OAAA;AAAA;AAGT,EAAU,SAAA,CAAA,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAO,OAAA,SAAA;AACT;;;;"}
+{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement, memo, useMemo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { increaseNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport ComponentPropsContextProviderView from \"@/views/ComponentPropsContextProviderView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel,\n    RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\n  RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\ntype FlowComponentProvisionType = \"provider\" | \"ui\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const propsContextLevelMode: PropsContextLevelMode =\n    type === \"ui\" ? \"increment\" : \"keep\";\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const emptyProps = useMemo(() => ({}), []);\n    const componentProps =\n      useComponentPropsContext(componentName) ?? emptyProps;\n    increaseNestingLevel(componentProps);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (isRemoteComponent) {\n      element = (\n        <ComponentPropsContextProvider\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProvider>\n      );\n    } else {\n      /**\n       * In case of a Flow component that does not have a remote counterpart\n       * (like the List component), the ComponentPropsContext must be applied on\n       * the host side, so that nesting and inheritance is working correctly.\n       */\n      element = (\n        <ComponentPropsContextProviderView\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProviderView>\n      );\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAoDO,SAAS,aACd,CAAA,aAAA,EACA,2BACA,EAAA,OAAA,GAAmB,EACG,EAAA;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAM,EAAA,iBAAA,GAAoB,OAAU,GAAA,OAAA;AAEnD,EAAM,MAAA,qBAAA,GACJ,IAAS,KAAA,IAAA,GAAO,WAAc,GAAA,MAAA;AAEhC,EAAM,MAAA,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAc,EAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,kBAAqB,GAAA,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAA0B,GAAA,gBAAA;AAIhC,IAAA,MAAM,aAAa,OAAQ,CAAA,OAAO,EAAC,CAAA,EAAI,EAAE,CAAA;AACzC,IAAM,MAAA,cAAA,GACJ,wBAAyB,CAAA,aAAa,CAAK,IAAA,UAAA;AAC7C,IAAA,oBAAA,CAAqB,cAAc,CAAA;AAEnC,IAA4B,2BAAA,CAAA,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OACF,mBAAA,GAAA,CAAC,mCAAqC,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAGpE,IAAA,IAAI,iBAAmB,EAAA;AACrB,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,6BAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,KAEG,MAAA;AAML,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,iCAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA;AAIJ,IAAI,IAAA,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAQ,IAAA,OAAO,KAAM,CAAA,IAAA,KAAS,QAAU,EAAA;AACrE,MAAA,OAAA,uBACG,mBAAoB,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,eAC/C,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,OAAA,GAAA,YAAA,CAAa,QAAU,EAAA,MAAA,EAAW,OAAO,CAAA;AAAA;AAGrD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAA,mBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,QAAA,EAAW,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA;AAEhD,IAAO,OAAA,OAAA;AAAA;AAGT,EAAU,SAAA,CAAA,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}

package/dist/js/components/src/lib/hooks/useProps.mjs

@@ -9,12 +9,13 @@ import 'react';
 import { isFlowComponentName } from '../propsContext/isFlowComponentName.mjs';
 import 'react/jsx-runtime';
 import '@mittwald/react-tunnel';
-import '../slotContext/slotContext.mjs';
+import '../slotContext/SlotContextProvider.mjs';
 import { isInheritedPropsContextKey } from '../propsContext/inherit/lib.mjs';
 import { areChildrenEmpty } from '../react/areChildrenEmpty.mjs';
 import { isNestingLevelKey } from '../propsContext/nestedPropsContext/lib.mjs';
-import '../propsContext/inherit/propsContextLevel.mjs';
-import 'dot-prop';
+import '../propsContext/components/ComponentPropsContextProvider.mjs';
+import '../../views/ComponentPropsContextProviderView.mjs';
+import '../propsContext/components/PropsContextProvider.mjs';
 import '../viewComponentContext/viewComponentContext.mjs';
 
 const withoutChildren = (props) => {

package/dist/js/components/src/lib/hooks/useProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useProps.mjs","sources":["../../../../../../src/lib/hooks/useProps.ts"],"sourcesContent":["import {\n  type FlowComponentName,\n  type FlowComponentProps,\n} from \"@/components/propTypes\";\nimport { mergeProps } from \"@react-aria/utils\";\nimport { resolveDynamicProps } from \"@/lib/propsContext/dynamicProps/resolveDynamicProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { omitBy } from \"remeda\";\nimport isDynamicProp from \"@/lib/propsContext/dynamicProps/lib\";\nimport { isFlowComponentName } from \"@/index/internal\";\nimport { isInheritedPropsContextKey } from \"@/lib/propsContext/inherit/lib\";\nimport { areChildrenEmpty } from \"@/lib/react/areChildrenEmpty\";\nimport { isNestingLevelKey } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\nconst withoutChildren = <C extends FlowComponentName>(\n  props: FlowComponentProps<C>,\n) => {\n  if (\"children\" in props) {\n    if (areChildrenEmpty(props.children)) {\n      const { children: ignored, ...rest } = props;\n      return rest as FlowComponentProps<C>;\n    }\n  }\n  return props;\n};\n\nexport const useProps = <C extends FlowComponentName>(\n  component: C,\n  localProps: FlowComponentProps<C>,\n): FlowComponentProps<C> => {\n  localProps = withoutChildren(localProps);\n\n  const componentPropsContext = useComponentPropsContext(component);\n\n  const withResolvedDynamicProps = componentPropsContext\n    ? resolveDynamicProps(componentPropsContext, localProps)\n    : undefined;\n\n  const withoutInternalProps = componentPropsContext\n    ? omitBy(\n        componentPropsContext,\n        (value, key) =>\n          isFlowComponentName(key) ||\n          isInheritedPropsContextKey(key) ||\n          isNestingLevelKey(key) ||\n          isDynamicProp(value),\n      )\n    : undefined;\n\n  return mergeProps(\n    withoutInternalProps,\n    localProps,\n    withResolvedDynamicProps,\n  ) as FlowComponentProps<C>;\n};\n\nexport default useProps;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,eAAA,GAAkB,CACtB,KACG,KAAA;AACH,EAAA,IAAI,cAAc,KAAO,EAAA;AACvB,IAAI,IAAA,gBAAA,CAAiB,KAAM,CAAA,QAAQ,CAAG,EAAA;AACpC,MAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACvC,MAAO,OAAA,IAAA;AAAA;AACT;AAEF,EAAO,OAAA,KAAA;AACT,CAAA;AAEa,MAAA,QAAA,GAAW,CACtB,SAAA,EACA,UAC0B,KAAA;AAC1B,EAAA,UAAA,GAAa,gBAAgB,UAAU,CAAA;AAEvC,EAAM,MAAA,qBAAA,GAAwB,yBAAyB,SAAS,CAAA;AAEhE,EAAA,MAAM,wBAA2B,GAAA,qBAAA,GAC7B,mBAAoB,CAAA,qBAAA,EAAuB,UAAU,CACrD,GAAA,MAAA;AAEJ,EAAA,MAAM,uBAAuB,qBACzB,GAAA,MAAA;AAAA,IACE,qBAAA;AAAA,IACA,CAAC,KAAA,EAAO,GACN,KAAA,mBAAA,CAAoB,GAAG,CAAA,IACvB,0BAA2B,CAAA,GAAG,CAC9B,IAAA,iBAAA,CAAkB,GAAG,CAAA,IACrB,cAAc,KAAK;AAAA,GAEvB,GAAA,MAAA;AAEJ,EAAO,OAAA,UAAA;AAAA,IACL,oBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useProps.mjs","sources":["../../../../../../src/lib/hooks/useProps.ts"],"sourcesContent":["import {\n  type FlowComponentName,\n  type FlowComponentProps,\n} from \"@/components/propTypes\";\nimport { mergeProps } from \"@react-aria/utils\";\nimport { resolveDynamicProps } from \"@/lib/propsContext/dynamicProps/resolveDynamicProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { omitBy } from \"remeda\";\nimport isDynamicProp from \"@/lib/propsContext/dynamicProps/lib\";\nimport { isFlowComponentName } from \"@/index/internal\";\nimport { isInheritedPropsContextKey } from \"@/lib/propsContext/inherit/lib\";\nimport { areChildrenEmpty } from \"@/lib/react/areChildrenEmpty\";\nimport { isNestingLevelKey } from \"@/lib/propsContext/nestedPropsContext/lib\";\n\nconst withoutChildren = <C extends FlowComponentName>(\n  props: FlowComponentProps<C>,\n) => {\n  if (\"children\" in props) {\n    if (areChildrenEmpty(props.children)) {\n      const { children: ignored, ...rest } = props;\n      return rest as FlowComponentProps<C>;\n    }\n  }\n  return props;\n};\n\nexport const useProps = <C extends FlowComponentName>(\n  component: C,\n  localProps: FlowComponentProps<C>,\n): FlowComponentProps<C> => {\n  localProps = withoutChildren(localProps);\n\n  const componentPropsContext = useComponentPropsContext(component);\n\n  const withResolvedDynamicProps = componentPropsContext\n    ? resolveDynamicProps(componentPropsContext, localProps)\n    : undefined;\n\n  const withoutInternalProps = componentPropsContext\n    ? omitBy(\n        componentPropsContext,\n        (value, key) =>\n          isFlowComponentName(key) ||\n          isInheritedPropsContextKey(key) ||\n          isNestingLevelKey(key) ||\n          isDynamicProp(value),\n      )\n    : undefined;\n\n  return mergeProps(\n    withoutInternalProps,\n    localProps,\n    withResolvedDynamicProps,\n  ) as FlowComponentProps<C>;\n};\n\nexport default useProps;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,eAAA,GAAkB,CACtB,KACG,KAAA;AACH,EAAA,IAAI,cAAc,KAAO,EAAA;AACvB,IAAI,IAAA,gBAAA,CAAiB,KAAM,CAAA,QAAQ,CAAG,EAAA;AACpC,MAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACvC,MAAO,OAAA,IAAA;AAAA;AACT;AAEF,EAAO,OAAA,KAAA;AACT,CAAA;AAEa,MAAA,QAAA,GAAW,CACtB,SAAA,EACA,UAC0B,KAAA;AAC1B,EAAA,UAAA,GAAa,gBAAgB,UAAU,CAAA;AAEvC,EAAM,MAAA,qBAAA,GAAwB,yBAAyB,SAAS,CAAA;AAEhE,EAAA,MAAM,wBAA2B,GAAA,qBAAA,GAC7B,mBAAoB,CAAA,qBAAA,EAAuB,UAAU,CACrD,GAAA,MAAA;AAEJ,EAAA,MAAM,uBAAuB,qBACzB,GAAA,MAAA;AAAA,IACE,qBAAA;AAAA,IACA,CAAC,KAAA,EAAO,GACN,KAAA,mBAAA,CAAoB,GAAG,CAAA,IACvB,0BAA2B,CAAA,GAAG,CAC9B,IAAA,iBAAA,CAAkB,GAAG,CAAA,IACrB,cAAc,KAAK;AAAA,GAEvB,GAAA,MAAA;AAEJ,EAAO,OAAA,UAAA;AAAA,IACL,oBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs

@@ -3,14 +3,15 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@mittwald/react-tunnel';
-import '../../slotContext/slotContext.mjs';
+import '../../slotContext/SlotContextProvider.mjs';
 import '@react-aria/utils';
 import { propsContext } from '../propsContext.mjs';
 import 'remeda';
-import '../inherit/propsContextLevel.mjs';
-import { PropsContextLevelProvider } from '../inherit/PropsContextLevelProvider.mjs';
-import 'dot-prop';
+import './ComponentPropsContextProvider.mjs';
+import '../../../views/ComponentPropsContextProviderView.mjs';
+import './PropsContextProvider.mjs';
 import '../../viewComponentContext/viewComponentContext.mjs';
+import { PropsContextLevelProvider } from '../inherit/PropsContextLevelProvider.mjs';
 
 const ClearPropsContext = (props) => {
   const { children } = props;

package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { propsContext } from \"@/index/internal\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children } = props;\n  return (\n    <PropsContextLevelProvider mode=\"reset\">\n      <propsContext.Provider value={{}}>{children}</propsContext.Provider>\n    </PropsContextLevelProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;AAOa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,uBACG,GAAA,CAAA,yBAAA,EAAA,EAA0B,IAAK,EAAA,OAAA,EAC9B,QAAC,kBAAA,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,KAAO,EAAA,EAAK,EAAA,QAAA,EAAS,CAC9C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../../src/lib/propsContext/components/ClearPropsContext.tsx"],"sourcesContent":["import { propsContext } from \"@/index/internal\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children } = props;\n  return (\n    <PropsContextLevelProvider mode=\"reset\">\n      <propsContext.Provider value={{}}>{children}</propsContext.Provider>\n    </PropsContextLevelProvider>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAOa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,uBACG,GAAA,CAAA,yBAAA,EAAA,EAA0B,IAAK,EAAA,OAAA,EAC9B,QAAC,kBAAA,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,KAAO,EAAA,EAAK,EAAA,QAAA,EAAS,CAC9C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs

@@ -3,11 +3,13 @@
 import { jsx } from 'react/jsx-runtime';
 import '../propsContext.mjs';
 import { PropsContextProvider } from './PropsContextProvider.mjs';
+import { memo } from 'react';
 
-const ComponentPropsContextProvider = (props) => {
+const ComponentPropsContextProvider = memo((props) => {
   const { children, componentProps = {}, levelModel = "increment" } = props;
   return /* @__PURE__ */ jsx(PropsContextProvider, { props: componentProps, levelMode: levelModel, children });
-};
+});
+ComponentPropsContextProvider.displayName = "ComponentPropsContextProvider";
 
 export { ComponentPropsContextProvider };
 //# sourceMappingURL=ComponentPropsContextProvider.mjs.map

package/dist/js/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentPropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/ComponentPropsContextProvider.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\n\nexport interface ComponentPropsContextProviderProps extends PropsWithChildren {\n  componentProps?: PropsContext;\n  levelModel?: PropsContextLevelMode;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props componentProps\n */\nexport const ComponentPropsContextProvider: FC<\n  ComponentPropsContextProviderProps\n> = (props) => {\n  const { children, componentProps = {}, levelModel = \"increment\" } = props;\n\n  return (\n    <PropsContextProvider props={componentProps} levelMode={levelModel}>\n      {children}\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;AAca,MAAA,6BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,QAAU,EAAA,cAAA,GAAiB,EAAI,EAAA,UAAA,GAAa,aAAgB,GAAA,KAAA;AAEpE,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAgB,EAAA,SAAA,EAAW,YACrD,QACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ComponentPropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/ComponentPropsContextProvider.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { memo, type FC, type PropsWithChildren } from \"react\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\n\nexport interface ComponentPropsContextProviderProps extends PropsWithChildren {\n  componentProps?: PropsContext;\n  levelModel?: PropsContextLevelMode;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props componentProps\n */\nexport const ComponentPropsContextProvider: FC<ComponentPropsContextProviderProps> =\n  memo((props) => {\n    const { children, componentProps = {}, levelModel = \"increment\" } = props;\n    return (\n      <PropsContextProvider props={componentProps} levelMode={levelModel}>\n        {children}\n      </PropsContextProvider>\n    );\n  });\n\nComponentPropsContextProvider.displayName = \"ComponentPropsContextProvider\";\n"],"names":[],"mappings":";;;;;AAca,MAAA,6BAAA,GACX,IAAK,CAAA,CAAC,KAAU,KAAA;AACd,EAAA,MAAM,EAAE,QAAU,EAAA,cAAA,GAAiB,EAAI,EAAA,UAAA,GAAa,aAAgB,GAAA,KAAA;AACpE,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAgB,EAAA,SAAA,EAAW,YACrD,QACH,EAAA,CAAA;AAEJ,CAAC;AAEH,6BAAA,CAA8B,WAAc,GAAA,+BAAA;;;;"}

package/dist/js/components/src/lib/propsContext/components/PropsContextProvider.mjs

@@ -4,10 +4,12 @@ import { jsx } from 'react/jsx-runtime';
 import { usePropsContextLevel } from '../inherit/propsContextLevel.mjs';
 import { PropsContextLevelProvider } from '../inherit/PropsContextLevelProvider.mjs';
 import { mergePropsContext } from '../mergePropsContext.mjs';
-import { usePropsContext, propsContext } from '../propsContext.mjs';
-import { useMemo } from 'react';
+import { propsContext, usePropsContext } from '../propsContext.mjs';
+import { memo, useMemo } from 'react';
 
-const PropsContextProvider = (props) => {
+const Provider = memo(propsContext.Provider);
+Provider.displayName = "PropsContextProviderInner";
+const PropsContextProvider = memo((props) => {
   const {
     props: providedProps,
     dependencies = [],
@@ -26,8 +28,9 @@ const PropsContextProvider = (props) => {
     ),
     [parentPropsContext, readPropsContextLevel, ...dependencies]
   );
-  return /* @__PURE__ */ jsx(PropsContextLevelProvider, { mode: levelMode, children: /* @__PURE__ */ jsx(propsContext.Provider, { value: propsWithParentPropsContext, children }) });
-};
+  return /* @__PURE__ */ jsx(PropsContextLevelProvider, { mode: levelMode, children: /* @__PURE__ */ jsx(Provider, { value: propsWithParentPropsContext, children }) });
+});
+PropsContextProvider.displayName = "PropsContextProvider";
 
 export { PropsContextProvider, PropsContextProvider as default };
 //# sourceMappingURL=PropsContextProvider.mjs.map

package/dist/js/components/src/lib/propsContext/components/PropsContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"sourcesContent":["import { usePropsContextLevel } from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, usePropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  clear?: boolean;\n  levelMode?: PropsContextLevelMode;\n}\n\nexport const PropsContextProvider: FC<Props> = (props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    levelMode = \"reset\",\n    children,\n  } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const readPropsContextLevel = usePropsContextLevel(\n    levelMode === \"keep\" ? \"decrement\" : levelMode,\n  );\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergePropsContext(\n        parentPropsContext,\n        providedProps,\n        readPropsContextLevel,\n      ),\n    [parentPropsContext, readPropsContextLevel, ...dependencies],\n  );\n\n  return (\n    <PropsContextLevelProvider mode={levelMode}>\n      <propsContext.Provider value={propsWithParentPropsContext}>\n        {children}\n      </propsContext.Provider>\n    </PropsContextLevelProvider>\n  );\n};\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;;AAgBa,MAAA,oBAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,SAAY,GAAA,OAAA;AAAA,IACZ;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,qBAAwB,GAAA,oBAAA;AAAA,IAC5B,SAAA,KAAc,SAAS,WAAc,GAAA;AAAA,GACvC;AAEA,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,iBAAA;AAAA,MACE,kBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,kBAAA,EAAoB,qBAAuB,EAAA,GAAG,YAAY;AAAA,GAC7D;AAEA,EACE,uBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,IAAA,EAAM,SAC/B,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,2BAC3B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../../../../src/lib/propsContext/components/PropsContextProvider.tsx"],"sourcesContent":["import { usePropsContextLevel } from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport { PropsContextLevelProvider } from \"@/lib/propsContext/inherit/PropsContextLevelProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, usePropsContext } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { memo, useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  clear?: boolean;\n  levelMode?: PropsContextLevelMode;\n}\n\nconst Provider = memo(propsContext.Provider);\nProvider.displayName = \"PropsContextProviderInner\";\n\nexport const PropsContextProvider: FC<Props> = memo((props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    levelMode = \"reset\",\n    children,\n  } = props;\n\n  const parentPropsContext = usePropsContext();\n\n  const readPropsContextLevel = usePropsContextLevel(\n    levelMode === \"keep\" ? \"decrement\" : levelMode,\n  );\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergePropsContext(\n        parentPropsContext,\n        providedProps,\n        readPropsContextLevel,\n      ),\n    [parentPropsContext, readPropsContextLevel, ...dependencies],\n  );\n\n  return (\n    <PropsContextLevelProvider mode={levelMode}>\n      <Provider value={propsWithParentPropsContext}>{children}</Provider>\n    </PropsContextLevelProvider>\n  );\n});\n\nPropsContextProvider.displayName = \"PropsContextProvider\";\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,QAAA,GAAW,IAAK,CAAA,YAAA,CAAa,QAAQ,CAAA;AAC3C,QAAA,CAAS,WAAc,GAAA,2BAAA;AAEV,MAAA,oBAAA,GAAkC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,SAAY,GAAA,OAAA;AAAA,IACZ;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,qBAAwB,GAAA,oBAAA;AAAA,IAC5B,SAAA,KAAc,SAAS,WAAc,GAAA;AAAA,GACvC;AAEA,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,iBAAA;AAAA,MACE,kBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,kBAAA,EAAoB,qBAAuB,EAAA,GAAG,YAAY;AAAA,GAC7D;AAEA,EACE,uBAAA,GAAA,CAAC,6BAA0B,IAAM,EAAA,SAAA,EAC/B,8BAAC,QAAS,EAAA,EAAA,KAAA,EAAO,2BAA8B,EAAA,QAAA,EAAS,CAC1D,EAAA,CAAA;AAEJ,CAAC;AAED,oBAAA,CAAqB,WAAc,GAAA,sBAAA;;;;"}

package/dist/js/components/src/lib/propsContext/inherit/PropsContextLevelProvider.mjs

@@ -1,17 +1,20 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { usePropsContextLevel, propsContextLevelContext } from './propsContextLevel.mjs';
-import 'react';
+import { propsContextLevelContext, usePropsContextLevel } from './propsContextLevel.mjs';
+import { memo } from 'react';
 
-const PropsContextLevelProvider = (props) => {
+const Provider = memo(propsContextLevelContext.Provider);
+Provider.displayName = "PropsContextLevelContextProviderInner";
+const PropsContextLevelProvider = memo((props) => {
   const { mode, children } = props;
   const newLevel = usePropsContextLevel(mode);
   if (mode === "keep") {
     return children;
   }
-  return /* @__PURE__ */ jsx(propsContextLevelContext.Provider, { value: newLevel, children });
-};
+  return /* @__PURE__ */ jsx(Provider, { value: newLevel, children });
+});
+PropsContextLevelProvider.displayName = "PropsContextLevelProvider";
 
-export { PropsContextLevelProvider };
+export { PropsContextLevelProvider, PropsContextLevelProvider as default };
 //# sourceMappingURL=PropsContextLevelProvider.mjs.map

package/dist/js/components/src/lib/propsContext/inherit/PropsContextLevelProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PropsContextLevelProvider.mjs","sources":["../../../../../../../src/lib/propsContext/inherit/PropsContextLevelProvider.tsx"],"sourcesContent":["import {\n  propsContextLevelContext,\n  usePropsContextLevel,\n} from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport { type FC, type PropsWithChildren } from \"react\";\n\nexport interface PropsContextLevelProviderProps extends PropsWithChildren {\n  mode: PropsContextLevelMode;\n}\n\nexport const PropsContextLevelProvider: FC<PropsContextLevelProviderProps> = (\n  props,\n) => {\n  const { mode, children } = props;\n\n  const newLevel = usePropsContextLevel(mode);\n\n  if (mode === \"keep\") {\n    return children;\n  }\n\n  return (\n    <propsContextLevelContext.Provider value={newLevel}>\n      {children}\n    </propsContextLevelContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;AAWa,MAAA,yBAAA,GAAgE,CAC3E,KACG,KAAA;AACH,EAAM,MAAA,EAAE,IAAM,EAAA,QAAA,EAAa,GAAA,KAAA;AAE3B,EAAM,MAAA,QAAA,GAAW,qBAAqB,IAAI,CAAA;AAE1C,EAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,IAAO,OAAA,QAAA;AAAA;AAGT,EAAA,2BACG,wBAAyB,CAAA,QAAA,EAAzB,EAAkC,KAAA,EAAO,UACvC,QACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PropsContextLevelProvider.mjs","sources":["../../../../../../../src/lib/propsContext/inherit/PropsContextLevelProvider.tsx"],"sourcesContent":["import {\n  propsContextLevelContext,\n  usePropsContextLevel,\n} from \"@/lib/propsContext/inherit/propsContextLevel\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport { memo, type FC, type PropsWithChildren } from \"react\";\n\nexport interface PropsContextLevelProviderProps extends PropsWithChildren {\n  mode: PropsContextLevelMode;\n}\n\nconst Provider = memo(propsContextLevelContext.Provider);\nProvider.displayName = \"PropsContextLevelContextProviderInner\";\n\nexport const PropsContextLevelProvider: FC<PropsContextLevelProviderProps> =\n  memo((props) => {\n    const { mode, children } = props;\n\n    const newLevel = usePropsContextLevel(mode);\n\n    if (mode === \"keep\") {\n      return children;\n    }\n\n    return <Provider value={newLevel}>{children}</Provider>;\n  });\n\nPropsContextLevelProvider.displayName = \"PropsContextLevelProvider\";\n\nexport default PropsContextLevelProvider;\n"],"names":[],"mappings":";;;;AAWA,MAAM,QAAA,GAAW,IAAK,CAAA,wBAAA,CAAyB,QAAQ,CAAA;AACvD,QAAA,CAAS,WAAc,GAAA,uCAAA;AAEV,MAAA,yBAAA,GACX,IAAK,CAAA,CAAC,KAAU,KAAA;AACd,EAAM,MAAA,EAAE,IAAM,EAAA,QAAA,EAAa,GAAA,KAAA;AAE3B,EAAM,MAAA,QAAA,GAAW,qBAAqB,IAAI,CAAA;AAE1C,EAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,IAAO,OAAA,QAAA;AAAA;AAGT,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,QAAA,EAAW,QAAS,EAAA,CAAA;AAC9C,CAAC;AAEH,yBAAA,CAA0B,WAAc,GAAA,2BAAA;;;;"}

package/dist/js/components/src/lib/propsContext/mergePropsContext.mjs

@@ -4,16 +4,18 @@ import 'react';
 import { isFlowComponentName } from './isFlowComponentName.mjs';
 import 'react/jsx-runtime';
 import '@mittwald/react-tunnel';
-import '../slotContext/slotContext.mjs';
+import '../slotContext/SlotContextProvider.mjs';
 import '@react-aria/utils';
 import './propsContext.mjs';
 import 'remeda';
 import { getMaxRecursionLevel } from './inherit/lib.mjs';
 import { getNestingLevel } from './nestedPropsContext/lib.mjs';
-import './inherit/propsContextLevel.mjs';
+import './components/ComponentPropsContextProvider.mjs';
+import '../../views/ComponentPropsContextProviderView.mjs';
+import './components/PropsContextProvider.mjs';
+import '../viewComponentContext/viewComponentContext.mjs';
 import { nestingLevelKey } from './nestedPropsContext/types.mjs';
 import { getPropsMerger } from '../react/getPropsMerger.mjs';
-import '../viewComponentContext/viewComponentContext.mjs';
 
 const merger = getPropsMerger({
   mergeClassNames: false,

package/dist/js/components/src/lib/propsContext/mergePropsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mergePropsContext.mjs","sources":["../../../../../../src/lib/propsContext/mergePropsContext.ts"],"sourcesContent":["import { isFlowComponentName } from \"@/index/internal\";\nimport { getMaxRecursionLevel } from \"@/lib/propsContext/inherit/lib\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { nestingLevelKey } from \"@/lib/propsContext/nestedPropsContext/types\";\nimport {\n  type PropsContext,\n  type WorkaroundType,\n} from \"@/lib/propsContext/types\";\nimport { getPropsMerger } from \"@/lib/react/getPropsMerger\";\n\nconst merger = getPropsMerger({\n  mergeClassNames: false,\n  mergeEventHandler: false,\n});\n\nexport const mergePropsContext = (\n  parentContext: PropsContext = {},\n  context: PropsContext = {},\n  currentLevel = 0,\n): PropsContext => {\n  const mergedComponentNames = Object.keys({\n    ...parentContext,\n    ...context,\n  }).filter(isFlowComponentName);\n\n  const parentContextNestingLevel = getNestingLevel(parentContext);\n  const contextNestingLevel = getNestingLevel(context);\n\n  const mergedComponentEntries = mergedComponentNames\n    .map((componentName) => {\n      const componentContextOfParent = parentContext[componentName];\n      const componentContext = context[componentName];\n\n      if (!componentContextOfParent && !componentContext) {\n        return;\n      }\n\n      const parentMaxRecursionLevel = getMaxRecursionLevel(\n        componentContextOfParent,\n      );\n\n      if (currentLevel > parentMaxRecursionLevel) {\n        if (!componentContext) {\n          return;\n        }\n        return [componentName, componentContext];\n      }\n\n      const merged =\n        parentContextNestingLevel > contextNestingLevel\n          ? merger<WorkaroundType>(componentContext, componentContextOfParent)\n          : merger<WorkaroundType>(componentContextOfParent, componentContext);\n\n      return [componentName, merged];\n    })\n    .filter((e) => e !== undefined);\n\n  return Object.fromEntries([\n    ...mergedComponentEntries,\n    [nestingLevelKey, Math.max(parentContextNestingLevel, contextNestingLevel)],\n  ]) as PropsContext;\n};\n\nexport default mergePropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,SAAS,cAAe,CAAA;AAAA,EAC5B,eAAiB,EAAA,KAAA;AAAA,EACjB,iBAAmB,EAAA;AACrB,CAAC,CAAA;AAEY,MAAA,iBAAA,GAAoB,CAC/B,aAA8B,GAAA,IAC9B,OAAwB,GAAA,EACxB,EAAA,YAAA,GAAe,CACE,KAAA;AACjB,EAAM,MAAA,oBAAA,GAAuB,OAAO,IAAK,CAAA;AAAA,IACvC,GAAG,aAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAE,CAAA,MAAA,CAAO,mBAAmB,CAAA;AAE7B,EAAM,MAAA,yBAAA,GAA4B,gBAAgB,aAAa,CAAA;AAC/D,EAAM,MAAA,mBAAA,GAAsB,gBAAgB,OAAO,CAAA;AAEnD,EAAA,MAAM,sBAAyB,GAAA,oBAAA,CAC5B,GAAI,CAAA,CAAC,aAAkB,KAAA;AACtB,IAAM,MAAA,wBAAA,GAA2B,cAAc,aAAa,CAAA;AAC5D,IAAM,MAAA,gBAAA,GAAmB,QAAQ,aAAa,CAAA;AAE9C,IAAI,IAAA,CAAC,wBAA4B,IAAA,CAAC,gBAAkB,EAAA;AAClD,MAAA;AAAA;AAGF,IAAA,MAAM,uBAA0B,GAAA,oBAAA;AAAA,MAC9B;AAAA,KACF;AAEA,IAAA,IAAI,eAAe,uBAAyB,EAAA;AAC1C,MAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,QAAA;AAAA;AAEF,MAAO,OAAA,CAAC,eAAe,gBAAgB,CAAA;AAAA;AAGzC,IAAM,MAAA,MAAA,GACJ,4BAA4B,mBACxB,GAAA,MAAA,CAAuB,kBAAkB,wBAAwB,CAAA,GACjE,MAAuB,CAAA,wBAAA,EAA0B,gBAAgB,CAAA;AAEvE,IAAO,OAAA,CAAC,eAAe,MAAM,CAAA;AAAA,GAC9B,CACA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,MAAS,CAAA;AAEhC,EAAA,OAAO,OAAO,WAAY,CAAA;AAAA,IACxB,GAAG,sBAAA;AAAA,IACH,CAAC,eAAiB,EAAA,IAAA,CAAK,GAAI,CAAA,yBAAA,EAA2B,mBAAmB,CAAC;AAAA,GAC3E,CAAA;AACH;;;;"}
+{"version":3,"file":"mergePropsContext.mjs","sources":["../../../../../../src/lib/propsContext/mergePropsContext.ts"],"sourcesContent":["import { isFlowComponentName } from \"@/index/internal\";\nimport { getMaxRecursionLevel } from \"@/lib/propsContext/inherit/lib\";\nimport { getNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { nestingLevelKey } from \"@/lib/propsContext/nestedPropsContext/types\";\nimport {\n  type PropsContext,\n  type WorkaroundType,\n} from \"@/lib/propsContext/types\";\nimport { getPropsMerger } from \"@/lib/react/getPropsMerger\";\n\nconst merger = getPropsMerger({\n  mergeClassNames: false,\n  mergeEventHandler: false,\n});\n\nexport const mergePropsContext = (\n  parentContext: PropsContext = {},\n  context: PropsContext = {},\n  currentLevel = 0,\n): PropsContext => {\n  const mergedComponentNames = Object.keys({\n    ...parentContext,\n    ...context,\n  }).filter(isFlowComponentName);\n\n  const parentContextNestingLevel = getNestingLevel(parentContext);\n  const contextNestingLevel = getNestingLevel(context);\n\n  const mergedComponentEntries = mergedComponentNames\n    .map((componentName) => {\n      const componentContextOfParent = parentContext[componentName];\n      const componentContext = context[componentName];\n\n      if (!componentContextOfParent && !componentContext) {\n        return;\n      }\n\n      const parentMaxRecursionLevel = getMaxRecursionLevel(\n        componentContextOfParent,\n      );\n\n      if (currentLevel > parentMaxRecursionLevel) {\n        if (!componentContext) {\n          return;\n        }\n        return [componentName, componentContext];\n      }\n\n      const merged =\n        parentContextNestingLevel > contextNestingLevel\n          ? merger<WorkaroundType>(componentContext, componentContextOfParent)\n          : merger<WorkaroundType>(componentContextOfParent, componentContext);\n\n      return [componentName, merged];\n    })\n    .filter((e) => e !== undefined);\n\n  return Object.fromEntries([\n    ...mergedComponentEntries,\n    [nestingLevelKey, Math.max(parentContextNestingLevel, contextNestingLevel)],\n  ]) as PropsContext;\n};\n\nexport default mergePropsContext;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,SAAS,cAAe,CAAA;AAAA,EAC5B,eAAiB,EAAA,KAAA;AAAA,EACjB,iBAAmB,EAAA;AACrB,CAAC,CAAA;AAEY,MAAA,iBAAA,GAAoB,CAC/B,aAA8B,GAAA,IAC9B,OAAwB,GAAA,EACxB,EAAA,YAAA,GAAe,CACE,KAAA;AACjB,EAAM,MAAA,oBAAA,GAAuB,OAAO,IAAK,CAAA;AAAA,IACvC,GAAG,aAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAE,CAAA,MAAA,CAAO,mBAAmB,CAAA;AAE7B,EAAM,MAAA,yBAAA,GAA4B,gBAAgB,aAAa,CAAA;AAC/D,EAAM,MAAA,mBAAA,GAAsB,gBAAgB,OAAO,CAAA;AAEnD,EAAA,MAAM,sBAAyB,GAAA,oBAAA,CAC5B,GAAI,CAAA,CAAC,aAAkB,KAAA;AACtB,IAAM,MAAA,wBAAA,GAA2B,cAAc,aAAa,CAAA;AAC5D,IAAM,MAAA,gBAAA,GAAmB,QAAQ,aAAa,CAAA;AAE9C,IAAI,IAAA,CAAC,wBAA4B,IAAA,CAAC,gBAAkB,EAAA;AAClD,MAAA;AAAA;AAGF,IAAA,MAAM,uBAA0B,GAAA,oBAAA;AAAA,MAC9B;AAAA,KACF;AAEA,IAAA,IAAI,eAAe,uBAAyB,EAAA;AAC1C,MAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,QAAA;AAAA;AAEF,MAAO,OAAA,CAAC,eAAe,gBAAgB,CAAA;AAAA;AAGzC,IAAM,MAAA,MAAA,GACJ,4BAA4B,mBACxB,GAAA,MAAA,CAAuB,kBAAkB,wBAAwB,CAAA,GACjE,MAAuB,CAAA,wBAAA,EAA0B,gBAAgB,CAAA;AAEvE,IAAO,OAAA,CAAC,eAAe,MAAM,CAAA;AAAA,GAC9B,CACA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,MAAS,CAAA;AAEhC,EAAA,OAAO,OAAO,WAAY,CAAA;AAAA,IACxB,GAAG,sBAAA;AAAA,IACH,CAAC,eAAiB,EAAA,IAAA,CAAK,GAAI,CAAA,yBAAA,EAA2B,mBAAmB,CAAC;AAAA,GAC3E,CAAA;AACH;;;;"}

package/dist/js/components/src/lib/slotContext/SlotContextProvider.mjs

@@ -1,18 +1,21 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { useSlotContext, slotContext } from './slotContext.mjs';
+import { memo } from 'react';
+import { slotContext, useSlotContext } from './slotContext.mjs';
 
-const SlotContextProvider = (props) => {
+const Provider = memo(slotContext.Provider);
+Provider.displayName = "SlotContextProviderInner";
+const SlotContextProvider = memo((props) => {
   const { slot, component, children } = props;
   const parentContext = useSlotContext();
   const mergedContext = {
     ...parentContext,
     [component]: slot
   };
-  return /* @__PURE__ */ jsx(slotContext.Provider, { value: mergedContext, children });
-};
+  return /* @__PURE__ */ jsx(Provider, { value: mergedContext, children });
+});
+SlotContextProvider.displayName = "SlotContextProvider";
 
 export { SlotContextProvider, SlotContextProvider as default };
 //# sourceMappingURL=SlotContextProvider.mjs.map

package/dist/js/components/src/lib/slotContext/SlotContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlotContextProvider.mjs","sources":["../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n  slot: string;\n  component: FlowComponentName;\n}\n\nexport const SlotContextProvider: FC<Props> = (props) => {\n  const { slot, component, children } = props;\n  const parentContext = useSlotContext();\n\n  const mergedContext = {\n    ...parentContext,\n    [component]: slot,\n  };\n\n  return (\n    <slotContext.Provider value={mergedContext}>\n      {children}\n    </slotContext.Provider>\n  );\n};\n\nexport default SlotContextProvider;\n"],"names":[],"mappings":";;;;AAUa,MAAA,mBAAA,GAAiC,CAAC,KAAU,KAAA;AACvD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AACtC,EAAA,MAAM,gBAAgB,cAAe,EAAA;AAErC,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,aAAA;AAAA,IACH,CAAC,SAAS,GAAG;AAAA,GACf;AAEA,EAAA,2BACG,WAAY,CAAA,QAAA,EAAZ,EAAqB,KAAA,EAAO,eAC1B,QACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SlotContextProvider.mjs","sources":["../../../../../../src/lib/slotContext/SlotContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { slotContext, useSlotContext } from \"@/lib/slotContext/slotContext\";\n\ninterface Props extends PropsWithChildren {\n  slot: string;\n  component: FlowComponentName;\n}\n\nconst Provider = memo(slotContext.Provider);\nProvider.displayName = \"SlotContextProviderInner\";\n\nexport const SlotContextProvider: FC<Props> = memo((props) => {\n  const { slot, component, children } = props;\n  const parentContext = useSlotContext();\n\n  const mergedContext = {\n    ...parentContext,\n    [component]: slot,\n  };\n\n  return <Provider value={mergedContext}>{children}</Provider>;\n});\nSlotContextProvider.displayName = \"SlotContextProvider\";\n\nexport default SlotContextProvider;\n"],"names":[],"mappings":";;;;AAUA,MAAM,QAAA,GAAW,IAAK,CAAA,WAAA,CAAY,QAAQ,CAAA;AAC1C,QAAA,CAAS,WAAc,GAAA,0BAAA;AAEV,MAAA,mBAAA,GAAiC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AACtC,EAAA,MAAM,gBAAgB,cAAe,EAAA;AAErC,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,aAAA;AAAA,IACH,CAAC,SAAS,GAAG;AAAA,GACf;AAEA,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,aAAA,EAAgB,QAAS,EAAA,CAAA;AACnD,CAAC;AACD,mBAAA,CAAoB,WAAc,GAAA,qBAAA;;;;"}

package/dist/js/components/src/views/AvatarView.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { Avatar } from '../components/Avatar/Avatar.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const AvatarView = (props) => {
+const AvatarView = memo((props) => {
   const View = useContext(viewComponentContext)["Avatar"] ?? Avatar;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+AvatarView.displayName = "AvatarView";
 
 export { AvatarView as default };
 //# sourceMappingURL=AvatarView.mjs.map

package/dist/js/components/src/views/AvatarView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarView.mjs","sources":["../../../../../src/views/AvatarView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { Avatar, type AvatarProps } from \"@/components/Avatar\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst AvatarView: FC<AvatarProps> = (props) => {\n  const View = useContext(viewComponentContext)[\"Avatar\"] ?? Avatar;\n  return <View {...props} />;\n};\n\nexport default AvatarView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,UAAA,GAA8B,CAAC,KAAU,KAAA;AAC7C,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAK,IAAA,MAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"AvatarView.mjs","sources":["../../../../../src/views/AvatarView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Avatar, type AvatarProps } from \"@/components/Avatar\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst AvatarView: FC<AvatarProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Avatar\"] ?? Avatar;\n  return <View {...props} />;\n});\nAvatarView.displayName = \"AvatarView\";\n\nexport default AvatarView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,UAAA,GAA8B,IAAK,CAAA,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAK,IAAA,MAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/js/components/src/views/BadgeView.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { Badge } from '../components/Badge/Badge.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const BadgeView = (props) => {
+const BadgeView = memo((props) => {
   const View = useContext(viewComponentContext)["Badge"] ?? Badge;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+BadgeView.displayName = "BadgeView";
 
 export { BadgeView as default };
 //# sourceMappingURL=BadgeView.mjs.map

package/dist/js/components/src/views/BadgeView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeView.mjs","sources":["../../../../../src/views/BadgeView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { Badge, type BadgeProps } from \"@/components/Badge\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst BadgeView: FC<BadgeProps> = (props) => {\n  const View = useContext(viewComponentContext)[\"Badge\"] ?? Badge;\n  return <View {...props} />;\n};\n\nexport default BadgeView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,SAAA,GAA4B,CAAC,KAAU,KAAA;AAC3C,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,OAAO,CAAK,IAAA,KAAA;AAC1D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"BadgeView.mjs","sources":["../../../../../src/views/BadgeView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Badge, type BadgeProps } from \"@/components/Badge\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst BadgeView: FC<BadgeProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Badge\"] ?? Badge;\n  return <View {...props} />;\n});\nBadgeView.displayName = \"BadgeView\";\n\nexport default BadgeView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,SAAA,GAA4B,IAAK,CAAA,CAAC,KAAU,KAAA;AAChD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,OAAO,CAAK,IAAA,KAAA;AAC1D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

package/dist/js/components/src/views/ButtonView.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { Button } from '../components/Button/Button.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ButtonView = (props) => {
+const ButtonView = memo((props) => {
   const View = useContext(viewComponentContext)["Button"] ?? Button;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ButtonView.displayName = "ButtonView";
 
 export { ButtonView as default };
 //# sourceMappingURL=ButtonView.mjs.map

package/dist/js/components/src/views/ButtonView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonView.mjs","sources":["../../../../../src/views/ButtonView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ButtonView: FC<ButtonProps> = (props) => {\n  const View = useContext(viewComponentContext)[\"Button\"] ?? Button;\n  return <View {...props} />;\n};\n\nexport default ButtonView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,UAAA,GAA8B,CAAC,KAAU,KAAA;AAC7C,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAK,IAAA,MAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ButtonView.mjs","sources":["../../../../../src/views/ButtonView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ButtonView: FC<ButtonProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"Button\"] ?? Button;\n  return <View {...props} />;\n});\nButtonView.displayName = \"ButtonView\";\n\nexport default ButtonView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,UAAA,GAA8B,IAAK,CAAA,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,QAAQ,CAAK,IAAA,MAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/js/components/src/views/ClearPropsContextView.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { ClearPropsContext } from '../lib/propsContext/components/ClearPropsContext.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ClearPropsContextView = (props) => {
+const ClearPropsContextView = memo((props) => {
   const View = useContext(viewComponentContext)["ClearPropsContext"] ?? ClearPropsContext;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ClearPropsContextView.displayName = "ClearPropsContextView";
 
 export { ClearPropsContextView as default };
 //# sourceMappingURL=ClearPropsContextView.mjs.map

package/dist/js/components/src/views/ClearPropsContextView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContextView.mjs","sources":["../../../../../src/views/ClearPropsContextView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ClearPropsContext,\n  type ClearPropsContextProps,\n} from \"@/components/ClearPropsContext\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ClearPropsContextView: FC<ClearPropsContextProps> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"ClearPropsContext\"] ?? ClearPropsContext;\n  return <View {...props} />;\n};\n\nexport default ClearPropsContextView;\n"],"names":[],"mappings":";;;;;AASM,MAAA,qBAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,mBAAmB,CAAK,IAAA,iBAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ClearPropsContextView.mjs","sources":["../../../../../src/views/ClearPropsContextView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ClearPropsContext,\n  type ClearPropsContextProps,\n} from \"@/components/ClearPropsContext\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ClearPropsContextView: FC<ClearPropsContextProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ClearPropsContext\"] ?? ClearPropsContext;\n  return <View {...props} />;\n});\nClearPropsContextView.displayName = \"ClearPropsContextView\";\n\nexport default ClearPropsContextView;\n"],"names":[],"mappings":";;;;;AASM,MAAA,qBAAA,GAAoD,IAAK,CAAA,CAAC,KAAU,KAAA;AACxE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,mBAAmB,CAAK,IAAA,iBAAA;AAC3D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}

package/dist/js/components/src/views/ComponentPropsContextProviderView.mjs

@@ -1,14 +1,15 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { ComponentPropsContextProvider } from '../lib/propsContext/components/ComponentPropsContextProvider.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ComponentPropsContextProviderView = (props) => {
+const ComponentPropsContextProviderView = memo((props) => {
   const View = useContext(viewComponentContext)["ComponentPropsContextProvider"] ?? ComponentPropsContextProvider;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ComponentPropsContextProviderView.displayName = "ComponentPropsContextProviderView";
 
 export { ComponentPropsContextProviderView as default };
 //# sourceMappingURL=ComponentPropsContextProviderView.mjs.map

package/dist/js/components/src/views/ComponentPropsContextProviderView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentPropsContextProviderView.mjs","sources":["../../../../../src/views/ComponentPropsContextProviderView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ComponentPropsContextProvider,\n  type ComponentPropsContextProviderProps,\n} from \"@/components/ComponentPropsContextProvider\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ComponentPropsContextProviderView: FC<\n  ComponentPropsContextProviderProps\n> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"ComponentPropsContextProvider\"] ??\n    ComponentPropsContextProvider;\n  return <View {...props} />;\n};\n\nexport default ComponentPropsContextProviderView;\n"],"names":[],"mappings":";;;;;AASM,MAAA,iCAAA,GAEF,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,+BAA+B,CAChE,IAAA,6BAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ComponentPropsContextProviderView.mjs","sources":["../../../../../src/views/ComponentPropsContextProviderView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ComponentPropsContextProvider,\n  type ComponentPropsContextProviderProps,\n} from \"@/components/ComponentPropsContextProvider\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ComponentPropsContextProviderView: FC<ComponentPropsContextProviderProps> =\n  memo((props) => {\n    const View =\n      useContext(viewComponentContext)[\"ComponentPropsContextProvider\"] ??\n      ComponentPropsContextProvider;\n    return <View {...props} />;\n  });\nComponentPropsContextProviderView.displayName =\n  \"ComponentPropsContextProviderView\";\n\nexport default ComponentPropsContextProviderView;\n"],"names":[],"mappings":";;;;;AASM,MAAA,iCAAA,GACJ,IAAK,CAAA,CAAC,KAAU,KAAA;AACd,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,+BAA+B,CAChE,IAAA,6BAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACH,iCAAA,CAAkC,WAChC,GAAA,mCAAA;;;;"}

package/dist/js/components/src/views/ContextMenuContentView.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import '../components/ContextMenu/ContextMenu.mjs';
 import '../components/MenuItem/MenuItem.mjs';
 import '../components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
@@ -9,10 +9,11 @@ import { ContextMenuContent } from '../components/ContextMenu/components/Context
 import '../components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ContextMenuContentView = (props) => {
+const ContextMenuContentView = memo((props) => {
   const View = useContext(viewComponentContext)["ContextMenuContent"] ?? ContextMenuContent;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ContextMenuContentView.displayName = "ContextMenuContentView";
 
 export { ContextMenuContentView as default };
 //# sourceMappingURL=ContextMenuContentView.mjs.map

package/dist/js/components/src/views/ContextMenuContentView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContentView.mjs","sources":["../../../../../src/views/ContextMenuContentView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ContextMenuContent,\n  type ContextMenuContentProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuContentView: FC<ContextMenuContentProps> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuContent\"] ??\n    ContextMenuContent;\n  return <View {...props} />;\n};\n\nexport default ContextMenuContentView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,CAAC,KAAU,KAAA;AACrE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ContextMenuContentView.mjs","sources":["../../../../../src/views/ContextMenuContentView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuContent,\n  type ContextMenuContentProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuContentView: FC<ContextMenuContentProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuContent\"] ??\n    ContextMenuContent;\n  return <View {...props} />;\n});\nContextMenuContentView.displayName = \"ContextMenuContentView\";\n\nexport default ContextMenuContentView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,IAAK,CAAA,CAAC,KAAU,KAAA;AAC1E,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAc,GAAA,wBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuSectionView.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import '../components/ContextMenu/ContextMenu.mjs';
 import '../components/MenuItem/MenuItem.mjs';
 import '../components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
@@ -9,10 +9,11 @@ import 'react-aria-components';
 import { ContextMenuSection } from '../components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ContextMenuSectionView = (props) => {
+const ContextMenuSectionView = memo((props) => {
   const View = useContext(viewComponentContext)["ContextMenuSection"] ?? ContextMenuSection;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ContextMenuSectionView.displayName = "ContextMenuSectionView";
 
 export { ContextMenuSectionView as default };
 //# sourceMappingURL=ContextMenuSectionView.mjs.map

package/dist/js/components/src/views/ContextMenuSectionView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuSectionView.mjs","sources":["../../../../../src/views/ContextMenuSectionView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ContextMenuSection,\n  type ContextMenuSectionProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuSectionView: FC<ContextMenuSectionProps> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuSection\"] ??\n    ContextMenuSection;\n  return <View {...props} />;\n};\n\nexport default ContextMenuSectionView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,CAAC,KAAU,KAAA;AACrE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ContextMenuSectionView.mjs","sources":["../../../../../src/views/ContextMenuSectionView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuSection,\n  type ContextMenuSectionProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuSectionView: FC<ContextMenuSectionProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuSection\"] ??\n    ContextMenuSection;\n  return <View {...props} />;\n});\nContextMenuSectionView.displayName = \"ContextMenuSectionView\";\n\nexport default ContextMenuSectionView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,IAAK,CAAA,CAAC,KAAU,KAAA;AAC1E,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAc,GAAA,wBAAA;;;;"}

package/dist/js/components/src/views/ContextMenuTriggerView.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import '../components/ContextMenu/ContextMenu.mjs';
 import '../components/MenuItem/MenuItem.mjs';
 import { ContextMenuTrigger } from '../components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
@@ -9,10 +9,11 @@ import 'react-aria-components';
 import '../components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ContextMenuTriggerView = (props) => {
+const ContextMenuTriggerView = memo((props) => {
   const View = useContext(viewComponentContext)["ContextMenuTrigger"] ?? ContextMenuTrigger;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ContextMenuTriggerView.displayName = "ContextMenuTriggerView";
 
 export { ContextMenuTriggerView as default };
 //# sourceMappingURL=ContextMenuTriggerView.mjs.map

package/dist/js/components/src/views/ContextMenuTriggerView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTriggerView.mjs","sources":["../../../../../src/views/ContextMenuTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ContextMenuTrigger,\n  type ContextMenuTriggerProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuTriggerView: FC<ContextMenuTriggerProps> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuTrigger\"] ??\n    ContextMenuTrigger;\n  return <View {...props} />;\n};\n\nexport default ContextMenuTriggerView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,CAAC,KAAU,KAAA;AACrE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ContextMenuTriggerView.mjs","sources":["../../../../../src/views/ContextMenuTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextMenuTrigger,\n  type ContextMenuTriggerProps,\n} from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuTriggerView: FC<ContextMenuTriggerProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ContextMenuTrigger\"] ??\n    ContextMenuTrigger;\n  return <View {...props} />;\n});\nContextMenuTriggerView.displayName = \"ContextMenuTriggerView\";\n\nexport default ContextMenuTriggerView;\n"],"names":[],"mappings":";;;;;;;;;AASM,MAAA,sBAAA,GAAsD,IAAK,CAAA,CAAC,KAAU,KAAA;AAC1E,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,oBAAoB,CACrD,IAAA,kBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,sBAAA,CAAuB,WAAc,GAAA,wBAAA;;;;"}