made-refine 0.2.13 → 0.2.15

package/dist/{utils-DvJ3xKrO.d.mts → utils-lksVP2Wq.d.mts}

@@ -29,6 +29,12 @@ interface ElementLocator {
     id: string | null;
     classList: string[];
     domSource?: DomSourceLocation;
+    reactComponentName?: string;
+    authoredProps?: Record<string, unknown>;
+    subElementSources?: Record<string, DomSourceLocation>;
+    callSiteSource?: DomSourceLocation;
+    definitionSource?: DomSourceLocation;
+    isComponentPrimitive?: boolean;
 }
 interface CSSPropertyValue {
     numericValue: number;
@@ -135,6 +141,7 @@ interface DirectEditState {
     computedColor: ColorProperties | null;
     computedBoxShadow: string | null;
     computedTypography: TypographyProperties | null;
+    isComponentPrimitive: boolean;
     originalStyles: Record<string, string>;
     pendingStyles: Record<string, string>;
     editModeActive: boolean;
@@ -485,6 +492,12 @@ declare function getChildBriefInfo(element: HTMLElement): ChildBriefInfo;
 /** Resolve the source location for an element: data-direct-edit-source attribute, then fiber fallback. */
 declare function getElementSource(element: HTMLElement): DomSourceLocation | null;
 declare function getElementLocator(element: HTMLElement): ElementLocator;
+declare function getLocatorHeader(locator: ElementLocator): {
+    componentLabel: string;
+    formattedSource: string | null;
+    formattedCallSite: string | null;
+};
+declare function formatComponentTree(reactStack: ReactComponentFrame[]): string | null;
 declare function buildElementContext(locator: ElementLocator): string;
 /** Whether a session edit has any meaningful changes (styles, text, or move). */
 declare function hasSessionEditChanges(edit: SessionEdit): boolean;
@@ -535,4 +548,4 @@ declare function getExportContentProfile(edits: SessionEdit[], comments: Comment
 declare function buildExportInstruction(profile: ExportContentProfile): string;
 declare function buildSessionExport(edits: SessionEdit[], comments?: Comment[], options?: SessionExportOptions): string;
 
-export { elementFromPointWithoutOverlays as $, type ActiveTool as A, type BorderRadiusPropertyKey as B, type CSSPropertyValue as C, type DragState as D, type ElementInfo as E, type FlexPropertyKey as F, type Guideline as G, type MeasurementState as H, type SizingChangePhase as I, type SizingMode as J, type SizingProperties as K, type SpacingProperties as L, type MeasurementLine as M, type UndoEntry as N, type UndoMoveEntry as O, type UndoSelectionEntry as P, buildCommentExport as Q, type ReactComponentFrame as R, type SelectElementOptions as S, type TypographyPropertyKey as T, type UndoEditEntry as U, buildSessionExport as V, calculateDropPosition as W, calculateElementMeasurements as X, calculateGuidelineMeasurements as Y, calculateParentMeasurements as Z, colorToTailwind as _, type DropIndicator as a, findContainerAtPoint as a0, findLayoutContainerAtPoint as a1, formatPropertyValue as a2, getComputedBorderStyles as a3, getComputedBoxShadow as a4, getComputedColorStyles as a5, getComputedStyles as a6, getDimensionDisplay as a7, getElementInfo as a8, getElementLocator as a9, findChildAtPoint as aA, findTextOwnerAtPoint as aB, findTextOwnerByRangeScan as aC, flexPropertyToCSSMap as aD, getAllComputedStyles as aE, getChildBriefInfo as aF, getComputedSizing as aG, getComputedTypography as aH, getContextOnlyBlocks as aI, getElementDisplayName as aJ, getElementSource as aK, getExportContentProfile as aL, getMoveIntentForEdit as aM, getOriginalInlineStyles as aN, getSelectionColors as aO, getSizingValue as aP, hasSessionEditChanges as aQ, isInFlowChild as aR, isInputFocused as aS, isTextElement as aT, partitionMultiSelectedEdits as aU, propertyToCSSMap as aV, resolveElementTarget as aW, sizingPropertyToCSSMap as aX, sizingToTailwind as aY, sizingValueToCSS as aZ, typographyPropertyToCSSMap as a_, getFlexDirection as aa, isFlexContainer as ab, isLayoutContainer as ac, parseColorValue as ad, parsePropertyValue as ae, stylesToTailwind as af, type AllComputedStyles as ag, type ExportContentProfile as ah, type MovePlanContext as ai, ORIGINAL_STYLE_PROPS as aj, borderPropertyToCSSMap as ak, borderRadiusPropertyToCSSMap as al, buildEditExport as am, buildElementContext as an, buildExportInstruction as ao, buildMovePlan as ap, buildMovePlanContext as aq, clamp as ar, collapseExportShorthands as as, collapseSpacingShorthands as at, colorPropertyToCSSMap as au, computeHoverHighlight as av, computeIntendedIndex as aw, detectChildrenDirection as ax, detectSizingMode as ay, ensureDirectTextSpanAtPoint as az, type SelectElementsOptions as b, type SpacingPropertyKey as c, type BorderPropertyKey as d, type BorderProperties as e, type SizingPropertyKey as f, type SizingValue as g, type SizingChangeOptions as h, type ColorPropertyKey as i, type ColorValue as j, type Theme as k, type BorderStyleControlPreference as l, type DirectEditState as m, type SessionEdit as n, type SessionItem as o, type CanvasElementKind as p, type TypographyProperties as q, type Comment as r, type BorderRadiusProperties as s, type BorderStyle as t, type ColorProperties as u, type CommentReply as v, type DomSourceLocation as w, type DropTarget as x, type ElementLocator as y, type FlexProperties as z };
+export { elementFromPointWithoutOverlays as $, type ActiveTool as A, type BorderRadiusPropertyKey as B, type CSSPropertyValue as C, type DragState as D, type ElementInfo as E, type FlexPropertyKey as F, type Guideline as G, type MeasurementState as H, type SizingChangePhase as I, type SizingMode as J, type SizingProperties as K, type SpacingProperties as L, type MeasurementLine as M, type UndoEntry as N, type UndoMoveEntry as O, type UndoSelectionEntry as P, buildCommentExport as Q, type ReactComponentFrame as R, type SelectElementOptions as S, type TypographyPropertyKey as T, type UndoEditEntry as U, buildSessionExport as V, calculateDropPosition as W, calculateElementMeasurements as X, calculateGuidelineMeasurements as Y, calculateParentMeasurements as Z, colorToTailwind as _, type DropIndicator as a, sizingValueToCSS as a$, findContainerAtPoint as a0, findLayoutContainerAtPoint as a1, formatPropertyValue as a2, getComputedBorderStyles as a3, getComputedBoxShadow as a4, getComputedColorStyles as a5, getComputedStyles as a6, getDimensionDisplay as a7, getElementInfo as a8, getElementLocator as a9, findChildAtPoint as aA, findTextOwnerAtPoint as aB, findTextOwnerByRangeScan as aC, flexPropertyToCSSMap as aD, formatComponentTree as aE, getAllComputedStyles as aF, getChildBriefInfo as aG, getComputedSizing as aH, getComputedTypography as aI, getContextOnlyBlocks as aJ, getElementDisplayName as aK, getElementSource as aL, getExportContentProfile as aM, getLocatorHeader as aN, getMoveIntentForEdit as aO, getOriginalInlineStyles as aP, getSelectionColors as aQ, getSizingValue as aR, hasSessionEditChanges as aS, isInFlowChild as aT, isInputFocused as aU, isTextElement as aV, partitionMultiSelectedEdits as aW, propertyToCSSMap as aX, resolveElementTarget as aY, sizingPropertyToCSSMap as aZ, sizingToTailwind as a_, getFlexDirection as aa, isFlexContainer as ab, isLayoutContainer as ac, parseColorValue as ad, parsePropertyValue as ae, stylesToTailwind as af, type AllComputedStyles as ag, type ExportContentProfile as ah, type MovePlanContext as ai, ORIGINAL_STYLE_PROPS as aj, borderPropertyToCSSMap as ak, borderRadiusPropertyToCSSMap as al, buildEditExport as am, buildElementContext as an, buildExportInstruction as ao, buildMovePlan as ap, buildMovePlanContext as aq, clamp as ar, collapseExportShorthands as as, collapseSpacingShorthands as at, colorPropertyToCSSMap as au, computeHoverHighlight as av, computeIntendedIndex as aw, detectChildrenDirection as ax, detectSizingMode as ay, ensureDirectTextSpanAtPoint as az, type SelectElementsOptions as b, typographyPropertyToCSSMap as b0, type SpacingPropertyKey as c, type BorderPropertyKey as d, type BorderProperties as e, type SizingPropertyKey as f, type SizingValue as g, type SizingChangeOptions as h, type ColorPropertyKey as i, type ColorValue as j, type Theme as k, type BorderStyleControlPreference as l, type DirectEditState as m, type SessionEdit as n, type SessionItem as o, type CanvasElementKind as p, type TypographyProperties as q, type Comment as r, type BorderRadiusProperties as s, type BorderStyle as t, type ColorProperties as u, type CommentReply as v, type DomSourceLocation as w, type DropTarget as x, type ElementLocator as y, type FlexProperties as z };

package/dist/{utils-DvJ3xKrO.d.ts → utils-lksVP2Wq.d.ts}

@@ -29,6 +29,12 @@ interface ElementLocator {
     id: string | null;
     classList: string[];
     domSource?: DomSourceLocation;
+    reactComponentName?: string;
+    authoredProps?: Record<string, unknown>;
+    subElementSources?: Record<string, DomSourceLocation>;
+    callSiteSource?: DomSourceLocation;
+    definitionSource?: DomSourceLocation;
+    isComponentPrimitive?: boolean;
 }
 interface CSSPropertyValue {
     numericValue: number;
@@ -135,6 +141,7 @@ interface DirectEditState {
     computedColor: ColorProperties | null;
     computedBoxShadow: string | null;
     computedTypography: TypographyProperties | null;
+    isComponentPrimitive: boolean;
     originalStyles: Record<string, string>;
     pendingStyles: Record<string, string>;
     editModeActive: boolean;
@@ -485,6 +492,12 @@ declare function getChildBriefInfo(element: HTMLElement): ChildBriefInfo;
 /** Resolve the source location for an element: data-direct-edit-source attribute, then fiber fallback. */
 declare function getElementSource(element: HTMLElement): DomSourceLocation | null;
 declare function getElementLocator(element: HTMLElement): ElementLocator;
+declare function getLocatorHeader(locator: ElementLocator): {
+    componentLabel: string;
+    formattedSource: string | null;
+    formattedCallSite: string | null;
+};
+declare function formatComponentTree(reactStack: ReactComponentFrame[]): string | null;
 declare function buildElementContext(locator: ElementLocator): string;
 /** Whether a session edit has any meaningful changes (styles, text, or move). */
 declare function hasSessionEditChanges(edit: SessionEdit): boolean;
@@ -535,4 +548,4 @@ declare function getExportContentProfile(edits: SessionEdit[], comments: Comment
 declare function buildExportInstruction(profile: ExportContentProfile): string;
 declare function buildSessionExport(edits: SessionEdit[], comments?: Comment[], options?: SessionExportOptions): string;
 
-export { elementFromPointWithoutOverlays as $, type ActiveTool as A, type BorderRadiusPropertyKey as B, type CSSPropertyValue as C, type DragState as D, type ElementInfo as E, type FlexPropertyKey as F, type Guideline as G, type MeasurementState as H, type SizingChangePhase as I, type SizingMode as J, type SizingProperties as K, type SpacingProperties as L, type MeasurementLine as M, type UndoEntry as N, type UndoMoveEntry as O, type UndoSelectionEntry as P, buildCommentExport as Q, type ReactComponentFrame as R, type SelectElementOptions as S, type TypographyPropertyKey as T, type UndoEditEntry as U, buildSessionExport as V, calculateDropPosition as W, calculateElementMeasurements as X, calculateGuidelineMeasurements as Y, calculateParentMeasurements as Z, colorToTailwind as _, type DropIndicator as a, findContainerAtPoint as a0, findLayoutContainerAtPoint as a1, formatPropertyValue as a2, getComputedBorderStyles as a3, getComputedBoxShadow as a4, getComputedColorStyles as a5, getComputedStyles as a6, getDimensionDisplay as a7, getElementInfo as a8, getElementLocator as a9, findChildAtPoint as aA, findTextOwnerAtPoint as aB, findTextOwnerByRangeScan as aC, flexPropertyToCSSMap as aD, getAllComputedStyles as aE, getChildBriefInfo as aF, getComputedSizing as aG, getComputedTypography as aH, getContextOnlyBlocks as aI, getElementDisplayName as aJ, getElementSource as aK, getExportContentProfile as aL, getMoveIntentForEdit as aM, getOriginalInlineStyles as aN, getSelectionColors as aO, getSizingValue as aP, hasSessionEditChanges as aQ, isInFlowChild as aR, isInputFocused as aS, isTextElement as aT, partitionMultiSelectedEdits as aU, propertyToCSSMap as aV, resolveElementTarget as aW, sizingPropertyToCSSMap as aX, sizingToTailwind as aY, sizingValueToCSS as aZ, typographyPropertyToCSSMap as a_, getFlexDirection as aa, isFlexContainer as ab, isLayoutContainer as ac, parseColorValue as ad, parsePropertyValue as ae, stylesToTailwind as af, type AllComputedStyles as ag, type ExportContentProfile as ah, type MovePlanContext as ai, ORIGINAL_STYLE_PROPS as aj, borderPropertyToCSSMap as ak, borderRadiusPropertyToCSSMap as al, buildEditExport as am, buildElementContext as an, buildExportInstruction as ao, buildMovePlan as ap, buildMovePlanContext as aq, clamp as ar, collapseExportShorthands as as, collapseSpacingShorthands as at, colorPropertyToCSSMap as au, computeHoverHighlight as av, computeIntendedIndex as aw, detectChildrenDirection as ax, detectSizingMode as ay, ensureDirectTextSpanAtPoint as az, type SelectElementsOptions as b, type SpacingPropertyKey as c, type BorderPropertyKey as d, type BorderProperties as e, type SizingPropertyKey as f, type SizingValue as g, type SizingChangeOptions as h, type ColorPropertyKey as i, type ColorValue as j, type Theme as k, type BorderStyleControlPreference as l, type DirectEditState as m, type SessionEdit as n, type SessionItem as o, type CanvasElementKind as p, type TypographyProperties as q, type Comment as r, type BorderRadiusProperties as s, type BorderStyle as t, type ColorProperties as u, type CommentReply as v, type DomSourceLocation as w, type DropTarget as x, type ElementLocator as y, type FlexProperties as z };
+export { elementFromPointWithoutOverlays as $, type ActiveTool as A, type BorderRadiusPropertyKey as B, type CSSPropertyValue as C, type DragState as D, type ElementInfo as E, type FlexPropertyKey as F, type Guideline as G, type MeasurementState as H, type SizingChangePhase as I, type SizingMode as J, type SizingProperties as K, type SpacingProperties as L, type MeasurementLine as M, type UndoEntry as N, type UndoMoveEntry as O, type UndoSelectionEntry as P, buildCommentExport as Q, type ReactComponentFrame as R, type SelectElementOptions as S, type TypographyPropertyKey as T, type UndoEditEntry as U, buildSessionExport as V, calculateDropPosition as W, calculateElementMeasurements as X, calculateGuidelineMeasurements as Y, calculateParentMeasurements as Z, colorToTailwind as _, type DropIndicator as a, sizingValueToCSS as a$, findContainerAtPoint as a0, findLayoutContainerAtPoint as a1, formatPropertyValue as a2, getComputedBorderStyles as a3, getComputedBoxShadow as a4, getComputedColorStyles as a5, getComputedStyles as a6, getDimensionDisplay as a7, getElementInfo as a8, getElementLocator as a9, findChildAtPoint as aA, findTextOwnerAtPoint as aB, findTextOwnerByRangeScan as aC, flexPropertyToCSSMap as aD, formatComponentTree as aE, getAllComputedStyles as aF, getChildBriefInfo as aG, getComputedSizing as aH, getComputedTypography as aI, getContextOnlyBlocks as aJ, getElementDisplayName as aK, getElementSource as aL, getExportContentProfile as aM, getLocatorHeader as aN, getMoveIntentForEdit as aO, getOriginalInlineStyles as aP, getSelectionColors as aQ, getSizingValue as aR, hasSessionEditChanges as aS, isInFlowChild as aT, isInputFocused as aU, isTextElement as aV, partitionMultiSelectedEdits as aW, propertyToCSSMap as aX, resolveElementTarget as aY, sizingPropertyToCSSMap as aZ, sizingToTailwind as a_, getFlexDirection as aa, isFlexContainer as ab, isLayoutContainer as ac, parseColorValue as ad, parsePropertyValue as ae, stylesToTailwind as af, type AllComputedStyles as ag, type ExportContentProfile as ah, type MovePlanContext as ai, ORIGINAL_STYLE_PROPS as aj, borderPropertyToCSSMap as ak, borderRadiusPropertyToCSSMap as al, buildEditExport as am, buildElementContext as an, buildExportInstruction as ao, buildMovePlan as ap, buildMovePlanContext as aq, clamp as ar, collapseExportShorthands as as, collapseSpacingShorthands as at, colorPropertyToCSSMap as au, computeHoverHighlight as av, computeIntendedIndex as aw, detectChildrenDirection as ax, detectSizingMode as ay, ensureDirectTextSpanAtPoint as az, type SelectElementsOptions as b, typographyPropertyToCSSMap as b0, type SpacingPropertyKey as c, type BorderPropertyKey as d, type BorderProperties as e, type SizingPropertyKey as f, type SizingValue as g, type SizingChangeOptions as h, type ColorPropertyKey as i, type ColorValue as j, type Theme as k, type BorderStyleControlPreference as l, type DirectEditState as m, type SessionEdit as n, type SessionItem as o, type CanvasElementKind as p, type TypographyProperties as q, type Comment as r, type BorderRadiusProperties as s, type BorderStyle as t, type ColorProperties as u, type CommentReply as v, type DomSourceLocation as w, type DropTarget as x, type ElementLocator as y, type FlexProperties as z };

package/dist/utils.d.mts

@@ -1 +1 @@
-export { ag as AllComputedStyles, e as BorderProperties, d as BorderPropertyKey, s as BorderRadiusProperties, B as BorderRadiusPropertyKey, t as BorderStyle, C as CSSPropertyValue, u as ColorProperties, i as ColorPropertyKey, j as ColorValue, m as DirectEditState, D as DragState, a as DropIndicator, x as DropTarget, E as ElementInfo, y as ElementLocator, ah as ExportContentProfile, z as FlexProperties, F as FlexPropertyKey, M as MeasurementLine, H as MeasurementState, ai as MovePlanContext, aj as ORIGINAL_STYLE_PROPS, R as ReactComponentFrame, J as SizingMode, K as SizingProperties, f as SizingPropertyKey, g as SizingValue, L as SpacingProperties, c as SpacingPropertyKey, q as TypographyProperties, T as TypographyPropertyKey, ak as borderPropertyToCSSMap, al as borderRadiusPropertyToCSSMap, Q as buildCommentExport, am as buildEditExport, an as buildElementContext, ao as buildExportInstruction, ap as buildMovePlan, aq as buildMovePlanContext, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, ar as clamp, as as collapseExportShorthands, at as collapseSpacingShorthands, au as colorPropertyToCSSMap, _ as colorToTailwind, av as computeHoverHighlight, aw as computeIntendedIndex, ax as detectChildrenDirection, ay as detectSizingMode, $ as elementFromPointWithoutOverlays, az as ensureDirectTextSpanAtPoint, aA as findChildAtPoint, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, aB as findTextOwnerAtPoint, aC as findTextOwnerByRangeScan, aD as flexPropertyToCSSMap, a2 as formatPropertyValue, aE as getAllComputedStyles, aF as getChildBriefInfo, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, aG as getComputedSizing, a6 as getComputedStyles, aH as getComputedTypography, aI as getContextOnlyBlocks, a7 as getDimensionDisplay, aJ as getElementDisplayName, a8 as getElementInfo, a9 as getElementLocator, aK as getElementSource, aL as getExportContentProfile, aa as getFlexDirection, aM as getMoveIntentForEdit, aN as getOriginalInlineStyles, aO as getSelectionColors, aP as getSizingValue, aQ as hasSessionEditChanges, ab as isFlexContainer, aR as isInFlowChild, aS as isInputFocused, ac as isLayoutContainer, aT as isTextElement, ad as parseColorValue, ae as parsePropertyValue, aU as partitionMultiSelectedEdits, aV as propertyToCSSMap, aW as resolveElementTarget, aX as sizingPropertyToCSSMap, aY as sizingToTailwind, aZ as sizingValueToCSS, af as stylesToTailwind, a_ as typographyPropertyToCSSMap } from './utils-DvJ3xKrO.mjs';
+export { ag as AllComputedStyles, e as BorderProperties, d as BorderPropertyKey, s as BorderRadiusProperties, B as BorderRadiusPropertyKey, t as BorderStyle, C as CSSPropertyValue, u as ColorProperties, i as ColorPropertyKey, j as ColorValue, m as DirectEditState, D as DragState, a as DropIndicator, x as DropTarget, E as ElementInfo, y as ElementLocator, ah as ExportContentProfile, z as FlexProperties, F as FlexPropertyKey, M as MeasurementLine, H as MeasurementState, ai as MovePlanContext, aj as ORIGINAL_STYLE_PROPS, R as ReactComponentFrame, J as SizingMode, K as SizingProperties, f as SizingPropertyKey, g as SizingValue, L as SpacingProperties, c as SpacingPropertyKey, q as TypographyProperties, T as TypographyPropertyKey, ak as borderPropertyToCSSMap, al as borderRadiusPropertyToCSSMap, Q as buildCommentExport, am as buildEditExport, an as buildElementContext, ao as buildExportInstruction, ap as buildMovePlan, aq as buildMovePlanContext, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, ar as clamp, as as collapseExportShorthands, at as collapseSpacingShorthands, au as colorPropertyToCSSMap, _ as colorToTailwind, av as computeHoverHighlight, aw as computeIntendedIndex, ax as detectChildrenDirection, ay as detectSizingMode, $ as elementFromPointWithoutOverlays, az as ensureDirectTextSpanAtPoint, aA as findChildAtPoint, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, aB as findTextOwnerAtPoint, aC as findTextOwnerByRangeScan, aD as flexPropertyToCSSMap, aE as formatComponentTree, a2 as formatPropertyValue, aF as getAllComputedStyles, aG as getChildBriefInfo, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, aH as getComputedSizing, a6 as getComputedStyles, aI as getComputedTypography, aJ as getContextOnlyBlocks, a7 as getDimensionDisplay, aK as getElementDisplayName, a8 as getElementInfo, a9 as getElementLocator, aL as getElementSource, aM as getExportContentProfile, aa as getFlexDirection, aN as getLocatorHeader, aO as getMoveIntentForEdit, aP as getOriginalInlineStyles, aQ as getSelectionColors, aR as getSizingValue, aS as hasSessionEditChanges, ab as isFlexContainer, aT as isInFlowChild, aU as isInputFocused, ac as isLayoutContainer, aV as isTextElement, ad as parseColorValue, ae as parsePropertyValue, aW as partitionMultiSelectedEdits, aX as propertyToCSSMap, aY as resolveElementTarget, aZ as sizingPropertyToCSSMap, a_ as sizingToTailwind, a$ as sizingValueToCSS, af as stylesToTailwind, b0 as typographyPropertyToCSSMap } from './utils-lksVP2Wq.mjs';

package/dist/utils.d.ts

@@ -1 +1 @@
-export { ag as AllComputedStyles, e as BorderProperties, d as BorderPropertyKey, s as BorderRadiusProperties, B as BorderRadiusPropertyKey, t as BorderStyle, C as CSSPropertyValue, u as ColorProperties, i as ColorPropertyKey, j as ColorValue, m as DirectEditState, D as DragState, a as DropIndicator, x as DropTarget, E as ElementInfo, y as ElementLocator, ah as ExportContentProfile, z as FlexProperties, F as FlexPropertyKey, M as MeasurementLine, H as MeasurementState, ai as MovePlanContext, aj as ORIGINAL_STYLE_PROPS, R as ReactComponentFrame, J as SizingMode, K as SizingProperties, f as SizingPropertyKey, g as SizingValue, L as SpacingProperties, c as SpacingPropertyKey, q as TypographyProperties, T as TypographyPropertyKey, ak as borderPropertyToCSSMap, al as borderRadiusPropertyToCSSMap, Q as buildCommentExport, am as buildEditExport, an as buildElementContext, ao as buildExportInstruction, ap as buildMovePlan, aq as buildMovePlanContext, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, ar as clamp, as as collapseExportShorthands, at as collapseSpacingShorthands, au as colorPropertyToCSSMap, _ as colorToTailwind, av as computeHoverHighlight, aw as computeIntendedIndex, ax as detectChildrenDirection, ay as detectSizingMode, $ as elementFromPointWithoutOverlays, az as ensureDirectTextSpanAtPoint, aA as findChildAtPoint, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, aB as findTextOwnerAtPoint, aC as findTextOwnerByRangeScan, aD as flexPropertyToCSSMap, a2 as formatPropertyValue, aE as getAllComputedStyles, aF as getChildBriefInfo, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, aG as getComputedSizing, a6 as getComputedStyles, aH as getComputedTypography, aI as getContextOnlyBlocks, a7 as getDimensionDisplay, aJ as getElementDisplayName, a8 as getElementInfo, a9 as getElementLocator, aK as getElementSource, aL as getExportContentProfile, aa as getFlexDirection, aM as getMoveIntentForEdit, aN as getOriginalInlineStyles, aO as getSelectionColors, aP as getSizingValue, aQ as hasSessionEditChanges, ab as isFlexContainer, aR as isInFlowChild, aS as isInputFocused, ac as isLayoutContainer, aT as isTextElement, ad as parseColorValue, ae as parsePropertyValue, aU as partitionMultiSelectedEdits, aV as propertyToCSSMap, aW as resolveElementTarget, aX as sizingPropertyToCSSMap, aY as sizingToTailwind, aZ as sizingValueToCSS, af as stylesToTailwind, a_ as typographyPropertyToCSSMap } from './utils-DvJ3xKrO.js';
+export { ag as AllComputedStyles, e as BorderProperties, d as BorderPropertyKey, s as BorderRadiusProperties, B as BorderRadiusPropertyKey, t as BorderStyle, C as CSSPropertyValue, u as ColorProperties, i as ColorPropertyKey, j as ColorValue, m as DirectEditState, D as DragState, a as DropIndicator, x as DropTarget, E as ElementInfo, y as ElementLocator, ah as ExportContentProfile, z as FlexProperties, F as FlexPropertyKey, M as MeasurementLine, H as MeasurementState, ai as MovePlanContext, aj as ORIGINAL_STYLE_PROPS, R as ReactComponentFrame, J as SizingMode, K as SizingProperties, f as SizingPropertyKey, g as SizingValue, L as SpacingProperties, c as SpacingPropertyKey, q as TypographyProperties, T as TypographyPropertyKey, ak as borderPropertyToCSSMap, al as borderRadiusPropertyToCSSMap, Q as buildCommentExport, am as buildEditExport, an as buildElementContext, ao as buildExportInstruction, ap as buildMovePlan, aq as buildMovePlanContext, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, ar as clamp, as as collapseExportShorthands, at as collapseSpacingShorthands, au as colorPropertyToCSSMap, _ as colorToTailwind, av as computeHoverHighlight, aw as computeIntendedIndex, ax as detectChildrenDirection, ay as detectSizingMode, $ as elementFromPointWithoutOverlays, az as ensureDirectTextSpanAtPoint, aA as findChildAtPoint, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, aB as findTextOwnerAtPoint, aC as findTextOwnerByRangeScan, aD as flexPropertyToCSSMap, aE as formatComponentTree, a2 as formatPropertyValue, aF as getAllComputedStyles, aG as getChildBriefInfo, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, aH as getComputedSizing, a6 as getComputedStyles, aI as getComputedTypography, aJ as getContextOnlyBlocks, a7 as getDimensionDisplay, aK as getElementDisplayName, a8 as getElementInfo, a9 as getElementLocator, aL as getElementSource, aM as getExportContentProfile, aa as getFlexDirection, aN as getLocatorHeader, aO as getMoveIntentForEdit, aP as getOriginalInlineStyles, aQ as getSelectionColors, aR as getSizingValue, aS as hasSessionEditChanges, ab as isFlexContainer, aT as isInFlowChild, aU as isInputFocused, ac as isLayoutContainer, aV as isTextElement, ad as parseColorValue, ae as parsePropertyValue, aW as partitionMultiSelectedEdits, aX as propertyToCSSMap, aY as resolveElementTarget, aZ as sizingPropertyToCSSMap, a_ as sizingToTailwind, a$ as sizingValueToCSS, af as stylesToTailwind, b0 as typographyPropertyToCSSMap } from './utils-lksVP2Wq.js';

package/dist/utils.js

@@ -51,6 +51,7 @@ __export(utils_exports, {
   findTextOwnerAtPoint: () => findTextOwnerAtPoint,
   findTextOwnerByRangeScan: () => findTextOwnerByRangeScan,
   flexPropertyToCSSMap: () => flexPropertyToCSSMap,
+  formatComponentTree: () => formatComponentTree,
   formatPropertyValue: () => formatPropertyValue,
   getAllComputedStyles: () => getAllComputedStyles,
   getChildBriefInfo: () => getChildBriefInfo,
@@ -68,6 +69,7 @@ __export(utils_exports, {
   getElementSource: () => getElementSource,
   getExportContentProfile: () => getExportContentProfile,
   getFlexDirection: () => getFlexDirection,
+  getLocatorHeader: () => getLocatorHeader,
   getMoveIntentForEdit: () => getMoveIntentForEdit,
   getOriginalInlineStyles: () => getOriginalInlineStyles,
   getSelectionColors: () => getSelectionColors,
@@ -133,6 +135,122 @@ function getZoomScale() {
   return snap.active ? snap.zoom : 1;
 }
 
+// src/utils/react-fiber.ts
+var EXCLUDED_PROP_KEYS = /* @__PURE__ */ new Set([
+  "className",
+  "style",
+  "children",
+  "ref",
+  "key",
+  "render"
+]);
+function serializePropValue(value) {
+  if (typeof value === "function") return "[function]";
+  if (typeof value === "symbol") return void 0;
+  if (value === void 0) return void 0;
+  if (value !== null && typeof value === "object") {
+    if ("$$typeof" in value) return "[element]";
+    try {
+      JSON.stringify(value);
+      return value;
+    } catch {
+      return "[object]";
+    }
+  }
+  return value;
+}
+function getComponentProps(fiber) {
+  const props = fiber?.memoizedProps ?? fiber?.pendingProps;
+  if (!props || typeof props !== "object") return {};
+  const result = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (EXCLUDED_PROP_KEYS.has(key)) continue;
+    if (key.startsWith("data-")) continue;
+    const serialized = serializePropValue(value);
+    if (serialized !== void 0) {
+      result[key] = serialized;
+    }
+  }
+  return result;
+}
+function getCallSiteSource(fiber) {
+  const source = fiber?._debugSource;
+  if (source?.fileName) {
+    return {
+      file: source.fileName,
+      line: typeof source.lineNumber === "number" ? source.lineNumber : void 0,
+      column: typeof source.columnNumber === "number" ? source.columnNumber : void 0
+    };
+  }
+  const pending = fiber?.pendingProps?.__source;
+  if (pending?.fileName) {
+    return {
+      file: pending.fileName,
+      line: typeof pending.lineNumber === "number" ? pending.lineNumber : void 0,
+      column: typeof pending.columnNumber === "number" ? pending.columnNumber : void 0
+    };
+  }
+  return null;
+}
+function deriveDefinitionSource(frames) {
+  for (const frame of frames) {
+    if (frame.file && isComponentPrimitivePath(frame.file)) {
+      return { file: frame.file, line: frame.line, column: frame.column };
+    }
+  }
+  return null;
+}
+var PRIMITIVE_PATH_PATTERNS = [
+  /\/components\/ui\//,
+  /\/ui\/primitives\//,
+  /\/design-system\//
+];
+var PRIMITIVE_NPM_PATTERNS = [
+  /@base-ui\//,
+  /@radix-ui\//,
+  /@headlessui\//,
+  /@chakra-ui\//,
+  /@mantine\//,
+  /@mui\//,
+  /@ark-ui\//
+];
+var FRAMEWORK_EXCLUSION_PATTERNS = [
+  /node_modules\/react\//,
+  /node_modules\/react-dom\//,
+  /node_modules\/next\/dist\//,
+  /node_modules\/scheduler\//,
+  /node_modules\/react-server\//
+];
+function isComponentPrimitivePath(filePath) {
+  const normalized = filePath.replace(/\\/g, "/");
+  for (const pattern of FRAMEWORK_EXCLUSION_PATTERNS) {
+    if (pattern.test(normalized)) return false;
+  }
+  for (const pattern of PRIMITIVE_NPM_PATTERNS) {
+    if (pattern.test(normalized)) return true;
+  }
+  for (const pattern of PRIMITIVE_PATH_PATTERNS) {
+    if (pattern.test(normalized)) return true;
+  }
+  return false;
+}
+function classifyComponentFiber(fiber, frames, elementSourceFile) {
+  if (elementSourceFile && isComponentPrimitivePath(elementSourceFile)) {
+    return { isComponentPrimitive: true };
+  }
+  if (!fiber) return { isComponentPrimitive: false };
+  const callSite = getCallSiteSource(fiber);
+  if (callSite?.file && isComponentPrimitivePath(callSite.file)) {
+    return { isComponentPrimitive: true };
+  }
+  for (const frame of frames) {
+    if (frame.file && isComponentPrimitivePath(frame.file)) {
+      return { isComponentPrimitive: true };
+    }
+  }
+  return { isComponentPrimitive: false };
+}
+
 // src/utils.ts
 function clamp(value, min, max) {
   if (!Number.isFinite(value)) return min;
@@ -1898,38 +2016,48 @@ function getOwnerStack(fiber) {
   const frames = [];
   let current = fiber;
   let lastFrame = null;
+  let nearestComponentFiber = null;
   while (current) {
     const frame = buildFrame(current);
     if (frame && shouldIncludeFrame(frame, lastFrame)) {
       frames.push(frame);
       lastFrame = frame;
+      if (!nearestComponentFiber) {
+        nearestComponentFiber = current;
+      }
     }
     current = current._debugOwner;
   }
-  return frames;
+  return { frames, nearestComponentFiber };
 }
 function getRenderStack(fiber) {
   const frames = [];
   let current = fiber;
   let lastFrame = null;
+  let nearestComponentFiber = null;
   while (current) {
     const frame = buildFrame(current);
     if (frame && shouldIncludeFrame(frame, lastFrame)) {
       frames.push(frame);
       lastFrame = frame;
+      if (!nearestComponentFiber) {
+        nearestComponentFiber = current;
+      }
     }
     current = current.return;
   }
-  return frames;
+  return { frames, nearestComponentFiber };
 }
-function getReactComponentStack(element) {
+function getReactComponentInfo(element) {
   const fiber = getFiberForElement(element);
-  if (!fiber) return [];
-  const ownerStack = getOwnerStack(fiber);
-  if (ownerStack.length > 0) {
-    return ownerStack;
+  if (!fiber) return { frames: [], nearestComponentFiber: null };
+  const elementSource = getSourceFromFiber(fiber);
+  const elementSourceFile = elementSource?.fileName || void 0;
+  const ownerResult = getOwnerStack(fiber);
+  if (ownerResult.frames.length > 0) {
+    return { ...ownerResult, elementSourceFile };
   }
-  return getRenderStack(fiber);
+  return { ...getRenderStack(fiber), elementSourceFile };
 }
 function getElementDisplayName(element) {
   const tag = element.tagName.toLowerCase();
@@ -2231,6 +2359,27 @@ function parseDomSource(element) {
   }
   return { file, line, column };
 }
+var MAX_SUB_ELEMENT_SOURCES = 20;
+function collectSubElementSources(element) {
+  const sources = {};
+  const children = element.querySelectorAll("[data-direct-edit-source]");
+  const labelCounts = /* @__PURE__ */ new Map();
+  let count = 0;
+  for (const child of children) {
+    if (count >= MAX_SUB_ELEMENT_SOURCES) break;
+    if (!(child instanceof HTMLElement)) continue;
+    const source = parseDomSource(child);
+    if (!source) continue;
+    const text = ((child.innerText || child.textContent) ?? "").trim();
+    let baseLabel = text.length > 0 && text.length <= 30 ? text.slice(0, 30).toLowerCase().replace(/\s+/g, "_") : child.tagName.toLowerCase();
+    const existing = labelCounts.get(baseLabel) ?? 0;
+    labelCounts.set(baseLabel, existing + 1);
+    const label = existing > 0 ? `${baseLabel}_${existing + 1}` : baseLabel;
+    sources[label] = source;
+    count++;
+  }
+  return sources;
+}
 function getElementSource(element) {
   const domSource = parseDomSource(element);
   if (domSource) return domSource;
@@ -2253,8 +2402,15 @@ function getElementSource(element) {
 function getElementLocator(element) {
   const elementInfo = getElementInfo(element);
   const domSource = getElementSource(element);
+  const { frames, nearestComponentFiber, elementSourceFile } = getReactComponentInfo(element);
+  const componentName = nearestComponentFiber?.type?.displayName || nearestComponentFiber?.type?.name || void 0;
+  const authoredProps = nearestComponentFiber ? getComponentProps(nearestComponentFiber) : void 0;
+  const classification = classifyComponentFiber(nearestComponentFiber, frames, elementSourceFile);
+  const callSite = nearestComponentFiber ? getCallSiteSource(nearestComponentFiber) : null;
+  const definitionSrc = classification.isComponentPrimitive ? deriveDefinitionSource(frames) : null;
+  const subSources = collectSubElementSources(element);
   return {
-    reactStack: getReactComponentStack(element),
+    reactStack: frames,
     domSelector: buildDomSelector(element),
     domContextHtml: buildDomContextHtml(element),
     targetHtml: buildTargetHtml(element),
@@ -2262,36 +2418,80 @@ function getElementLocator(element) {
     tagName: elementInfo.tagName,
     id: elementInfo.id,
     classList: elementInfo.classList,
-    domSource: domSource ?? void 0
+    domSource: domSource ?? void 0,
+    reactComponentName: componentName,
+    authoredProps: authoredProps && Object.keys(authoredProps).length > 0 ? authoredProps : void 0,
+    subElementSources: Object.keys(subSources).length > 0 ? subSources : void 0,
+    callSiteSource: callSite ?? void 0,
+    definitionSource: definitionSrc ?? void 0,
+    isComponentPrimitive: nearestComponentFiber || elementSourceFile ? classification.isComponentPrimitive : void 0
   };
 }
 function getLocatorHeader(locator) {
   const primaryFrame = getPrimaryFrame(locator);
-  const componentLabel = primaryFrame?.name ? primaryFrame.name : locator.tagName;
-  const formattedSource = locator.domSource?.file ? formatSourceLocation(locator.domSource.file, locator.domSource.line, locator.domSource.column) : primaryFrame?.file ? formatSourceLocation(primaryFrame.file, primaryFrame.line, primaryFrame.column) : null;
-  return { componentLabel, formattedSource };
+  const componentLabel = locator.reactComponentName ?? primaryFrame?.name ?? locator.tagName;
+  let formattedSource;
+  if (locator.isComponentPrimitive && locator.definitionSource?.file) {
+    formattedSource = formatSourceLocation(
+      locator.definitionSource.file,
+      locator.definitionSource.line,
+      locator.definitionSource.column
+    );
+  } else {
+    formattedSource = locator.domSource?.file ? formatSourceLocation(locator.domSource.file, locator.domSource.line, locator.domSource.column) : primaryFrame?.file ? formatSourceLocation(primaryFrame.file, primaryFrame.line, primaryFrame.column) : null;
+  }
+  const formattedCallSite = locator.callSiteSource?.file ? formatSourceLocation(locator.callSiteSource.file, locator.callSiteSource.line, locator.callSiteSource.column) : null;
+  return { componentLabel, formattedSource, formattedCallSite };
+}
+function formatComponentTree(reactStack) {
+  const names = reactStack.map((f) => f.name).filter(Boolean);
+  if (names.length === 0) return null;
+  if (names.length === 1) return names[0];
+  const [component, ...ancestors] = names;
+  return `${component} (in ${ancestors.join(" > ")})`;
 }
 function buildLocatorContextLines(locator, options) {
   const lines = [];
-  const { componentLabel, formattedSource } = getLocatorHeader(locator);
+  const { componentLabel, formattedSource, formattedCallSite } = getLocatorHeader(locator);
   const target = (locator.targetHtml || locator.domContextHtml || "").trim();
   const context = locator.domContextHtml?.trim() || "";
-  const selector = locator.domSelector?.trim();
+  const path = locator.domSelector?.trim();
   const text = locator.textPreview?.trim();
   lines.push(`@<${componentLabel}>`);
   lines.push("");
+  const tree = formatComponentTree(locator.reactStack);
+  if (tree) {
+    lines.push(`react: ${tree}`);
+  }
+  if (locator.authoredProps && Object.keys(locator.authoredProps).length > 0) {
+    lines.push(`props: ${JSON.stringify(locator.authoredProps)}`);
+  }
+  if (locator.isComponentPrimitive != null) {
+    lines.push(`type: ${locator.isComponentPrimitive ? "component" : "instance"}`);
+  }
+  lines.push(`source: ${formattedSource ?? "(file not available)"}`);
+  if (formattedCallSite && formattedCallSite !== formattedSource) {
+    lines.push(`call-site: ${formattedCallSite}`);
+  }
+  if (locator.subElementSources && Object.keys(locator.subElementSources).length > 0) {
+    lines.push("source-map:");
+    for (const [label, source] of Object.entries(locator.subElementSources)) {
+      lines.push(`  - ${label}: ${formatSourceLocation(source.file, source.line, source.column)}`);
+    }
+  }
+  if (path) {
+    lines.push(`path: ${path}`);
+  }
   if (target) {
+    lines.push("");
     lines.push("target:");
     lines.push(target);
   }
   if (!options?.skipContext && context && context !== target) {
+    lines.push("");
     lines.push("context:");
     lines.push(context);
   }
-  lines.push(`in ${formattedSource ?? "(file not available)"}`);
-  if (selector) {
-    lines.push(`selector: ${selector}`);
-  }
   if (text) {
     lines.push(`text: ${text}`);
   }
@@ -3088,6 +3288,7 @@ ${buildMoveExportLines(moveIntent).join("\n")}`;
   findTextOwnerAtPoint,
   findTextOwnerByRangeScan,
   flexPropertyToCSSMap,
+  formatComponentTree,
   formatPropertyValue,
   getAllComputedStyles,
   getChildBriefInfo,
@@ -3105,6 +3306,7 @@ ${buildMoveExportLines(moveIntent).join("\n")}`;
   getElementSource,
   getExportContentProfile,
   getFlexDirection,
+  getLocatorHeader,
   getMoveIntentForEdit,
   getOriginalInlineStyles,
   getSelectionColors,