made-refine 0.2.10 → 0.2.13

package/dist/utils.mjs

@@ -602,8 +602,7 @@ function detectSizingMode(element, dimension) {
 }
 function getSizingValue(element, dimension) {
   const mode = detectSizingMode(element, dimension);
-  const rect = element.getBoundingClientRect();
-  const numericValue = Math.round(dimension === "width" ? rect.width : rect.height);
+  const numericValue = Math.round(dimension === "width" ? element.offsetWidth : element.offsetHeight);
   return {
     mode,
     value: {
@@ -2208,6 +2207,35 @@ function buildLocatorContextLines(locator, options) {
 function buildElementContext(locator) {
   return buildLocatorContextLines(locator).join("\n");
 }
+function hasSessionEditChanges(edit) {
+  return Object.keys(edit.pendingStyles).length > 0 || Boolean(edit.textEdit) || Boolean(edit.move);
+}
+function partitionMultiSelectedEdits(elements, sessionEditsRef) {
+  const editsWithChanges = [];
+  const contextBlocks = [];
+  for (const el of elements) {
+    if (!el.isConnected) continue;
+    const edit = sessionEditsRef.current.get(el);
+    if (edit && hasSessionEditChanges(edit)) {
+      editsWithChanges.push(edit);
+    } else {
+      contextBlocks.push(buildElementContext(getElementLocator(el)));
+    }
+  }
+  return { editsWithChanges, contextBlocks };
+}
+function getContextOnlyBlocks(selectedElements, sessionItems) {
+  if (selectedElements.length <= 1) return [];
+  const sessionElementSet = new Set(
+    sessionItems.filter((i) => i.type === "edit").map((i) => i.edit.element)
+  );
+  const blocks = [];
+  for (const el of selectedElements) {
+    if (!el.isConnected || sessionElementSet.has(el)) continue;
+    blocks.push(buildElementContext(getElementLocator(el)));
+  }
+  return blocks;
+}
 var spacingGroups = [
   { top: "padding-top", right: "padding-right", bottom: "padding-bottom", left: "padding-left", all: "padding", inline: "padding-inline", block: "padding-block" },
   { top: "margin-top", right: "margin-right", bottom: "margin-bottom", left: "margin-left", all: "margin", inline: "margin-inline", block: "margin-block" }
@@ -2880,7 +2908,7 @@ function buildExportInstruction(profile) {
     return hasComments ? "Address this feedback on the UI. Use the provided source location and selector to find each element in the codebase." : "";
   }
   const parts = [];
-  if (hasCssEdits) parts.push("Apply the CSS changes to the targeted elements using the project's existing styling approach (Tailwind, CSS modules, etc.).");
+  if (hasCssEdits) parts.push("Apply the CSS changes to the targeted elements using the project's existing styling approach (Tailwind, CSS modules, etc.). Map values to existing CSS variables, design tokens, or utility classes already used in the project whenever possible.");
   if (hasTextEdits) parts.push("Update the text content as specified.");
   if (hasMoves) parts.push("Implement the move plan below directly in source code. For `structural_move`, reorder/reparent elements using the target anchors. For `layout_refactor`, apply the listed flex/grid refactor steps. Do NOT simulate movement with absolute positioning, left/top offsets, transform, or margin hacks.");
   if (hasComments) parts.push("Address the comments on the relevant elements.");
@@ -2975,6 +3003,7 @@ export {
   getComputedSizing,
   getComputedStyles,
   getComputedTypography,
+  getContextOnlyBlocks,
   getDimensionDisplay,
   getElementDisplayName,
   getElementInfo,
@@ -2986,6 +3015,7 @@ export {
   getOriginalInlineStyles,
   getSelectionColors,
   getSizingValue,
+  hasSessionEditChanges,
   isFlexContainer,
   isInFlowChild,
   isInputFocused,
@@ -2993,6 +3023,7 @@ export {
   isTextElement2 as isTextElement,
   parseColorValue,
   parsePropertyValue,
+  partitionMultiSelectedEdits,
   propertyToCSSMap,
   resolveElementTarget,
   sizingPropertyToCSSMap,