@seed-design/figma 1.0.2 → 1.0.3-alpha-20251001093249

package/lib/codegen/index.js

@@ -656,295 +656,300 @@ function createValueResolver({ variableService, variableNameFormatter, styleServ
     };
 }
 
-const FIGMA_FILL_STYLES = [
+const FIGMA_STYLES = [
     {
-        styleType: "FILL",
-        key: "46186d7dd037e8e54983ee6677cf7915790d84cc",
-        name: "gradient/fade/layer-floating/↑(to-top)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
+        "name": "gradient/fade/layer-default/←(to-left)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
-        name: "gradient/fade/layer-floating/↓(to-bottom)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
+        "name": "gradient/fade/layer-default/→(to-right)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "063c0dc05b438ac36499492e783520a722782d74",
-        name: "gradient/fade/layer-floating/→(to-right)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "826457503b7ee3d472eab91581b1fcd499c47c00",
+        "name": "gradient/fade/layer-default/↑(to-top)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "c1cee6b89c357c6a12d020654d73a4490cafdf51",
-        name: "gradient/fade/layer-default/←(to-left)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "408cb970f1de672217f452152b0398a4bb4f4e12",
+        "name": "gradient/fade/layer-default/↓(to-bottom)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "826457503b7ee3d472eab91581b1fcd499c47c00",
-        name: "gradient/fade/layer-default/↑(to-top)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
+        "name": "gradient/fade/layer-floating/←(to-left)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "df22450a8f8e9c323baf40d8981920d1b6376cbf",
-        name: "gradient/fade/layer-floating/←(to-left)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "063c0dc05b438ac36499492e783520a722782d74",
+        "name": "gradient/fade/layer-floating/→(to-right)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
-        name: "gradient/fade/layer-default/→(to-right)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
+        "name": "gradient/fade/layer-floating/↑(to-top)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
-        name: "gradient/glow/magic",
-        description: "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.",
-        remote: false
+        "styleType": "FILL",
+        "key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
+        "name": "gradient/fade/layer-floating/↓(to-bottom)",
+        "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "f83f54c1840aaf26742629e2c696c363b8df0a82",
-        name: "gradient/glow/magic-pressed",
-        description: "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다.",
-        remote: false
+        "styleType": "FILL",
+        "key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
+        "name": "gradient/glow/magic",
+        "description": "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "408cb970f1de672217f452152b0398a4bb4f4e12",
-        name: "gradient/fade/layer-default/↓(to-bottom)",
-        description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-        remote: false
+        "styleType": "FILL",
+        "key": "f83f54c1840aaf26742629e2c696c363b8df0a82",
+        "name": "gradient/glow/magic-pressed",
+        "description": "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "71971dde923a11c615296a16f8172c0671d5a3a6",
-        name: "gradient/shimmer/neutral",
-        description: "Skeleton shimmer",
-        remote: false
+        "styleType": "FILL",
+        "key": "1101a7c6a505d97904c3a0ce6a9ee17fe15de879",
+        "name": "gradient/highlight/magic",
+        "description": "아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "2ed61bff1a187f39389698cf63b74d6997aed609",
-        name: "gradient/shimmer/magic",
-        description: "Skeleton AI shimmer",
-        remote: false
+        "styleType": "FILL",
+        "key": "528a3808331ad87aacb47430a59cd32d4410b822",
+        "name": "gradient/highlight/magic-pressed",
+        "description": "",
+        "remote": false
     },
     {
-        styleType: "FILL",
-        key: "1101a7c6a505d97904c3a0ce6a9ee17fe15de879",
-        name: "gradient/highlight/magic",
-        description: "아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.",
-        remote: false
-    }
-];
-const FIGMA_TEXT_STYLES = [
+        "styleType": "FILL",
+        "key": "2ed61bff1a187f39389698cf63b74d6997aed609",
+        "name": "gradient/shimmer/magic",
+        "description": "Skeleton AI shimmer",
+        "remote": false
+    },
     {
-        styleType: "TEXT",
-        key: "2fec4e47f53f75ea46bee4d740795e099af5472f",
-        name: "legacy-14-150",
-        description: "",
-        remote: false
+        "styleType": "FILL",
+        "key": "71971dde923a11c615296a16f8172c0671d5a3a6",
+        "name": "gradient/shimmer/neutral",
+        "description": "Skeleton shimmer",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "af24f9e7cc90af3bf2a18029dd59ae0646966486",
-        name: "legacy-13-150",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "af24f9e7cc90af3bf2a18029dd59ae0646966486",
+        "name": "legacy-13-150",
+        "description": "13",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "4d54fb58fa4a63a6ddec973099b4babfbe502849",
-        name: "scale/t1-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "2fec4e47f53f75ea46bee4d740795e099af5472f",
+        "name": "scale/legacy-14-150",
+        "description": "14",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8",
-        name: "scale/t1-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "337e113e2fafc22ccd5423b3fc7a7da69a6c917c",
+        "name": "scale/t1-bold",
+        "description": "11",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "337e113e2fafc22ccd5423b3fc7a7da69a6c917c",
-        name: "scale/t1-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8",
+        "name": "scale/t1-medium",
+        "description": "11",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "711eaf0bd91b906e108f3508cf7845fc82294b1a",
-        name: "scale/t2-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "4d54fb58fa4a63a6ddec973099b4babfbe502849",
+        "name": "scale/t1-regular",
+        "description": "11",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "2aff06b0ad8be136acbfb3090fa4dde1f9eac48e",
-        name: "scale/t2-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "6ea6b06312771259d59de265a5ef12cd1dae9102",
+        "name": "scale/t10-bold",
+        "description": "26",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
-        name: "scale/t2-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
+        "name": "scale/t2-bold",
+        "description": "12",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "22ead16ee07b342df4a26952bc987f3155988779",
-        name: "scale/t3-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "2aff06b0ad8be136acbfb3090fa4dde1f9eac48e",
+        "name": "scale/t2-medium",
+        "description": "12",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "96a2f248d201c246587d63eb4d00cb7610897400",
-        name: "scale/t3-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "711eaf0bd91b906e108f3508cf7845fc82294b1a",
+        "name": "scale/t2-regular",
+        "description": "12",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "f749d659a689cbbecbdbb1b559056731234332a3",
-        name: "scale/t3-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "f749d659a689cbbecbdbb1b559056731234332a3",
+        "name": "scale/t3-bold",
+        "description": "13",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "b23d3e206b0244690c19472fd78bfc33b9b46d06",
-        name: "scale/t4-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "96a2f248d201c246587d63eb4d00cb7610897400",
+        "name": "scale/t3-medium",
+        "description": "13",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "2c143ba862b3c1af10a0bd5d2e723bd12e7878ef",
-        name: "scale/t4-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "22ead16ee07b342df4a26952bc987f3155988779",
+        "name": "scale/t3-regular",
+        "description": "13",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "a85ea49c1625319427c047bc206c26e708012030",
-        name: "scale/t4-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "a85ea49c1625319427c047bc206c26e708012030",
+        "name": "scale/t4-bold",
+        "description": "14",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "54a5a4c2bfc09573fba3a8efe0dafff067cf53bd",
-        name: "scale/t5-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "2c143ba862b3c1af10a0bd5d2e723bd12e7878ef",
+        "name": "scale/t4-medium",
+        "description": "14",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "bc8bcf3caa904cdc2e1c2983d0f12d32832d7374",
-        name: "scale/t5-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "b23d3e206b0244690c19472fd78bfc33b9b46d06",
+        "name": "scale/t4-regular",
+        "description": "14",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
-        name: "scale/t5-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
+        "name": "scale/t5-bold",
+        "description": "16",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "6608eaab965859080a5effa6e23eb857d888057f",
-        name: "scale/t6-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "bc8bcf3caa904cdc2e1c2983d0f12d32832d7374",
+        "name": "scale/t5-medium",
+        "description": "16",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
-        name: "scale/t6-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "54a5a4c2bfc09573fba3a8efe0dafff067cf53bd",
+        "name": "scale/t5-regular",
+        "description": "16",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "adf921a56e89b5737a6b626034cfea184e828370",
-        name: "scale/t6-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "adf921a56e89b5737a6b626034cfea184e828370",
+        "name": "scale/t6-bold",
+        "description": "18",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "eb1c0409582609a51fe9afc9e31301d529e3d12f",
-        name: "scale/t7-regular",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
+        "name": "scale/t6-medium",
+        "description": "18",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "b2e24640e7dc1264fc638434511c9f994e1e149c",
-        name: "scale/t7-medium",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "6608eaab965859080a5effa6e23eb857d888057f",
+        "name": "scale/t6-regular",
+        "description": "18",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "182d9252d7f7380075915a89e6160d7595124bc3",
-        name: "scale/t7-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "182d9252d7f7380075915a89e6160d7595124bc3",
+        "name": "scale/t7-bold",
+        "description": "20",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
-        name: "scale/t8-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "b2e24640e7dc1264fc638434511c9f994e1e149c",
+        "name": "scale/t7-medium",
+        "description": "20",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "b146e1317c67db787834f1890493225bdbba4e48",
-        name: "scale/t9-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "eb1c0409582609a51fe9afc9e31301d529e3d12f",
+        "name": "scale/t7-regular",
+        "description": "20",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
+        "name": "scale/t8-bold",
+        "description": "22",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "6ea6b06312771259d59de265a5ef12cd1dae9102",
-        name: "scale/t10-bold",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "b146e1317c67db787834f1890493225bdbba4e48",
+        "name": "scale/t9-bold",
+        "description": "24",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
-        name: "semantic/article-body",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
+        "name": "semantic/article-body",
+        "description": "16",
+        "remote": false
     },
     {
-        styleType: "TEXT",
-        key: "d918eb7069e10c8dd745abf40bc375004c1badb8",
-        name: "semantic/screen-title",
-        description: "",
-        remote: false
+        "styleType": "TEXT",
+        "key": "d918eb7069e10c8dd745abf40bc375004c1badb8",
+        "name": "semantic/screen-title",
+        "description": "26",
+        "remote": false
     }
 ];
 
@@ -993,13 +998,13 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:1:155",
             "VariableID:1:156",
             "VariableID:1:164",
-            "VariableID:1:157",
             "VariableID:1:165",
+            "VariableID:1:157",
+            "VariableID:1:171",
             "VariableID:238:17662",
             "VariableID:17544:4057",
-            "VariableID:1:171",
-            "VariableID:670:2700",
             "VariableID:41186:6437",
+            "VariableID:670:2700",
             "VariableID:1:158",
             "VariableID:1:172",
             "VariableID:1:161",
@@ -1030,6 +1035,7 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:1:145",
             "VariableID:36736:116984",
             "VariableID:41629:12187",
+            "VariableID:33327:83273",
             "VariableID:1:167",
             "VariableID:764:14294",
             "VariableID:1:170",
@@ -1075,12 +1081,12 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:14609:41563",
             "VariableID:29453:35711",
             "VariableID:12548:1440",
-            "VariableID:12548:1441",
             "VariableID:29453:35712",
+            "VariableID:12548:1441",
             "VariableID:12548:1442",
             "VariableID:12548:1443",
-            "VariableID:1:21",
             "VariableID:12548:1444",
+            "VariableID:1:21",
             "VariableID:12548:1445",
             "VariableID:1:30",
             "VariableID:1883:92912",
@@ -1186,8 +1192,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:29913:8440",
             "VariableID:29917:289",
             "VariableID:29917:362",
-            "VariableID:29917:5084",
             "VariableID:30009:40284",
+            "VariableID:29917:5084",
             "VariableID:30009:40393",
             "VariableID:30021:1313",
             "VariableID:30023:1876",
@@ -1982,6 +1988,35 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
+    "VariableID:33327:83273": {
+        "name": "bg/magic-weak",
+        "id": "VariableID:33327:83273",
+        "remote": false,
+        "key": "9c88d02839ad4edcd4d8d932e4efef7c738cf1e6",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.9764705896377563,
+                "g": 0.9490196108818054,
+                "b": 0.9333333373069763,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.125490203499794,
+                "g": 0.12156862765550613,
+                "b": 0.12156862765550613,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {},
+        "deletedButReferenced": true
+    },
     "VariableID:1:159": {
         "name": "bg/neutral-inverted",
         "id": "VariableID:1:159",
@@ -8047,8 +8082,30 @@ const FIGMA_VARIABLES = {
     }
 };
 
-const metadata$O = {
-    "name": "🔵 [Template] Button Group",
+const templateBannerDetach = {
+    "name": "templateBannerDetach",
+    "key": "b9670e4d68d2b1057f28916728a845dc9c160c0f",
+    "componentPropertyDefinitions": {
+        "Layout": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Title + Description",
+                "Description + Title",
+                "Layout3",
+                "Layout4"
+            ]
+        },
+        "Rounded": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "True",
+                "False"
+            ]
+        }
+    }
+};
+const templateButtonGroup = {
+    "name": "templateButtonGroup",
     "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
     "componentPropertyDefinitions": {
         "Size": {
@@ -8074,9 +8131,8 @@ const metadata$O = {
         }
     }
 };
-
-const metadata$N = {
-    "name": "🔵 [Template] Chip Group",
+const templateChipGroup = {
+    "name": "templateChipGroup",
     "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
     "componentPropertyDefinitions": {
         "Variant": {
@@ -8104,9 +8160,8 @@ const metadata$N = {
         }
     }
 };
-
-const metadata$M = {
-    "name": "🔵 [Template] Completion",
+const templateCompletion = {
+    "name": "templateCompletion",
     "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
     "componentPropertyDefinitions": {
         "Description#28427:4": {
@@ -8133,9 +8188,8 @@ const metadata$M = {
         }
     }
 };
-
-const metadata$L = {
-    "name": "🔵 [Template] Error State",
+const templateErrorState = {
+    "name": "templateErrorState",
     "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
     "componentPropertyDefinitions": {
         "Show Buttons#9080:5": {
@@ -8166,9 +8220,8 @@ const metadata$L = {
         }
     }
 };
-
-const metadata$K = {
-    "name": "🔵 [Template] Select Box Group",
+const templateSelectBoxGroup = {
+    "name": "templateSelectBoxGroup",
     "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
     "componentPropertyDefinitions": {
         "Control": {
@@ -8191,9 +8244,8 @@ const metadata$K = {
         }
     }
 };
-
-const metadata$J = {
-    "name": "🔵 [Template] Top Navigation",
+const templateTopNavigation = {
+    "name": "templateTopNavigation",
     "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
     "componentPropertyDefinitions": {
         "Action Button#17406:0": {
@@ -8219,9 +8271,8 @@ const metadata$J = {
         }
     }
 };
-
-const metadata$I = {
-    "name": "🟢 Action Button",
+const actionButton = {
+    "name": "actionButton",
     "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
     "componentPropertyDefinitions": {
         "Label#5987:61": {
@@ -8279,9 +8330,8 @@ const metadata$I = {
         }
     }
 };
-
-const metadata$H = {
-    "name": "🟢 Alert Dialog",
+const alertDialog = {
+    "name": "alertDialog",
     "key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
     "componentPropertyDefinitions": {
         "Title Text#20361:0": {
@@ -8306,9 +8356,8 @@ const metadata$H = {
         }
     }
 };
-
-const metadata$G = {
-    "name": "🟢 Avatar",
+const avatar = {
+    "name": "avatar",
     "key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
     "componentPropertyDefinitions": {
         "Has Image Contents#33407:0": {
@@ -8339,9 +8388,8 @@ const metadata$G = {
         }
     }
 };
-
-const metadata$F = {
-    "name": "🟢 Avatar Stack",
+const avatarStack = {
+    "name": "avatarStack",
     "key": "e8e91e01000d878742c55cd6e44b6786460440f7",
     "componentPropertyDefinitions": {
         "Size": {
@@ -8360,9 +8408,8 @@ const metadata$F = {
         }
     }
 };
-
-const metadata$E = {
-    "name": "🟢 Badge",
+const badge = {
+    "name": "badge",
     "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
     "componentPropertyDefinitions": {
         "Label#1584:0": {
@@ -8396,9 +8443,8 @@ const metadata$E = {
         }
     }
 };
-
-const metadata$D = {
-    "name": "🟢 Bottom Navigation / Global",
+const bottomNavigationGlobal = {
+    "name": "bottomNavigationGlobal",
     "key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
     "componentPropertyDefinitions": {
         "Show Safe Area#25445:3": {
@@ -8420,9 +8466,8 @@ const metadata$D = {
         }
     }
 };
-
-const metadata$C = {
-    "name": "🟢 Bottom Navigation / KR",
+const bottomNavigationKr = {
+    "name": "bottomNavigationKr",
     "key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
     "componentPropertyDefinitions": {
         "Show Safe Area#25445:0": {
@@ -8437,9 +8482,8 @@ const metadata$C = {
         }
     }
 };
-
-const metadata$B = {
-    "name": "🟢 Bottom Sheet",
+const bottomSheet = {
+    "name": "bottomSheet",
     "key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
     "componentPropertyDefinitions": {
         "Title#19787:3": {
@@ -8501,9 +8545,8 @@ const metadata$B = {
         }
     }
 };
-
-const metadata$A = {
-    "name": "🟢 Callout",
+const callout = {
+    "name": "callout",
     "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
     "componentPropertyDefinitions": {
         "Prefix Icon#35087:0": {
@@ -8550,9 +8593,8 @@ const metadata$A = {
         }
     }
 };
-
-const metadata$z = {
-    "name": "🟢 Checkbox",
+const checkbox = {
+    "name": "checkbox",
     "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
     "componentPropertyDefinitions": {
         "Label#49990:0": {
@@ -8604,9 +8646,8 @@ const metadata$z = {
         }
     }
 };
-
-const metadata$y = {
-    "name": "🟢 Checkmark",
+const checkmark = {
+    "name": "checkmark",
     "key": "fae60fb392f55bde60de1dbccb2f453320068805",
     "componentPropertyDefinitions": {
         "Size": {
@@ -8648,9 +8689,8 @@ const metadata$y = {
         }
     }
 };
-
-const metadata$x = {
-    "name": "🟢 Chip",
+const chip = {
+    "name": "chip",
     "key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
     "componentPropertyDefinitions": {
         "Label#7185:0": {
@@ -8739,9 +8779,8 @@ const metadata$x = {
         }
     }
 };
-
-const metadata$w = {
-    "name": "🟢 Chlid",
+const chlid = {
+    "name": "chlid",
     "key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
     "componentPropertyDefinitions": {
         "Type": {
@@ -8754,9 +8793,8 @@ const metadata$w = {
         }
     }
 };
-
-const metadata$v = {
-    "name": "🟢 Contextual Floating Button",
+const contextualFloatingButton = {
+    "name": "contextualFloatingButton",
     "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
     "componentPropertyDefinitions": {
         "Icon#28796:0": {
@@ -8791,9 +8829,8 @@ const metadata$v = {
         }
     }
 };
-
-const metadata$u = {
-    "name": "🟢 Divider",
+const divider = {
+    "name": "divider",
     "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
     "componentPropertyDefinitions": {
         "Inset (Figma-Only)#36435:0": {
@@ -8815,9 +8852,8 @@ const metadata$u = {
         }
     }
 };
-
-const metadata$t = {
-    "name": "🟢 Floating Action Button",
+const floatingActionButton = {
+    "name": "floatingActionButton",
     "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
     "componentPropertyDefinitions": {
         "Type": {
@@ -8829,9 +8865,8 @@ const metadata$t = {
         }
     }
 };
-
-const metadata$s = {
-    "name": "🟢 Help Bubble",
+const helpBubble = {
+    "name": "helpBubble",
     "key": "804b327c091278a40d5891939eaed90bb2889659",
     "componentPropertyDefinitions": {
         "Show Close Button#40538:0": {
@@ -8865,9 +8900,8 @@ const metadata$s = {
         }
     }
 };
-
-const metadata$r = {
-    "name": "🟢 List Header",
+const listHeader = {
+    "name": "listHeader",
     "key": "609f93ed0608ef0a6d9a351e47595ad631bae0fa",
     "componentPropertyDefinitions": {
         "Title#28588:0": {
@@ -8890,9 +8924,8 @@ const metadata$r = {
         }
     }
 };
-
-const metadata$q = {
-    "name": "🟢 List Item",
+const listItem = {
+    "name": "listItem",
     "key": "b51b7d07c659fee5d696565b8e1151636573b27c",
     "componentPropertyDefinitions": {
         "Divider#28441:0": {
@@ -9043,9 +9076,8 @@ const metadata$q = {
         }
     }
 };
-
-const metadata$p = {
-    "name": "🟢 Main Tab Navigation / Global",
+const mainTabNavigationGlobal = {
+    "name": "mainTabNavigationGlobal",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
     "componentPropertyDefinitions": {
         "Title#6406:6": {
@@ -9070,9 +9102,8 @@ const metadata$p = {
         }
     }
 };
-
-const metadata$o = {
-    "name": "🟢 Main Tab Navigation / KR",
+const mainTabNavigationKr = {
+    "name": "mainTabNavigationKr",
     "key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
     "componentPropertyDefinitions": {
         "Title#6406:6": {
@@ -9094,9 +9125,8 @@ const metadata$o = {
         }
     }
 };
-
-const metadata$n = {
-    "name": "🟢 Manner Temp",
+const mannerTemp = {
+    "name": "mannerTemp",
     "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
     "componentPropertyDefinitions": {
         "Level": {
@@ -9116,9 +9146,8 @@ const metadata$n = {
         }
     }
 };
-
-const metadata$m = {
-    "name": "🟢 Manner Temp Badge",
+const mannerTempBadge = {
+    "name": "mannerTempBadge",
     "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
     "componentPropertyDefinitions": {
         "Level": {
@@ -9138,9 +9167,8 @@ const metadata$m = {
         }
     }
 };
-
-const metadata$l = {
-    "name": "🟢 Menu Sheet",
+const menuSheet = {
+    "name": "menuSheet",
     "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
     "componentPropertyDefinitions": {
         "Title Text#14599:0": {
@@ -9175,9 +9203,8 @@ const metadata$l = {
         }
     }
 };
-
-const metadata$k = {
-    "name": "🟢 Multiline Text Field",
+const multilineTextField = {
+    "name": "multilineTextField",
     "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
     "componentPropertyDefinitions": {
         "Show Header#870:0": {
@@ -9244,9 +9271,8 @@ const metadata$k = {
         }
     }
 };
-
-const metadata$j = {
-    "name": "🟢 Page Banner",
+const pageBanner = {
+    "name": "pageBanner",
     "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
     "componentPropertyDefinitions": {
         "Show Prefix Icon#11840:27": {
@@ -9295,9 +9321,8 @@ const metadata$j = {
         }
     }
 };
-
-const metadata$i = {
-    "name": "🟢 Progress Circle",
+const progressCircle = {
+    "name": "progressCircle",
     "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
     "componentPropertyDefinitions": {
         "Size": {
@@ -9328,9 +9353,8 @@ const metadata$i = {
         }
     }
 };
-
-const metadata$h = {
-    "name": "🟢 Radio",
+const radio = {
+    "name": "radio",
     "key": "ac72d9e5ab04a1d59eaf77dffd380fd6e491ecf8",
     "componentPropertyDefinitions": {
         "Label#49990:171": {
@@ -9374,9 +9398,8 @@ const metadata$h = {
         }
     }
 };
-
-const metadata$g = {
-    "name": "🟢 Radio Mark",
+const radioMark = {
+    "name": "radioMark",
     "key": "832d696d6e9566610968cd70f128f500ec009d6a",
     "componentPropertyDefinitions": {
         "Size": {
@@ -9410,9 +9433,8 @@ const metadata$g = {
         }
     }
 };
-
-const metadata$f = {
-    "name": "🟢 Range Slider",
+const rangeSlider = {
+    "name": "rangeSlider",
     "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
     "componentPropertyDefinitions": {
         "Steps": {
@@ -9442,9 +9464,8 @@ const metadata$f = {
         }
     }
 };
-
-const metadata$e = {
-    "name": "🟢 Reaction Button",
+const reactionButton = {
+    "name": "reactionButton",
     "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
     "componentPropertyDefinitions": {
         "Label#6397:0": {
@@ -9485,9 +9506,8 @@ const metadata$e = {
         }
     }
 };
-
-const metadata$d = {
-    "name": "🟢 Resizable.Icon",
+const resizableIcon = {
+    "name": "resizableIcon",
     "key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
     "componentPropertyDefinitions": {
         "Size": {
@@ -9504,9 +9524,8 @@ const metadata$d = {
         }
     }
 };
-
-const metadata$c = {
-    "name": "🟢 ResizableChild",
+const resizableChild = {
+    "name": "resizableChild",
     "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
     "componentPropertyDefinitions": {
         "Size": {
@@ -9523,9 +9542,8 @@ const metadata$c = {
         }
     }
 };
-
-const metadata$b = {
-    "name": "🟢 Segmented Control",
+const segmentedControl = {
+    "name": "segmentedControl",
     "key": "3ad7133ba52755867f42f9232375f75639e00d58",
     "componentPropertyDefinitions": {
         "Item Count": {
@@ -9538,9 +9556,8 @@ const metadata$b = {
         }
     }
 };
-
-const metadata$a = {
-    "name": "🟢 Select Box",
+const selectBox = {
+    "name": "selectBox",
     "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
     "componentPropertyDefinitions": {
         "Show Description#3033:0": {
@@ -9575,9 +9592,8 @@ const metadata$a = {
         }
     }
 };
-
-const metadata$9 = {
-    "name": "🟢 Skeleton",
+const skeleton = {
+    "name": "skeleton",
     "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
     "componentPropertyDefinitions": {
         "Radius": {
@@ -9598,9 +9614,8 @@ const metadata$9 = {
         }
     }
 };
-
-const metadata$8 = {
-    "name": "🟢 Slider",
+const slider = {
+    "name": "slider",
     "key": "aee027230a478315e380704c4523141e67e464ee",
     "componentPropertyDefinitions": {
         "Steps": {
@@ -9630,9 +9645,8 @@ const metadata$8 = {
         }
     }
 };
-
-const metadata$7 = {
-    "name": "🟢 Snackbar",
+const snackbar = {
+    "name": "snackbar",
     "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
     "componentPropertyDefinitions": {
         "Show Action#1528:0": {
@@ -9654,9 +9668,8 @@ const metadata$7 = {
         }
     }
 };
-
-const metadata$6 = {
-    "name": "🟢 SuperscriptChild",
+const superscriptChild = {
+    "name": "superscriptChild",
     "key": "19923052d4152393ecdc6e2f5853ea0359849127",
     "componentPropertyDefinitions": {
         "Icon#37641:0": {
@@ -9673,9 +9686,8 @@ const metadata$6 = {
         }
     }
 };
-
-const metadata$5 = {
-    "name": "🟢 Switch",
+const _switch = {
+    "name": "_switch",
     "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
     "componentPropertyDefinitions": {
         "Label#36578:0": {
@@ -9720,9 +9732,8 @@ const metadata$5 = {
         }
     }
 };
-
-const metadata$4 = {
-    "name": "🟢 Switch Mark",
+const switchMark = {
+    "name": "switchMark",
     "key": "bc53f269089e02a1d241e2a21ac7631bfa49834e",
     "componentPropertyDefinitions": {
         "Size": {
@@ -9756,9 +9767,8 @@ const metadata$4 = {
         }
     }
 };
-
-const metadata$3 = {
-    "name": "🟢 Tabs",
+const tabs = {
+    "name": "tabs",
     "key": "3e3af9f7f235cbcbbe862d5da552ab23e16ff34e",
     "componentPropertyDefinitions": {
         "Variant": {
@@ -9770,9 +9780,8 @@ const metadata$3 = {
         }
     }
 };
-
-const metadata$2 = {
-    "name": "🟢 Text Field",
+const textField = {
+    "name": "textField",
     "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
     "componentPropertyDefinitions": {
         "Show Header#870:0": {
@@ -9870,9 +9879,8 @@ const metadata$2 = {
         }
     }
 };
-
-const metadata$1 = {
-    "name": "🟢 Toggle Button",
+const toggleButton = {
+    "name": "toggleButton",
     "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
     "componentPropertyDefinitions": {
         "Label#6122:49": {
@@ -9924,9 +9932,8 @@ const metadata$1 = {
         }
     }
 };
-
-const metadata = {
-    "name": "🟢 Top Navigation",
+const topNavigation = {
+    "name": "topNavigation",
     "key": "f6d069d65f8ffc8b430fd8f3013910557f36e9da",
     "componentPropertyDefinitions": {
         "Show Title#33588:82": {
@@ -9970,57 +9977,58 @@ const metadata = {
 
 var FIGMA_COMPONENTS = {
   __proto__: null,
-  actionButton: metadata$I,
-  alertDialog: metadata$H,
-  avatar: metadata$G,
-  avatarStack: metadata$F,
-  badge: metadata$E,
-  bottomNavigationGlobal: metadata$D,
-  bottomNavigationKr: metadata$C,
-  bottomSheet: metadata$B,
-  callout: metadata$A,
-  checkbox: metadata$z,
-  checkmark: metadata$y,
-  chip: metadata$x,
-  chlid: metadata$w,
-  contextualFloatingButton: metadata$v,
-  divider: metadata$u,
-  floatingActionButton: metadata$t,
-  helpBubble: metadata$s,
-  listHeader: metadata$r,
-  listItem: metadata$q,
-  mainTabNavigationGlobal: metadata$p,
-  mainTabNavigationKr: metadata$o,
-  mannerTemp: metadata$n,
-  mannerTempBadge: metadata$m,
-  menuSheet: metadata$l,
-  multilineTextField: metadata$k,
-  pageBanner: metadata$j,
-  progressCircle: metadata$i,
-  radio: metadata$h,
-  radioMark: metadata$g,
-  rangeSlider: metadata$f,
-  reactionButton: metadata$e,
-  resizableChild: metadata$c,
-  resizableIcon: metadata$d,
-  segmentedControl: metadata$b,
-  selectBox: metadata$a,
-  skeleton: metadata$9,
-  slider: metadata$8,
-  snackbar: metadata$7,
-  superscriptChild: metadata$6,
-  switch: metadata$5,
-  switchMark: metadata$4,
-  tabs: metadata$3,
-  templateButtonGroup: metadata$O,
-  templateChipGroup: metadata$N,
-  templateCompletion: metadata$M,
-  templateErrorState: metadata$L,
-  templateSelectBoxGroup: metadata$K,
-  templateTopNavigation: metadata$J,
-  textField: metadata$2,
-  toggleButton: metadata$1,
-  topNavigation: metadata
+  _switch: _switch,
+  actionButton: actionButton,
+  alertDialog: alertDialog,
+  avatar: avatar,
+  avatarStack: avatarStack,
+  badge: badge,
+  bottomNavigationGlobal: bottomNavigationGlobal,
+  bottomNavigationKr: bottomNavigationKr,
+  bottomSheet: bottomSheet,
+  callout: callout,
+  checkbox: checkbox,
+  checkmark: checkmark,
+  chip: chip,
+  chlid: chlid,
+  contextualFloatingButton: contextualFloatingButton,
+  divider: divider,
+  floatingActionButton: floatingActionButton,
+  helpBubble: helpBubble,
+  listHeader: listHeader,
+  listItem: listItem,
+  mainTabNavigationGlobal: mainTabNavigationGlobal,
+  mainTabNavigationKr: mainTabNavigationKr,
+  mannerTemp: mannerTemp,
+  mannerTempBadge: mannerTempBadge,
+  menuSheet: menuSheet,
+  multilineTextField: multilineTextField,
+  pageBanner: pageBanner,
+  progressCircle: progressCircle,
+  radio: radio,
+  radioMark: radioMark,
+  rangeSlider: rangeSlider,
+  reactionButton: reactionButton,
+  resizableChild: resizableChild,
+  resizableIcon: resizableIcon,
+  segmentedControl: segmentedControl,
+  selectBox: selectBox,
+  skeleton: skeleton,
+  slider: slider,
+  snackbar: snackbar,
+  superscriptChild: superscriptChild,
+  switchMark: switchMark,
+  tabs: tabs,
+  templateBannerDetach: templateBannerDetach,
+  templateButtonGroup: templateButtonGroup,
+  templateChipGroup: templateChipGroup,
+  templateCompletion: templateCompletion,
+  templateErrorState: templateErrorState,
+  templateSelectBoxGroup: templateSelectBoxGroup,
+  templateTopNavigation: templateTopNavigation,
+  textField: textField,
+  toggleButton: toggleButton,
+  topNavigation: topNavigation
 };
 
 function createStaticStyleRepository(styles) {
@@ -10190,10 +10198,7 @@ function createVariableService({ variableRepository, inferCompareFunction }) {
     };
 }
 
-const styleRepository = createStaticStyleRepository([
-    ...FIGMA_TEXT_STYLES,
-    ...FIGMA_FILL_STYLES
-]);
+const styleRepository = createStaticStyleRepository(FIGMA_STYLES);
 const variableRepository = createStaticVariableRepository({
     variables: FIGMA_VARIABLES,
     variableCollections: FIGMA_VARIABLE_COLLECTIONS