zuljaman-banner-components 1.0.23 → 1.0.24

package/dist/components/styles/Style2/substyleConfig.js

@@ -18,108 +18,108 @@ exports.STYLE2_SUBSTYLE_CONFIGS = {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: -486, // 5% from top (54px) = -486px from center
         },
-        copy1: {
-            x: 0, // Centered horizontally
-            y: 432, // 10% from bottom (108px) = 432px from center
-            width: 950, // 88% of 1080px
-            alignment: 'center',
-        },
-        copy2: {
-            x: 259, // 6% from right (65px), centered within 40% width (432px) = 259px from center
-            y: 432, // Start at same Y as copy1 (will be auto-positioned above)
-            width: 432, // 40% of 1080px
-            alignment: 'center',
-            rotation: 3,
-            color: '#000000',
-            bgColor: '#FFFFFF',
-            hasBg: true,
-            paddingX: '1.25rem',
-            paddingY: '1rem',
-            borderRadius: '0.75rem',
-        },
+        copies: [
+            {
+                x: 0, // Centered horizontally (copy-0)
+                y: 432, // 10% from bottom (108px) = 432px from center
+                width: 950, // 88% of 1080px
+                alignment: 'center',
+            },
+            {
+                x: 259, // 6% from right (65px), centered within 40% width (432px) = 259px from center (copy-1)
+                y: 432, // Same Y as copy-0, auto-positioning calculates offset
+                width: 432, // 40% of 1080px
+                alignment: 'center',
+                rotation: 3,
+                color: '#000000',
+                bgColor: '#FFFFFF',
+                hasBg: true,
+                paddingX: '1.25rem',
+                paddingY: '1rem',
+                borderRadius: '0.75rem',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'copy1',
-            targetElement: 'copy2',
-            direction: 'up',
+            enabled: true,
+            links: [
+                { fromElement: 'copy-0', toElement: 'copy-1', direction: 'up' },
+            ],
         },
         gapRem: 2,
-        fontSize: {
-            copy1: 1.0,
-            copy2: 0.40,
-        },
+        fontSizes: [1.0, 0.40],
     },
     2: {
         logo: {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: -486,
         },
-        copy1: {
-            x: 0,
-            y: 432,
-            width: 950,
-            alignment: 'center',
-        },
-        copy2: {
-            x: -259, // 6% from left (65px), centered within 40% width (432px) = -259px from center
-            y: -486, // Start at same Y as logo (will be auto-positioned below)
-            width: 432,
-            alignment: 'center',
-            rotation: -3,
-            color: '#000000',
-            bgColor: '#FFFFFF',
-            hasBg: true,
-            paddingX: '1.25rem',
-            paddingY: '1rem',
-            borderRadius: '0.75rem',
-        },
+        copies: [
+            {
+                x: 0, // copy-0
+                y: 432,
+                width: 950,
+                alignment: 'center',
+            },
+            {
+                x: -259, // 6% from left (65px), centered within 40% width (432px) = -259px from center (copy-1)
+                y: -486, // Same Y as logo, auto-positioning calculates offset
+                width: 432,
+                alignment: 'center',
+                rotation: -3,
+                color: '#000000',
+                bgColor: '#FFFFFF',
+                hasBg: true,
+                paddingX: '1.25rem',
+                paddingY: '1rem',
+                borderRadius: '0.75rem',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'logo',
-            targetElement: 'copy2',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'logo', toElement: 'copy-1', direction: 'down' },
+            ],
         },
         gapRem: 2,
-        fontSize: {
-            copy1: 1.0,
-            copy2: 0.40,
-        },
+        fontSizes: [1.0, 0.40],
     },
     3: {
         logo: {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: -486,
         },
-        copy1: {
-            x: 0,
-            y: 432,
-            width: 950,
-            alignment: 'center',
-        },
-        copy2: {
-            x: 259, // 6% from right (65px), centered within 40% width (432px) = 259px from center
-            y: -486, // Start at same Y as logo (will be auto-positioned below)
-            width: 432,
-            alignment: 'center',
-            rotation: 3,
-            color: '#000000',
-            bgColor: '#FFFFFF',
-            hasBg: true,
-            paddingX: '1.25rem',
-            paddingY: '1rem',
-            borderRadius: '0.75rem',
-        },
+        copies: [
+            {
+                x: 0, // copy-0
+                y: 432,
+                width: 950,
+                alignment: 'center',
+            },
+            {
+                x: 259, // 6% from right (65px), centered within 40% width (432px) = 259px from center (copy-1)
+                y: -486, // Same Y as logo, auto-positioning calculates offset
+                width: 432,
+                alignment: 'center',
+                rotation: 3,
+                color: '#000000',
+                bgColor: '#FFFFFF',
+                hasBg: true,
+                paddingX: '1.25rem',
+                paddingY: '1rem',
+                borderRadius: '0.75rem',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'logo',
-            targetElement: 'copy2',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'logo', toElement: 'copy-1', direction: 'down' },
+            ],
         },
         gapRem: 2,
-        fontSize: {
-            copy1: 1.0,
-            copy2: 0.40,
-        },
+        fontSizes: [1.0, 0.40],
     },
 };
 /**

package/dist/components/styles/Style3/substyleConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"substyleConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/styles/Style3/substyleConfig.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAmElE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,cAEpD,CAAC"}
+{"version":3,"file":"substyleConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/styles/Style3/substyleConfig.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAsElE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,cAEpD,CAAC"}

package/dist/components/styles/Style3/substyleConfig.js

@@ -15,69 +15,72 @@ const substyleUtils_1 = require("../utils/substyleUtils");
 exports.STYLE3_SUBSTYLE_CONFIGS = {
     1: {
         logo: {
-            x: 14, // Centered with copy1 (124 - logoWidth/2)
+            x: 14, // Centered with copy-0 (124 - logoWidth/2)
             y: -216, // 30% from top (324px) = -216px from center
         },
-        copy1: {
-            x: 124, // 6% from right, centered within 65% width = 124px from center
-            y: -216, // Start at same Y as logo (will be auto-positioned below)
-            width: 702, // 65% of 1080px
-            alignment: 'center',
-        },
+        copies: [
+            {
+                x: 124, // 6% from right, centered within 65% width = 124px from center (copy-0)
+                y: -216, // Same Y as logo, auto-positioning calculates offset
+                width: 702, // 65% of 1080px
+                alignment: 'center',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'logo',
-            targetElement: 'copy1',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'logo', toElement: 'copy-0', direction: 'down' },
+            ],
         },
         gapRem: 1.5,
-        fontSize: {
-            copy1: 0.60,
-        },
+        fontSizes: [0.60],
     },
     2: {
         logo: {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: 380, // 15% from bottom (162px) = 378px from center
         },
-        copy1: {
-            x: 0, // Centered horizontally
-            y: 380, // Start at same Y as logo (will be auto-positioned above)
-            width: 702, // 65% of 1080px
-            alignment: 'center',
-        },
+        copies: [
+            {
+                x: 0, // Centered horizontally (copy-0)
+                y: 380, // Same Y as logo, auto-positioning calculates offset
+                width: 702, // 65% of 1080px
+                alignment: 'center',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'logo',
-            targetElement: 'copy1',
-            direction: 'up',
+            enabled: true,
+            links: [
+                { fromElement: 'logo', toElement: 'copy-0', direction: 'up' },
+            ],
         },
         gapRem: 1.5,
-        fontSize: {
-            copy1: 0.60,
-        },
+        fontSizes: [0.60],
     },
     3: {
         logo: {
             x: 254, // 6% from right edge, logo left edge = 254px from center
             y: 380, // 15% from bottom (162px) = 378px from center
         },
-        copy1: {
-            x: 313, // 6% from right, centered within 30% width = 313px from center
-            y: 380, // Start at same Y as logo (will be auto-positioned above)
-            width: 324, // 30% of 1080px
-            alignment: 'left',
-        },
+        copies: [
+            {
+                x: 313, // 6% from right, centered within 30% width = 313px from center (copy-0)
+                y: 380, // Same Y as logo, auto-positioning calculates offset
+                width: 324, // 30% of 1080px
+                alignment: 'left',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'logo',
-            targetElement: 'copy1',
-            direction: 'up',
+            enabled: true,
+            links: [
+                { fromElement: 'logo', toElement: 'copy-0', direction: 'up' },
+            ],
         },
         gapRem: 1.5,
-        fontSize: {
-            copy1: 0.60,
-        },
+        fontSizes: [0.60],
     },
 };
 /**

package/dist/components/styles/Style4/substyleConfig.js

@@ -18,87 +18,87 @@ exports.STYLE4_SUBSTYLE_CONFIGS = {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: 380, // 15% from bottom (162px) = 378px from center
         },
-        copy1: {
-            x: 0, // Centered horizontally
-            y: -486, // Start at same Y as copy2 (will be auto-positioned below)
-            width: 972, // 90% of 1080px
-            alignment: 'center',
-        },
-        copy2: {
-            x: 0, // Centered horizontally
-            y: -486, // 5% from top (54px) = -486px from center
-            width: 950, // 88% of 1080px
-            alignment: 'center',
-        },
+        copies: [
+            {
+                x: 0, // Centered horizontally (copy-0)
+                y: -486, // Same Y as copy-1, auto-positioning calculates offset
+                width: 972, // 90% of 1080px
+                alignment: 'center',
+            },
+            {
+                x: 0, // Centered horizontally (copy-1)
+                y: -486, // 5% from top (54px) = -486px from center
+                width: 950, // 88% of 1080px
+                alignment: 'center',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'copy2',
-            targetElement: 'copy1',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'copy-1', toElement: 'copy-0', direction: 'down' },
+            ],
         },
         gapRem: 0.15,
-        fontSize: {
-            copy1: 1.6,
-            copy2: 0.60,
-        },
+        fontSizes: [1.6, 0.60],
     },
     2: {
         logo: {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: 380, // 15% from bottom (162px) = 378px from center
         },
-        copy1: {
-            x: 0, // Centered horizontally
-            y: -136, // 37.4% from top (404px) = -136px from center
-            width: 972, // 90% of 1080px
-            alignment: 'center',
-        },
-        copy2: {
-            x: 0, // Centered horizontally
-            y: -136, // Start at same Y as copy1 (will be auto-positioned below)
-            width: 950, // 88% of 1080px
-            alignment: 'center',
-        },
+        copies: [
+            {
+                x: 0, // Centered horizontally (copy-0)
+                y: -136, // 37.4% from top (404px) = -136px from center
+                width: 972, // 90% of 1080px
+                alignment: 'center',
+            },
+            {
+                x: 0, // Centered horizontally (copy-1)
+                y: -136, // Same Y as copy-0, auto-positioning calculates offset
+                width: 950, // 88% of 1080px
+                alignment: 'center',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'copy1',
-            targetElement: 'copy2',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'copy-0', toElement: 'copy-1', direction: 'down' },
+            ],
         },
         gapRem: 1,
-        fontSize: {
-            copy1: 1.75,
-            copy2: 0.60,
-        },
+        fontSizes: [1.75, 0.60],
     },
     3: {
         logo: {
             x: -110, // Centered horizontally (logo left edge offset for centerOrigin: false)
             y: 380, // 15% from bottom (162px) = 378px from center
         },
-        copy1: {
-            x: 0, // Centered horizontally
-            y: -281, // 24% from top (259px) = -281px from center
-            width: 972, // 90% of 1080px
-            alignment: 'center',
-        },
-        copy2: {
-            x: 0, // Centered horizontally
-            y: -281, // Start at same Y as copy1 (will be auto-positioned below)
-            width: 950, // 88% of 1080px
-            alignment: 'center',
-        },
+        copies: [
+            {
+                x: 0, // Centered horizontally (copy-0)
+                y: -281, // 24% from top (259px) = -281px from center
+                width: 972, // 90% of 1080px
+                alignment: 'center',
+            },
+            {
+                x: 0, // Centered horizontally (copy-1)
+                y: -281, // Same Y as copy-0, auto-positioning calculates offset
+                width: 950, // 88% of 1080px
+                alignment: 'center',
+            },
+        ],
         autoPositioning: true,
         autoPositioningConfig: {
-            anchorElement: 'copy1',
-            targetElement: 'copy2',
-            direction: 'down',
+            enabled: true,
+            links: [
+                { fromElement: 'copy-0', toElement: 'copy-1', direction: 'down' },
+            ],
         },
         gapRem: 1,
-        fontSize: {
-            copy1: 1.75,
-            copy2: 0.60,
-        },
+        fontSizes: [1.75, 0.60],
     },
 };
 /**

package/dist/components/styles/types/substyleTypes.d.ts

@@ -27,23 +27,39 @@ export interface CopyElementConfig {
     borderRadius?: string;
 }
 /**
- * Auto-positioning configuration
- * Defines how one element should be positioned relative to another
+ * Single link in the auto-positioning chain
+ * Defines a positioning relationship between two elements
+ * Element names use format: 'logo', 'copy-N' where N is the styleSlot (e.g., 'copy-0', 'copy-1', 'copy-2')
+ * Note: styleSlot 0 is the first copy, styleSlot 1 is the second copy, etc.
  */
-export interface AutoPositioningConfig {
-    /** Element that serves as the reference point (stays in place) */
-    anchorElement: 'logo' | 'copy1' | 'copy2';
-    /** Element that will be positioned relative to the anchor (moves) */
-    targetElement: 'copy1' | 'copy2';
-    /** Direction from anchor to target */
+export interface AutoPositioningLink {
+    /** Element that serves as the reference point for this link */
+    fromElement: string;
+    /** Element that will be positioned relative to fromElement */
+    toElement: string;
+    /** Direction from fromElement to toElement */
     direction: 'up' | 'down' | 'left' | 'right';
+    /** Optional: Custom gap for this specific link (overrides global gapRem) */
+    gapRem?: number;
 }
 /**
- * Font size configuration for copies
+ * Auto-positioning configuration (chain-based approach)
+ * Supports multiple elements in a chain (e.g., anchor → target1 → target2)
+ *
+ * Example for 3-element chain:
+ * {
+ *   enabled: true,
+ *   links: [
+ *     { fromElement: 'copy-0', toElement: 'copy-1', direction: 'up' },
+ *     { fromElement: 'copy-1', toElement: 'copy-2', direction: 'up' },
+ *   ]
+ * }
  */
-export interface FontSizeConfig {
-    copy1: number;
-    copy2?: number;
+export interface AutoPositioningConfig {
+    /** Whether auto-positioning is enabled for this chain */
+    enabled?: boolean;
+    /** Array of positioning links that define the chain */
+    links: AutoPositioningLink[];
 }
 /**
  * Complete substyle configuration
@@ -51,15 +67,16 @@ export interface FontSizeConfig {
  */
 export interface SubstyleConfig {
     logo: LogoConfig;
-    copy1: CopyElementConfig;
-    copy2?: CopyElementConfig;
+    /** Array of copy configurations (index 0 = first copy, index 1 = second copy, etc.) */
+    copies: CopyElementConfig[];
     /** Enable automatic positioning of elements relative to each other */
     autoPositioning?: boolean;
     /** Configuration for automatic positioning (anchor, target, direction) */
     autoPositioningConfig?: AutoPositioningConfig;
     /** Gap in rem units between auto-positioned elements */
     gapRem?: number;
-    fontSize: FontSizeConfig;
+    /** Font size multipliers per copy (index matches copies array) */
+    fontSizes?: number[];
 }
 /**
  * Collection of substyle configurations indexed by substyle number

package/dist/components/styles/types/substyleTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"substyleTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/styles/types/substyleTypes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1C,qEAAqE;IACrE,aAAa,EAAE,OAAO,GAAG,OAAO,CAAC;IACjC,sCAAsC;IACtC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"substyleTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/styles/types/substyleTypes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,qBAAqB;IACpC,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,uFAAuF;IACvF,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/styles/utils/chainValidation.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Chain validation utilities for auto-positioning
+ * Provides validation, graph building, and topological sorting for positioning chains
+ */
+import { AutoPositioningLink } from '../types/substyleTypes';
+export interface ValidationResult {
+    valid: boolean;
+    error?: string;
+}
+/**
+ * Build a dependency graph from positioning links
+ * Returns a Map where key = element ID, value = array of dependent element IDs
+ */
+export declare function buildDependencyGraph(links: AutoPositioningLink[]): Map<string, string[]>;
+/**
+ * Validate chain configuration for errors
+ * Checks for:
+ * - Circular dependencies
+ * - Empty links array
+ * - Duplicate links
+ */
+export declare function validateChainConfiguration(links: AutoPositioningLink[]): ValidationResult;
+/**
+ * Perform topological sort on the dependency graph
+ * Returns elements in calculation order (roots first, then dependencies)
+ */
+export declare function topologicalSort(graph: Map<string, string[]>): string[];
+/**
+ * Find elements that have no incoming links (root/anchor elements)
+ */
+export declare function findRootElements(links: AutoPositioningLink[]): string[];
+/**
+ * Find the incoming link for a given element (the link where element is the "to")
+ */
+export declare function findIncomingLink(links: AutoPositioningLink[], elementId: string): AutoPositioningLink | undefined;
+/**
+ * Find orphaned elements after links are removed
+ * Returns elements that are referenced in remaining copies but not in any link
+ */
+export declare function findOrphanedElements(links: AutoPositioningLink[], allElementIds: string[]): string[];
+//# sourceMappingURL=chainValidation.d.ts.map

package/dist/components/styles/utils/chainValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chainValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/styles/utils/chainValidation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAiBxF;AA6BD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAoCzF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAwBtE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,MAAM,EAAE,CAYvE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,mBAAmB,EAAE,EAC5B,SAAS,EAAE,MAAM,GAChB,mBAAmB,GAAG,SAAS,CAEjC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAAE,EAC5B,aAAa,EAAE,MAAM,EAAE,GACtB,MAAM,EAAE,CASV"}