@seed-design/figma 0.0.2 → 0.0.4

package/lib/index.js

@@ -1,6 +1,102 @@
 import { camelCase, pascalCase } from 'change-case';
-import { vars } from '@seed-design/css/vars';
 import { match } from 'ts-pattern';
+import { vars } from '@seed-design/css/vars';
+
+const metadata$v = {
+    "key": "a3d58bb8540600878742cdcf2608a4b3851667ec"};
+
+const metadata$u = {
+    "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89"};
+
+const metadata$t = {
+    "key": "3d21594ef116e94a9465d507447b858aea062575"};
+
+const metadata$s = {
+    "key": "7c29b70b7e71618e1894c26f61f336de2730d76e"};
+
+const metadata$r = {
+    "key": "d71644aeba2e29deda366798fdfe35977166d120"};
+
+const metadata$q = {
+    "key": "019467fdad2192abb48699dcfb79e344df04b799"};
+
+const metadata$p = {
+    "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1"};
+
+const metadata$o = {
+    "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe"};
+
+const metadata$n = {
+    "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b"};
+
+const metadata$m = {
+    "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f"};
+
+const metadata$l = {
+    "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563"};
+
+const metadata$k = {
+    "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172"};
+
+const metadata$j = {
+    "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb"};
+
+const metadata$i = {
+    "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f"};
+
+const metadata$h = {
+    "key": "1974b94703032585bb9e20bd54743e01094b965c"};
+
+const metadata$g = {
+    "key": "804b327c091278a40d5891939eaed90bb2889659"};
+
+const metadata$f = {
+    "key": "808206c07408aa1056ec85a55925e9844e9265c2"};
+
+const metadata$e = {
+    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1"};
+
+const metadata$d = {
+    "key": "ac5331cec7a2c75b671df5b85ef247dfd820dd2f"};
+
+const metadata$c = {
+    "key": "88b2399c930c85f9ce2972163a078bc684b84bbe"};
+
+const metadata$b = {
+    "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346"};
+
+const metadata$a = {
+    "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0"};
+
+const metadata$9 = {
+    "key": "3ad7133ba52755867f42f9232375f75639e00d58"};
+
+const metadata$8 = {
+    "key": "38722ffeb4c966256a709155e8ddac50c93d7c60"};
+
+const metadata$7 = {
+    "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a"};
+
+const metadata$6 = {
+    "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca"};
+
+const metadata$5 = {
+    "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b"};
+
+const metadata$4 = {
+    "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3"};
+
+const metadata$3 = {
+    "key": "ffe33411fb8796f7a95d3637b90150007f0dd954"};
+
+const metadata$2 = {
+    "key": "601f788792916250e33d04bd3165dee1404342df"};
+
+const metadata$1 = {
+    "key": "c49873c37a639f0dffdea4efd0eb43760d66c141"};
+
+const metadata = {
+    "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22"};
 
 const FIGMA_VARIABLES = [
     {
@@ -8772,102 +8868,6 @@ function createBorderProps(node) {
     };
 }
 
-const metadata$v = {
-    "key": "a3d58bb8540600878742cdcf2608a4b3851667ec"};
-
-const metadata$u = {
-    "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89"};
-
-const metadata$t = {
-    "key": "3d21594ef116e94a9465d507447b858aea062575"};
-
-const metadata$s = {
-    "key": "7c29b70b7e71618e1894c26f61f336de2730d76e"};
-
-const metadata$r = {
-    "key": "d71644aeba2e29deda366798fdfe35977166d120"};
-
-const metadata$q = {
-    "key": "019467fdad2192abb48699dcfb79e344df04b799"};
-
-const metadata$p = {
-    "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1"};
-
-const metadata$o = {
-    "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe"};
-
-const metadata$n = {
-    "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b"};
-
-const metadata$m = {
-    "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f"};
-
-const metadata$l = {
-    "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563"};
-
-const metadata$k = {
-    "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172"};
-
-const metadata$j = {
-    "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb"};
-
-const metadata$i = {
-    "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f"};
-
-const metadata$h = {
-    "key": "1974b94703032585bb9e20bd54743e01094b965c"};
-
-const metadata$g = {
-    "key": "804b327c091278a40d5891939eaed90bb2889659"};
-
-const metadata$f = {
-    "key": "808206c07408aa1056ec85a55925e9844e9265c2"};
-
-const metadata$e = {
-    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1"};
-
-const metadata$d = {
-    "key": "ac5331cec7a2c75b671df5b85ef247dfd820dd2f"};
-
-const metadata$c = {
-    "key": "88b2399c930c85f9ce2972163a078bc684b84bbe"};
-
-const metadata$b = {
-    "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346"};
-
-const metadata$a = {
-    "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0"};
-
-const metadata$9 = {
-    "key": "3ad7133ba52755867f42f9232375f75639e00d58"};
-
-const metadata$8 = {
-    "key": "38722ffeb4c966256a709155e8ddac50c93d7c60"};
-
-const metadata$7 = {
-    "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a"};
-
-const metadata$6 = {
-    "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca"};
-
-const metadata$5 = {
-    "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b"};
-
-const metadata$4 = {
-    "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3"};
-
-const metadata$3 = {
-    "key": "ffe33411fb8796f7a95d3637b90150007f0dd954"};
-
-const metadata$2 = {
-    "key": "601f788792916250e33d04bd3165dee1404342df"};
-
-const metadata$1 = {
-    "key": "c49873c37a639f0dffdea4efd0eb43760d66c141"};
-
-const metadata = {
-    "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22"};
-
 const iconRecord = {
     "8b12671ecc2e0d9bd87c854fd10f7907bd06c54b": {
         name: "icon_arrow_left",
@@ -11738,35 +11738,6 @@ function stringifyElement(element) {
     return recursive(element, 0);
 }
 
-function traverseNode(node, callback) {
-    if ("children" in node) {
-        node.children.forEach((child)=>traverseNode(child, callback));
-    } else {
-        callback(node);
-    }
-}
-function findOne(node, callback) {
-    let result;
-    traverseNode(node, (n)=>{
-        if (callback(n)) {
-            result = n;
-        }
-    });
-    return result;
-}
-function findAll(node, callback) {
-    const result = [];
-    traverseNode(node, (n)=>{
-        if (callback(n)) {
-            result.push(n);
-        }
-    });
-    return result;
-}
-function findAllInstances({ node, key }) {
-    return findAll(node, (n)=>n.type === "INSTANCE" && (n.componentKey === key || n.componentSetKey === key));
-}
-
 function handleSize(size) {
     switch(size){
         case "XSmall":
@@ -11829,6 +11800,7 @@ const actionButtonHandler = {
         return createElement("ActionButton", commonProps, children);
     }
 };
+
 const actionChipHandler = {
     key: metadata$t.key,
     codegen: async ({ componentProperties: props })=>{
@@ -11884,6 +11856,36 @@ const actionChipHandler = {
         return createElement("ActionChip", commonProps, children);
     }
 };
+
+function traverseNode(node, callback) {
+    if ("children" in node) {
+        node.children.forEach((child)=>traverseNode(child, callback));
+    } else {
+        callback(node);
+    }
+}
+function findOne(node, callback) {
+    let result;
+    traverseNode(node, (n)=>{
+        if (callback(n)) {
+            result = n;
+        }
+    });
+    return result;
+}
+function findAll(node, callback) {
+    const result = [];
+    traverseNode(node, (n)=>{
+        if (callback(n)) {
+            result.push(n);
+        }
+    });
+    return result;
+}
+function findAllInstances({ node, key }) {
+    return findAll(node, (n)=>n.type === "INSTANCE" && (n.componentKey === key || n.componentSetKey === key));
+}
+
 const actionSheetHandler = {
     key: metadata$s.key,
     codegen: async (node)=>{
@@ -11930,6 +11932,7 @@ const actionSheetItemHandler = {
         return createElement("ActionSheetItem", commonProps);
     }
 };
+
 const appBarHandler = {
     key: metadata$5.key,
     codegen: async (node)=>{
@@ -12045,10 +12048,21 @@ const appBarRightHandler = {
         return createElement("AppBarRight", undefined, children);
     }
 };
-const avatarHandler = {
+
+const identityPlaceholderHandler = {
+    key: metadata$f.key,
+    codegen: async ({ componentProperties: props })=>{
+        const commonProps = {
+            identity: camelCase(props.Identity.value)
+        };
+        return createElement("IdentityPlaceholder", commonProps);
+    }
+};
+
+const avatarHandler = {
     key: metadata$r.key,
     codegen: async (node)=>{
-        const [placeholder] = await findAllInstances({
+        const [placeholder] = findAllInstances({
             node,
             key: identityPlaceholderHandler.key
         });
@@ -12067,6 +12081,7 @@ const avatarHandler = {
         return createElement("Avatar", commonProps, props["Show Badge#1398:26"].value ? createElement("AvatarBadge", {}) : undefined, avatarHasSrc ? "alt 텍스트를 제공해야 합니다." : undefined);
     }
 };
+
 const avatarStackHandler = {
     key: metadata$q.key,
     codegen: async (node)=>{
@@ -12090,6 +12105,7 @@ const avatarStackHandler = {
         return createElement("AvatarStack", commonProps, avatarStackChildren);
     }
 };
+
 const badgeHandler = {
     key: metadata$p.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12102,6 +12118,7 @@ const badgeHandler = {
         return createElement("Badge", commonProps, props["Label#1584:0"].value);
     }
 };
+
 const calloutHandler = {
     key: metadata$o.key,
     codegen: async ({ componentProperties: props, children })=>{
@@ -12170,6 +12187,7 @@ const calloutHandler = {
         return createElement(tag, commonProps);
     }
 };
+
 const checkboxHandler = {
     key: metadata$n.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12193,10 +12211,11 @@ const checkboxHandler = {
         return createElement("Checkbox", commonProps);
     }
 };
+
 const chipTabsHandler = {
     key: metadata$m.key,
     codegen: async (node)=>{
-        const chipTabsItems = await findAllInstances({
+        const chipTabsItems = findAllInstances({
             node,
             key: chipTabsItemHandler.key
         });
@@ -12224,6 +12243,7 @@ const chipTabsItemHandler = {
         return createElement("ChipTabsTrigger", commonProps, props["Label#8876:0"].value);
     }
 };
+
 const controlChipHandler = {
     key: metadata$l.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12282,6 +12302,7 @@ const controlChipHandler = {
         return createElement("ControlChip.Toggle", commonProps, children);
     }
 };
+
 const errorStateHandler = {
     key: metadata$k.key,
     codegen: async (node)=>{
@@ -12308,6 +12329,7 @@ const errorStateHandler = {
         return createElement("ErrorState", commonProps);
     }
 };
+
 const extendedActionSheetHandler = {
     key: metadata$j.key,
     codegen: async (node)=>{
@@ -12359,6 +12381,7 @@ const extendedActionSheetItemHandler = {
         ]);
     }
 };
+
 const extendedFabHandler = {
     key: metadata$i.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12374,12 +12397,14 @@ const extendedFabHandler = {
         ]);
     }
 };
+
 const fabHandler = {
     key: metadata$h.key,
     codegen: async ({ componentProperties: props })=>{
         return createElement("Fab", undefined, createElement(createIconTagNameFromKey(props["Icon#28796:0"].componentKey)), "aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.");
     }
 };
+
 const helpBubbleHandler = {
     key: metadata$g.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12423,15 +12448,7 @@ const helpBubbleHandler = {
         return createElement("HelpBubbleTrigger", commonProps, createElement("ActionButton", undefined, "열기", "HelpBubble을 여는 요소를 제공해주세요."));
     }
 };
-const identityPlaceholderHandler = {
-    key: metadata$f.key,
-    codegen: async ({ componentProperties: props })=>{
-        const commonProps = {
-            identity: camelCase(props.Identity.value)
-        };
-        return createElement("IdentityPlaceholder", commonProps);
-    }
-};
+
 const inlineBannerHandler = {
     key: metadata$e.key,
     codegen: async (node)=>{
@@ -12487,6 +12504,7 @@ const inlineBannerHandler = {
         return createElement(tag, commonProps);
     }
 };
+
 const mannerTempBadgeHandler = {
     key: metadata$d.key,
     codegen: async ({ children })=>{
@@ -12497,6 +12515,7 @@ const mannerTempBadgeHandler = {
         return createElement("MannerTempBadge", commonProps);
     }
 };
+
 const multilineTextFieldHandler = {
     key: metadata$c.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12544,6 +12563,7 @@ const multilineTextFieldHandler = {
         return createElement("TextField", commonProps, TextFieldChildren);
     }
 };
+
 const progressCircleHandler = {
     key: metadata$b.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12578,6 +12598,7 @@ const progressCircleHandler = {
         return createElement("ProgressCircle", commonProps);
     }
 };
+
 const reactionButtonHandler = {
     key: metadata$a.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12603,6 +12624,7 @@ const reactionButtonHandler = {
         ]);
     }
 };
+
 const segmentedControlHandler = {
     key: metadata$9.key,
     codegen: async (node)=>{
@@ -12633,6 +12655,7 @@ const segmentedControlItemHandler = {
         return createElement("SegmentedControlItem", commonProps, props["Label#11366:15"].value);
     }
 };
+
 const selectBoxGroupHandler = {
     key: metadata$v.key,
     codegen: async (node)=>{
@@ -12645,7 +12668,7 @@ const selectBoxGroupHandler = {
                     return "RadioSelectBoxGroup";
             }
         })();
-        const selectBoxes = await findAllInstances({
+        const selectBoxes = findAllInstances({
             node,
             key: selectBoxHandler.key
         });
@@ -12688,6 +12711,7 @@ const selectBoxHandler = {
         return createElement(tag, commonProps);
     }
 };
+
 const skeletonHandler = {
     key: metadata$7.key,
     codegen: async ({ componentProperties: props, absoluteBoundingBox, layoutSizingHorizontal, layoutSizingVertical, boundVariables })=>{
@@ -12725,6 +12749,7 @@ const skeletonHandler = {
         return createElement("Skeleton", commonProps);
     }
 };
+
 const snackbarHandler = {
     key: metadata$6.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12739,6 +12764,28 @@ const snackbarHandler = {
         return createElement("Snackbar", commonProps);
     }
 };
+
+const switchHandler = {
+    key: metadata$4.key,
+    codegen: async ({ componentProperties: props })=>{
+        const states = props.State.value.split("-");
+        const size = handleSize(props.Size.value);
+        const commonProps = {
+            size,
+            ...size === "small" && {
+                label: props["Label#15191:2"].value
+            },
+            ...states.includes("Selected") && {
+                defaultChecked: true
+            },
+            ...states.includes("Disabled") && {
+                disabled: true
+            }
+        };
+        return createElement("Switch", commonProps);
+    }
+};
+
 const tabsHandler = {
     key: metadata$3.key,
     codegen: async ({ componentProperties: props, children })=>{
@@ -12815,6 +12862,7 @@ const tabsFillItemHandler = {
         return createElement("TabsTrigger", commonProps, props["Label#4478:2"].value);
     }
 };
+
 const textButtonHandler = {
     key: metadata$2.key,
     codegen: async (node)=>{
@@ -12845,6 +12893,7 @@ const textButtonHandler = {
         return createElement("TextButton", commonProps, children);
     }
 };
+
 const textFieldHandler = {
     key: metadata$1.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12905,26 +12954,7 @@ const textFieldHandler = {
         return createElement("TextField", commonProps, TextFieldChildren);
     }
 };
-const switchHandler = {
-    key: metadata$4.key,
-    codegen: async ({ componentProperties: props })=>{
-        const states = props.State.value.split("-");
-        const size = handleSize(props.Size.value);
-        const commonProps = {
-            size,
-            ...size === "small" && {
-                label: props["Label#15191:2"].value
-            },
-            ...states.includes("Selected") && {
-                defaultChecked: true
-            },
-            ...states.includes("Disabled") && {
-                disabled: true
-            }
-        };
-        return createElement("Switch", commonProps);
-    }
-};
+
 const toggleButtonHandler = {
     key: metadata.key,
     codegen: async ({ componentProperties: props })=>{
@@ -12953,6 +12983,7 @@ const toggleButtonHandler = {
         ]);
     }
 };
+
 const componentHandlers = [
     actionButtonHandler,
     actionChipHandler,
@@ -12996,6 +13027,162 @@ const ignoredComponentKeys = new Set([
     "b38b719b61cdf1a24458d7a7888bee74b7649084"
 ]);
 
+const FIGMA_TEXT_STYLES = [
+    {
+        id: "S:2fec4e47f53f75ea46bee4d740795e099af5472f,",
+        key: "2fec4e47f53f75ea46bee4d740795e099af5472f",
+        name: "legacy-14-150"
+    },
+    {
+        id: "S:af24f9e7cc90af3bf2a18029dd59ae0646966486,",
+        key: "af24f9e7cc90af3bf2a18029dd59ae0646966486",
+        name: "legacy-13-150"
+    },
+    {
+        id: "S:4d54fb58fa4a63a6ddec973099b4babfbe502849,",
+        key: "4d54fb58fa4a63a6ddec973099b4babfbe502849",
+        name: "scale/t1-regular"
+    },
+    {
+        id: "S:49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8,",
+        key: "49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8",
+        name: "scale/t1-medium"
+    },
+    {
+        id: "S:337e113e2fafc22ccd5423b3fc7a7da69a6c917c,",
+        key: "337e113e2fafc22ccd5423b3fc7a7da69a6c917c",
+        name: "scale/t1-bold"
+    },
+    {
+        id: "S:711eaf0bd91b906e108f3508cf7845fc82294b1a,",
+        key: "711eaf0bd91b906e108f3508cf7845fc82294b1a",
+        name: "scale/t2-regular"
+    },
+    {
+        id: "S:2aff06b0ad8be136acbfb3090fa4dde1f9eac48e,",
+        key: "2aff06b0ad8be136acbfb3090fa4dde1f9eac48e",
+        name: "scale/t2-medium"
+    },
+    {
+        id: "S:8378bd59b14f5682dcaf20110efde4b7a1fb18e3,",
+        key: "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
+        name: "scale/t2-bold"
+    },
+    {
+        id: "S:22ead16ee07b342df4a26952bc987f3155988779,",
+        key: "22ead16ee07b342df4a26952bc987f3155988779",
+        name: "scale/t3-regular"
+    },
+    {
+        id: "S:96a2f248d201c246587d63eb4d00cb7610897400,",
+        key: "96a2f248d201c246587d63eb4d00cb7610897400",
+        name: "scale/t3-medium"
+    },
+    {
+        id: "S:f749d659a689cbbecbdbb1b559056731234332a3,",
+        key: "f749d659a689cbbecbdbb1b559056731234332a3",
+        name: "scale/t3-bold"
+    },
+    {
+        id: "S:b23d3e206b0244690c19472fd78bfc33b9b46d06,",
+        key: "b23d3e206b0244690c19472fd78bfc33b9b46d06",
+        name: "scale/t4-regular"
+    },
+    {
+        id: "S:2c143ba862b3c1af10a0bd5d2e723bd12e7878ef,",
+        key: "2c143ba862b3c1af10a0bd5d2e723bd12e7878ef",
+        name: "scale/t4-medium"
+    },
+    {
+        id: "S:a85ea49c1625319427c047bc206c26e708012030,",
+        key: "a85ea49c1625319427c047bc206c26e708012030",
+        name: "scale/t4-bold"
+    },
+    {
+        id: "S:54a5a4c2bfc09573fba3a8efe0dafff067cf53bd,",
+        key: "54a5a4c2bfc09573fba3a8efe0dafff067cf53bd",
+        name: "scale/t5-regular"
+    },
+    {
+        id: "S:bc8bcf3caa904cdc2e1c2983d0f12d32832d7374,",
+        key: "bc8bcf3caa904cdc2e1c2983d0f12d32832d7374",
+        name: "scale/t5-medium"
+    },
+    {
+        id: "S:8eff229c53f06eeb418f39ad1cb3dbe12480f12b,",
+        key: "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
+        name: "scale/t5-bold"
+    },
+    {
+        id: "S:6608eaab965859080a5effa6e23eb857d888057f,",
+        key: "6608eaab965859080a5effa6e23eb857d888057f",
+        name: "scale/t6-regular"
+    },
+    {
+        id: "S:02ee25a9050a9c78dbaa03ea006aa4d1db593e99,",
+        key: "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
+        name: "scale/t6-medium"
+    },
+    {
+        id: "S:adf921a56e89b5737a6b626034cfea184e828370,",
+        key: "adf921a56e89b5737a6b626034cfea184e828370",
+        name: "scale/t6-bold"
+    },
+    {
+        id: "S:eb1c0409582609a51fe9afc9e31301d529e3d12f,",
+        key: "eb1c0409582609a51fe9afc9e31301d529e3d12f",
+        name: "scale/t7-regular"
+    },
+    {
+        id: "S:b2e24640e7dc1264fc638434511c9f994e1e149c,",
+        key: "b2e24640e7dc1264fc638434511c9f994e1e149c",
+        name: "scale/t7-medium"
+    },
+    {
+        id: "S:182d9252d7f7380075915a89e6160d7595124bc3,",
+        key: "182d9252d7f7380075915a89e6160d7595124bc3",
+        name: "scale/t7-bold"
+    },
+    {
+        id: "S:b7f864e3f64524a863d38729e2cea18f44c7ebaa,",
+        key: "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
+        name: "scale/t8-bold"
+    },
+    {
+        id: "S:b146e1317c67db787834f1890493225bdbba4e48,",
+        key: "b146e1317c67db787834f1890493225bdbba4e48",
+        name: "scale/t9-bold"
+    },
+    {
+        id: "S:6ea6b06312771259d59de265a5ef12cd1dae9102,",
+        key: "6ea6b06312771259d59de265a5ef12cd1dae9102",
+        name: "scale/t10-bold"
+    },
+    {
+        id: "S:85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d,",
+        key: "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
+        name: "semantic/article-body"
+    },
+    {
+        id: "S:d918eb7069e10c8dd745abf40bc375004c1badb8,",
+        key: "d918eb7069e10c8dd745abf40bc375004c1badb8",
+        name: "semantic/screen-title"
+    }
+];
+
+function inferLayoutComponent(props) {
+    if (props.flexDirection === "row" && props.alignItems === "flexStart" && props.justifyContent === "flexStart" && props.flexWrap === "wrap") {
+        return "Inline";
+    }
+    if (props.flexDirection === "row" && props.justifyContent === "flexStart" && props.flexWrap === "nowrap") {
+        return "Columns";
+    }
+    if (props.flexDirection === "column") {
+        return "Stack";
+    }
+    return "Flex";
+}
+
 const layoutPropHandlers = {
     flexDirection: ({ layoutMode })=>layoutMode === "HORIZONTAL" ? "row" : "column",
     justifyContent: ({ primaryAxisAlignItems })=>{
@@ -13110,6 +13297,7 @@ const layoutShorthandHandlers = {
         return undefined;
     }
 };
+// Default values
 const layoutPropDefaults = {
     flexDirection: "row",
     justifyContent: "flexStart",
@@ -13186,17 +13374,14 @@ function createLayoutProps(node) {
 }
 
 const sizingPropHandlers = {
-    height: ({ boundVariables, layoutSizingVertical, height })=>layoutSizingVertical === "FIXED" ? boundVariables.size?.y ? getLayoutVariableName(boundVariables.size.y.id) : inferDimension(height) : undefined,
-    width: ({ boundVariables, layoutSizingHorizontal, width })=>layoutSizingHorizontal === "FIXED" ? boundVariables.size?.x ? getLayoutVariableName(boundVariables.size.x.id) : inferDimension(width) : undefined
+    height: ({ boundVariables, layoutSizingVertical, absoluteBoundingBox })=>layoutSizingVertical === "FIXED" ? boundVariables?.size?.y ? getLayoutVariableName(boundVariables.size.y.id) : inferDimension(absoluteBoundingBox?.height ?? 0) : undefined,
+    width: ({ boundVariables, layoutSizingHorizontal, absoluteBoundingBox })=>layoutSizingHorizontal === "FIXED" ? boundVariables?.size?.x ? getLayoutVariableName(boundVariables.size.x.id) : inferDimension(absoluteBoundingBox?.width ?? 0) : undefined
 };
 function createSizingProps(node) {
     const boundVariables = node.boundVariables;
     const layoutSizingHorizontal = node.layoutSizingHorizontal ?? "FIXED";
     const layoutSizingVertical = node.layoutSizingVertical ?? "FIXED";
-    const { width, height } = node.absoluteBoundingBox ?? {
-        width: 0,
-        height: 0
-    };
+    const absoluteBoundingBox = node.absoluteBoundingBox;
     if (!boundVariables) {
         return {};
     }
@@ -13206,8 +13391,7 @@ function createSizingProps(node) {
             boundVariables,
             layoutSizingHorizontal,
             layoutSizingVertical,
-            width,
-            height
+            absoluteBoundingBox
         });
         if (value !== undefined) {
             result[prop] = value;
@@ -13216,6 +13400,7 @@ function createSizingProps(node) {
     return result;
 }
 
+// TODO: handle raw values
 function createTextProps(boundVariables) {
     const fontSizeBoundVariables = boundVariables?.fontSize?.[0];
     const fontStyleBoundVariables = boundVariables?.fontStyle?.[0];
@@ -13227,151 +13412,7 @@ function createTextProps(boundVariables) {
     };
 }
 
-const FIGMA_TEXT_STYLES = [
-    {
-        id: "S:2fec4e47f53f75ea46bee4d740795e099af5472f,",
-        key: "2fec4e47f53f75ea46bee4d740795e099af5472f",
-        name: "legacy-14-150"
-    },
-    {
-        id: "S:af24f9e7cc90af3bf2a18029dd59ae0646966486,",
-        key: "af24f9e7cc90af3bf2a18029dd59ae0646966486",
-        name: "legacy-13-150"
-    },
-    {
-        id: "S:4d54fb58fa4a63a6ddec973099b4babfbe502849,",
-        key: "4d54fb58fa4a63a6ddec973099b4babfbe502849",
-        name: "scale/t1-regular"
-    },
-    {
-        id: "S:49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8,",
-        key: "49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8",
-        name: "scale/t1-medium"
-    },
-    {
-        id: "S:337e113e2fafc22ccd5423b3fc7a7da69a6c917c,",
-        key: "337e113e2fafc22ccd5423b3fc7a7da69a6c917c",
-        name: "scale/t1-bold"
-    },
-    {
-        id: "S:711eaf0bd91b906e108f3508cf7845fc82294b1a,",
-        key: "711eaf0bd91b906e108f3508cf7845fc82294b1a",
-        name: "scale/t2-regular"
-    },
-    {
-        id: "S:2aff06b0ad8be136acbfb3090fa4dde1f9eac48e,",
-        key: "2aff06b0ad8be136acbfb3090fa4dde1f9eac48e",
-        name: "scale/t2-medium"
-    },
-    {
-        id: "S:8378bd59b14f5682dcaf20110efde4b7a1fb18e3,",
-        key: "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
-        name: "scale/t2-bold"
-    },
-    {
-        id: "S:22ead16ee07b342df4a26952bc987f3155988779,",
-        key: "22ead16ee07b342df4a26952bc987f3155988779",
-        name: "scale/t3-regular"
-    },
-    {
-        id: "S:96a2f248d201c246587d63eb4d00cb7610897400,",
-        key: "96a2f248d201c246587d63eb4d00cb7610897400",
-        name: "scale/t3-medium"
-    },
-    {
-        id: "S:f749d659a689cbbecbdbb1b559056731234332a3,",
-        key: "f749d659a689cbbecbdbb1b559056731234332a3",
-        name: "scale/t3-bold"
-    },
-    {
-        id: "S:b23d3e206b0244690c19472fd78bfc33b9b46d06,",
-        key: "b23d3e206b0244690c19472fd78bfc33b9b46d06",
-        name: "scale/t4-regular"
-    },
-    {
-        id: "S:2c143ba862b3c1af10a0bd5d2e723bd12e7878ef,",
-        key: "2c143ba862b3c1af10a0bd5d2e723bd12e7878ef",
-        name: "scale/t4-medium"
-    },
-    {
-        id: "S:a85ea49c1625319427c047bc206c26e708012030,",
-        key: "a85ea49c1625319427c047bc206c26e708012030",
-        name: "scale/t4-bold"
-    },
-    {
-        id: "S:54a5a4c2bfc09573fba3a8efe0dafff067cf53bd,",
-        key: "54a5a4c2bfc09573fba3a8efe0dafff067cf53bd",
-        name: "scale/t5-regular"
-    },
-    {
-        id: "S:bc8bcf3caa904cdc2e1c2983d0f12d32832d7374,",
-        key: "bc8bcf3caa904cdc2e1c2983d0f12d32832d7374",
-        name: "scale/t5-medium"
-    },
-    {
-        id: "S:8eff229c53f06eeb418f39ad1cb3dbe12480f12b,",
-        key: "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
-        name: "scale/t5-bold"
-    },
-    {
-        id: "S:6608eaab965859080a5effa6e23eb857d888057f,",
-        key: "6608eaab965859080a5effa6e23eb857d888057f",
-        name: "scale/t6-regular"
-    },
-    {
-        id: "S:02ee25a9050a9c78dbaa03ea006aa4d1db593e99,",
-        key: "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
-        name: "scale/t6-medium"
-    },
-    {
-        id: "S:adf921a56e89b5737a6b626034cfea184e828370,",
-        key: "adf921a56e89b5737a6b626034cfea184e828370",
-        name: "scale/t6-bold"
-    },
-    {
-        id: "S:eb1c0409582609a51fe9afc9e31301d529e3d12f,",
-        key: "eb1c0409582609a51fe9afc9e31301d529e3d12f",
-        name: "scale/t7-regular"
-    },
-    {
-        id: "S:b2e24640e7dc1264fc638434511c9f994e1e149c,",
-        key: "b2e24640e7dc1264fc638434511c9f994e1e149c",
-        name: "scale/t7-medium"
-    },
-    {
-        id: "S:182d9252d7f7380075915a89e6160d7595124bc3,",
-        key: "182d9252d7f7380075915a89e6160d7595124bc3",
-        name: "scale/t7-bold"
-    },
-    {
-        id: "S:b7f864e3f64524a863d38729e2cea18f44c7ebaa,",
-        key: "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
-        name: "scale/t8-bold"
-    },
-    {
-        id: "S:b146e1317c67db787834f1890493225bdbba4e48,",
-        key: "b146e1317c67db787834f1890493225bdbba4e48",
-        name: "scale/t9-bold"
-    },
-    {
-        id: "S:6ea6b06312771259d59de265a5ef12cd1dae9102,",
-        key: "6ea6b06312771259d59de265a5ef12cd1dae9102",
-        name: "scale/t10-bold"
-    },
-    {
-        id: "S:85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d,",
-        key: "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
-        name: "semantic/article-body"
-    },
-    {
-        id: "S:d918eb7069e10c8dd745abf40bc375004c1badb8,",
-        key: "d918eb7069e10c8dd745abf40bc375004c1badb8",
-        name: "semantic/screen-title"
-    }
-];
-
-async function generateCode(selection) {
-    async function handleFrameNode(node) {
+const defaultFrameHandler = (traverse)=>async (node)=>{
         const children = node.children;
         const props = {
             ...createLayoutProps(node),
@@ -13379,22 +13420,23 @@ async function generateCode(selection) {
             ...createBackgroundProps(node),
             ...createBorderProps(node)
         };
-        if (props.flexDirection === "row" && props.alignItems === "flexStart" && props.justifyContent === "flexStart" && props.flexWrap === "wrap") {
+        const layoutComponent = inferLayoutComponent(props);
+        if (layoutComponent === "Stack") {
+            const { flexDirection, ...rest } = props;
+            return createElement("Stack", rest, await Promise.all(children.map(traverse)));
+        }
+        if (layoutComponent === "Inline") {
             const { flexDirection, flexWrap, alignItems, justifyContent, ...rest } = props;
             return createElement("Inline", rest, await Promise.all(children.map(traverse)));
         }
-        if (props.flexDirection === "row" && props.justifyContent === "flexStart" && props.flexWrap === "nowrap") {
+        if (layoutComponent === "Columns") {
             const { flexDirection, flexWrap, justifyContent, ...rest } = props;
             const childrenResult = await Promise.all(children.map(traverse));
             return createElement("Columns", rest, childrenResult.map((child)=>createElement("Column", {}, child)));
         }
-        if (props.flexDirection === "column") {
-            const { flexDirection, ...rest } = props;
-            return createElement("Stack", rest, await Promise.all(children.map(traverse)));
-        }
         return createElement("Flex", props, await Promise.all(children.map(traverse)));
-    }
-    function handleTextNode(node) {
+    };
+const defaultTextNodeHandler = ()=>(node)=>{
         const maxLines = node.style.textTruncation === "ENDING" ? node.style.maxLines ?? undefined : undefined;
         if (node.fills.length > 1) {
             throw new Error("Expected a single fill");
@@ -13421,17 +13463,17 @@ async function generateCode(selection) {
             lineHeight,
             color
         }), node.characters.replace(/\n/g, "<br />"));
-    }
-    async function handleRectangleNode(node) {
+    };
+const defaultRectangleNodeHandler = ()=>(node)=>{
         return createElement("Box", {
             ...createSizingProps(node),
             background: "palette.gray200"
         }, undefined, "Rectangle Node Placeholder");
-    }
-    async function handleComponentNode(node) {
-        return await handleFrameNode(node);
-    }
-    async function handleInstanceNode(node) {
+    };
+const defaultComponentNodeHandler = (traverse)=>async (node)=>{
+        return defaultFrameHandler(traverse)(node);
+    };
+const defaultInstanceNodeHandler = (traverse)=>async (node)=>{
         const { componentKey, componentSetKey } = node;
         if (isIconComponent(componentKey)) {
             const iconElement = createElement(createIconTagNameFromKey(componentKey));
@@ -13460,7 +13502,7 @@ async function generateCode(selection) {
             return componentData.codegen(node);
         }
         // if (node.id === selection.id) {
-        return await handleFrameNode(node);
+        return await defaultFrameHandler(traverse)(node);
     // }
     // const mainComponent = node.mainComponent;
     // return createElement(
@@ -13475,7 +13517,21 @@ async function generateCode(selection) {
     //   undefined,
     //   "Custom Component",
     // );
-    }
+    };
+async function generateCode(selection, options) {
+    const handlers = {
+        frame: defaultFrameHandler,
+        text: defaultTextNodeHandler,
+        rectangle: defaultRectangleNodeHandler,
+        component: defaultComponentNodeHandler,
+        instance: defaultInstanceNodeHandler,
+        ...options?.handlers
+    };
+    const handleFrameNode = handlers.frame(traverse);
+    const handleTextNode = handlers.text(traverse);
+    const handleRectangleNode = handlers.rectangle(traverse);
+    const handleComponentNode = handlers.component(traverse);
+    const handleInstanceNode = handlers.instance(traverse);
     async function traverse(node) {
         if ("visible" in node && !node.visible) {
             return;
@@ -13499,7 +13555,161 @@ async function generateCode(selection) {
     }
 }
 
+function createRestNormalizer(ctx) {
+    function normalizeNodes(nodes) {
+        // Figma REST API omits default values for some fields, "visible" is one of them
+        return nodes.filter((node)=>!("visible" in node) || node.visible).map(normalizeNode);
+    }
+    function normalizeNode(node) {
+        if (node.type === "FRAME") {
+            return normalizeFrameNode(node);
+        }
+        if (node.type === "GROUP") {
+            return normalizeGroupNode(node);
+        }
+        if (node.type === "RECTANGLE") {
+            return normalizeRectangleNode(node);
+        }
+        if (node.type === "VECTOR") {
+            return normalizeVectorNode(node);
+        }
+        if (node.type === "BOOLEAN_OPERATION") {
+            return normalizeBooleanOperationNode(node);
+        }
+        if (node.type === "TEXT") {
+            return normalizeTextNode(node);
+        }
+        if (node.type === "COMPONENT") {
+            return normalizeComponentNode(node);
+        }
+        if (node.type === "INSTANCE") {
+            return normalizeInstanceNode(node);
+        }
+        throw new Error(`Unimplemented node type: ${node.type}, ${node.name}`);
+    }
+    function normalizeFrameNode(node) {
+        return {
+            ...node,
+            children: normalizeNodes(node.children)
+        };
+    }
+    function normalizeGroupNode(node) {
+        return {
+            ...node,
+            type: "FRAME",
+            children: normalizeNodes(node.children)
+        };
+    }
+    function normalizeRectangleNode(node) {
+        return node;
+    }
+    function normalizeVectorNode(node) {
+        return node;
+    }
+    function normalizeBooleanOperationNode(node) {
+        return {
+            ...node,
+            children: normalizeNodes(node.children)
+        };
+    }
+    function normalizeTextNode(node) {
+        // Function to segment a text node based on style overrides
+        function segmentTextNode(textNode) {
+            const segments = [];
+            const characters = textNode.characters;
+            const styleOverrides = textNode.characterStyleOverrides || [];
+            const styleTable = textNode.styleOverrideTable || {};
+            // If no style overrides, return the entire text as one segment
+            if (!styleOverrides.length) {
+                return [
+                    {
+                        characters: characters,
+                        start: 0,
+                        end: characters.length,
+                        style: textNode.style || {}
+                    }
+                ];
+            }
+            let currentSegment = {
+                characters: "",
+                start: 0,
+                end: 0,
+                style: {}
+            };
+            let currentStyleId = null;
+            for(let i = 0; i < characters.length; i++){
+                const styleId = styleOverrides[i]?.toString() || null;
+                // If style changes or it's the first character
+                if (styleId !== currentStyleId || i === 0) {
+                    // Add the previous segment if it exists
+                    if (i > 0) {
+                        currentSegment.end = i;
+                        currentSegment.characters = characters.substring(currentSegment.start, currentSegment.end);
+                        segments.push({
+                            ...currentSegment
+                        });
+                    }
+                    // Start a new segment
+                    currentStyleId = styleId;
+                    currentSegment = {
+                        characters: "",
+                        start: i,
+                        end: 0,
+                        style: styleId ? styleTable[styleId] || {} : {}
+                    };
+                }
+            }
+            // Add the last segment
+            if (currentSegment.start < characters.length) {
+                currentSegment.end = characters.length;
+                currentSegment.characters = characters.substring(currentSegment.start, currentSegment.end);
+                segments.push(currentSegment);
+            }
+            return segments;
+        }
+        return {
+            ...node,
+            textStyleKey: node.styles?.["text"] ? ctx.styles[node.styles["text"]]?.key : undefined,
+            segments: segmentTextNode(node)
+        };
+    }
+    function normalizeComponentNode(node) {
+        return {
+            ...node,
+            children: normalizeNodes(node.children)
+        };
+    }
+    function normalizeInstanceNode(node) {
+        const mainComponent = ctx.components[node.componentId];
+        if (!mainComponent) {
+            throw new Error(`Component ${node.componentId} not found`);
+        }
+        const componentSet = mainComponent.componentSetId ? ctx.componentSets[mainComponent.componentSetId] : undefined;
+        const componentProperties = {};
+        for (const [key, value] of Object.entries(node.componentProperties ?? {})){
+            componentProperties[key] = value;
+            if (value.type === "INSTANCE_SWAP") {
+                const mainComponent = ctx.components[value.value];
+                if (mainComponent) {
+                    componentProperties[key].componentKey = mainComponent.key;
+                }
+            }
+        }
+        return {
+            ...node,
+            children: normalizeNodes(node.children),
+            componentKey: mainComponent.key,
+            componentSetKey: componentSet?.key,
+            componentProperties
+        };
+    }
+    return normalizeNode;
+}
+
 function createPluginNormalizer() {
+    async function normalizeNodes(nodes) {
+        return Promise.all(nodes.filter((node)=>node.visible).map(normalizeNode));
+    }
     async function normalizeNode(node) {
         if (node.type === "FRAME") {
             return normalizeFrameNode(node);
@@ -13513,6 +13723,9 @@ function createPluginNormalizer() {
         if (node.type === "VECTOR") {
             return normalizeVectorNode(node);
         }
+        if (node.type === "BOOLEAN_OPERATION") {
+            return normalizeBooleanOperationNode(node);
+        }
         if (node.type === "TEXT") {
             return normalizeTextNode(node);
         }
@@ -13532,7 +13745,7 @@ function createPluginNormalizer() {
             boundVariables: await normalizeBoundVariables(node),
             ...normalizeRadiusProps(node),
             ...normalizeAutolayoutProps(node),
-            children: await Promise.all(node.children.map(normalizeNode))
+            children: await normalizeNodes(node.children)
         };
     }
     async function normalizeGroupNode(node) {
@@ -13560,7 +13773,7 @@ function createPluginNormalizer() {
             counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? undefined,
             fills: [],
             strokes: [],
-            children: await Promise.all(node.children.map(normalizeNode))
+            children: await normalizeNodes(node.children)
         };
     }
     async function normalizeRectangleNode(node) {
@@ -13582,6 +13795,16 @@ function createPluginNormalizer() {
             ...normalizeShapeProps(node)
         };
     }
+    async function normalizeBooleanOperationNode(node) {
+        return {
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: await normalizeBoundVariables(node),
+            children: await normalizeNodes(node.children),
+            fills: normalizePaints(node.fills)
+        };
+    }
     async function normalizeTextNode(node) {
         const segments = node.getStyledTextSegments([
             "fontSize",
@@ -13646,7 +13869,7 @@ function createPluginNormalizer() {
             boundVariables: await normalizeBoundVariables(node),
             ...normalizeRadiusProps(node),
             ...normalizeAutolayoutProps(node),
-            children: await Promise.all(node.children.map(normalizeNode))
+            children: await normalizeNodes(node.children)
         };
     }
     async function normalizeInstanceNode(node) {
@@ -13671,7 +13894,7 @@ function createPluginNormalizer() {
             boundVariables: await normalizeBoundVariables(node),
             ...normalizeRadiusProps(node),
             ...normalizeAutolayoutProps(node),
-            children: await Promise.all(node.children.map(normalizeNode)),
+            children: await normalizeNodes(node.children),
             componentKey: mainComponent.key,
             componentSetKey: mainComponent.parent?.type === "COMPONENT_SET" ? mainComponent.parent.key : undefined,
             componentProperties
@@ -13775,142 +13998,4 @@ function createPluginNormalizer() {
     return normalizeNode;
 }
 
-function createRestNormalizer(ctx) {
-    function normalizeNode(node) {
-        if (node.type === "FRAME") {
-            return normalizeFrameNode(node);
-        }
-        if (node.type === "GROUP") {
-            return normalizeGroupNode(node);
-        }
-        if (node.type === "RECTANGLE") {
-            return normalizeRectangleNode(node);
-        }
-        if (node.type === "VECTOR") {
-            return normalizeVectorNode(node);
-        }
-        if (node.type === "TEXT") {
-            return normalizeTextNode(node);
-        }
-        if (node.type === "COMPONENT") {
-            return normalizeComponentNode(node);
-        }
-        if (node.type === "INSTANCE") {
-            return normalizeInstanceNode(node);
-        }
-        throw new Error(`Unimplemented node type: ${node.type}, ${node.name}`);
-    }
-    function normalizeFrameNode(node) {
-        return {
-            ...node,
-            children: node.children.map(normalizeNode)
-        };
-    }
-    function normalizeGroupNode(node) {
-        return {
-            ...node,
-            type: "FRAME",
-            children: node.children.map(normalizeNode)
-        };
-    }
-    function normalizeRectangleNode(node) {
-        return node;
-    }
-    function normalizeVectorNode(node) {
-        return node;
-    }
-    function normalizeTextNode(node) {
-        // Function to segment a text node based on style overrides
-        function segmentTextNode(textNode) {
-            const segments = [];
-            const characters = textNode.characters;
-            const styleOverrides = textNode.characterStyleOverrides || [];
-            const styleTable = textNode.styleOverrideTable || {};
-            // If no style overrides, return the entire text as one segment
-            if (!styleOverrides.length) {
-                return [
-                    {
-                        characters: characters,
-                        start: 0,
-                        end: characters.length,
-                        style: textNode.style || {}
-                    }
-                ];
-            }
-            let currentSegment = {
-                characters: "",
-                start: 0,
-                end: 0,
-                style: {}
-            };
-            let currentStyleId = null;
-            for(let i = 0; i < characters.length; i++){
-                const styleId = styleOverrides[i]?.toString() || null;
-                // If style changes or it's the first character
-                if (styleId !== currentStyleId || i === 0) {
-                    // Add the previous segment if it exists
-                    if (i > 0) {
-                        currentSegment.end = i;
-                        currentSegment.characters = characters.substring(currentSegment.start, currentSegment.end);
-                        segments.push({
-                            ...currentSegment
-                        });
-                    }
-                    // Start a new segment
-                    currentStyleId = styleId;
-                    currentSegment = {
-                        characters: "",
-                        start: i,
-                        end: 0,
-                        style: styleId ? styleTable[styleId] || {} : {}
-                    };
-                }
-            }
-            // Add the last segment
-            if (currentSegment.start < characters.length) {
-                currentSegment.end = characters.length;
-                currentSegment.characters = characters.substring(currentSegment.start, currentSegment.end);
-                segments.push(currentSegment);
-            }
-            return segments;
-        }
-        return {
-            ...node,
-            textStyleKey: node.styles?.["text"] ? ctx.styles[node.styles["text"]]?.key : undefined,
-            segments: segmentTextNode(node)
-        };
-    }
-    function normalizeComponentNode(node) {
-        return {
-            ...node,
-            children: node.children.map(normalizeNode)
-        };
-    }
-    function normalizeInstanceNode(node) {
-        const mainComponent = ctx.components[node.componentId];
-        if (!mainComponent) {
-            throw new Error(`Component ${node.componentId} not found`);
-        }
-        const componentSet = mainComponent.componentSetId ? ctx.componentSets[mainComponent.componentSetId] : undefined;
-        const componentProperties = {};
-        for (const [key, value] of Object.entries(node.componentProperties ?? {})){
-            componentProperties[key] = value;
-            if (value.type === "INSTANCE_SWAP") {
-                const mainComponent = ctx.components[value.value];
-                if (mainComponent) {
-                    componentProperties[key].componentKey = mainComponent.key;
-                }
-            }
-        }
-        return {
-            ...node,
-            children: node.children.map(normalizeNode),
-            componentKey: mainComponent.key,
-            componentSetKey: componentSet?.key,
-            componentProperties
-        };
-    }
-    return normalizeNode;
-}
-
 export { createPluginNormalizer, createRestNormalizer, generateCode };