@fragmentsx/render-react 1.3.0 → 1.4.0

package/dist/hooks/fragment/useFragment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFragment.d.ts","sourceRoot":"","sources":["../../../src/hooks/fragment/useFragment.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU/C,eAAO,MAAM,WAAW,eAAgB,MAAM,kBAAkB,UAAU;;;;;;;;;;;;;;;CA4DzE,CAAC"}
+{"version":3,"file":"useFragment.d.ts","sourceRoot":"","sources":["../../../src/hooks/fragment/useFragment.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU/C,eAAO,MAAM,WAAW,eAAgB,MAAM,kBAAkB,UAAU;;;;;;;;;;;;;;;CAsDzE,CAAC"}

package/dist/hooks/fragment/useFragmentManager.d.ts

@@ -1,4 +1,4 @@
-export declare const useFragmentManager: (fragmentId?: unknown | null, inputGlobalManager: any) => {
+export declare const useFragmentManager: (fragmentId?: unknown | null, inputGlobalManager?: any) => {
     loading: boolean;
     manager: any;
     fragmentLayerKey: any;

package/dist/hooks/fragment/useFragmentManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFragmentManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/fragment/useFragmentManager.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,gBAChB,OAAO,GAAG,IAAI;;;;;CA+C5B,CAAC"}
+{"version":3,"file":"useFragmentManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/fragment/useFragmentManager.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,gBAChB,OAAO,GAAG,IAAI;;;;;CAyB5B,CAAC"}

package/dist/hooks/layer/index.d.ts

@@ -7,4 +7,6 @@ export { useLayerScopes } from './useLayerScopes';
 export { useLayerLink } from './useLayerLink';
 export { useLayerVariableValue } from './useLayerVariableValue';
 export { useNormalizeLayer, getNormalizeLayer } from './useNormalizeLayer';
+export { useResolvedLayer } from './useResolvedLayer';
+export { useResolvedLayerVariables } from './useResolvedLayerVariables';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/layer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/hooks/layer/useReadVariable.d.ts

@@ -6,6 +6,7 @@ export declare const useReadVariable: (variableKey?: LinkKey | null, customScope
             [k: string]: any;
         } | null;
     };
+    _dep: unknown;
     value: any;
     layer: {
         [k: string]: any;

package/dist/hooks/layer/useReadVariable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReadVariable.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/useReadVariable.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAkDrE,eAAO,MAAM,eAAe,iBACZ,OAAO,GAAG,IAAI,iBACb,OAAO,EAAE;iCAyFY,OAAO;;;;;;;;;;CAkJ5C,CAAC"}
+{"version":3,"file":"useReadVariable.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/useReadVariable.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAkDrE,eAAO,MAAM,eAAe,iBACZ,OAAO,GAAG,IAAI,iBACb,OAAO,EAAE;iCA2FY,OAAO;;;;;;;;;;;CAuJ5C,CAAC"}

package/dist/hooks/layer/useResolvedLayer.d.ts

@@ -0,0 +1,14 @@
+import { GraphState, LinkKey } from '@graph-state/core';
+export interface ResolvedLayer {
+    layerKey: LinkKey | null;
+    rawLayer: any;
+    layer: any;
+    isOverride: boolean;
+}
+export interface UseResolvedLayerOptions {
+    manager?: GraphState;
+    withFallback?: boolean;
+    skipOverrideCheck?: boolean;
+}
+export declare const useResolvedLayer: (layerKey: LinkKey, options?: UseResolvedLayerOptions) => ResolvedLayer;
+//# sourceMappingURL=useResolvedLayer.d.ts.map

package/dist/hooks/layer/useResolvedLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedLayer.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/useResolvedLayer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAMrE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;CACrB;AASD,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,aACjB,OAAO,YACP,uBAAuB,KAChC,aAqBF,CAAC"}

package/dist/hooks/layer/useResolvedLayerVariables.d.ts

@@ -0,0 +1,7 @@
+export interface ResolvedVariables {
+    values: Record<string, any>;
+    cssVariableValues: Record<string, any>;
+    rawValues: Record<string, any>;
+}
+export declare const useResolvedLayerVariables: (layer: any, rawLayer: any, customScopes?: unknown[]) => ResolvedVariables;
+//# sourceMappingURL=useResolvedLayerVariables.d.ts.map

package/dist/hooks/layer/useResolvedLayerVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedLayerVariables.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer/useResolvedLayerVariables.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAwCD,eAAO,MAAM,yBAAyB,UAC7B,GAAG,YACA,GAAG,iBACE,OAAO,EAAE,KACvB,iBAuMF,CAAC"}

package/dist/hooks/layer-styles/useLayerPaint.d.ts

@@ -1,4 +1,12 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../layer/useResolvedLayerVariables';
+export declare const calcLayerPaint: (paintVars: ResolvedVariables) => {
+    type: any;
+    solid: any;
+    solidCssValue: any;
+    image: any;
+    linearGradientLink: any;
+};
 export declare const useLayerPaint: (paintLinkKey: LinkKey) => {
     type: any;
     solid: any;

package/dist/hooks/layer-styles/useLayerPaint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerPaint.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer-styles/useLayerPaint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,eAAO,MAAM,aAAa,iBAAkB,OAAO;;;;;;CAalD,CAAC"}
+{"version":3,"file":"useLayerPaint.d.ts","sourceRoot":"","sources":["../../../src/hooks/layer-styles/useLayerPaint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,cAAc,cAAe,iBAAiB;;;;;;CAQ1D,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,OAAO;;;;;;CAalD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/index.d.ts

@@ -1,3 +1,3 @@
 import { LinkKey } from '@graph-state/core';
-export declare const useLayerStyles: (layerKey: LinkKey) => {};
+export declare const useLayerStyles: (layerKey: LinkKey) => any;
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/layer-styles/useLayerStyles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAa5C,eAAO,MAAM,cAAc,aAAc,OAAO,OAoF/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAwB5C,eAAO,MAAM,cAAc,aAAc,OAAO,QA2I/C,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useImagePaint.d.ts

@@ -1,4 +1,10 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcImagePaint: (imageVars: ResolvedVariables) => {
+    background: any;
+    backgroundRepeat: string;
+    backgroundSize: any;
+};
 export declare const useImagePaint: (imageLinkKey: LinkKey) => {
     background: any;
     backgroundRepeat: string;

package/dist/hooks/layer-styles/useLayerStyles/useImagePaint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImagePaint.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useImagePaint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,eAAO,MAAM,aAAa,iBAAkB,OAAO;;;;CAUlD,CAAC"}
+{"version":3,"file":"useImagePaint.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useImagePaint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,cAAc,cAAe,iBAAiB;;;;CAM1D,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,OAAO;;;;CAUlD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerBackground.d.ts

@@ -1,10 +1,12 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerBackground: (paintVars: ResolvedVariables, imageVars: ResolvedVariables, imageSizeVars: ResolvedVariables, linearGradient: any) => any;
 export declare const useLayerBackground: (layerKey: LinkKey) => {
+    "background-image": string;
+} | {
     background: any;
     backgroundRepeat: string;
     backgroundSize: any;
-} | {
-    "background-image": string;
 } | {
     background: any;
 };

package/dist/hooks/layer-styles/useLayerStyles/useLayerBackground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerBackground.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerBackground.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAS5C,eAAO,MAAM,kBAAkB,aAAc,OAAO;;;;;;;;CAsEnD,CAAC"}
+{"version":3,"file":"useLayerBackground.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerBackground.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAS5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,eAAO,MAAM,mBAAmB,cACnB,iBAAiB,aACjB,iBAAiB,iBACb,iBAAiB,kBAChB,GAAG,QAuBpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAc,OAAO;;;;;;;;CAsEnD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerBorder.d.ts

@@ -1,4 +1,20 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerBorder: (borderVars: ResolvedVariables, borderPaintVars: ResolvedVariables, borderLinearGradient: any, paintVars: ResolvedVariables, linearGradient: any) => {
+    borderTop: string;
+    borderRight: string;
+    borderBottom: string;
+    borderLeft: string;
+} | {
+    border: null;
+} | {
+    background: string;
+    borderTop: string;
+    borderRight: string;
+    borderBottom: string;
+    borderLeft: string;
+    border?: undefined;
+};
 export declare const useLayerBorder: (layerKey: LinkKey) => {
     borderTop: string;
     borderRight: string;

package/dist/hooks/layer-styles/useLayerStyles/useLayerBorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerBorder.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerBorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,eAAO,MAAM,cAAc,aAAc,OAAO;;;;;;;;;;;;;;CAgD/C,CAAC"}
+{"version":3,"file":"useLayerBorder.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerBorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,eAAO,MAAM,eAAe,eACd,iBAAiB,mBACZ,iBAAiB,wBACZ,GAAG,aACd,iBAAiB,kBACZ,GAAG;;;;;;;;;;;;;;CAqCpB,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,OAAO;;;;;;;;;;;;;;CAgD/C,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerDisplay.d.ts

@@ -1,3 +1,5 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerDisplay: (vars: ResolvedVariables) => "none" | "flex" | null;
 export declare const useLayerDisplay: (layerKey: LinkKey) => "none" | "flex" | null;
 //# sourceMappingURL=useLayerDisplay.d.ts.map

package/dist/hooks/layer-styles/useLayerStyles/useLayerDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerDisplay.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,eAAO,MAAM,eAAe,aAAc,OAAO,2BAYhD,CAAC"}
+{"version":3,"file":"useLayerDisplay.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,gBAAgB,SAAU,iBAAiB,2BAMvD,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,OAAO,2BAYhD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerFlex.d.ts

@@ -1,4 +1,8 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerFlex: (vars: ResolvedVariables, parentVars: ResolvedVariables) => {
+    flex: string;
+};
 export declare const useLayerFlex: (layerKey: LinkKey) => {
     flex: string;
 };

package/dist/hooks/layer-styles/useLayerStyles/useLayerFlex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerFlex.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerFlex.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAMzD,eAAO,MAAM,YAAY,aAAc,OAAO;;CAmB7C,CAAC"}
+{"version":3,"file":"useLayerFlex.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerFlex.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAMzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,aAAa,SAClB,iBAAiB,cACX,iBAAiB;;CAc9B,CAAC;AAEF,eAAO,MAAM,YAAY,aAAc,OAAO;;CAmB7C,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerLayout.d.ts

@@ -1,4 +1,14 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerLayout: (vars: ResolvedVariables) => {
+    display: string | null;
+    gap: string;
+    flexWrap: string | null;
+    justifyContent: any;
+    flexFlow: string;
+    alignItems: any;
+    padding: any;
+};
 export declare const useLayerLayout: (layerKey: LinkKey) => {
     display: string | null;
     gap: string;

package/dist/hooks/layer-styles/useLayerStyles/useLayerLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerLayout.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,eAAO,MAAM,cAAc,aAAc,OAAO;;;;;;;;CAwC/C,CAAC"}
+{"version":3,"file":"useLayerLayout.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,eAAe,SAAU,iBAAiB;;;;;;;;CA0BtD,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,OAAO;;;;;;;;CAwC/C,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerPosition.d.ts

@@ -1,4 +1,39 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+import { ResolvedLayer } from '../../layer/useResolvedLayer';
+interface CalcPositionContext {
+    isDocument: boolean;
+    isTopLevel: boolean;
+    instanceLayerKey: any;
+}
+export declare const calcLayerPosition: (resolved: ResolvedLayer, vars: ResolvedVariables, parentResolved: ResolvedLayer, instanceResolved: ResolvedLayer, instanceVars: ResolvedVariables, context: CalcPositionContext) => {
+    position: "absolute";
+    top: string;
+    left: string;
+    width: any;
+    height: any;
+    right?: undefined;
+    bottom?: undefined;
+    transform?: undefined;
+} | {
+    position: "relative";
+    width: string;
+    height: string;
+    top?: undefined;
+    left?: undefined;
+    right?: undefined;
+    bottom?: undefined;
+    transform?: undefined;
+} | {
+    position: any;
+    left: string | null;
+    top: string | null;
+    right: string | null;
+    bottom: string | null;
+    width: string | null;
+    height: string | null;
+    transform: string | null;
+};
 export declare const useLayerPosition: (layerKey: LinkKey) => {
     position: "absolute";
     top: string;
@@ -36,4 +71,5 @@ export declare const useLayerPositionOld: (layerKey: LinkKey) => {
     top: string | null;
     left: string | null;
 };
+export {};
 //# sourceMappingURL=useLayerPosition.d.ts.map

package/dist/hooks/layer-styles/useLayerStyles/useLayerPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerPosition.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAW5C,eAAO,MAAM,gBAAgB,aAAc,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEjD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,OAAO;;;;;;;;CAoEpD,CAAC"}
+{"version":3,"file":"useLayerPosition.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAW5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,UAAU,mBAAmB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,aAClB,aAAa,QACjB,iBAAiB,kBACP,aAAa,oBACX,aAAa,gBACjB,iBAAiB,WACtB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+E7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEjD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,OAAO;;;;;;;;CAoEpD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerSize.d.ts

@@ -1,4 +1,11 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerSize: (vars: ResolvedVariables) => {
+    minWidth: string;
+    minHeight: string;
+    maxWidth: string;
+    maxHeight: string;
+};
 export declare const useLayerSize: (layerKey: LinkKey) => {
     minWidth: string;
     minHeight: string;

package/dist/hooks/layer-styles/useLayerStyles/useLayerSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerSize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,eAAO,MAAM,YAAY,aAAc,OAAO;;;;;CAoB7C,CAAC"}
+{"version":3,"file":"useLayerSize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,eAAO,MAAM,aAAa,SAAU,iBAAiB;;;;;CAOpD,CAAC;AAEF,eAAO,MAAM,YAAY,aAAc,OAAO;;;;;CAoB7C,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerSizeValue.d.ts

@@ -1,3 +1,12 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+import { ResolvedLayer } from '../../layer/useResolvedLayer';
+interface CalcSizeContext {
+    isDocument: boolean;
+    isTopLevel: boolean;
+    instanceLayerKey: any;
+}
+export declare const calcLayerSizeValue: (resolved: ResolvedLayer, vars: ResolvedVariables, sizeType: "width" | "height", parentResolved: ResolvedLayer, instanceVars: ResolvedVariables, context: CalcSizeContext) => (value: any) => string;
 export declare const useLayerSizeValue: (layerKey: LinkKey, sizeType: "width" | "height") => (value: any) => string;
+export {};
 //# sourceMappingURL=useLayerSizeValue.d.ts.map

package/dist/hooks/layer-styles/useLayerStyles/useLayerSizeValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerSizeValue.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerSizeValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAS5C,eAAO,MAAM,iBAAiB,aAClB,OAAO,YACP,OAAO,GAAG,QAAQ,2BAkE7B,CAAC"}
+{"version":3,"file":"useLayerSizeValue.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerSizeValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,UAAU,eAAe;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAID,eAAO,MAAM,kBAAkB,aACnB,aAAa,QACjB,iBAAiB,YACb,OAAO,GAAG,QAAQ,kBACZ,aAAa,gBACf,iBAAiB,WACtB,eAAe,aAUT,GAAG,WAuBnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAClB,OAAO,YACP,OAAO,GAAG,QAAQ,2BAkE7B,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useLayerTextStyles.d.ts

@@ -1,4 +1,8 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
+export declare const calcLayerTextStyles: (vars: ResolvedVariables) => {
+    color: any;
+};
 export declare const useLayerTextStyles: (layerKey: LinkKey) => {
     color: any;
 };

package/dist/hooks/layer-styles/useLayerStyles/useLayerTextStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerTextStyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerTextStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,eAAO,MAAM,kBAAkB,aAAc,OAAO;;CAUnD,CAAC"}
+{"version":3,"file":"useLayerTextStyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useLayerTextStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,mBAAmB,SAAU,iBAAiB;;CAS1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAc,OAAO;;CAUnD,CAAC"}

package/dist/hooks/layer-styles/useLayerStyles/useOptionalSize.d.ts

@@ -1,6 +1,8 @@
 import { LinkKey } from '@graph-state/core';
+import { ResolvedVariables } from '../../layer/useResolvedLayerVariables';
 type SizeType = "minWidth" | "minHeight" | "maxWidth" | "maxHeight";
 export declare const processOptionalSize: (value: number, type: any) => string;
+export declare const calcOptionalSize: (type: SizeType, vars: ResolvedVariables) => string;
 export declare const useOptionalSize: (type: SizeType, layerKey: LinkKey) => string;
 export {};
 //# sourceMappingURL=useOptionalSize.d.ts.map

package/dist/hooks/layer-styles/useLayerStyles/useOptionalSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOptionalSize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useOptionalSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,KAAK,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpE,eAAO,MAAM,mBAAmB,UAAW,MAAM,QAAQ,GAAG,WAO3D,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,QAAQ,YAAY,OAAO,WAUhE,CAAC"}
+{"version":3,"file":"useOptionalSize.d.ts","sourceRoot":"","sources":["../../../../src/hooks/layer-styles/useLayerStyles/useOptionalSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,KAAK,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpE,eAAO,MAAM,mBAAmB,UAAW,MAAM,QAAQ,GAAG,WAO3D,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,gBAAgB,SAAU,QAAQ,QAAQ,iBAAiB,WAIvE,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,QAAQ,YAAY,OAAO,WAUhE,CAAC"}

package/dist/hooks/utils/useExtractProps.d.ts

@@ -0,0 +1,16 @@
+import { GraphState, LinkKey } from '@graph-state/core';
+/**
+ * Единый хук для извлечения props на основе definitions.
+ *
+ * Алгоритм:
+ * 1. Собрать leaf-ключи из definitions → подписаться через useGraphStack
+ * 2. Base: defaultValues leaf-полей
+ * 3. Пройти по definitions: для каждого найти значение в props
+ *    - Object + конкретный объект → flattenObjectFields
+ *    - Array + Variable-ссылка → readVariable (resolve) + buildFieldIdMapping + remapArrayItems
+ *    - Примитив → result[defId] = propValue
+ * 4. Passthrough остальных props (для CollectionItem — props уже на уровне leaf-полей)
+ * 5. Merge: base + expanded (expanded имеет приоритет)
+ */
+export declare const useExtractProps: (props: Record<string, unknown>, manager?: GraphState, parentManager?: GraphState, definitions?: LinkKey[]) => Record<string, unknown>;
+//# sourceMappingURL=useExtractProps.d.ts.map

package/dist/hooks/utils/useExtractProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtractProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/utils/useExtractProps.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAoMrE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,UACnB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YACpB,UAAU,kBACJ,UAAU,gBACZ,OAAO,EAAE,KACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CA0MxB,CAAC"}

package/dist/hooks/utils/useLayerInteractions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayerInteractions.d.ts","sourceRoot":"","sources":["../../../src/hooks/utils/useLayerInteractions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AASzD,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,aACrB,OAAO,YACP,2BAA2B;;;;CAuFtC,CAAC"}
+{"version":3,"file":"useLayerInteractions.d.ts","sourceRoot":"","sources":["../../../src/hooks/utils/useLayerInteractions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AASzD,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,aACrB,OAAO,YACP,2BAA2B;;;;CA0FtC,CAAC"}