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

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;;;;"}

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

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { ContextMenu } from '../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 '../components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 
-const ContextMenuView = (props) => {
+const ContextMenuView = memo((props) => {
   const View = useContext(viewComponentContext)["ContextMenu"] ?? ContextMenu;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+ContextMenuView.displayName = "ContextMenuView";
 
 export { ContextMenuView as default };
 //# sourceMappingURL=ContextMenuView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuView.mjs","sources":["../../../../../src/views/ContextMenuView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { ContextMenu, type ContextMenuProps } from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuView: FC<ContextMenuProps> = (props) => {\n  const View = useContext(viewComponentContext)[\"ContextMenu\"] ?? ContextMenu;\n  return <View {...props} />;\n};\n\nexport default ContextMenuView;\n"],"names":[],"mappings":";;;;;;;;;AAMM,MAAA,eAAA,GAAwC,CAAC,KAAU,KAAA;AACvD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,aAAa,CAAK,IAAA,WAAA;AAChE,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"ContextMenuView.mjs","sources":["../../../../../src/views/ContextMenuView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { ContextMenu, type ContextMenuProps } from \"@/components/ContextMenu\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextMenuView: FC<ContextMenuProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"ContextMenu\"] ?? ContextMenu;\n  return <View {...props} />;\n});\nContextMenuView.displayName = \"ContextMenuView\";\n\nexport default ContextMenuView;\n"],"names":[],"mappings":";;;;;;;;;AAMM,MAAA,eAAA,GAAwC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,aAAa,CAAK,IAAA,WAAA;AAChE,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,eAAA,CAAgB,WAAc,GAAA,iBAAA;;;;"}

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

@@ -1,24 +1,20 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
+import { memo, useContext } from 'react';
 import { DialogTrigger } from '../components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs';
 import '../components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../lib/propsContext/propsContext.mjs';
-import '../lib/propsContext/inherit/propsContextLevel.mjs';
-import '@mittwald/react-tunnel';
-import '../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
+import '../lib/propsContext/components/PropsContextProvider.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'dot-prop';
 
-const DialogTriggerView = (props) => {
+const DialogTriggerView = memo((props) => {
   const View = useContext(viewComponentContext)["DialogTrigger"] ?? DialogTrigger;
   return /* @__PURE__ */ jsx(View, { ...props });
-};
+});
+DialogTriggerView.displayName = "DialogTriggerView";
 
 export { DialogTriggerView as default };
 //# sourceMappingURL=DialogTriggerView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTriggerView.mjs","sources":["../../../../../src/views/DialogTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  DialogTrigger,\n  type DialogTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst DialogTriggerView: FC<DialogTriggerProps> = (props) => {\n  const View =\n    useContext(viewComponentContext)[\"DialogTrigger\"] ?? DialogTrigger;\n  return <View {...props} />;\n};\n\nexport default DialogTriggerView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASM,MAAA,iBAAA,GAA4C,CAAC,KAAU,KAAA;AAC3D,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAK,IAAA,aAAA;AACvD,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"DialogTriggerView.mjs","sources":["../../../../../src/views/DialogTriggerView.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  DialogTrigger,\n  type DialogTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst DialogTriggerView: FC<DialogTriggerProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"DialogTrigger\"] ?? DialogTrigger;\n  return <View {...props} />;\n});\nDialogTriggerView.displayName = \"DialogTriggerView\";\n\nexport default DialogTriggerView;\n"],"names":[],"mappings":";;;;;;;;;;AASM,MAAA,iBAAA,GAA4C,IAAK,CAAA,CAAC,KAAU,KAAA;AAChE,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAK,IAAA,aAAA;AACvD,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,iBAAA,CAAkB,WAAc,GAAA,mBAAA;;;;"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FieldErrorView.mjs","sources":["../../../../../src/views/FieldErrorView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { FieldError, type FieldErrorProps } from \"@/components/FieldError\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FieldErrorView: FC<FieldErrorProps> = (props) => {\n  const View = useContext(viewComponentContext)[\"FieldError\"] ?? FieldError;\n  return <View {...props} />;\n};\n\nexport default FieldErrorView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,cAAA,GAAsC,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,YAAY,CAAK,IAAA,UAAA;AAC/D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"FieldErrorView.mjs","sources":["../../../../../src/views/FieldErrorView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport { FieldError, type FieldErrorProps } from \"@/components/FieldError\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FieldErrorView: FC<FieldErrorProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"FieldError\"] ?? FieldError;\n  return <View {...props} />;\n});\nFieldErrorView.displayName = \"FieldErrorView\";\n\nexport default FieldErrorView;\n"],"names":[],"mappings":";;;;;AAMM,MAAA,cAAA,GAAsC,IAAK,CAAA,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,YAAY,CAAK,IAAA,UAAA;AAC/D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B,CAAC;AACD,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

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

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