@jfdevelops/react-layout 2.1.0 → 2.3.0

package/dist/create-config/index.d.cts

@@ -10,6 +10,7 @@ import { IsSubResourceKey, IsSubResourceKeyOptions, IsSubResourceKeyResult } fro
 import { ComponentTypes, CreateResourceConfigFn, CreateResourceConfigForResource, CreatedResourceConfig, GetComponent, GetComponentAtBound, GetComponentForResource, GetComponentForResourceOptions, GetComponentOptions, GetComponentOptionsForResource, ResourceConfigFragment, ResourceConfigPath, ResourceFromGetComponentBound, SubResourceFromGetComponentBound, ValidateForResourceBound } from "./get-component.cjs";
 import { CreateResourceLinkConfig, CreateResourceLinkGroupInput, CreateResourceLinkGroupOptions, CreateResourceLinkOptions, CreateResourceLinksFn, CreateResourceLinksWithGroups, CreateResourceLinksWithGroupsFn, CreateResourceLinksWithGroupsResult, CreateResourceMap, CreateResourceMapFn, CreatedResourceHref, CreatedResourceLink, CreatedResourceLinkBase, CreatedResourceMap, DefineResourceIconFn, DefineResourceIconInputHelpers, DefineResourceIconInputResult, FindResolvedResourceGroupResult, FindResourceGroupResult, InferHashFromResourceLinkHref, ResolveResourceIconInput, ResolvedResourceLinksWithGroups, ResolvedResourceLinksWithGroupsResult, ResourceAnchorLinkFn, ResourceIcon, ResourceIconFn, ResourceLinkHref, ValidateResource } from "./create-resource-links.cjs";
 import { ContextualInlineRenderState, ContextualInlineRenderStates, CreateResourceLayoutFn, CreateResourceLayoutMakeComposableOptions, CreateResourceLayoutWithLayoutOptions, CreateViewMapBuiltInRenderStatesOptions, CreateViewMapFunctionRenderOptions, CreateViewMapInlineRenderStatesOptions, CreateViewMapOptions, CreateViewMapRenderStatesOptions, DefineResourceLayout, DefineResourceLayoutFn, DefineResourceLayoutForResources, DefineResourceLayoutForResourcesFactory, DefineResourceLayoutWithLayoutFn, DefineResourcesFn, DefinedResourceLayout, DefinedResourceLayoutWithShell, LayoutDefinition, LayoutIncludeProps, LayoutRenderResourcesAccessor, LayoutResourcesAccessor, ResourceLayoutProvider, ResourceLayoutProviderProps, ResourceLayoutShellComponent, ResourceLayoutShellProps, ResourceSelection, ShellLayoutDefinition, ShellRenderContext, TypedBuiltInRenderStates, TypedInlineRenderState, defineResourceLayout } from "./define-layout.cjs";
+import { CreateReusable, ReusableInclude, ReusableOptionSelection, ReusableProps } from "./create-reusable.cjs";
 import { LazyResourceLayoutComponent, LazyResourceLayoutOptions } from "./lazy-resource-layout.cjs";
 import { BoundDefineResourceLayout, CreateDefinedResourceLayoutOptions, CreateDefinedResourceLayoutResult, DefineLazyDefaults, DefinedResourceLayoutInput, NonEmptyResources, createDefinedResourceLayout } from "./create-defined-resource-layout.cjs";
 import { ResourceLayoutShellPublisher } from "./shell-context.cjs";

package/dist/create-config/index.d.mts

@@ -10,6 +10,7 @@ import { IsSubResourceKey, IsSubResourceKeyOptions, IsSubResourceKeyResult } fro
 import { ComponentTypes, CreateResourceConfigFn, CreateResourceConfigForResource, CreatedResourceConfig, GetComponent, GetComponentAtBound, GetComponentForResource, GetComponentForResourceOptions, GetComponentOptions, GetComponentOptionsForResource, ResourceConfigFragment, ResourceConfigPath, ResourceFromGetComponentBound, SubResourceFromGetComponentBound, ValidateForResourceBound } from "./get-component.mjs";
 import { CreateResourceLinkConfig, CreateResourceLinkGroupInput, CreateResourceLinkGroupOptions, CreateResourceLinkOptions, CreateResourceLinksFn, CreateResourceLinksWithGroups, CreateResourceLinksWithGroupsFn, CreateResourceLinksWithGroupsResult, CreateResourceMap, CreateResourceMapFn, CreatedResourceHref, CreatedResourceLink, CreatedResourceLinkBase, CreatedResourceMap, DefineResourceIconFn, DefineResourceIconInputHelpers, DefineResourceIconInputResult, FindResolvedResourceGroupResult, FindResourceGroupResult, InferHashFromResourceLinkHref, ResolveResourceIconInput, ResolvedResourceLinksWithGroups, ResolvedResourceLinksWithGroupsResult, ResourceAnchorLinkFn, ResourceIcon, ResourceIconFn, ResourceLinkHref, ValidateResource } from "./create-resource-links.mjs";
 import { ContextualInlineRenderState, ContextualInlineRenderStates, CreateResourceLayoutFn, CreateResourceLayoutMakeComposableOptions, CreateResourceLayoutWithLayoutOptions, CreateViewMapBuiltInRenderStatesOptions, CreateViewMapFunctionRenderOptions, CreateViewMapInlineRenderStatesOptions, CreateViewMapOptions, CreateViewMapRenderStatesOptions, DefineResourceLayout, DefineResourceLayoutFn, DefineResourceLayoutForResources, DefineResourceLayoutForResourcesFactory, DefineResourceLayoutWithLayoutFn, DefineResourcesFn, DefinedResourceLayout, DefinedResourceLayoutWithShell, LayoutDefinition, LayoutIncludeProps, LayoutRenderResourcesAccessor, LayoutResourcesAccessor, ResourceLayoutProvider, ResourceLayoutProviderProps, ResourceLayoutShellComponent, ResourceLayoutShellProps, ResourceSelection, ShellLayoutDefinition, ShellRenderContext, TypedBuiltInRenderStates, TypedInlineRenderState, defineResourceLayout } from "./define-layout.mjs";
+import { CreateReusable, ReusableInclude, ReusableOptionSelection, ReusableProps } from "./create-reusable.mjs";
 import { LazyResourceLayoutComponent, LazyResourceLayoutOptions } from "./lazy-resource-layout.mjs";
 import { BoundDefineResourceLayout, CreateDefinedResourceLayoutOptions, CreateDefinedResourceLayoutResult, DefineLazyDefaults, DefinedResourceLayoutInput, NonEmptyResources, createDefinedResourceLayout } from "./create-defined-resource-layout.mjs";
 import { ResourceLayoutShellPublisher } from "./shell-context.mjs";

package/dist/create-config/inspection.cjs

@@ -34,15 +34,36 @@ function inspectDefinition(resources, source) {
 		resourceIds
 	};
 }
+const inspectedComposables = /* @__PURE__ */ new WeakSet();
+/** Mark existing roots only; never add wrappers or forward props to user components. */
+function markInspectionRoots(children, owners) {
+	if (process.env.NODE_ENV === "production") return children;
+	if (Array.isArray(children)) return children.map((child) => markInspectionRoots(child, owners));
+	if (!(0, react.isValidElement)(children)) return children;
+	if (children.type === react.Fragment) return (0, react.cloneElement)(children, { children: markInspectionRoots(children.props.children, owners) });
+	if (typeof children.type !== "string" && (typeof children.type !== "object" || !inspectedComposables.has(children.type))) return children;
+	let previous = [];
+	try {
+		const parsed = JSON.parse(children.props["data-rl-owners"] ?? "[]");
+		if (Array.isArray(parsed)) previous = parsed.filter((id) => typeof id === "string");
+	} catch {}
+	return (0, react.cloneElement)(children, { "data-rl-owners": JSON.stringify([...new Set([...previous, ...owners])]) });
+}
 /** Preserve composable metadata while measuring committed React instances, not declarations. */
 function trackComposable(component, store, id) {
 	const Tracked = (0, react.forwardRef)(function InspectedComposable(props, ref) {
 		(0, react.useLayoutEffect)(() => store.mount(id), [store, id]);
-		return (0, react.createElement)(component, ref == null ? props : {
+		const inspectedProps = process.env.NODE_ENV === "production" ? props : {
 			...props,
+			"data-rl-node": id,
+			"data-rl-composable": component.displayName ?? "Composable"
+		};
+		return (0, react.createElement)(component, ref == null ? inspectedProps : {
+			...inspectedProps,
 			ref
 		});
 	});
+	inspectedComposables.add(Tracked);
 	for (const key of Reflect.ownKeys(component)) {
 		if (typeof key === "string" && [
 			"name",
@@ -63,5 +84,6 @@ function trackComposable(component, store, id) {
 
 //#endregion
 exports.inspectDefinition = inspectDefinition;
+exports.markInspectionRoots = markInspectionRoots;
 exports.trackComposable = trackComposable;
 //# sourceMappingURL=inspection.cjs.map

package/dist/create-config/inspection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"inspection.cjs","names":[],"sources":["../../src/create-config/inspection.ts"],"sourcesContent":["import {\n  createElement,\n  forwardRef,\n  useLayoutEffect,\n  type ComponentType,\n} from 'react';\nimport {\n  createInspectionStore,\n  inspectionId,\n  type InspectionStore,\n  type SourceLocation,\n} from '@jfdevelops/react-layout-devtools-core';\nimport type { ResourceDefinition } from '../resource';\n\nexport function inspectDefinition(\n  resources: readonly ResourceDefinition[],\n  source?: SourceLocation\n) {\n  const store = createInspectionStore();\n  const definition = store.node({\n    id: inspectionId('definition'),\n    kind: 'definition',\n    label: 'Layout definition',\n    source,\n  });\n  const resourceIds = new Map<string, string>();\n\n  function visit(\n    items: readonly ResourceDefinition[],\n    parent: string,\n    prefix = ''\n  ) {\n    for (const item of items) {\n      const slug = typeof item === 'string' ? item : item.value;\n      const path = prefix ? `${prefix}.${slug}` : slug;\n      const id = store.node({\n        id: inspectionId('resource'),\n        kind: 'resource',\n        label: path,\n        source,\n        details: { path },\n      });\n\n      resourceIds.set(path, id);\n\n      store.edge(parent, id, 'contains');\n\n      if (typeof item !== 'string') visit(item.subResources, id, path);\n    }\n  }\n\n  visit(resources, definition);\n\n  return { store, definition, resourceIds };\n}\n\nexport interface ActiveInspection {\n  store: InspectionStore;\n  layout: string;\n  resource?: string;\n  state: string;\n}\n\n/** Preserve composable metadata while measuring committed React instances, not declarations. */\nexport function trackComposable<T extends object>(\n  component: T,\n  store: InspectionStore,\n  id: string\n): T {\n  const Tracked = forwardRef<unknown, Record<string, unknown>>(\n    function InspectedComposable(props, ref) {\n      useLayoutEffect(() => store.mount(id), [store, id]);\n\n      return createElement(\n        component as ComponentType<Record<string, unknown>>,\n        ref == null ? props : { ...props, ref }\n      );\n    }\n  );\n\n  for (const key of Reflect.ownKeys(component)) {\n    if (\n      typeof key === 'string' &&\n      [\n        'name',\n        'length',\n        'prototype',\n        'caller',\n        'arguments',\n        '$$typeof',\n        'render',\n        'compare',\n        'type',\n      ].includes(key)\n    )\n      continue;\n\n    const descriptor = Object.getOwnPropertyDescriptor(component, key);\n\n    if (descriptor) Object.defineProperty(Tracked, key, descriptor);\n  }\n\n  return Tracked as unknown as T;\n}\n"],"mappings":";;;;AAcA,SAAgB,kBACd,WACA,QACA;CACA,MAAM,0EAA8B;CACpC,MAAM,aAAa,MAAM,KAAK;EAC5B,6DAAiB,YAAY;EAC7B,MAAM;EACN,OAAO;EACP;CACF,CAAC;CACD,MAAM,8BAAc,IAAI,IAAoB;CAE5C,SAAS,MACP,OACA,QACA,SAAS,IACT;EACA,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK;GACpD,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,SAAS;GAC5C,MAAM,KAAK,MAAM,KAAK;IACpB,6DAAiB,UAAU;IAC3B,MAAM;IACN,OAAO;IACP;IACA,SAAS,EAAE,KAAK;GAClB,CAAC;GAED,YAAY,IAAI,MAAM,EAAE;GAExB,MAAM,KAAK,QAAQ,IAAI,UAAU;GAEjC,IAAI,OAAO,SAAS,UAAU,MAAM,KAAK,cAAc,IAAI,IAAI;EACjE;CACF;CAEA,MAAM,WAAW,UAAU;CAE3B,OAAO;EAAE;EAAO;EAAY;CAAY;AAC1C;;AAUA,SAAgB,gBACd,WACA,OACA,IACG;CACH,MAAM,gCACJ,SAAS,oBAAoB,OAAO,KAAK;EACvC,iCAAsB,MAAM,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;EAElD,gCACE,WACA,OAAO,OAAO,QAAQ;GAAE,GAAG;GAAO;EAAI,CACxC;CACF,CACF;CAEA,KAAK,MAAM,OAAO,QAAQ,QAAQ,SAAS,GAAG;EAC5C,IACE,OAAO,QAAQ,YACf;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EAAE,SAAS,GAAG,GAEd;EAEF,MAAM,aAAa,OAAO,yBAAyB,WAAW,GAAG;EAEjE,IAAI,YAAY,OAAO,eAAe,SAAS,KAAK,UAAU;CAChE;CAEA,OAAO;AACT"}
+{"version":3,"file":"inspection.cjs","names":["Fragment"],"sources":["../../src/create-config/inspection.ts"],"sourcesContent":["import {\n  createElement,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  useLayoutEffect,\n  type ComponentType,\n} from 'react';\nimport {\n  createInspectionStore,\n  inspectionId,\n  type InspectionStore,\n  type SourceLocation,\n} from '@jfdevelops/react-layout-devtools-core';\nimport type { ResourceDefinition } from '../resource';\n\nexport function inspectDefinition(\n  resources: readonly ResourceDefinition[],\n  source?: SourceLocation\n) {\n  const store = createInspectionStore();\n  const definition = store.node({\n    id: inspectionId('definition'),\n    kind: 'definition',\n    label: 'Layout definition',\n    source,\n  });\n  const resourceIds = new Map<string, string>();\n\n  function visit(\n    items: readonly ResourceDefinition[],\n    parent: string,\n    prefix = ''\n  ) {\n    for (const item of items) {\n      const slug = typeof item === 'string' ? item : item.value;\n      const path = prefix ? `${prefix}.${slug}` : slug;\n      const id = store.node({\n        id: inspectionId('resource'),\n        kind: 'resource',\n        label: path,\n        source,\n        details: { path },\n      });\n\n      resourceIds.set(path, id);\n\n      store.edge(parent, id, 'contains');\n\n      if (typeof item !== 'string') visit(item.subResources, id, path);\n    }\n  }\n\n  visit(resources, definition);\n\n  return { store, definition, resourceIds };\n}\n\nexport interface ActiveInspection {\n  store: InspectionStore;\n  layout: string;\n  resource?: string;\n  state: string;\n}\n\nconst inspectedComposables = new WeakSet<object>();\n\n/** Mark existing roots only; never add wrappers or forward props to user components. */\nexport function markInspectionRoots(\n  children: ReactNode,\n  owners: readonly string[]\n): ReactNode {\n  if (process.env.NODE_ENV === 'production') return children;\n  if (Array.isArray(children))\n    return children.map((child) => markInspectionRoots(child, owners));\n  if (\n    !isValidElement<{ children?: ReactNode; 'data-rl-owners'?: string }>(\n      children\n    )\n  )\n    return children;\n  if (children.type === Fragment) {\n    return cloneElement(children, {\n      children: markInspectionRoots(children.props.children, owners),\n    });\n  }\n  if (\n    typeof children.type !== 'string' &&\n    (typeof children.type !== 'object' ||\n      !inspectedComposables.has(children.type))\n  )\n    return children;\n  let previous: string[] = [];\n  try {\n    const parsed: unknown = JSON.parse(\n      children.props['data-rl-owners'] ?? '[]'\n    );\n    if (Array.isArray(parsed))\n      previous = parsed.filter((id): id is string => typeof id === 'string');\n  } catch {}\n  return cloneElement(children, {\n    'data-rl-owners': JSON.stringify([...new Set([...previous, ...owners])]),\n  });\n}\n\n/** Preserve composable metadata while measuring committed React instances, not declarations. */\nexport function trackComposable<T extends object>(\n  component: T,\n  store: InspectionStore,\n  id: string\n): T {\n  const Tracked = forwardRef<unknown, Record<string, unknown>>(\n    function InspectedComposable(props, ref) {\n      useLayoutEffect(() => store.mount(id), [store, id]);\n\n      const inspectedProps =\n        process.env.NODE_ENV === 'production'\n          ? props\n          : {\n              ...props,\n              'data-rl-node': id,\n              'data-rl-composable':\n                (component as { displayName?: string }).displayName ??\n                'Composable',\n            };\n      return createElement(\n        component as ComponentType<Record<string, unknown>>,\n        ref == null ? inspectedProps : { ...inspectedProps, ref }\n      );\n    }\n  );\n\n  inspectedComposables.add(Tracked);\n\n  for (const key of Reflect.ownKeys(component)) {\n    if (\n      typeof key === 'string' &&\n      [\n        'name',\n        'length',\n        'prototype',\n        'caller',\n        'arguments',\n        '$$typeof',\n        'render',\n        'compare',\n        'type',\n      ].includes(key)\n    )\n      continue;\n\n    const descriptor = Object.getOwnPropertyDescriptor(component, key);\n\n    if (descriptor) Object.defineProperty(Tracked, key, descriptor);\n  }\n\n  return Tracked as unknown as T;\n}\n"],"mappings":";;;;AAkBA,SAAgB,kBACd,WACA,QACA;CACA,MAAM,0EAA8B;CACpC,MAAM,aAAa,MAAM,KAAK;EAC5B,6DAAiB,YAAY;EAC7B,MAAM;EACN,OAAO;EACP;CACF,CAAC;CACD,MAAM,8BAAc,IAAI,IAAoB;CAE5C,SAAS,MACP,OACA,QACA,SAAS,IACT;EACA,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK;GACpD,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,SAAS;GAC5C,MAAM,KAAK,MAAM,KAAK;IACpB,6DAAiB,UAAU;IAC3B,MAAM;IACN,OAAO;IACP;IACA,SAAS,EAAE,KAAK;GAClB,CAAC;GAED,YAAY,IAAI,MAAM,EAAE;GAExB,MAAM,KAAK,QAAQ,IAAI,UAAU;GAEjC,IAAI,OAAO,SAAS,UAAU,MAAM,KAAK,cAAc,IAAI,IAAI;EACjE;CACF;CAEA,MAAM,WAAW,UAAU;CAE3B,OAAO;EAAE;EAAO;EAAY;CAAY;AAC1C;AASA,MAAM,uCAAuB,IAAI,QAAgB;;AAGjD,SAAgB,oBACd,UACA,QACW;CACX,IAAI,QAAQ,IAAI,aAAa,cAAc,OAAO;CAClD,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,SAAS,KAAK,UAAU,oBAAoB,OAAO,MAAM,CAAC;CACnE,IACE,2BACE,QACF,GAEA,OAAO;CACT,IAAI,SAAS,SAASA,gBACpB,+BAAoB,UAAU,EAC5B,UAAU,oBAAoB,SAAS,MAAM,UAAU,MAAM,EAC/D,CAAC;CAEH,IACE,OAAO,SAAS,SAAS,aACxB,OAAO,SAAS,SAAS,YACxB,CAAC,qBAAqB,IAAI,SAAS,IAAI,IAEzC,OAAO;CACT,IAAI,WAAqB,CAAC;CAC1B,IAAI;EACF,MAAM,SAAkB,KAAK,MAC3B,SAAS,MAAM,qBAAqB,IACtC;EACA,IAAI,MAAM,QAAQ,MAAM,GACtB,WAAW,OAAO,QAAQ,OAAqB,OAAO,OAAO,QAAQ;CACzE,QAAQ,CAAC;CACT,+BAAoB,UAAU,EAC5B,kBAAkB,KAAK,UAAU,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,EACzE,CAAC;AACH;;AAGA,SAAgB,gBACd,WACA,OACA,IACG;CACH,MAAM,gCACJ,SAAS,oBAAoB,OAAO,KAAK;EACvC,iCAAsB,MAAM,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;EAElD,MAAM,iBACJ,QAAQ,IAAI,aAAa,eACrB,QACA;GACE,GAAG;GACH,gBAAgB;GAChB,sBACG,UAAuC,eACxC;EACJ;EACN,gCACE,WACA,OAAO,OAAO,iBAAiB;GAAE,GAAG;GAAgB;EAAI,CAC1D;CACF,CACF;CAEA,qBAAqB,IAAI,OAAO;CAEhC,KAAK,MAAM,OAAO,QAAQ,QAAQ,SAAS,GAAG;EAC5C,IACE,OAAO,QAAQ,YACf;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EAAE,SAAS,GAAG,GAEd;EAEF,MAAM,aAAa,OAAO,yBAAyB,WAAW,GAAG;EAEjE,IAAI,YAAY,OAAO,eAAe,SAAS,KAAK,UAAU;CAChE;CAEA,OAAO;AACT"}

package/dist/create-config/inspection.mjs

@@ -1,4 +1,4 @@
-import { createElement, forwardRef, useLayoutEffect } from "react";
+import { Fragment, cloneElement, createElement, forwardRef, isValidElement, useLayoutEffect } from "react";
 import { createInspectionStore, inspectionId } from "@jfdevelops/react-layout-devtools-core";
 
 //#region src/create-config/inspection.ts
@@ -34,15 +34,36 @@ function inspectDefinition(resources, source) {
 		resourceIds
 	};
 }
+const inspectedComposables = /* @__PURE__ */ new WeakSet();
+/** Mark existing roots only; never add wrappers or forward props to user components. */
+function markInspectionRoots(children, owners) {
+	if (process.env.NODE_ENV === "production") return children;
+	if (Array.isArray(children)) return children.map((child) => markInspectionRoots(child, owners));
+	if (!isValidElement(children)) return children;
+	if (children.type === Fragment) return cloneElement(children, { children: markInspectionRoots(children.props.children, owners) });
+	if (typeof children.type !== "string" && (typeof children.type !== "object" || !inspectedComposables.has(children.type))) return children;
+	let previous = [];
+	try {
+		const parsed = JSON.parse(children.props["data-rl-owners"] ?? "[]");
+		if (Array.isArray(parsed)) previous = parsed.filter((id) => typeof id === "string");
+	} catch {}
+	return cloneElement(children, { "data-rl-owners": JSON.stringify([...new Set([...previous, ...owners])]) });
+}
 /** Preserve composable metadata while measuring committed React instances, not declarations. */
 function trackComposable(component, store, id) {
 	const Tracked = forwardRef(function InspectedComposable(props, ref) {
 		useLayoutEffect(() => store.mount(id), [store, id]);
-		return createElement(component, ref == null ? props : {
+		const inspectedProps = process.env.NODE_ENV === "production" ? props : {
 			...props,
+			"data-rl-node": id,
+			"data-rl-composable": component.displayName ?? "Composable"
+		};
+		return createElement(component, ref == null ? inspectedProps : {
+			...inspectedProps,
 			ref
 		});
 	});
+	inspectedComposables.add(Tracked);
 	for (const key of Reflect.ownKeys(component)) {
 		if (typeof key === "string" && [
 			"name",
@@ -62,5 +83,5 @@ function trackComposable(component, store, id) {
 }
 
 //#endregion
-export { inspectDefinition, trackComposable };
+export { inspectDefinition, markInspectionRoots, trackComposable };
 //# sourceMappingURL=inspection.mjs.map

package/dist/create-config/inspection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inspection.mjs","names":[],"sources":["../../src/create-config/inspection.ts"],"sourcesContent":["import {\n  createElement,\n  forwardRef,\n  useLayoutEffect,\n  type ComponentType,\n} from 'react';\nimport {\n  createInspectionStore,\n  inspectionId,\n  type InspectionStore,\n  type SourceLocation,\n} from '@jfdevelops/react-layout-devtools-core';\nimport type { ResourceDefinition } from '../resource';\n\nexport function inspectDefinition(\n  resources: readonly ResourceDefinition[],\n  source?: SourceLocation\n) {\n  const store = createInspectionStore();\n  const definition = store.node({\n    id: inspectionId('definition'),\n    kind: 'definition',\n    label: 'Layout definition',\n    source,\n  });\n  const resourceIds = new Map<string, string>();\n\n  function visit(\n    items: readonly ResourceDefinition[],\n    parent: string,\n    prefix = ''\n  ) {\n    for (const item of items) {\n      const slug = typeof item === 'string' ? item : item.value;\n      const path = prefix ? `${prefix}.${slug}` : slug;\n      const id = store.node({\n        id: inspectionId('resource'),\n        kind: 'resource',\n        label: path,\n        source,\n        details: { path },\n      });\n\n      resourceIds.set(path, id);\n\n      store.edge(parent, id, 'contains');\n\n      if (typeof item !== 'string') visit(item.subResources, id, path);\n    }\n  }\n\n  visit(resources, definition);\n\n  return { store, definition, resourceIds };\n}\n\nexport interface ActiveInspection {\n  store: InspectionStore;\n  layout: string;\n  resource?: string;\n  state: string;\n}\n\n/** Preserve composable metadata while measuring committed React instances, not declarations. */\nexport function trackComposable<T extends object>(\n  component: T,\n  store: InspectionStore,\n  id: string\n): T {\n  const Tracked = forwardRef<unknown, Record<string, unknown>>(\n    function InspectedComposable(props, ref) {\n      useLayoutEffect(() => store.mount(id), [store, id]);\n\n      return createElement(\n        component as ComponentType<Record<string, unknown>>,\n        ref == null ? props : { ...props, ref }\n      );\n    }\n  );\n\n  for (const key of Reflect.ownKeys(component)) {\n    if (\n      typeof key === 'string' &&\n      [\n        'name',\n        'length',\n        'prototype',\n        'caller',\n        'arguments',\n        '$$typeof',\n        'render',\n        'compare',\n        'type',\n      ].includes(key)\n    )\n      continue;\n\n    const descriptor = Object.getOwnPropertyDescriptor(component, key);\n\n    if (descriptor) Object.defineProperty(Tracked, key, descriptor);\n  }\n\n  return Tracked as unknown as T;\n}\n"],"mappings":";;;;AAcA,SAAgB,kBACd,WACA,QACA;CACA,MAAM,QAAQ,sBAAsB;CACpC,MAAM,aAAa,MAAM,KAAK;EAC5B,IAAI,aAAa,YAAY;EAC7B,MAAM;EACN,OAAO;EACP;CACF,CAAC;CACD,MAAM,8BAAc,IAAI,IAAoB;CAE5C,SAAS,MACP,OACA,QACA,SAAS,IACT;EACA,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK;GACpD,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,SAAS;GAC5C,MAAM,KAAK,MAAM,KAAK;IACpB,IAAI,aAAa,UAAU;IAC3B,MAAM;IACN,OAAO;IACP;IACA,SAAS,EAAE,KAAK;GAClB,CAAC;GAED,YAAY,IAAI,MAAM,EAAE;GAExB,MAAM,KAAK,QAAQ,IAAI,UAAU;GAEjC,IAAI,OAAO,SAAS,UAAU,MAAM,KAAK,cAAc,IAAI,IAAI;EACjE;CACF;CAEA,MAAM,WAAW,UAAU;CAE3B,OAAO;EAAE;EAAO;EAAY;CAAY;AAC1C;;AAUA,SAAgB,gBACd,WACA,OACA,IACG;CACH,MAAM,UAAU,WACd,SAAS,oBAAoB,OAAO,KAAK;EACvC,sBAAsB,MAAM,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;EAElD,OAAO,cACL,WACA,OAAO,OAAO,QAAQ;GAAE,GAAG;GAAO;EAAI,CACxC;CACF,CACF;CAEA,KAAK,MAAM,OAAO,QAAQ,QAAQ,SAAS,GAAG;EAC5C,IACE,OAAO,QAAQ,YACf;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EAAE,SAAS,GAAG,GAEd;EAEF,MAAM,aAAa,OAAO,yBAAyB,WAAW,GAAG;EAEjE,IAAI,YAAY,OAAO,eAAe,SAAS,KAAK,UAAU;CAChE;CAEA,OAAO;AACT"}
+{"version":3,"file":"inspection.mjs","names":[],"sources":["../../src/create-config/inspection.ts"],"sourcesContent":["import {\n  createElement,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  useLayoutEffect,\n  type ComponentType,\n} from 'react';\nimport {\n  createInspectionStore,\n  inspectionId,\n  type InspectionStore,\n  type SourceLocation,\n} from '@jfdevelops/react-layout-devtools-core';\nimport type { ResourceDefinition } from '../resource';\n\nexport function inspectDefinition(\n  resources: readonly ResourceDefinition[],\n  source?: SourceLocation\n) {\n  const store = createInspectionStore();\n  const definition = store.node({\n    id: inspectionId('definition'),\n    kind: 'definition',\n    label: 'Layout definition',\n    source,\n  });\n  const resourceIds = new Map<string, string>();\n\n  function visit(\n    items: readonly ResourceDefinition[],\n    parent: string,\n    prefix = ''\n  ) {\n    for (const item of items) {\n      const slug = typeof item === 'string' ? item : item.value;\n      const path = prefix ? `${prefix}.${slug}` : slug;\n      const id = store.node({\n        id: inspectionId('resource'),\n        kind: 'resource',\n        label: path,\n        source,\n        details: { path },\n      });\n\n      resourceIds.set(path, id);\n\n      store.edge(parent, id, 'contains');\n\n      if (typeof item !== 'string') visit(item.subResources, id, path);\n    }\n  }\n\n  visit(resources, definition);\n\n  return { store, definition, resourceIds };\n}\n\nexport interface ActiveInspection {\n  store: InspectionStore;\n  layout: string;\n  resource?: string;\n  state: string;\n}\n\nconst inspectedComposables = new WeakSet<object>();\n\n/** Mark existing roots only; never add wrappers or forward props to user components. */\nexport function markInspectionRoots(\n  children: ReactNode,\n  owners: readonly string[]\n): ReactNode {\n  if (process.env.NODE_ENV === 'production') return children;\n  if (Array.isArray(children))\n    return children.map((child) => markInspectionRoots(child, owners));\n  if (\n    !isValidElement<{ children?: ReactNode; 'data-rl-owners'?: string }>(\n      children\n    )\n  )\n    return children;\n  if (children.type === Fragment) {\n    return cloneElement(children, {\n      children: markInspectionRoots(children.props.children, owners),\n    });\n  }\n  if (\n    typeof children.type !== 'string' &&\n    (typeof children.type !== 'object' ||\n      !inspectedComposables.has(children.type))\n  )\n    return children;\n  let previous: string[] = [];\n  try {\n    const parsed: unknown = JSON.parse(\n      children.props['data-rl-owners'] ?? '[]'\n    );\n    if (Array.isArray(parsed))\n      previous = parsed.filter((id): id is string => typeof id === 'string');\n  } catch {}\n  return cloneElement(children, {\n    'data-rl-owners': JSON.stringify([...new Set([...previous, ...owners])]),\n  });\n}\n\n/** Preserve composable metadata while measuring committed React instances, not declarations. */\nexport function trackComposable<T extends object>(\n  component: T,\n  store: InspectionStore,\n  id: string\n): T {\n  const Tracked = forwardRef<unknown, Record<string, unknown>>(\n    function InspectedComposable(props, ref) {\n      useLayoutEffect(() => store.mount(id), [store, id]);\n\n      const inspectedProps =\n        process.env.NODE_ENV === 'production'\n          ? props\n          : {\n              ...props,\n              'data-rl-node': id,\n              'data-rl-composable':\n                (component as { displayName?: string }).displayName ??\n                'Composable',\n            };\n      return createElement(\n        component as ComponentType<Record<string, unknown>>,\n        ref == null ? inspectedProps : { ...inspectedProps, ref }\n      );\n    }\n  );\n\n  inspectedComposables.add(Tracked);\n\n  for (const key of Reflect.ownKeys(component)) {\n    if (\n      typeof key === 'string' &&\n      [\n        'name',\n        'length',\n        'prototype',\n        'caller',\n        'arguments',\n        '$$typeof',\n        'render',\n        'compare',\n        'type',\n      ].includes(key)\n    )\n      continue;\n\n    const descriptor = Object.getOwnPropertyDescriptor(component, key);\n\n    if (descriptor) Object.defineProperty(Tracked, key, descriptor);\n  }\n\n  return Tracked as unknown as T;\n}\n"],"mappings":";;;;AAkBA,SAAgB,kBACd,WACA,QACA;CACA,MAAM,QAAQ,sBAAsB;CACpC,MAAM,aAAa,MAAM,KAAK;EAC5B,IAAI,aAAa,YAAY;EAC7B,MAAM;EACN,OAAO;EACP;CACF,CAAC;CACD,MAAM,8BAAc,IAAI,IAAoB;CAE5C,SAAS,MACP,OACA,QACA,SAAS,IACT;EACA,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK;GACpD,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,SAAS;GAC5C,MAAM,KAAK,MAAM,KAAK;IACpB,IAAI,aAAa,UAAU;IAC3B,MAAM;IACN,OAAO;IACP;IACA,SAAS,EAAE,KAAK;GAClB,CAAC;GAED,YAAY,IAAI,MAAM,EAAE;GAExB,MAAM,KAAK,QAAQ,IAAI,UAAU;GAEjC,IAAI,OAAO,SAAS,UAAU,MAAM,KAAK,cAAc,IAAI,IAAI;EACjE;CACF;CAEA,MAAM,WAAW,UAAU;CAE3B,OAAO;EAAE;EAAO;EAAY;CAAY;AAC1C;AASA,MAAM,uCAAuB,IAAI,QAAgB;;AAGjD,SAAgB,oBACd,UACA,QACW;CACX,IAAI,QAAQ,IAAI,aAAa,cAAc,OAAO;CAClD,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,SAAS,KAAK,UAAU,oBAAoB,OAAO,MAAM,CAAC;CACnE,IACE,CAAC,eACC,QACF,GAEA,OAAO;CACT,IAAI,SAAS,SAAS,UACpB,OAAO,aAAa,UAAU,EAC5B,UAAU,oBAAoB,SAAS,MAAM,UAAU,MAAM,EAC/D,CAAC;CAEH,IACE,OAAO,SAAS,SAAS,aACxB,OAAO,SAAS,SAAS,YACxB,CAAC,qBAAqB,IAAI,SAAS,IAAI,IAEzC,OAAO;CACT,IAAI,WAAqB,CAAC;CAC1B,IAAI;EACF,MAAM,SAAkB,KAAK,MAC3B,SAAS,MAAM,qBAAqB,IACtC;EACA,IAAI,MAAM,QAAQ,MAAM,GACtB,WAAW,OAAO,QAAQ,OAAqB,OAAO,OAAO,QAAQ;CACzE,QAAQ,CAAC;CACT,OAAO,aAAa,UAAU,EAC5B,kBAAkB,KAAK,UAAU,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,EACzE,CAAC;AACH;;AAGA,SAAgB,gBACd,WACA,OACA,IACG;CACH,MAAM,UAAU,WACd,SAAS,oBAAoB,OAAO,KAAK;EACvC,sBAAsB,MAAM,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;EAElD,MAAM,iBACJ,QAAQ,IAAI,aAAa,eACrB,QACA;GACE,GAAG;GACH,gBAAgB;GAChB,sBACG,UAAuC,eACxC;EACJ;EACN,OAAO,cACL,WACA,OAAO,OAAO,iBAAiB;GAAE,GAAG;GAAgB;EAAI,CAC1D;CACF,CACF;CAEA,qBAAqB,IAAI,OAAO;CAEhC,KAAK,MAAM,OAAO,QAAQ,QAAQ,SAAS,GAAG;EAC5C,IACE,OAAO,QAAQ,YACf;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EAAE,SAAS,GAAG,GAEd;EAEF,MAAM,aAAa,OAAO,yBAAyB,WAAW,GAAG;EAEjE,IAAI,YAAY,OAAO,eAAe,SAAS,KAAK,UAAU;CAChE;CAEA,OAAO;AACT"}

package/dist/create-config/layout-name.cjs

@@ -1,6 +1,6 @@
-const require_layout_configuration_error = require('../errors/layout-configuration-error.cjs');
 const require_invalid_part = require('../errors/invalid-part.cjs');
 const require_invalid_part_type = require('../errors/invalid-part-type.cjs');
+const require_layout_configuration_error = require('../errors/layout-configuration-error.cjs');
 
 //#region src/create-config/layout-name.ts
 const layoutNamePattern = Symbol("layoutNamePattern");

package/dist/create-config/layout-name.mjs

@@ -1,6 +1,6 @@
-import { LayoutConfigurationError } from "../errors/layout-configuration-error.mjs";
 import { InvalidPartError } from "../errors/invalid-part.mjs";
 import { InvalidPartTypeError } from "../errors/invalid-part-type.mjs";
+import { LayoutConfigurationError } from "../errors/layout-configuration-error.mjs";
 
 //#region src/create-config/layout-name.ts
 const layoutNamePattern = Symbol("layoutNamePattern");

package/dist/create-config/lazy-resource-layout.cjs

@@ -2,8 +2,8 @@ const require_lazy_resource_error = require('../errors/lazy-resource-error.cjs')
 const require_lazy_boundary = require('../lazy/lazy-boundary.cjs');
 const require_create_lazy_loader = require('../lazy/create-lazy-loader.cjs');
 const require_render_state = require('./render-state.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let _jfdevelops_react_layout_validator = require("@jfdevelops/react-layout-validator");
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/create-config/lazy-resource-layout.tsx
 function findDefinedLayoutComponent(module, resource) {
@@ -15,10 +15,6 @@ function findDefinedLayoutComponent(module, resource) {
 function createLazyResourceLayout(options, defaults, hooks = {}) {
 	const runtime = options;
 	const resource = runtime.resource;
-	const states = {
-		...defaults,
-		...runtime.states
-	};
 	const loader = require_create_lazy_loader.createLazyLoader({
 		load: runtime.load,
 		select: (module) => findDefinedLayoutComponent(module, resource),
@@ -28,6 +24,10 @@ function createLazyResourceLayout(options, defaults, hooks = {}) {
 	const members = /* @__PURE__ */ new Map();
 	function createMember(member) {
 		function LazyMember(props) {
+			const states = {
+				...typeof defaults === "function" ? defaults() : defaults,
+				...runtime.states
+			};
 			const Loading = states.Loading;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lazy_boundary.LazyBoundary, {
 				loader,

package/dist/create-config/lazy-resource-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-resource-layout.cjs","names":["definedResourceLayoutComponentSymbol","LazyResourceModuleShapeError","createLazyLoader","LazyBoundary","componentPropDefinitionsSymbol"],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"sourcesContent":["import { type ComponentProps, type ComponentType } from 'react';\nimport { LazyResourceModuleShapeError } from '../errors/lazy-resource-error';\nimport { componentPropDefinitionsSymbol } from '@jfdevelops/react-layout-validator';\nimport type { ResourcePath, ResourceDefinition } from '../resource';\nimport { definedResourceLayoutComponentSymbol } from './render-state';\nimport {\n  createLazyLoader,\n  type LazyResourceLoadHooks,\n} from '../lazy/create-lazy-loader';\nimport { LazyBoundary } from '../lazy/lazy-boundary';\nimport type {\n  LazyHandle,\n  LazyOptions,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type {\n  LazyResourceErrorComponent,\n  LazyResourceLoadingComponent,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type { LazyResourceLoadHooks } from '../lazy/create-lazy-loader';\n\ntype DefinedLayoutComponent = ComponentType<any> & {\n  readonly [definedResourceLayoutComponentSymbol]: true;\n};\n\ntype UnwrapDefinedLayout<Export> = Export extends DefinedLayoutComponent\n  ? Export\n  : Export extends { Root: infer Root extends DefinedLayoutComponent }\n    ? Root\n    : never;\n\ntype DefinedLayoutFromModule<Module> = UnwrapDefinedLayout<\n  Module[keyof Module]\n>;\n\ntype LazyUnsupportedStatic =\n  | 'makeComposable'\n  | 'props'\n  | 'resource'\n  | typeof componentPropDefinitionsSymbol\n  | typeof definedResourceLayoutComponentSymbol;\n\n/**\n * Public surface available before a lazy module resolves. Component metadata\n * and composition factories are intentionally omitted because they cannot be\n * read synchronously without loading the module.\n */\nexport type LazyResourceLayoutComponent<Module> = ComponentType<\n  ComponentProps<DefinedLayoutFromModule<Module>>\n> &\n  LazyHandle &\n  Pick<\n    DefinedLayoutFromModule<Module>,\n    Exclude<keyof DefinedLayoutFromModule<Module>, LazyUnsupportedStatic>\n  >;\n\n/** Lazy resource options, sharing import and fallback semantics with lazy states. */\nexport type LazyResourceLayoutOptions<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n> = LazyOptions<Module> & {\n  resource: ResourcePath<Resources>;\n  states?: LazyResourceStates<ResourcePath<Resources>>;\n};\n\nfunction findDefinedLayoutComponent(\n  module: Record<string, unknown>,\n  resource: string,\n) {\n  const components = Object.values(module)\n    .map((value) =>\n      typeof value === 'object' && value !== null && 'Root' in value\n        ? value.Root\n        : value,\n    )\n    .filter(\n      (value): value is DefinedLayoutComponent =>\n        typeof value === 'function' &&\n        definedResourceLayoutComponentSymbol in value,\n    );\n  if (components.length !== 1)\n    throw new LazyResourceModuleShapeError(resource, components.length);\n  return components[0];\n}\n\n/** Cached resource component and its compound states, backed by the shared loader. */\nexport function createLazyResourceLayout<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n>(\n  options: LazyResourceLayoutOptions<Resources, Module>,\n  defaults: LazyResourceStates<any>,\n  hooks: LazyResourceLoadHooks = {},\n): LazyResourceLayoutComponent<Module> {\n  const runtime = options as unknown as LazyOptions<Module> & {\n    resource: string;\n    states?: LazyResourceStates;\n  };\n  const resource = runtime.resource;\n  const states = { ...defaults, ...runtime.states } as LazyResourceStates;\n  const loader = createLazyLoader({\n    load: runtime.load,\n    select: (module) => findDefinedLayoutComponent(module, resource),\n    label: resource,\n    hooks,\n  });\n  const members = new Map<string, ComponentType<any>>();\n  function createMember(member?: string) {\n    function LazyMember(props: Record<string, unknown>) {\n      const Loading = states.Loading;\n      return (\n        <LazyBoundary\n          loader={loader}\n          member={member}\n          resource={resource}\n          componentProps={props}\n          ErrorComponent={states.Error}\n          onMount={hooks.onMount}\n          fallback={\n            runtime.fallback !== undefined ? (\n              runtime.fallback\n            ) : Loading ? (\n              <Loading resource={resource} />\n            ) : null\n          }\n        />\n      );\n    }\n    LazyMember.displayName = `LazyResource(${resource})${member ? `.${member}` : ''}`;\n    Object.defineProperties(LazyMember, {\n      preload: { value: loader.preload },\n      status: { get: () => loader.status },\n    });\n    return LazyMember;\n  }\n  const Component = createMember();\n  const reservedStatics = new Set<PropertyKey>([\n    'makeComposable',\n    'props',\n    'resource',\n    componentPropDefinitionsSymbol,\n    definedResourceLayoutComponentSymbol,\n    'contextTypes',\n    'childContextTypes',\n    'contextType',\n    'propTypes',\n    'defaultProps',\n    'getDerivedStateFromProps',\n    'getDerivedStateFromError',\n    'getDefaultProps',\n    '$$typeof',\n    '_payload',\n    '_init',\n    'render',\n    'compare',\n    'type',\n    'then',\n    'catch',\n    'finally',\n    'toJSON',\n    'asymmetricMatch',\n    '__esModule',\n    'default',\n  ]);\n  return new Proxy(Component, {\n    get(target, property, receiver) {\n      if (Reflect.has(target, property))\n        return Reflect.get(target, property, receiver);\n      if (\n        typeof property !== 'string' ||\n        reservedStatics.has(property) ||\n        !/^[A-Z]/.test(property)\n      )\n        return undefined;\n      let component = members.get(property);\n      if (!component) {\n        component = createMember(property);\n        members.set(property, component);\n      }\n      return component;\n    },\n    has: (target, property) => Reflect.has(target, property),\n  }) as unknown as LazyResourceLayoutComponent<Module>;\n}\n"],"mappings":";;;;;;;;AAkEA,SAAS,2BACP,QACA,UACA;CACA,MAAM,aAAa,OAAO,OAAO,MAAM,EACpC,KAAK,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACrD,MAAM,OACN,KACN,EACC,QACE,UACC,OAAO,UAAU,cACjBA,6DAAwC,KAC5C;CACF,IAAI,WAAW,WAAW,GACxB,MAAM,IAAIC,yDAA6B,UAAU,WAAW,MAAM;CACpE,OAAO,WAAW;AACpB;;AAGA,SAAgB,yBAId,SACA,UACA,QAA+B,CAAC,GACK;CACrC,MAAM,UAAU;CAIhB,MAAM,WAAW,QAAQ;CACzB,MAAM,SAAS;EAAE,GAAG;EAAU,GAAG,QAAQ;CAAO;CAChD,MAAM,SAASC,4CAAiB;EAC9B,MAAM,QAAQ;EACd,SAAS,WAAW,2BAA2B,QAAQ,QAAQ;EAC/D,OAAO;EACP;CACF,CAAC;CACD,MAAM,0BAAU,IAAI,IAAgC;CACpD,SAAS,aAAa,QAAiB;EACrC,SAAS,WAAW,OAAgC;GAClD,MAAM,UAAU,OAAO;GACvB,OACE,2CAACC,oCAAD;IACU;IACA;IACE;IACV,gBAAgB;IAChB,gBAAgB,OAAO;IACvB,SAAS,MAAM;IACf,UACE,QAAQ,aAAa,SACnB,QAAQ,WACN,UACF,2CAAC,SAAD,EAAmB,SAAW,KAC5B;GAEP;EAEL;EACA,WAAW,cAAc,gBAAgB,SAAS,GAAG,SAAS,IAAI,WAAW;EAC7E,OAAO,iBAAiB,YAAY;GAClC,SAAS,EAAE,OAAO,OAAO,QAAQ;GACjC,QAAQ,EAAE,WAAW,OAAO,OAAO;EACrC,CAAC;EACD,OAAO;CACT;CACA,MAAM,YAAY,aAAa;CAC/B,MAAM,kBAAkB,IAAI,IAAiB;EAC3C;EACA;EACA;EACAC;EACAJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAO,IAAI,MAAM,WAAW;EAC1B,IAAI,QAAQ,UAAU,UAAU;GAC9B,IAAI,QAAQ,IAAI,QAAQ,QAAQ,GAC9B,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAQ;GAC/C,IACE,OAAO,aAAa,YACpB,gBAAgB,IAAI,QAAQ,KAC5B,CAAC,SAAS,KAAK,QAAQ,GAEvB,OAAO;GACT,IAAI,YAAY,QAAQ,IAAI,QAAQ;GACpC,IAAI,CAAC,WAAW;IACd,YAAY,aAAa,QAAQ;IACjC,QAAQ,IAAI,UAAU,SAAS;GACjC;GACA,OAAO;EACT;EACA,MAAM,QAAQ,aAAa,QAAQ,IAAI,QAAQ,QAAQ;CACzD,CAAC;AACH"}
+{"version":3,"file":"lazy-resource-layout.cjs","names":["definedResourceLayoutComponentSymbol","LazyResourceModuleShapeError","createLazyLoader","LazyBoundary","componentPropDefinitionsSymbol"],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"sourcesContent":["import { type ComponentProps, type ComponentType } from 'react';\nimport { LazyResourceModuleShapeError } from '../errors/lazy-resource-error';\nimport { componentPropDefinitionsSymbol } from '@jfdevelops/react-layout-validator';\nimport type { ResourcePath, ResourceDefinition } from '../resource';\nimport { definedResourceLayoutComponentSymbol } from './render-state';\nimport {\n  createLazyLoader,\n  type LazyResourceLoadHooks,\n} from '../lazy/create-lazy-loader';\nimport { LazyBoundary } from '../lazy/lazy-boundary';\nimport type {\n  LazyHandle,\n  LazyOptions,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type {\n  LazyResourceErrorComponent,\n  LazyResourceLoadingComponent,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type { LazyResourceLoadHooks } from '../lazy/create-lazy-loader';\n\ntype DefinedLayoutComponent = ComponentType<any> & {\n  readonly [definedResourceLayoutComponentSymbol]: true;\n};\n\ntype UnwrapDefinedLayout<Export> = Export extends DefinedLayoutComponent\n  ? Export\n  : Export extends { Root: infer Root extends DefinedLayoutComponent }\n    ? Root\n    : never;\n\ntype DefinedLayoutFromModule<Module> = UnwrapDefinedLayout<\n  Module[keyof Module]\n>;\n\ntype LazyUnsupportedStatic =\n  | 'makeComposable'\n  | 'props'\n  | 'resource'\n  | typeof componentPropDefinitionsSymbol\n  | typeof definedResourceLayoutComponentSymbol;\n\n/**\n * Public surface available before a lazy module resolves. Component metadata\n * and composition factories are intentionally omitted because they cannot be\n * read synchronously without loading the module.\n */\nexport type LazyResourceLayoutComponent<Module> = ComponentType<\n  ComponentProps<DefinedLayoutFromModule<Module>>\n> &\n  LazyHandle &\n  Pick<\n    DefinedLayoutFromModule<Module>,\n    Exclude<keyof DefinedLayoutFromModule<Module>, LazyUnsupportedStatic>\n  >;\n\n/** Lazy resource options, sharing import and fallback semantics with lazy states. */\nexport type LazyResourceLayoutOptions<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n> = LazyOptions<Module> & {\n  resource: ResourcePath<Resources>;\n  states?: LazyResourceStates<ResourcePath<Resources>>;\n};\n\nfunction findDefinedLayoutComponent(\n  module: Record<string, unknown>,\n  resource: string,\n) {\n  const components = Object.values(module)\n    .map((value) =>\n      typeof value === 'object' && value !== null && 'Root' in value\n        ? value.Root\n        : value,\n    )\n    .filter(\n      (value): value is DefinedLayoutComponent =>\n        typeof value === 'function' &&\n        definedResourceLayoutComponentSymbol in value,\n    );\n  if (components.length !== 1)\n    throw new LazyResourceModuleShapeError(resource, components.length);\n  return components[0];\n}\n\n/** Cached resource component and its compound states, backed by the shared loader. */\nexport function createLazyResourceLayout<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n>(\n  options: LazyResourceLayoutOptions<Resources, Module>,\n  defaults: LazyResourceStates<any> | (() => LazyResourceStates<any>),\n  hooks: LazyResourceLoadHooks = {},\n): LazyResourceLayoutComponent<Module> {\n  const runtime = options as unknown as LazyOptions<Module> & {\n    resource: string;\n    states?: LazyResourceStates;\n  };\n  const resource = runtime.resource;\n  const loader = createLazyLoader({\n    load: runtime.load,\n    select: (module) => findDefinedLayoutComponent(module, resource),\n    label: resource,\n    hooks,\n  });\n  const members = new Map<string, ComponentType<any>>();\n  function createMember(member?: string) {\n    function LazyMember(props: Record<string, unknown>) {\n      const states = { ...(typeof defaults === 'function' ? defaults() : defaults), ...runtime.states } as LazyResourceStates;\n      const Loading = states.Loading;\n      return (\n        <LazyBoundary\n          loader={loader}\n          member={member}\n          resource={resource}\n          componentProps={props}\n          ErrorComponent={states.Error}\n          onMount={hooks.onMount}\n          fallback={\n            runtime.fallback !== undefined ? (\n              runtime.fallback\n            ) : Loading ? (\n              <Loading resource={resource} />\n            ) : null\n          }\n        />\n      );\n    }\n    LazyMember.displayName = `LazyResource(${resource})${member ? `.${member}` : ''}`;\n    Object.defineProperties(LazyMember, {\n      preload: { value: loader.preload },\n      status: { get: () => loader.status },\n    });\n    return LazyMember;\n  }\n  const Component = createMember();\n  const reservedStatics = new Set<PropertyKey>([\n    'makeComposable',\n    'props',\n    'resource',\n    componentPropDefinitionsSymbol,\n    definedResourceLayoutComponentSymbol,\n    'contextTypes',\n    'childContextTypes',\n    'contextType',\n    'propTypes',\n    'defaultProps',\n    'getDerivedStateFromProps',\n    'getDerivedStateFromError',\n    'getDefaultProps',\n    '$$typeof',\n    '_payload',\n    '_init',\n    'render',\n    'compare',\n    'type',\n    'then',\n    'catch',\n    'finally',\n    'toJSON',\n    'asymmetricMatch',\n    '__esModule',\n    'default',\n  ]);\n  return new Proxy(Component, {\n    get(target, property, receiver) {\n      if (Reflect.has(target, property))\n        return Reflect.get(target, property, receiver);\n      if (\n        typeof property !== 'string' ||\n        reservedStatics.has(property) ||\n        !/^[A-Z]/.test(property)\n      )\n        return undefined;\n      let component = members.get(property);\n      if (!component) {\n        component = createMember(property);\n        members.set(property, component);\n      }\n      return component;\n    },\n    has: (target, property) => Reflect.has(target, property),\n  }) as unknown as LazyResourceLayoutComponent<Module>;\n}\n"],"mappings":";;;;;;;;AAkEA,SAAS,2BACP,QACA,UACA;CACA,MAAM,aAAa,OAAO,OAAO,MAAM,EACpC,KAAK,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACrD,MAAM,OACN,KACN,EACC,QACE,UACC,OAAO,UAAU,cACjBA,6DAAwC,KAC5C;CACF,IAAI,WAAW,WAAW,GACxB,MAAM,IAAIC,yDAA6B,UAAU,WAAW,MAAM;CACpE,OAAO,WAAW;AACpB;;AAGA,SAAgB,yBAId,SACA,UACA,QAA+B,CAAC,GACK;CACrC,MAAM,UAAU;CAIhB,MAAM,WAAW,QAAQ;CACzB,MAAM,SAASC,4CAAiB;EAC9B,MAAM,QAAQ;EACd,SAAS,WAAW,2BAA2B,QAAQ,QAAQ;EAC/D,OAAO;EACP;CACF,CAAC;CACD,MAAM,0BAAU,IAAI,IAAgC;CACpD,SAAS,aAAa,QAAiB;EACrC,SAAS,WAAW,OAAgC;GAClD,MAAM,SAAS;IAAE,GAAI,OAAO,aAAa,aAAa,SAAS,IAAI;IAAW,GAAG,QAAQ;GAAO;GAChG,MAAM,UAAU,OAAO;GACvB,OACE,2CAACC,oCAAD;IACU;IACA;IACE;IACV,gBAAgB;IAChB,gBAAgB,OAAO;IACvB,SAAS,MAAM;IACf,UACE,QAAQ,aAAa,SACnB,QAAQ,WACN,UACF,2CAAC,SAAD,EAAmB,SAAW,KAC5B;GAEP;EAEL;EACA,WAAW,cAAc,gBAAgB,SAAS,GAAG,SAAS,IAAI,WAAW;EAC7E,OAAO,iBAAiB,YAAY;GAClC,SAAS,EAAE,OAAO,OAAO,QAAQ;GACjC,QAAQ,EAAE,WAAW,OAAO,OAAO;EACrC,CAAC;EACD,OAAO;CACT;CACA,MAAM,YAAY,aAAa;CAC/B,MAAM,kBAAkB,IAAI,IAAiB;EAC3C;EACA;EACA;EACAC;EACAJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAO,IAAI,MAAM,WAAW;EAC1B,IAAI,QAAQ,UAAU,UAAU;GAC9B,IAAI,QAAQ,IAAI,QAAQ,QAAQ,GAC9B,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAQ;GAC/C,IACE,OAAO,aAAa,YACpB,gBAAgB,IAAI,QAAQ,KAC5B,CAAC,SAAS,KAAK,QAAQ,GAEvB,OAAO;GACT,IAAI,YAAY,QAAQ,IAAI,QAAQ;GACpC,IAAI,CAAC,WAAW;IACd,YAAY,aAAa,QAAQ;IACjC,QAAQ,IAAI,UAAU,SAAS;GACjC;GACA,OAAO;EACT;EACA,MAAM,QAAQ,aAAa,QAAQ,IAAI,QAAQ,QAAQ;CACzD,CAAC;AACH"}

package/dist/create-config/lazy-resource-layout.d.cts

@@ -2,8 +2,8 @@ import { LazyHandle, LazyOptions, LazyResourceErrorComponent, LazyResourceLoadin
 import { LazyResourceLoadHooks } from "../lazy/create-lazy-loader.cjs";
 import { ResourceDefinition, ResourcePath } from "../resource.cjs";
 import { definedResourceLayoutComponentSymbol } from "./render-state.cjs";
-import { ComponentProps, ComponentType } from "react";
 import { componentPropDefinitionsSymbol } from "@jfdevelops/react-layout-validator";
+import { ComponentProps, ComponentType } from "react";
 
 //#region src/create-config/lazy-resource-layout.d.ts
 type DefinedLayoutComponent = ComponentType<any> & {
@@ -26,7 +26,7 @@ type LazyResourceLayoutOptions<Resources extends ReadonlyArray<ResourceDefinitio
   states?: LazyResourceStates<ResourcePath<Resources>>;
 };
 /** Cached resource component and its compound states, backed by the shared loader. */
-declare function createLazyResourceLayout<Resources extends ReadonlyArray<ResourceDefinition>, Module extends Record<string, unknown>>(options: LazyResourceLayoutOptions<Resources, Module>, defaults: LazyResourceStates<any>, hooks?: LazyResourceLoadHooks): LazyResourceLayoutComponent<Module>;
+declare function createLazyResourceLayout<Resources extends ReadonlyArray<ResourceDefinition>, Module extends Record<string, unknown>>(options: LazyResourceLayoutOptions<Resources, Module>, defaults: LazyResourceStates<any> | (() => LazyResourceStates<any>), hooks?: LazyResourceLoadHooks): LazyResourceLayoutComponent<Module>;
 //#endregion
 export { LazyResourceLayoutComponent, LazyResourceLayoutOptions, createLazyResourceLayout };
 //# sourceMappingURL=lazy-resource-layout.d.cts.map

package/dist/create-config/lazy-resource-layout.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-resource-layout.d.cts","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"mappings":";;;;;;;;KAsBK,sBAAA,GAAyB,aAAA;EAAA,UAClB,oCAAoC;AAAA;AAAA,KAG3C,mBAAA,WAA8B,MAAA,SAAe,sBAAA,GAC9C,MAAA,GACA,MAAA;EAAiB,IAAA,qBAAyB,sBAAA;AAAA,IACxC,IAAA;AAAA,KAGD,uBAAA,WAAkC,mBAAA,CACrC,MAAA,OAAa,MAAA;AAAA,KAGV,qBAAA,oDAIM,8BAAA,UACA,oCAAoC;;;;;;KAOnC,2BAAA,WAAsC,aAAA,CAChD,cAAA,CAAe,uBAAA,CAAwB,MAAA,MAEvC,UAAA,GACA,IAAA,CACE,uBAAA,CAAwB,MAAA,GACxB,OAAA,OAAc,uBAAA,CAAwB,MAAA,GAAS,qBAAA;;KAIvC,yBAAA,mBACQ,aAAA,CAAc,kBAAA,kBACjB,MAAA,qBACb,WAAA,CAAY,MAAA;EACd,QAAA,EAAU,YAAA,CAAa,SAAA;EACvB,MAAA,GAAS,kBAAA,CAAmB,YAAA,CAAa,SAAA;AAAA;;iBAwB3B,wBAAA,mBACI,aAAA,CAAc,kBAAA,kBACjB,MAAA,mBAEf,OAAA,EAAS,yBAAA,CAA0B,SAAA,EAAW,MAAA,GAC9C,QAAA,EAAU,kBAAA,OACV,KAAA,GAAO,qBAAA,GACN,2BAAA,CAA4B,MAAA"}
+{"version":3,"file":"lazy-resource-layout.d.cts","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"mappings":";;;;;;;;KAsBK,sBAAA,GAAyB,aAAA;EAAA,UAClB,oCAAoC;AAAA;AAAA,KAG3C,mBAAA,WAA8B,MAAA,SAAe,sBAAA,GAC9C,MAAA,GACA,MAAA;EAAiB,IAAA,qBAAyB,sBAAA;AAAA,IACxC,IAAA;AAAA,KAGD,uBAAA,WAAkC,mBAAA,CACrC,MAAA,OAAa,MAAA;AAAA,KAGV,qBAAA,oDAIM,8BAAA,UACA,oCAAoC;;;;;;KAOnC,2BAAA,WAAsC,aAAA,CAChD,cAAA,CAAe,uBAAA,CAAwB,MAAA,MAEvC,UAAA,GACA,IAAA,CACE,uBAAA,CAAwB,MAAA,GACxB,OAAA,OAAc,uBAAA,CAAwB,MAAA,GAAS,qBAAA;;KAIvC,yBAAA,mBACQ,aAAA,CAAc,kBAAA,kBACjB,MAAA,qBACb,WAAA,CAAY,MAAA;EACd,QAAA,EAAU,YAAA,CAAa,SAAA;EACvB,MAAA,GAAS,kBAAA,CAAmB,YAAA,CAAa,SAAA;AAAA;;iBAwB3B,wBAAA,mBACI,aAAA,CAAc,kBAAA,kBACjB,MAAA,mBAEf,OAAA,EAAS,yBAAA,CAA0B,SAAA,EAAW,MAAA,GAC9C,QAAA,EAAU,kBAAA,eAAiC,kBAAA,QAC3C,KAAA,GAAO,qBAAA,GACN,2BAAA,CAA4B,MAAA"}

package/dist/create-config/lazy-resource-layout.d.mts

@@ -2,8 +2,8 @@ import { LazyHandle, LazyOptions, LazyResourceErrorComponent, LazyResourceLoadin
 import { LazyResourceLoadHooks } from "../lazy/create-lazy-loader.mjs";
 import { ResourceDefinition, ResourcePath } from "../resource.mjs";
 import { definedResourceLayoutComponentSymbol } from "./render-state.mjs";
-import { ComponentProps, ComponentType } from "react";
 import { componentPropDefinitionsSymbol } from "@jfdevelops/react-layout-validator";
+import { ComponentProps, ComponentType } from "react";
 
 //#region src/create-config/lazy-resource-layout.d.ts
 type DefinedLayoutComponent = ComponentType<any> & {
@@ -26,7 +26,7 @@ type LazyResourceLayoutOptions<Resources extends ReadonlyArray<ResourceDefinitio
   states?: LazyResourceStates<ResourcePath<Resources>>;
 };
 /** Cached resource component and its compound states, backed by the shared loader. */
-declare function createLazyResourceLayout<Resources extends ReadonlyArray<ResourceDefinition>, Module extends Record<string, unknown>>(options: LazyResourceLayoutOptions<Resources, Module>, defaults: LazyResourceStates<any>, hooks?: LazyResourceLoadHooks): LazyResourceLayoutComponent<Module>;
+declare function createLazyResourceLayout<Resources extends ReadonlyArray<ResourceDefinition>, Module extends Record<string, unknown>>(options: LazyResourceLayoutOptions<Resources, Module>, defaults: LazyResourceStates<any> | (() => LazyResourceStates<any>), hooks?: LazyResourceLoadHooks): LazyResourceLayoutComponent<Module>;
 //#endregion
 export { LazyResourceLayoutComponent, LazyResourceLayoutOptions, createLazyResourceLayout };
 //# sourceMappingURL=lazy-resource-layout.d.mts.map

package/dist/create-config/lazy-resource-layout.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-resource-layout.d.mts","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"mappings":";;;;;;;;KAsBK,sBAAA,GAAyB,aAAA;EAAA,UAClB,oCAAoC;AAAA;AAAA,KAG3C,mBAAA,WAA8B,MAAA,SAAe,sBAAA,GAC9C,MAAA,GACA,MAAA;EAAiB,IAAA,qBAAyB,sBAAA;AAAA,IACxC,IAAA;AAAA,KAGD,uBAAA,WAAkC,mBAAA,CACrC,MAAA,OAAa,MAAA;AAAA,KAGV,qBAAA,oDAIM,8BAAA,UACA,oCAAoC;;;;;;KAOnC,2BAAA,WAAsC,aAAA,CAChD,cAAA,CAAe,uBAAA,CAAwB,MAAA,MAEvC,UAAA,GACA,IAAA,CACE,uBAAA,CAAwB,MAAA,GACxB,OAAA,OAAc,uBAAA,CAAwB,MAAA,GAAS,qBAAA;;KAIvC,yBAAA,mBACQ,aAAA,CAAc,kBAAA,kBACjB,MAAA,qBACb,WAAA,CAAY,MAAA;EACd,QAAA,EAAU,YAAA,CAAa,SAAA;EACvB,MAAA,GAAS,kBAAA,CAAmB,YAAA,CAAa,SAAA;AAAA;;iBAwB3B,wBAAA,mBACI,aAAA,CAAc,kBAAA,kBACjB,MAAA,mBAEf,OAAA,EAAS,yBAAA,CAA0B,SAAA,EAAW,MAAA,GAC9C,QAAA,EAAU,kBAAA,OACV,KAAA,GAAO,qBAAA,GACN,2BAAA,CAA4B,MAAA"}
+{"version":3,"file":"lazy-resource-layout.d.mts","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"mappings":";;;;;;;;KAsBK,sBAAA,GAAyB,aAAA;EAAA,UAClB,oCAAoC;AAAA;AAAA,KAG3C,mBAAA,WAA8B,MAAA,SAAe,sBAAA,GAC9C,MAAA,GACA,MAAA;EAAiB,IAAA,qBAAyB,sBAAA;AAAA,IACxC,IAAA;AAAA,KAGD,uBAAA,WAAkC,mBAAA,CACrC,MAAA,OAAa,MAAA;AAAA,KAGV,qBAAA,oDAIM,8BAAA,UACA,oCAAoC;;;;;;KAOnC,2BAAA,WAAsC,aAAA,CAChD,cAAA,CAAe,uBAAA,CAAwB,MAAA,MAEvC,UAAA,GACA,IAAA,CACE,uBAAA,CAAwB,MAAA,GACxB,OAAA,OAAc,uBAAA,CAAwB,MAAA,GAAS,qBAAA;;KAIvC,yBAAA,mBACQ,aAAA,CAAc,kBAAA,kBACjB,MAAA,qBACb,WAAA,CAAY,MAAA;EACd,QAAA,EAAU,YAAA,CAAa,SAAA;EACvB,MAAA,GAAS,kBAAA,CAAmB,YAAA,CAAa,SAAA;AAAA;;iBAwB3B,wBAAA,mBACI,aAAA,CAAc,kBAAA,kBACjB,MAAA,mBAEf,OAAA,EAAS,yBAAA,CAA0B,SAAA,EAAW,MAAA,GAC9C,QAAA,EAAU,kBAAA,eAAiC,kBAAA,QAC3C,KAAA,GAAO,qBAAA,GACN,2BAAA,CAA4B,MAAA"}

package/dist/create-config/lazy-resource-layout.mjs

@@ -2,8 +2,8 @@ import { LazyResourceModuleShapeError } from "../errors/lazy-resource-error.mjs"
 import { LazyBoundary } from "../lazy/lazy-boundary.mjs";
 import { createLazyLoader } from "../lazy/create-lazy-loader.mjs";
 import { definedResourceLayoutComponentSymbol } from "./render-state.mjs";
-import { jsx } from "react/jsx-runtime";
 import { componentPropDefinitionsSymbol } from "@jfdevelops/react-layout-validator";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/create-config/lazy-resource-layout.tsx
 function findDefinedLayoutComponent(module, resource) {
@@ -15,10 +15,6 @@ function findDefinedLayoutComponent(module, resource) {
 function createLazyResourceLayout(options, defaults, hooks = {}) {
 	const runtime = options;
 	const resource = runtime.resource;
-	const states = {
-		...defaults,
-		...runtime.states
-	};
 	const loader = createLazyLoader({
 		load: runtime.load,
 		select: (module) => findDefinedLayoutComponent(module, resource),
@@ -28,6 +24,10 @@ function createLazyResourceLayout(options, defaults, hooks = {}) {
 	const members = /* @__PURE__ */ new Map();
 	function createMember(member) {
 		function LazyMember(props) {
+			const states = {
+				...typeof defaults === "function" ? defaults() : defaults,
+				...runtime.states
+			};
 			const Loading = states.Loading;
 			return /* @__PURE__ */ jsx(LazyBoundary, {
 				loader,

package/dist/create-config/lazy-resource-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-resource-layout.mjs","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"sourcesContent":["import { type ComponentProps, type ComponentType } from 'react';\nimport { LazyResourceModuleShapeError } from '../errors/lazy-resource-error';\nimport { componentPropDefinitionsSymbol } from '@jfdevelops/react-layout-validator';\nimport type { ResourcePath, ResourceDefinition } from '../resource';\nimport { definedResourceLayoutComponentSymbol } from './render-state';\nimport {\n  createLazyLoader,\n  type LazyResourceLoadHooks,\n} from '../lazy/create-lazy-loader';\nimport { LazyBoundary } from '../lazy/lazy-boundary';\nimport type {\n  LazyHandle,\n  LazyOptions,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type {\n  LazyResourceErrorComponent,\n  LazyResourceLoadingComponent,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type { LazyResourceLoadHooks } from '../lazy/create-lazy-loader';\n\ntype DefinedLayoutComponent = ComponentType<any> & {\n  readonly [definedResourceLayoutComponentSymbol]: true;\n};\n\ntype UnwrapDefinedLayout<Export> = Export extends DefinedLayoutComponent\n  ? Export\n  : Export extends { Root: infer Root extends DefinedLayoutComponent }\n    ? Root\n    : never;\n\ntype DefinedLayoutFromModule<Module> = UnwrapDefinedLayout<\n  Module[keyof Module]\n>;\n\ntype LazyUnsupportedStatic =\n  | 'makeComposable'\n  | 'props'\n  | 'resource'\n  | typeof componentPropDefinitionsSymbol\n  | typeof definedResourceLayoutComponentSymbol;\n\n/**\n * Public surface available before a lazy module resolves. Component metadata\n * and composition factories are intentionally omitted because they cannot be\n * read synchronously without loading the module.\n */\nexport type LazyResourceLayoutComponent<Module> = ComponentType<\n  ComponentProps<DefinedLayoutFromModule<Module>>\n> &\n  LazyHandle &\n  Pick<\n    DefinedLayoutFromModule<Module>,\n    Exclude<keyof DefinedLayoutFromModule<Module>, LazyUnsupportedStatic>\n  >;\n\n/** Lazy resource options, sharing import and fallback semantics with lazy states. */\nexport type LazyResourceLayoutOptions<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n> = LazyOptions<Module> & {\n  resource: ResourcePath<Resources>;\n  states?: LazyResourceStates<ResourcePath<Resources>>;\n};\n\nfunction findDefinedLayoutComponent(\n  module: Record<string, unknown>,\n  resource: string,\n) {\n  const components = Object.values(module)\n    .map((value) =>\n      typeof value === 'object' && value !== null && 'Root' in value\n        ? value.Root\n        : value,\n    )\n    .filter(\n      (value): value is DefinedLayoutComponent =>\n        typeof value === 'function' &&\n        definedResourceLayoutComponentSymbol in value,\n    );\n  if (components.length !== 1)\n    throw new LazyResourceModuleShapeError(resource, components.length);\n  return components[0];\n}\n\n/** Cached resource component and its compound states, backed by the shared loader. */\nexport function createLazyResourceLayout<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n>(\n  options: LazyResourceLayoutOptions<Resources, Module>,\n  defaults: LazyResourceStates<any>,\n  hooks: LazyResourceLoadHooks = {},\n): LazyResourceLayoutComponent<Module> {\n  const runtime = options as unknown as LazyOptions<Module> & {\n    resource: string;\n    states?: LazyResourceStates;\n  };\n  const resource = runtime.resource;\n  const states = { ...defaults, ...runtime.states } as LazyResourceStates;\n  const loader = createLazyLoader({\n    load: runtime.load,\n    select: (module) => findDefinedLayoutComponent(module, resource),\n    label: resource,\n    hooks,\n  });\n  const members = new Map<string, ComponentType<any>>();\n  function createMember(member?: string) {\n    function LazyMember(props: Record<string, unknown>) {\n      const Loading = states.Loading;\n      return (\n        <LazyBoundary\n          loader={loader}\n          member={member}\n          resource={resource}\n          componentProps={props}\n          ErrorComponent={states.Error}\n          onMount={hooks.onMount}\n          fallback={\n            runtime.fallback !== undefined ? (\n              runtime.fallback\n            ) : Loading ? (\n              <Loading resource={resource} />\n            ) : null\n          }\n        />\n      );\n    }\n    LazyMember.displayName = `LazyResource(${resource})${member ? `.${member}` : ''}`;\n    Object.defineProperties(LazyMember, {\n      preload: { value: loader.preload },\n      status: { get: () => loader.status },\n    });\n    return LazyMember;\n  }\n  const Component = createMember();\n  const reservedStatics = new Set<PropertyKey>([\n    'makeComposable',\n    'props',\n    'resource',\n    componentPropDefinitionsSymbol,\n    definedResourceLayoutComponentSymbol,\n    'contextTypes',\n    'childContextTypes',\n    'contextType',\n    'propTypes',\n    'defaultProps',\n    'getDerivedStateFromProps',\n    'getDerivedStateFromError',\n    'getDefaultProps',\n    '$$typeof',\n    '_payload',\n    '_init',\n    'render',\n    'compare',\n    'type',\n    'then',\n    'catch',\n    'finally',\n    'toJSON',\n    'asymmetricMatch',\n    '__esModule',\n    'default',\n  ]);\n  return new Proxy(Component, {\n    get(target, property, receiver) {\n      if (Reflect.has(target, property))\n        return Reflect.get(target, property, receiver);\n      if (\n        typeof property !== 'string' ||\n        reservedStatics.has(property) ||\n        !/^[A-Z]/.test(property)\n      )\n        return undefined;\n      let component = members.get(property);\n      if (!component) {\n        component = createMember(property);\n        members.set(property, component);\n      }\n      return component;\n    },\n    has: (target, property) => Reflect.has(target, property),\n  }) as unknown as LazyResourceLayoutComponent<Module>;\n}\n"],"mappings":";;;;;;;;AAkEA,SAAS,2BACP,QACA,UACA;CACA,MAAM,aAAa,OAAO,OAAO,MAAM,EACpC,KAAK,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACrD,MAAM,OACN,KACN,EACC,QACE,UACC,OAAO,UAAU,cACjB,wCAAwC,KAC5C;CACF,IAAI,WAAW,WAAW,GACxB,MAAM,IAAI,6BAA6B,UAAU,WAAW,MAAM;CACpE,OAAO,WAAW;AACpB;;AAGA,SAAgB,yBAId,SACA,UACA,QAA+B,CAAC,GACK;CACrC,MAAM,UAAU;CAIhB,MAAM,WAAW,QAAQ;CACzB,MAAM,SAAS;EAAE,GAAG;EAAU,GAAG,QAAQ;CAAO;CAChD,MAAM,SAAS,iBAAiB;EAC9B,MAAM,QAAQ;EACd,SAAS,WAAW,2BAA2B,QAAQ,QAAQ;EAC/D,OAAO;EACP;CACF,CAAC;CACD,MAAM,0BAAU,IAAI,IAAgC;CACpD,SAAS,aAAa,QAAiB;EACrC,SAAS,WAAW,OAAgC;GAClD,MAAM,UAAU,OAAO;GACvB,OACE,oBAAC,cAAD;IACU;IACA;IACE;IACV,gBAAgB;IAChB,gBAAgB,OAAO;IACvB,SAAS,MAAM;IACf,UACE,QAAQ,aAAa,SACnB,QAAQ,WACN,UACF,oBAAC,SAAD,EAAmB,SAAW,KAC5B;GAEP;EAEL;EACA,WAAW,cAAc,gBAAgB,SAAS,GAAG,SAAS,IAAI,WAAW;EAC7E,OAAO,iBAAiB,YAAY;GAClC,SAAS,EAAE,OAAO,OAAO,QAAQ;GACjC,QAAQ,EAAE,WAAW,OAAO,OAAO;EACrC,CAAC;EACD,OAAO;CACT;CACA,MAAM,YAAY,aAAa;CAC/B,MAAM,kBAAkB,IAAI,IAAiB;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAO,IAAI,MAAM,WAAW;EAC1B,IAAI,QAAQ,UAAU,UAAU;GAC9B,IAAI,QAAQ,IAAI,QAAQ,QAAQ,GAC9B,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAQ;GAC/C,IACE,OAAO,aAAa,YACpB,gBAAgB,IAAI,QAAQ,KAC5B,CAAC,SAAS,KAAK,QAAQ,GAEvB,OAAO;GACT,IAAI,YAAY,QAAQ,IAAI,QAAQ;GACpC,IAAI,CAAC,WAAW;IACd,YAAY,aAAa,QAAQ;IACjC,QAAQ,IAAI,UAAU,SAAS;GACjC;GACA,OAAO;EACT;EACA,MAAM,QAAQ,aAAa,QAAQ,IAAI,QAAQ,QAAQ;CACzD,CAAC;AACH"}
+{"version":3,"file":"lazy-resource-layout.mjs","names":[],"sources":["../../src/create-config/lazy-resource-layout.tsx"],"sourcesContent":["import { type ComponentProps, type ComponentType } from 'react';\nimport { LazyResourceModuleShapeError } from '../errors/lazy-resource-error';\nimport { componentPropDefinitionsSymbol } from '@jfdevelops/react-layout-validator';\nimport type { ResourcePath, ResourceDefinition } from '../resource';\nimport { definedResourceLayoutComponentSymbol } from './render-state';\nimport {\n  createLazyLoader,\n  type LazyResourceLoadHooks,\n} from '../lazy/create-lazy-loader';\nimport { LazyBoundary } from '../lazy/lazy-boundary';\nimport type {\n  LazyHandle,\n  LazyOptions,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type {\n  LazyResourceErrorComponent,\n  LazyResourceLoadingComponent,\n  LazyResourceStates,\n} from '../lazy/types';\nexport type { LazyResourceLoadHooks } from '../lazy/create-lazy-loader';\n\ntype DefinedLayoutComponent = ComponentType<any> & {\n  readonly [definedResourceLayoutComponentSymbol]: true;\n};\n\ntype UnwrapDefinedLayout<Export> = Export extends DefinedLayoutComponent\n  ? Export\n  : Export extends { Root: infer Root extends DefinedLayoutComponent }\n    ? Root\n    : never;\n\ntype DefinedLayoutFromModule<Module> = UnwrapDefinedLayout<\n  Module[keyof Module]\n>;\n\ntype LazyUnsupportedStatic =\n  | 'makeComposable'\n  | 'props'\n  | 'resource'\n  | typeof componentPropDefinitionsSymbol\n  | typeof definedResourceLayoutComponentSymbol;\n\n/**\n * Public surface available before a lazy module resolves. Component metadata\n * and composition factories are intentionally omitted because they cannot be\n * read synchronously without loading the module.\n */\nexport type LazyResourceLayoutComponent<Module> = ComponentType<\n  ComponentProps<DefinedLayoutFromModule<Module>>\n> &\n  LazyHandle &\n  Pick<\n    DefinedLayoutFromModule<Module>,\n    Exclude<keyof DefinedLayoutFromModule<Module>, LazyUnsupportedStatic>\n  >;\n\n/** Lazy resource options, sharing import and fallback semantics with lazy states. */\nexport type LazyResourceLayoutOptions<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n> = LazyOptions<Module> & {\n  resource: ResourcePath<Resources>;\n  states?: LazyResourceStates<ResourcePath<Resources>>;\n};\n\nfunction findDefinedLayoutComponent(\n  module: Record<string, unknown>,\n  resource: string,\n) {\n  const components = Object.values(module)\n    .map((value) =>\n      typeof value === 'object' && value !== null && 'Root' in value\n        ? value.Root\n        : value,\n    )\n    .filter(\n      (value): value is DefinedLayoutComponent =>\n        typeof value === 'function' &&\n        definedResourceLayoutComponentSymbol in value,\n    );\n  if (components.length !== 1)\n    throw new LazyResourceModuleShapeError(resource, components.length);\n  return components[0];\n}\n\n/** Cached resource component and its compound states, backed by the shared loader. */\nexport function createLazyResourceLayout<\n  Resources extends ReadonlyArray<ResourceDefinition>,\n  Module extends Record<string, unknown>,\n>(\n  options: LazyResourceLayoutOptions<Resources, Module>,\n  defaults: LazyResourceStates<any> | (() => LazyResourceStates<any>),\n  hooks: LazyResourceLoadHooks = {},\n): LazyResourceLayoutComponent<Module> {\n  const runtime = options as unknown as LazyOptions<Module> & {\n    resource: string;\n    states?: LazyResourceStates;\n  };\n  const resource = runtime.resource;\n  const loader = createLazyLoader({\n    load: runtime.load,\n    select: (module) => findDefinedLayoutComponent(module, resource),\n    label: resource,\n    hooks,\n  });\n  const members = new Map<string, ComponentType<any>>();\n  function createMember(member?: string) {\n    function LazyMember(props: Record<string, unknown>) {\n      const states = { ...(typeof defaults === 'function' ? defaults() : defaults), ...runtime.states } as LazyResourceStates;\n      const Loading = states.Loading;\n      return (\n        <LazyBoundary\n          loader={loader}\n          member={member}\n          resource={resource}\n          componentProps={props}\n          ErrorComponent={states.Error}\n          onMount={hooks.onMount}\n          fallback={\n            runtime.fallback !== undefined ? (\n              runtime.fallback\n            ) : Loading ? (\n              <Loading resource={resource} />\n            ) : null\n          }\n        />\n      );\n    }\n    LazyMember.displayName = `LazyResource(${resource})${member ? `.${member}` : ''}`;\n    Object.defineProperties(LazyMember, {\n      preload: { value: loader.preload },\n      status: { get: () => loader.status },\n    });\n    return LazyMember;\n  }\n  const Component = createMember();\n  const reservedStatics = new Set<PropertyKey>([\n    'makeComposable',\n    'props',\n    'resource',\n    componentPropDefinitionsSymbol,\n    definedResourceLayoutComponentSymbol,\n    'contextTypes',\n    'childContextTypes',\n    'contextType',\n    'propTypes',\n    'defaultProps',\n    'getDerivedStateFromProps',\n    'getDerivedStateFromError',\n    'getDefaultProps',\n    '$$typeof',\n    '_payload',\n    '_init',\n    'render',\n    'compare',\n    'type',\n    'then',\n    'catch',\n    'finally',\n    'toJSON',\n    'asymmetricMatch',\n    '__esModule',\n    'default',\n  ]);\n  return new Proxy(Component, {\n    get(target, property, receiver) {\n      if (Reflect.has(target, property))\n        return Reflect.get(target, property, receiver);\n      if (\n        typeof property !== 'string' ||\n        reservedStatics.has(property) ||\n        !/^[A-Z]/.test(property)\n      )\n        return undefined;\n      let component = members.get(property);\n      if (!component) {\n        component = createMember(property);\n        members.set(property, component);\n      }\n      return component;\n    },\n    has: (target, property) => Reflect.has(target, property),\n  }) as unknown as LazyResourceLayoutComponent<Module>;\n}\n"],"mappings":";;;;;;;;AAkEA,SAAS,2BACP,QACA,UACA;CACA,MAAM,aAAa,OAAO,OAAO,MAAM,EACpC,KAAK,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACrD,MAAM,OACN,KACN,EACC,QACE,UACC,OAAO,UAAU,cACjB,wCAAwC,KAC5C;CACF,IAAI,WAAW,WAAW,GACxB,MAAM,IAAI,6BAA6B,UAAU,WAAW,MAAM;CACpE,OAAO,WAAW;AACpB;;AAGA,SAAgB,yBAId,SACA,UACA,QAA+B,CAAC,GACK;CACrC,MAAM,UAAU;CAIhB,MAAM,WAAW,QAAQ;CACzB,MAAM,SAAS,iBAAiB;EAC9B,MAAM,QAAQ;EACd,SAAS,WAAW,2BAA2B,QAAQ,QAAQ;EAC/D,OAAO;EACP;CACF,CAAC;CACD,MAAM,0BAAU,IAAI,IAAgC;CACpD,SAAS,aAAa,QAAiB;EACrC,SAAS,WAAW,OAAgC;GAClD,MAAM,SAAS;IAAE,GAAI,OAAO,aAAa,aAAa,SAAS,IAAI;IAAW,GAAG,QAAQ;GAAO;GAChG,MAAM,UAAU,OAAO;GACvB,OACE,oBAAC,cAAD;IACU;IACA;IACE;IACV,gBAAgB;IAChB,gBAAgB,OAAO;IACvB,SAAS,MAAM;IACf,UACE,QAAQ,aAAa,SACnB,QAAQ,WACN,UACF,oBAAC,SAAD,EAAmB,SAAW,KAC5B;GAEP;EAEL;EACA,WAAW,cAAc,gBAAgB,SAAS,GAAG,SAAS,IAAI,WAAW;EAC7E,OAAO,iBAAiB,YAAY;GAClC,SAAS,EAAE,OAAO,OAAO,QAAQ;GACjC,QAAQ,EAAE,WAAW,OAAO,OAAO;EACrC,CAAC;EACD,OAAO;CACT;CACA,MAAM,YAAY,aAAa;CAC/B,MAAM,kBAAkB,IAAI,IAAiB;EAC3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAO,IAAI,MAAM,WAAW;EAC1B,IAAI,QAAQ,UAAU,UAAU;GAC9B,IAAI,QAAQ,IAAI,QAAQ,QAAQ,GAC9B,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAQ;GAC/C,IACE,OAAO,aAAa,YACpB,gBAAgB,IAAI,QAAQ,KAC5B,CAAC,SAAS,KAAK,QAAQ,GAEvB,OAAO;GACT,IAAI,YAAY,QAAQ,IAAI,QAAQ;GACpC,IAAI,CAAC,WAAW;IACd,YAAY,aAAa,QAAQ;IACjC,QAAQ,IAAI,UAAU,SAAS;GACjC;GACA,OAAO;EACT;EACA,MAAM,QAAQ,aAAa,QAAQ,IAAI,QAAQ,QAAQ;CACzD,CAAC;AACH"}

package/dist/create-config/render-state.cjs

@@ -1,5 +1,6 @@
 const require_layout_configuration_error = require('../errors/layout-configuration-error.cjs');
 const require_lazy_resource_error = require('../errors/lazy-resource-error.cjs');
+const require_custom_props = require('../custom-props.cjs');
 const require_state_composable = require('./state-composable.cjs');
 const require_props = require('../props.cjs');
 const require_create_lazy_loader = require('../lazy/create-lazy-loader.cjs');
@@ -71,7 +72,7 @@ function createRenderStateBuilder(_arguments, environment) {
 		const includes = input.props?.include ?? Object.fromEntries(Object.entries({
 			...source.props?.include,
 			...Object.fromEntries(Object.entries(source.props?.custom ?? {}).map(([key, prop]) => [key, {
-				required: prop.visibility !== "optional",
+				required: typeof prop === "string" ? prop === "required" : prop.visibility !== "optional",
 				suppliedVia: "component"
 			}]))
 		}).filter(([key]) => !(key in custom)));
@@ -86,7 +87,7 @@ function createRenderStateBuilder(_arguments, environment) {
 				const inherited = source.composables?.(create, states) ?? {};
 				const local = input.composables?.(create, states) ?? {};
 				if (Object.prototype.hasOwnProperty.call(local, "Ref")) throw new require_layout_configuration_error.LayoutConfigurationError("Composable name \"Ref\" is reserved by fromState");
-				const schemas = Object.assign({}, ...(0, _jfdevelops_react_layout_composables.collectComposablePresetEntries)(inherited).map(({ props }) => props), source.props?.custom);
+				const schemas = Object.assign({}, ...(0, _jfdevelops_react_layout_composables.collectComposablePresetEntries)(inherited).map(({ props }) => props), require_custom_props.normalizeCustomProps(source.props?.custom ?? {}));
 				const selected = Object.fromEntries(Object.entries(schemas).filter(([key]) => key in includes));
 				const referenceSource = {
 					...source,