@seed-design/figma 0.2.5 → 1.0.0

package/lib/codegen/targets/react/index.cjs

@@ -1037,7 +1037,7 @@ function createTextTransformer({ propsConverters }) {
     });
 }
 
-const metadata$N = {
+const metadata$O = {
     "name": "🔵 [Template] Button Group",
     "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
     "componentPropertyDefinitions": {
@@ -1065,7 +1065,7 @@ const metadata$N = {
     }
 };
 
-const metadata$M = {
+const metadata$N = {
     "name": "🔵 [Template] Chip Group",
     "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
     "componentPropertyDefinitions": {
@@ -1095,7 +1095,7 @@ const metadata$M = {
     }
 };
 
-const metadata$L = {
+const metadata$M = {
     "name": "🔵 [Template] Completion",
     "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
     "componentPropertyDefinitions": {
@@ -1124,7 +1124,7 @@ const metadata$L = {
     }
 };
 
-const metadata$K = {
+const metadata$L = {
     "name": "🔵 [Template] Error State",
     "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
     "componentPropertyDefinitions": {
@@ -1157,7 +1157,7 @@ const metadata$K = {
     }
 };
 
-const metadata$J = {
+const metadata$K = {
     "name": "🔵 [Template] Select Box Group",
     "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
     "componentPropertyDefinitions": {
@@ -1182,7 +1182,7 @@ const metadata$J = {
     }
 };
 
-const metadata$I = {
+const metadata$J = {
     "name": "🔵 [Template] Top Navigation",
     "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
     "componentPropertyDefinitions": {
@@ -1210,7 +1210,7 @@ const metadata$I = {
     }
 };
 
-const metadata$H = {
+const metadata$I = {
     "name": "🟢 Action Button",
     "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
     "componentPropertyDefinitions": {
@@ -1270,7 +1270,7 @@ const metadata$H = {
     }
 };
 
-const metadata$G = {
+const metadata$H = {
     "name": "🟢 Alert Dialog",
     "key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
     "componentPropertyDefinitions": {
@@ -1297,7 +1297,7 @@ const metadata$G = {
     }
 };
 
-const metadata$F = {
+const metadata$G = {
     "name": "🟢 Avatar",
     "key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
     "componentPropertyDefinitions": {
@@ -1330,7 +1330,7 @@ const metadata$F = {
     }
 };
 
-const metadata$E = {
+const metadata$F = {
     "name": "🟢 Avatar Stack",
     "key": "e8e91e01000d878742c55cd6e44b6786460440f7",
     "componentPropertyDefinitions": {
@@ -1351,7 +1351,7 @@ const metadata$E = {
     }
 };
 
-const metadata$D = {
+const metadata$E = {
     "name": "🟢 Badge",
     "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
     "componentPropertyDefinitions": {
@@ -1387,7 +1387,7 @@ const metadata$D = {
     }
 };
 
-const metadata$C = {
+const metadata$D = {
     "name": "🟢 Bottom Navigation / Global",
     "key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
     "componentPropertyDefinitions": {
@@ -1411,7 +1411,7 @@ const metadata$C = {
     }
 };
 
-const metadata$B = {
+const metadata$C = {
     "name": "🟢 Bottom Navigation / KR",
     "key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
     "componentPropertyDefinitions": {
@@ -1428,7 +1428,7 @@ const metadata$B = {
     }
 };
 
-const metadata$A = {
+const metadata$B = {
     "name": "🟢 Bottom Sheet",
     "key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
     "componentPropertyDefinitions": {
@@ -1492,7 +1492,7 @@ const metadata$A = {
     }
 };
 
-const metadata$z = {
+const metadata$A = {
     "name": "🟢 Callout",
     "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
     "componentPropertyDefinitions": {
@@ -1541,7 +1541,7 @@ const metadata$z = {
     }
 };
 
-const metadata$y = {
+const metadata$z = {
     "name": "🟢 Checkbox",
     "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
     "componentPropertyDefinitions": {
@@ -1595,7 +1595,7 @@ const metadata$y = {
     }
 };
 
-const metadata$x = {
+const metadata$y = {
     "name": "🟢 Checkmark",
     "key": "fae60fb392f55bde60de1dbccb2f453320068805",
     "componentPropertyDefinitions": {
@@ -1639,7 +1639,7 @@ const metadata$x = {
     }
 };
 
-const metadata$w = {
+const metadata$x = {
     "name": "🟢 Chip",
     "key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
     "componentPropertyDefinitions": {
@@ -1730,7 +1730,7 @@ const metadata$w = {
     }
 };
 
-const metadata$v = {
+const metadata$w = {
     "name": "🟢 Chlid",
     "key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
     "componentPropertyDefinitions": {
@@ -1745,7 +1745,7 @@ const metadata$v = {
     }
 };
 
-const metadata$u = {
+const metadata$v = {
     "name": "🟢 Contextual Floating Button",
     "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
     "componentPropertyDefinitions": {
@@ -1782,7 +1782,7 @@ const metadata$u = {
     }
 };
 
-const metadata$t = {
+const metadata$u = {
     "name": "🟢 Divider",
     "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
     "componentPropertyDefinitions": {
@@ -1806,7 +1806,7 @@ const metadata$t = {
     }
 };
 
-const metadata$s = {
+const metadata$t = {
     "name": "🟢 Floating Action Button",
     "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
     "componentPropertyDefinitions": {
@@ -1820,7 +1820,7 @@ const metadata$s = {
     }
 };
 
-const metadata$r = {
+const metadata$s = {
     "name": "🟢 Help Bubble",
     "key": "804b327c091278a40d5891939eaed90bb2889659",
     "componentPropertyDefinitions": {
@@ -1856,7 +1856,7 @@ const metadata$r = {
     }
 };
 
-const metadata$q = {
+const metadata$r = {
     "name": "🟢 List Header",
     "key": "609f93ed0608ef0a6d9a351e47595ad631bae0fa",
     "componentPropertyDefinitions": {
@@ -1871,17 +1871,17 @@ const metadata$q = {
                 "Custom"
             ]
         },
-        "Title Weight": {
+        "Variant": {
             "type": "VARIANT",
             "variantOptions": [
-                "Medium",
-                "Bold"
+                "Medium Weak",
+                "Bold Solid"
             ]
         }
     }
 };
 
-const metadata$p = {
+const metadata$q = {
     "name": "🟢 List Item",
     "key": "b51b7d07c659fee5d696565b8e1151636573b27c",
     "componentPropertyDefinitions": {
@@ -2034,7 +2034,7 @@ const metadata$p = {
     }
 };
 
-const metadata$o = {
+const metadata$p = {
     "name": "🟢 Main Tab Navigation / Global",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
     "componentPropertyDefinitions": {
@@ -2061,7 +2061,7 @@ const metadata$o = {
     }
 };
 
-const metadata$n = {
+const metadata$o = {
     "name": "🟢 Main Tab Navigation / KR",
     "key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
     "componentPropertyDefinitions": {
@@ -2085,43 +2085,51 @@ const metadata$n = {
     }
 };
 
-const metadata$m = {
+const metadata$n = {
     "name": "🟢 Manner Temp",
     "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
     "componentPropertyDefinitions": {
         "Level": {
             "type": "VARIANT",
             "variantOptions": [
-                "L1 (~29.9)",
-                "L2 (30.0~36.2)",
-                "L3 (36.3~37.5)",
-                "L4 (37.6~41.9)",
-                "L5 (42~51.9)",
-                "L6 (52~)"
+                "L1",
+                "L2",
+                "L3",
+                "L4",
+                "L5",
+                "L6",
+                "L7",
+                "L8",
+                "L9",
+                "L10"
             ]
         }
     }
 };
 
-const metadata$l = {
+const metadata$m = {
     "name": "🟢 Manner Temp Badge",
     "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
     "componentPropertyDefinitions": {
         "Level": {
             "type": "VARIANT",
             "variantOptions": [
-                "L1 (~29.9)",
-                "L2 (30.0~36.2)",
-                "L3 (36.3~37.5)",
-                "L4 (37.6~41.9)",
-                "L5 (42~51.9)",
-                "L6 (52~)"
+                "L1",
+                "L2",
+                "L3",
+                "L4",
+                "L5",
+                "L6",
+                "L7",
+                "L8",
+                "L9",
+                "L10"
             ]
         }
     }
 };
 
-const metadata$k = {
+const metadata$l = {
     "name": "🟢 Menu Sheet",
     "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
     "componentPropertyDefinitions": {
@@ -2158,7 +2166,7 @@ const metadata$k = {
     }
 };
 
-const metadata$j = {
+const metadata$k = {
     "name": "🟢 Multiline Text Field",
     "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
     "componentPropertyDefinitions": {
@@ -2227,7 +2235,7 @@ const metadata$j = {
     }
 };
 
-const metadata$i = {
+const metadata$j = {
     "name": "🟢 Page Banner",
     "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
     "componentPropertyDefinitions": {
@@ -2278,7 +2286,7 @@ const metadata$i = {
     }
 };
 
-const metadata$h = {
+const metadata$i = {
     "name": "🟢 Progress Circle",
     "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
     "componentPropertyDefinitions": {
@@ -2311,7 +2319,7 @@ const metadata$h = {
     }
 };
 
-const metadata$g = {
+const metadata$h = {
     "name": "🟢 Radio",
     "key": "ac72d9e5ab04a1d59eaf77dffd380fd6e491ecf8",
     "componentPropertyDefinitions": {
@@ -2357,7 +2365,7 @@ const metadata$g = {
     }
 };
 
-const metadata$f = {
+const metadata$g = {
     "name": "🟢 Radio Mark",
     "key": "832d696d6e9566610968cd70f128f500ec009d6a",
     "componentPropertyDefinitions": {
@@ -2393,7 +2401,7 @@ const metadata$f = {
     }
 };
 
-const metadata$e = {
+const metadata$f = {
     "name": "🟢 Range Slider",
     "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
     "componentPropertyDefinitions": {
@@ -2425,7 +2433,7 @@ const metadata$e = {
     }
 };
 
-const metadata$d = {
+const metadata$e = {
     "name": "🟢 Reaction Button",
     "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
     "componentPropertyDefinitions": {
@@ -2468,7 +2476,7 @@ const metadata$d = {
     }
 };
 
-const metadata$c = {
+const metadata$d = {
     "name": "🟢 Resizable.Icon",
     "key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
     "componentPropertyDefinitions": {
@@ -2487,7 +2495,7 @@ const metadata$c = {
     }
 };
 
-const metadata$b = {
+const metadata$c = {
     "name": "🟢 ResizableChild",
     "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
     "componentPropertyDefinitions": {
@@ -2506,7 +2514,7 @@ const metadata$b = {
     }
 };
 
-const metadata$a = {
+const metadata$b = {
     "name": "🟢 Segmented Control",
     "key": "3ad7133ba52755867f42f9232375f75639e00d58",
     "componentPropertyDefinitions": {
@@ -2517,20 +2525,11 @@ const metadata$a = {
                 "3",
                 "4"
             ]
-        },
-        "Selected Item": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "1",
-                "2",
-                "3",
-                "4"
-            ]
         }
     }
 };
 
-const metadata$9 = {
+const metadata$a = {
     "name": "🟢 Select Box",
     "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
     "componentPropertyDefinitions": {
@@ -2567,7 +2566,7 @@ const metadata$9 = {
     }
 };
 
-const metadata$8 = {
+const metadata$9 = {
     "name": "🟢 Skeleton",
     "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
     "componentPropertyDefinitions": {
@@ -2590,7 +2589,7 @@ const metadata$8 = {
     }
 };
 
-const metadata$7 = {
+const metadata$8 = {
     "name": "🟢 Slider",
     "key": "aee027230a478315e380704c4523141e67e464ee",
     "componentPropertyDefinitions": {
@@ -2622,7 +2621,7 @@ const metadata$7 = {
     }
 };
 
-const metadata$6 = {
+const metadata$7 = {
     "name": "🟢 Snackbar",
     "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
     "componentPropertyDefinitions": {
@@ -2646,7 +2645,7 @@ const metadata$6 = {
     }
 };
 
-const metadata$5 = {
+const metadata$6 = {
     "name": "🟢 SuperscriptChild",
     "key": "19923052d4152393ecdc6e2f5853ea0359849127",
     "componentPropertyDefinitions": {
@@ -2665,7 +2664,7 @@ const metadata$5 = {
     }
 };
 
-const metadata$4 = {
+const metadata$5 = {
     "name": "🟢 Switch",
     "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
     "componentPropertyDefinitions": {
@@ -2701,12 +2700,48 @@ const metadata$4 = {
                 "Disabled"
             ]
         },
-        "Label Layout(Figma Only)": {
+        "Layout(Figma Only)": {
             "type": "VARIANT",
             "variantOptions": [
                 "Label Last",
                 "Label First",
-                "Switch Only"
+                "🚫[Switch Mark 사용] Switch Only"
+            ]
+        }
+    }
+};
+
+const metadata$4 = {
+    "name": "🟢 Switch Mark",
+    "key": "bc53f269089e02a1d241e2a21ac7631bfa49834e",
+    "componentPropertyDefinitions": {
+        "Size": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "16",
+                "24",
+                "32"
+            ]
+        },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Neutral",
+                "🚫[Deprecated] Brand"
+            ]
+        },
+        "Selected": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "True",
+                "False"
+            ]
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Disabled"
             ]
         }
     }
@@ -2925,53 +2960,54 @@ const metadata = {
 
 var FIGMA_COMPONENTS = {
   __proto__: null,
-  actionButton: metadata$H,
-  alertDialog: metadata$G,
-  avatar: metadata$F,
-  avatarStack: metadata$E,
-  badge: metadata$D,
-  bottomNavigationGlobal: metadata$C,
-  bottomNavigationKr: metadata$B,
-  bottomSheet: metadata$A,
-  callout: metadata$z,
-  checkbox: metadata$y,
-  checkmark: metadata$x,
-  chip: metadata$w,
-  chlid: metadata$v,
-  contextualFloatingButton: metadata$u,
-  divider: metadata$t,
-  floatingActionButton: metadata$s,
-  helpBubble: metadata$r,
-  listHeader: metadata$q,
-  listItem: metadata$p,
-  mainTabNavigationGlobal: metadata$o,
-  mainTabNavigationKr: metadata$n,
-  mannerTemp: metadata$m,
-  mannerTempBadge: metadata$l,
-  menuSheet: metadata$k,
-  multilineTextField: metadata$j,
-  pageBanner: metadata$i,
-  progressCircle: metadata$h,
-  radio: metadata$g,
-  radioMark: metadata$f,
-  rangeSlider: metadata$e,
-  reactionButton: metadata$d,
-  resizableChild: metadata$b,
-  resizableIcon: metadata$c,
-  segmentedControl: metadata$a,
-  selectBox: metadata$9,
-  skeleton: metadata$8,
-  slider: metadata$7,
-  snackbar: metadata$6,
-  superscriptChild: metadata$5,
-  switch: metadata$4,
+  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$N,
-  templateChipGroup: metadata$M,
-  templateCompletion: metadata$L,
-  templateErrorState: metadata$K,
-  templateSelectBoxGroup: metadata$J,
-  templateTopNavigation: metadata$I,
+  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
@@ -2995,8 +3031,8 @@ function handleSizeProp(size) {
     }
 }
 
-const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("action-button");
-const createActionButtonHandler = (ctx)=>defineComponentHandler(metadata$H.key, ({ componentProperties: props })=>{
+const { createLocalSnippetElement: createLocalSnippetElement$w } = createLocalSnippetHelper("action-button");
+const createActionButtonHandler = (ctx)=>defineComponentHandler(metadata$I.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = tsPattern.match(props.Layout.value).with("Icon Only", ()=>({
                 layout: "iconOnly",
@@ -3036,7 +3072,7 @@ const createActionButtonHandler = (ctx)=>defineComponentHandler(metadata$H.key,
             variant: changeCase.camelCase(props.Variant.value),
             layout
         };
-        return createLocalSnippetElement$u("ActionButton", commonProps, children);
+        return createLocalSnippetElement$w("ActionButton", commonProps, children);
     });
 const ACTION_BUTTON_GHOST_BUTTON_KEY = "ea69291fb4d76217419f3d9613ae16aadafb56a5";
 const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(ACTION_BUTTON_GHOST_BUTTON_KEY, ({ componentProperties: props })=>{
@@ -3083,26 +3119,26 @@ const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(ACTION_BUTT
                 bleedY: "asPadding"
             }
         };
-        return createLocalSnippetElement$u("ActionButton", commonProps, children);
+        return createLocalSnippetElement$w("ActionButton", commonProps, children);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("alert-dialog");
+const { createLocalSnippetElement: createLocalSnippetElement$v } = createLocalSnippetHelper("alert-dialog");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$3 } = createLocalSnippetHelper("action-button");
 const ALERT_DIALOG_FOOTER_KEY = "00b1b131d67edf2875a7a1df8dfa88098d7c04be";
-const createAlertDialogHandler = (_ctx)=>defineComponentHandler(metadata$G.key, (node, traverse)=>{
+const createAlertDialogHandler = (_ctx)=>defineComponentHandler(metadata$H.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const alertDialogHeader = createLocalSnippetElement$t("AlertDialogHeader", undefined, [
+        const alertDialogHeader = createLocalSnippetElement$v("AlertDialogHeader", undefined, [
             ...props["Show Title#20361:14"].value ? [
-                createLocalSnippetElement$t("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
+                createLocalSnippetElement$v("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
             ] : [],
-            createLocalSnippetElement$t("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
+            createLocalSnippetElement$v("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
         ]);
         const footerNodes = findAllInstances({
             node,
             key: ALERT_DIALOG_FOOTER_KEY
         });
         if (footerNodes.length === 0 || footerNodes.length > 1) {
-            return createLocalSnippetElement$t("AlertDialog", undefined, alertDialogHeader, {
+            return createLocalSnippetElement$v("AlertDialog", undefined, alertDialogHeader, {
                 comment: "Footer 영역을 확인해주세요."
             });
         }
@@ -3110,21 +3146,21 @@ const createAlertDialogHandler = (_ctx)=>defineComponentHandler(metadata$G.key,
         const footerNodeProps = traverse(footerNode)?.props;
         const buttons = footerNode.children.map(traverse);
         const alertDialogFooterChildren = tsPattern.match(footerNode.componentProperties.Type.value).with("Single", ()=>buttons).with("Neutral", "Critical", ()=>createSeedReactElement("ResponsivePair", footerNodeProps, buttons)).with("Neutral (Overflow)", "Critical (Overflow)", "Nonpreferred", ()=>createSeedReactElement("VStack", footerNodeProps, buttons)).exhaustive();
-        const alertDialogFooter = createLocalSnippetElement$t("AlertDialogFooter", undefined, alertDialogFooterChildren);
-        return createLocalSnippetElement$t("AlertDialogRoot", {
+        const alertDialogFooter = createLocalSnippetElement$v("AlertDialogFooter", undefined, alertDialogFooterChildren);
+        return createLocalSnippetElement$v("AlertDialogRoot", {
             open: true
         }, [
-            createLocalSnippetElement$t("AlertDialogTrigger", {
+            createLocalSnippetElement$v("AlertDialogTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$3("ActionButton", {}, "AlertDialog 열기")),
-            createLocalSnippetElement$t("AlertDialogContent", undefined, [
+            createLocalSnippetElement$v("AlertDialogContent", undefined, [
                 alertDialogHeader,
                 alertDialogFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("app-bar");
+const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("app-bar");
 const APP_BAR_TITLE_KEY = "d2cc4f615b2b44098be89448ad1c573f94af0355";
 const APP_BAR_LEFT_ICON_BUTTON_KEY = "5a953f7bafc0df744777517458396e9f6c915825";
 const APP_BAR_RIGHT_ICON_BUTTON_KEY = "c08db793288077e53bd45ef11aa419a835e88fce";
@@ -3141,12 +3177,12 @@ const createAppBarMainHandler = (_ctx)=>{
                 subtitle: undefined
             })).exhaustive();
         if (title) {
-            return createLocalSnippetElement$s("AppBarMain", {
+            return createLocalSnippetElement$u("AppBarMain", {
                 title,
                 subtitle
             });
         }
-        return createLocalSnippetElement$s("AppBarMain", undefined, undefined, {
+        return createLocalSnippetElement$u("AppBarMain", undefined, undefined, {
             comment: "AppBarMain 내부를 직접 작성해주세요."
         });
     });
@@ -3173,33 +3209,33 @@ const createAppBarHandler = (ctx)=>{
             return appBarMainHandler.transform(mainNode, traverse);
         })();
         const leftChildren = tsPattern.match(props.Left.value).with("None", ()=>undefined).with("Back", ()=>[
-                createLocalSnippetElement$s("AppBarBackButton")
+                createLocalSnippetElement$u("AppBarBackButton")
             ]).with("Close", ()=>[
-                createLocalSnippetElement$s("AppBarCloseButton")
+                createLocalSnippetElement$u("AppBarCloseButton")
             ]).with("Custom", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: APP_BAR_LEFT_ICON_BUTTON_KEY
             });
             if (buttons.length > 0) {
-                return buttons.map((button)=>createLocalSnippetElement$s("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
+                return buttons.map((button)=>createLocalSnippetElement$u("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
                         comment: "AppBarIconButton에 aria-label 속성을 추가해주세요."
                     }));
             }
             return undefined;
         }).exhaustive();
-        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$s("AppBarLeft", {}, leftChildren) : undefined;
+        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$u("AppBarLeft", {}, leftChildren) : undefined;
         const rightChildren = tsPattern.match(props.Right.value).with("None", ()=>undefined).with("1 Icon Button", "2 Icon Button", "3 Icon Button", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: APP_BAR_RIGHT_ICON_BUTTON_KEY
             });
-            return buttons.map((button)=>createLocalSnippetElement$s("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#6406:3"]), {
+            return buttons.map((button)=>createLocalSnippetElement$u("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#6406:3"]), {
                     comment: "AppBarIconButton에 aria-label 속성을 추가해주세요."
                 }));
         }).with("Text Button", ()=>undefined).exhaustive();
-        const right = rightChildren && rightChildren.length > 0 ? createLocalSnippetElement$s("AppBarRight", {}, rightChildren) : undefined;
-        return createLocalSnippetElement$s("AppBar", {
+        const right = rightChildren && rightChildren.length > 0 ? createLocalSnippetElement$u("AppBarRight", {}, rightChildren) : undefined;
+        return createLocalSnippetElement$u("AppBar", {
             theme,
             tone
         }, [
@@ -3213,18 +3249,18 @@ const createAppBarHandler = (ctx)=>{
 };
 
 const IDENTITY_PLACEHOLDER_KEY = "b3563b6f16ba4cfe4240c9b33eef7edad4c304eb";
-const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("identity-placeholder");
+const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("identity-placeholder");
 const createIdentityPlaceholderHandler = (_ctx)=>defineComponentHandler(IDENTITY_PLACEHOLDER_KEY, ({ componentProperties: props })=>{
         const commonProps = {
             identity: changeCase.camelCase(props.Identity.value)
         };
-        return createLocalSnippetElement$r("IdentityPlaceholder", commonProps);
+        return createLocalSnippetElement$t("IdentityPlaceholder", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("avatar");
 const createAvatarHandler = (ctx)=>{
     const identityPlaceholderHandler = createIdentityPlaceholderHandler();
-    return defineComponentHandler(metadata$F.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$G.key, (node, traverse)=>{
         const [placeholder] = findAllInstances({
             node,
             key: identityPlaceholderHandler.key
@@ -3244,7 +3280,7 @@ const createAvatarHandler = (ctx)=>{
             },
             size: props.Size.value
         };
-        return createLocalSnippetElement$q("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$q("AvatarBadge", {
+        return createLocalSnippetElement$s("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$s("AvatarBadge", {
             asChild: true
         }, createElement("img", {
             src: "https://placehold.co/20x20"
@@ -3256,10 +3292,10 @@ const createAvatarHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$p } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("avatar");
 const createAvatarStackHandler = (ctx)=>{
     const avatarHandler = createAvatarHandler();
-    return defineComponentHandler(metadata$E.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$F.key, (node, traverse)=>{
         const avatarNodes = findAllInstances({
             node,
             key: avatarHandler.key
@@ -3269,11 +3305,11 @@ const createAvatarStackHandler = (ctx)=>{
             size: props.Size.value
         };
         const avatarStackChildren = avatarNodes.map((avatarNode)=>avatarHandler.transform(avatarNode, traverse));
-        return createLocalSnippetElement$p("AvatarStack", commonProps, avatarStackChildren);
+        return createLocalSnippetElement$r("AvatarStack", commonProps, avatarStackChildren);
     });
 };
 
-const createBadgeHandler = (_ctx)=>defineComponentHandler(metadata$D.key, ({ componentProperties: props })=>{
+const createBadgeHandler = (_ctx)=>defineComponentHandler(metadata$E.key, ({ componentProperties: props })=>{
         const commonProps = {
             size: handleSizeProp(props.Size.value),
             tone: changeCase.camelCase(props.Tone.value),
@@ -3282,12 +3318,12 @@ const createBadgeHandler = (_ctx)=>defineComponentHandler(metadata$D.key, ({ com
         return createSeedReactElement("Badge", commonProps, props["Label#1584:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$o } = createLocalSnippetHelper("bottom-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("bottom-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$2 } = createLocalSnippetHelper("action-button");
 // TODO: Bottom Action Bar (WIP) handler의 키. 해당 컴포넌트(템플릿) 핸들러 작성 시 handler.transform()으로 대체
 const BOTTOM_SHEET_FOOTER_KEY = "de6c65d34cc4a01c18c9a7c0ded34635170ca11f";
 const BOTTOM_SHEET_BODY_KEY = "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc";
-const createBottomSheetHandler = (_ctx)=>defineComponentHandler(metadata$A.key, (node, traverse)=>{
+const createBottomSheetHandler = (_ctx)=>defineComponentHandler(metadata$B.key, (node, traverse)=>{
         const props = node.componentProperties;
         const headerAlign = tsPattern.match(props["Header Layout"].value).with("Bottom Left", "Top Left", ()=>"left").with("Bottom Center", "Top Center", ()=>"center").with("None", ()=>undefined).exhaustive();
         const contentProps = {
@@ -3303,32 +3339,32 @@ const createBottomSheetHandler = (_ctx)=>defineComponentHandler(metadata$A.key,
             node,
             key: BOTTOM_SHEET_BODY_KEY
         });
-        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$o("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$o("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
+        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$q("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$q("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
         const footerNodes = findAllInstances({
             node,
             key: BOTTOM_SHEET_FOOTER_KEY
         });
-        const bottomSheetFooter = props["Show Footer#25162:14"] && footerNodes.length === 1 ? createLocalSnippetElement$o("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
-        return createLocalSnippetElement$o("BottomSheetRoot", {
+        const bottomSheetFooter = props["Show Footer#25162:14"] && footerNodes.length === 1 ? createLocalSnippetElement$q("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
+        return createLocalSnippetElement$q("BottomSheetRoot", {
             defaultOpen: true,
             headerAlign
         }, [
-            createLocalSnippetElement$o("BottomSheetTrigger", {
+            createLocalSnippetElement$q("BottomSheetTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$2("ActionButton", {}, "BottomSheet 열기")),
-            createLocalSnippetElement$o("BottomSheetContent", contentProps, [
+            createLocalSnippetElement$q("BottomSheetContent", contentProps, [
                 bottomSheetBody,
                 bottomSheetFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$n } = createLocalSnippetHelper("callout");
-const createCalloutHandler = (ctx)=>defineComponentHandler(metadata$z.key, ({ componentProperties: props, children })=>{
+const { createLocalSnippetElement: createLocalSnippetElement$p } = createLocalSnippetHelper("callout");
+const createCalloutHandler = (ctx)=>defineComponentHandler(metadata$A.key, ({ componentProperties: props, children })=>{
         const tag = tsPattern.match(props.Interaction.value).with("Display", ()=>"Callout").with("Actionable", ()=>"ActionableCallout").with("Dismissible", ()=>"DismissibleCallout").exhaustive();
         const textNode = children.find((child)=>child.type === "TEXT");
         if (!textNode) {
-            return createLocalSnippetElement$n(tag, undefined, undefined, {
+            return createLocalSnippetElement$p(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -3380,11 +3416,11 @@ const createCalloutHandler = (ctx)=>defineComponentHandler(metadata$z.key, ({ co
                 prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#35087:0"])
             }
         };
-        return createLocalSnippetElement$n(tag, commonProps);
+        return createLocalSnippetElement$p(tag, commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$m } = createLocalSnippetHelper("checkbox");
-const createCheckboxHandler = (_ctx)=>defineComponentHandler(metadata$y.key, ({ componentProperties: props })=>{
+const { createLocalSnippetElement: createLocalSnippetElement$o } = createLocalSnippetHelper("checkbox");
+const createCheckboxHandler = (_ctx)=>defineComponentHandler(metadata$z.key, ({ componentProperties: props })=>{
         const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
             label: props["Label#49990:0"].value,
@@ -3403,25 +3439,25 @@ const createCheckboxHandler = (_ctx)=>defineComponentHandler(metadata$y.key, ({
                 disabled: true
             }
         };
-        return createLocalSnippetElement$m("Checkbox", commonProps);
+        return createLocalSnippetElement$o("Checkbox", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$l } = createLocalSnippetHelper("checkbox");
-const createCheckmarkHandler = (_ctx)=>defineComponentHandler(metadata$x.key, ({ componentProperties: props })=>{
+const { createLocalSnippetElement: createLocalSnippetElement$n } = createLocalSnippetHelper("checkbox");
+const createCheckmarkHandler = (_ctx)=>defineComponentHandler(metadata$y.key, ({ componentProperties: props })=>{
         const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
             tone,
             variant: changeCase.camelCase(props.Shape.value),
             size: handleSizeProp(props.Size.value)
         };
-        return createLocalSnippetElement$l("Checkmark", commonProps);
+        return createLocalSnippetElement$n("Checkmark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$k } = createLocalSnippetHelper("chip");
+const { createLocalSnippetElement: createLocalSnippetElement$m } = createLocalSnippetHelper("chip");
 const CHIP_ICON_SUFFIX_KEY = "27343e0e5ab2c66948e9b10fde03d58b5e037212";
 const createChipIconSuffixHandler = (ctx)=>{
     return defineComponentHandler(CHIP_ICON_SUFFIX_KEY, ({ componentProperties })=>{
-        return createLocalSnippetElement$k("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
+        return createLocalSnippetElement$m("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
             svg: ctx.iconHandler.transform(componentProperties["Icon#33203:0"])
         }));
     });
@@ -3429,19 +3465,19 @@ const createChipIconSuffixHandler = (ctx)=>{
 const createChipHandler = (ctx)=>{
     const avatarHandler = createAvatarHandler();
     const iconSuffixHandler = createChipIconSuffixHandler(ctx);
-    return defineComponentHandler(metadata$w.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$x.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const prefix = tsPattern.match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$k("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
+        const prefix = tsPattern.match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$m("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"])
             }))).with("Avatar", ()=>{
             const [avatar] = findAllInstances({
                 node,
-                key: metadata$F.key
+                key: metadata$G.key
             });
             if (!avatar) return undefined;
-            return createLocalSnippetElement$k("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar, traverse));
+            return createLocalSnippetElement$m("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar, traverse));
         }).exhaustive();
-        const label = createLocalSnippetElement$k("Chip.Label", undefined, props["Label#7185:0"].value);
+        const label = createLocalSnippetElement$m("Chip.Label", undefined, props["Label#7185:0"].value);
         const [suffixIcon] = findAllInstances({
             node,
             key: CHIP_ICON_SUFFIX_KEY
@@ -3457,7 +3493,7 @@ const createChipHandler = (ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$k("Chip.Toggle", commonProps, [
+        return createLocalSnippetElement$m("Chip.Toggle", commonProps, [
             prefix,
             label,
             suffixIcon ? iconSuffixHandler.transform(suffixIcon, traverse) : undefined
@@ -3467,8 +3503,8 @@ const createChipHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$j } = createLocalSnippetHelper("contextual-floating-button");
-const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(metadata$u.key, ({ componentProperties: props })=>{
+const { createLocalSnippetElement: createLocalSnippetElement$l } = createLocalSnippetHelper("contextual-floating-button");
+const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(metadata$v.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = tsPattern.match(props.Layout.value).with("Icon Only", ()=>({
                 layout: "iconOnly",
@@ -3496,10 +3532,10 @@ const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(meta
             variant: tsPattern.match(props.Variant.value).with("Solid", ()=>"solid").with("Layer", ()=>"layer").exhaustive(),
             layout
         };
-        return createLocalSnippetElement$j("ContextualFloatingButton", commonProps, children);
+        return createLocalSnippetElement$l("ContextualFloatingButton", commonProps, children);
     });
 
-const createDividerHandler = (_ctx)=>defineComponentHandler(metadata$t.key, ({ componentProperties: props })=>{
+const createDividerHandler = (_ctx)=>defineComponentHandler(metadata$u.key, ({ componentProperties: props })=>{
         const { color } = tsPattern.match(props.Tone.value).with("Neutral Muted", ()=>({
                 color: "stroke.neutralMuted"
             })).with("Neutral Subtle", ()=>({
@@ -3512,10 +3548,10 @@ const createDividerHandler = (_ctx)=>defineComponentHandler(metadata$t.key, ({ c
         return createSeedReactElement("Divider", commonProps, undefined);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$i } = createLocalSnippetHelper("error-state");
+const { createLocalSnippetElement: createLocalSnippetElement$k } = createLocalSnippetHelper("error-state");
 const createErrorStateHandler = (ctx)=>{
     const actionButtonHandler = createActionButtonHandler(ctx);
-    return defineComponentHandler(metadata$K.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$L.key, (node, traverse)=>{
         const props = node.componentProperties;
         const [actionButtonNode] = findAllInstances({
             node,
@@ -3536,14 +3572,14 @@ const createErrorStateHandler = (ctx)=>{
                 }
             }
         };
-        return createLocalSnippetElement$i("ErrorState", commonProps);
+        return createLocalSnippetElement$k("ErrorState", commonProps);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$h } = createLocalSnippetHelper("floating-action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$j } = createLocalSnippetHelper("floating-action-button");
 const BUTTON_TYPE_KEY = "8cecc85275115d653579d4c3156567ebf19f7b27";
 const MENU_TYPE_KEY = "400124347392c15473f9cd2d8a6aedb64f3baf36";
-const createFloatingActionButtonHandler = (ctx)=>defineComponentHandler(metadata$s.key, (node)=>{
+const createFloatingActionButtonHandler = (ctx)=>defineComponentHandler(metadata$t.key, (node)=>{
         const [button] = findAllInstances({
             node,
             key: BUTTON_TYPE_KEY
@@ -3564,12 +3600,12 @@ const createFloatingActionButtonHandler = (ctx)=>defineComponentHandler(metadata
                 label: menu.componentProperties["Label#29766:9"].value
             };
         })();
-        return createLocalSnippetElement$h("FloatingActionButton", commonProps);
+        return createLocalSnippetElement$j("FloatingActionButton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$g } = createLocalSnippetHelper("help-bubble");
+const { createLocalSnippetElement: createLocalSnippetElement$i } = createLocalSnippetHelper("help-bubble");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$1 } = createLocalSnippetHelper("action-button");
-const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(metadata$r.key, ({ componentProperties: props })=>{
+const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(metadata$s.key, ({ componentProperties: props })=>{
         const placement = (()=>{
             switch(props.Placement.value){
                 case "Bottom-Left":
@@ -3607,115 +3643,245 @@ const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(metadata$r.key, (
             showCloseButton: props["Show Close Button#40538:0"].value,
             placement
         };
-        return createLocalSnippetElement$g("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$1("ActionButton", {}, "HelpBubble 열기"), {
+        return createLocalSnippetElement$i("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$1("ActionButton", {}, "HelpBubble 열기"), {
             comment: "필요에 따라 HelpBubbleAnchor로 변경하여 사용하세요."
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$f } = createLocalSnippetHelper("manner-temp-badge");
-const createMannerTempBadgeHandler = (_ctx)=>defineComponentHandler(metadata$l.key, ({ children })=>{
-        const textNode = children.find((child)=>child.type === "TEXT");
-        const commonProps = {
-            temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
-        };
-        return createLocalSnippetElement$f("MannerTempBadge", commonProps);
-    });
-
-const { createLocalSnippetElement: createLocalSnippetElement$e } = createLocalSnippetHelper("manner-temp");
-const createMannerTempHandler = (_ctx)=>defineComponentHandler(metadata$m.key, ({ children })=>{
-        const textNode = children.find((child)=>child.type === "TEXT");
+const { createLocalSnippetElement: createLocalSnippetElement$h } = createLocalSnippetHelper("list-header");
+const createListHeaderHandler = (_ctx)=>defineComponentHandler(metadata$r.key, ({ componentProperties: props })=>{
         const commonProps = {
-            temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
+            variant: changeCase.camelCase(props["Variant"].value)
         };
-        return createLocalSnippetElement$e("MannerTemp", commonProps);
+        return createLocalSnippetElement$h("ListHeader", commonProps, props["Title#28588:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$d } = createLocalSnippetHelper("menu-sheet");
-const { createLocalSnippetElement: createLocalSnippetElementTrigger } = createLocalSnippetHelper("action-button");
-const MENU_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
-const createMenuSheetItemHandler = (ctx)=>defineComponentHandler(MENU_SHEET_ITEM_KEY, ({ componentProperties: props })=>{
-        const states = props.State.value.split("-");
-        const commonProps = {
-            tone: changeCase.camelCase(props.Tone.value),
-            ...states.includes("Disabled") && {
-                disabled: true
-            }
-        };
-        return createLocalSnippetElement$d("MenuSheetItem", commonProps, [
-            props["Show Prefix Icon#17043:5"].value ? createSeedReactElement("PrefixIcon", {
-                svg: ctx.iconHandler.transform(props["Prefix Icon#55948:0"])
-            }) : undefined,
-            props["Label#55905:8"].value
-        ]);
-    });
-const MENU_SHEET_GROUP_KEY = "2a504a1c6b7810d5e652862dcba2cb7048f9eb16";
-const createMenuSheetGroupHandler = (ctx)=>{
-    const menuSheetItemHandler = createMenuSheetItemHandler(ctx);
-    return defineComponentHandler(MENU_SHEET_GROUP_KEY, (node, traverse)=>{
-        const items = findAllInstances({
-            node,
-            key: menuSheetItemHandler.key
-        });
-        const contentChildren = items.map((item)=>menuSheetItemHandler.transform(item, traverse));
-        return createLocalSnippetElement$d("MenuSheetGroup", undefined, contentChildren);
-    });
+const { createLocalSnippetElement: createLocalSnippetElement$g } = createLocalSnippetHelper("list");
+const PREFIX_KEYS = {
+    checkmark: "f24c9ef42ef08df79483fbae0fa7d9037e566748",
+    radioMark: "5a77ad37a2291989dfe77c44ddee9aa39e447f90",
+    icon: "0e4c05f097d3fa2dc0cbfdbf8db2662bcf8439ca",
+    avatar: "ef0e8bd6c2f92e620acf204bb9a8079ef25a1e5c",
+    image: "82239325aa1cb65af7c649fc71a8f2b48fb9b9f3",
+    custom: "81f201fc876e38f016ab7427a6b3da000ee919a2"
 };
-const createMenuSheetHandler = (ctx)=>{
-    const menuSheetGroupHandler = createMenuSheetGroupHandler(ctx);
-    return defineComponentHandler(metadata$k.key, (node, traverse)=>{
+const SUFFIX_KEYS = {
+    checkmark: "abf9810103ae6e6afe8fa253ec5f05d6a7304b38",
+    radioMark: "0a9464ad270bfd7f56438f62bb0155a25ca146a9",
+    chevron: "8c52207687ffed15cd5931d71ed9d196b3358a68",
+    switch: "1e933f75dd6bb4b21c3289b5c3b4402d2c623125",
+    custom: "3a70bf5bb9856c13893931b7a0df652bcf0be895",
+    icon: "4cc7e9b84a8388a36cb3898c6c02e6110a3281b9",
+    chevronWithText: "fe0e25f4fecda59d0a3730ead7c5bc0a66a41e7e",
+    iconButton: "5636566f6de6f58200dce388f7b1ac9f517b30e1",
+    actionButton: "3d788f28c785d1c60b937b253c39ce582dbe1ed3"
+};
+const createListItemHandler = (ctx)=>defineComponentHandler(metadata$q.key, (node, traverse)=>{
         const { componentProperties: props } = node;
-        const groups = findAllInstances({
-            node,
-            key: menuSheetGroupHandler.key
-        });
-        const contentChildren = groups.map((group)=>menuSheetGroupHandler.transform(group, traverse));
-        const title = props["Show Header#17043:12"].value ? props["Title Text#14599:0"].value : undefined;
-        // TODO: React 구현체에 description 추가 이후
-        // const description = props["Description Text#21827:0"].value;
-        const { labelAlignment } = tsPattern.match(props.Layout.value).with("Text with Icon", ()=>({
-                labelAlignment: undefined
-            })).with("Text Only", ()=>({
-                labelAlignment: "center"
+        const { alignItems, title } = tsPattern.match(props.Variants.value).with("Single Line", ()=>({
+                alignItems: undefined,
+                title: props["Title#28452:21"].value
+            })).with("Multi Line", ()=>({
+                alignItems: "flex-start",
+                title: props["Title #28487:0"].value
             })).exhaustive();
-        const content = createLocalSnippetElement$d("MenuSheetContent", {
-            title,
-            labelAlignment
-        }, contentChildren, {
-            comment: title ? undefined : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
-        });
-        const trigger = createLocalSnippetElement$d("MenuSheetTrigger", {
-            asChild: true
-        }, createLocalSnippetElementTrigger("ActionButton", {}, "MenuSheet 열기"));
-        return createLocalSnippetElement$d("MenuSheet", undefined, [
-            trigger,
-            content
-        ]);
-    });
-};
-
-const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("text-field");
-const createMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(metadata$j.key, ({ componentProperties: props })=>{
-        const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#15327:323": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:286": { value: indicator }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#15327:212": { value: description }, "Show Character count#958:75": { value: showCharacterCount }, "Character Count#15327:360": { value: _characterCount }, "Max Character Count#15327:175": { value: maxCharacterCount } } = props;
-        const states = state.split("-");
-        const commonProps = {
-            size: handleSizeProp(size),
-            // header
-            ...showHeader && {
-                label
-            },
-            ...showHeader && showIndicator && {
-                indicator
-            },
-            // input
-            ...filled === "True" && {
-                defaultValue
-            },
-            ...states.includes("Invalid") && {
-                invalid: true
-            },
-            ...states.includes("Disabled") && {
-                disabled: true
-            },
+        const detailNode = findOne(node, (node)=>node.type === "TEXT" && node.name === "Sub Text");
+        const prefixNode = (()=>{
+            if (props["Has Prefix#28452:85"].value === false) return null;
+            for (const key of Object.values(PREFIX_KEYS)){
+                const [found] = findAllInstances({
+                    node,
+                    key
+                });
+                if (found) return found;
+            }
+            return null;
+        })();
+        const prefix = (()=>{
+            if (!prefixNode) return undefined;
+            if ("Icon#28452:111" in prefixNode.componentProperties) {
+                return createSeedReactElement("Icon", {
+                    svg: ctx.iconHandler.transform(prefixNode.componentProperties["Icon#28452:111"])
+                });
+            }
+            return traverse(prefixNode.children[0]);
+        })();
+        const suffixNode = (()=>{
+            if (props["Has Suffix#28452:64"].value === false) return null;
+            for (const key of Object.values(SUFFIX_KEYS)){
+                const [found] = findAllInstances({
+                    node,
+                    key
+                });
+                if (found) return found;
+            }
+            return null;
+        })();
+        const suffix = (()=>{
+            if (!suffixNode) return undefined;
+            if ("Icon#28347:9" in suffixNode.componentProperties) {
+                return createSeedReactElement("Icon", {
+                    svg: ctx.iconHandler.transform(suffixNode.componentProperties["Icon#28347:9"])
+                });
+            }
+            return traverse(suffixNode.children[0]);
+        })();
+        const disabled = props.State.value === "Disabled";
+        const tag = (()=>{
+            if (suffix?.tag === "SwitchMark") {
+                return "ListSwitchItem";
+            }
+            if (prefix?.tag === "Checkmark" || suffix?.tag === "Checkmark") {
+                return "ListCheckItem";
+            }
+            if (prefix?.tag === "RadioMark" || suffix?.tag === "RadioMark") {
+                return "ListRadioItem";
+            }
+            // checkmark/radioMark 없는데 disabled인 경우 Button으로 추측
+            if (disabled) {
+                return "ListButtonItem";
+            }
+            return "ListItem";
+        })();
+        const commonProps = {
+            ...tag === "ListRadioItem" && {
+                value: title
+            },
+            alignItems,
+            title,
+            ...props["Has Detail#28469:1"].value && detailNode && {
+                detail: detailNode.characters
+            },
+            ...prefix && {
+                prefix
+            },
+            ...suffix && {
+                suffix
+            },
+            ...disabled && (tag === "ListButtonItem" || tag === "ListCheckItem" || tag === "ListRadioItem" || tag === "ListSwitchItem") && {
+                disabled: true
+            },
+            ...props.State.value === "Highlighted" && {
+                highlighted: true
+            }
+        };
+        const comment = tsPattern.match(tag).with("ListItem", ()=>"목적에 따라 ListButtonItem이나 ListLinkItem으로 바꿔 사용하세요.").with("ListCheckItem", ()=>`<List as="fieldset">과 함께 사용하세요.`).with("ListRadioItem", ()=>"<RadioGroup.Root>와 함께 사용하세요.").otherwise(()=>undefined);
+        const list = createLocalSnippetElement$g(tag, commonProps, undefined, {
+            comment
+        });
+        if (props["Divider#28441:0"].value) {
+            return createElement("", {}, [
+                list,
+                createLocalSnippetElement$g("ListDivider")
+            ]);
+        }
+        return list;
+    });
+
+const { createLocalSnippetElement: createLocalSnippetElement$f } = createLocalSnippetHelper("manner-temp-badge");
+const createMannerTempBadgeHandler = (_ctx)=>defineComponentHandler(metadata$m.key, ({ children })=>{
+        const textNode = children.find((child)=>child.type === "TEXT");
+        const commonProps = {
+            temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
+        };
+        return createLocalSnippetElement$f("MannerTempBadge", commonProps);
+    });
+
+const { createLocalSnippetElement: createLocalSnippetElement$e } = createLocalSnippetHelper("manner-temp");
+const createMannerTempHandler = (_ctx)=>defineComponentHandler(metadata$n.key, ({ children })=>{
+        const textNode = children.find((child)=>child.type === "TEXT");
+        const commonProps = {
+            temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
+        };
+        return createLocalSnippetElement$e("MannerTemp", commonProps);
+    });
+
+const { createLocalSnippetElement: createLocalSnippetElement$d } = createLocalSnippetHelper("menu-sheet");
+const { createLocalSnippetElement: createLocalSnippetElementTrigger } = createLocalSnippetHelper("action-button");
+const MENU_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
+const createMenuSheetItemHandler = (ctx)=>defineComponentHandler(MENU_SHEET_ITEM_KEY, ({ componentProperties: props })=>{
+        const states = props.State.value.split("-");
+        const commonProps = {
+            tone: changeCase.camelCase(props.Tone.value),
+            ...states.includes("Disabled") && {
+                disabled: true
+            }
+        };
+        return createLocalSnippetElement$d("MenuSheetItem", commonProps, [
+            props["Show Prefix Icon#17043:5"].value ? createSeedReactElement("PrefixIcon", {
+                svg: ctx.iconHandler.transform(props["Prefix Icon#55948:0"])
+            }) : undefined,
+            props["Label#55905:8"].value
+        ]);
+    });
+const MENU_SHEET_GROUP_KEY = "2a504a1c6b7810d5e652862dcba2cb7048f9eb16";
+const createMenuSheetGroupHandler = (ctx)=>{
+    const menuSheetItemHandler = createMenuSheetItemHandler(ctx);
+    return defineComponentHandler(MENU_SHEET_GROUP_KEY, (node, traverse)=>{
+        const items = findAllInstances({
+            node,
+            key: menuSheetItemHandler.key
+        });
+        const contentChildren = items.map((item)=>menuSheetItemHandler.transform(item, traverse));
+        return createLocalSnippetElement$d("MenuSheetGroup", undefined, contentChildren);
+    });
+};
+const createMenuSheetHandler = (ctx)=>{
+    const menuSheetGroupHandler = createMenuSheetGroupHandler(ctx);
+    return defineComponentHandler(metadata$l.key, (node, traverse)=>{
+        const { componentProperties: props } = node;
+        const groups = findAllInstances({
+            node,
+            key: menuSheetGroupHandler.key
+        });
+        const contentChildren = groups.map((group)=>menuSheetGroupHandler.transform(group, traverse));
+        const title = props["Show Header#17043:12"].value ? props["Title Text#14599:0"].value : undefined;
+        // TODO: React 구현체에 description 추가 이후
+        // const description = props["Description Text#21827:0"].value;
+        const { labelAlignment } = tsPattern.match(props.Layout.value).with("Text with Icon", ()=>({
+                labelAlignment: undefined
+            })).with("Text Only", ()=>({
+                labelAlignment: "center"
+            })).exhaustive();
+        const content = createLocalSnippetElement$d("MenuSheetContent", {
+            title,
+            labelAlignment
+        }, contentChildren, {
+            comment: title ? undefined : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
+        });
+        const trigger = createLocalSnippetElement$d("MenuSheetTrigger", {
+            asChild: true
+        }, createLocalSnippetElementTrigger("ActionButton", {}, "MenuSheet 열기"));
+        return createLocalSnippetElement$d("MenuSheet", undefined, [
+            trigger,
+            content
+        ]);
+    });
+};
+
+const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("text-field");
+const createMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(metadata$k.key, ({ componentProperties: props })=>{
+        const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#15327:323": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:286": { value: indicator }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#15327:212": { value: description }, "Show Character count#958:75": { value: showCharacterCount }, "Character Count#15327:360": { value: _characterCount }, "Max Character Count#15327:175": { value: maxCharacterCount } } = props;
+        const states = state.split("-");
+        const commonProps = {
+            size: handleSizeProp(size),
+            // header
+            ...showHeader && {
+                label
+            },
+            ...showHeader && showIndicator && {
+                indicator
+            },
+            // input
+            ...filled === "True" && {
+                defaultValue
+            },
+            ...states.includes("Invalid") && {
+                invalid: true
+            },
+            ...states.includes("Disabled") && {
+                disabled: true
+            },
             ...states.includes("Read Only") && {
                 readOnly: true
             },
@@ -3746,7 +3912,7 @@ const createPageBannerButtonHandler = (_ctx)=>defineComponentHandler(SUFFIX_BUTT
     });
 const createPageBannerHandler = (ctx)=>{
     const buttonHandler = createPageBannerButtonHandler();
-    return defineComponentHandler(metadata$i.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$j.key, (node, traverse)=>{
         const { componentProperties: props } = node;
         const { tag, suffix } = tsPattern.match(props.Interaction.value).with("Actionable", ()=>({
                 tag: "ActionablePageBanner",
@@ -3811,7 +3977,7 @@ const createPageBannerHandler = (ctx)=>{
 };
 
 const { createLocalSnippetElement: createLocalSnippetElement$a } = createLocalSnippetHelper("progress-circle");
-const createProgressCircleHandler = (_ctx)=>defineComponentHandler(metadata$h.key, ({ componentProperties: props })=>{
+const createProgressCircleHandler = (_ctx)=>defineComponentHandler(metadata$i.key, ({ componentProperties: props })=>{
         const { value, minValue, maxValue } = tsPattern.match(props.Value.value).with("Indeterminate", ()=>({
                 value: undefined,
                 minValue: undefined,
@@ -3846,17 +4012,7 @@ const createProgressCircleHandler = (_ctx)=>defineComponentHandler(metadata$h.ke
     });
 
 const { createLocalSnippetElement: createLocalSnippetElement$9 } = createLocalSnippetHelper("radio-group");
-const createRadioMarkHandler = (_ctx)=>defineComponentHandler(metadata$f.key, ({ componentProperties: props })=>{
-        const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
-        const commonProps = {
-            tone,
-            size: handleSizeProp(props.Size.value)
-        };
-        return createLocalSnippetElement$9("RadioMark", commonProps);
-    });
-
-const { createLocalSnippetElement: createLocalSnippetElement$8 } = createLocalSnippetHelper("radio-group");
-const createRadioGroupItemHandler = (_ctx)=>defineComponentHandler(metadata$g.key, ({ componentProperties: props })=>{
+const createRadioGroupItemHandler = (_ctx)=>defineComponentHandler(metadata$h.key, ({ componentProperties: props })=>{
         const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
             ...props.State.value === "Disabled" && {
@@ -3868,11 +4024,21 @@ const createRadioGroupItemHandler = (_ctx)=>defineComponentHandler(metadata$g.ke
             tone,
             weight: changeCase.camelCase(props.Weight.value)
         };
-        return createLocalSnippetElement$8("RadioGroupItem", commonProps);
+        return createLocalSnippetElement$9("RadioGroupItem", commonProps);
+    });
+
+const { createLocalSnippetElement: createLocalSnippetElement$8 } = createLocalSnippetHelper("radio-group");
+const createRadioMarkHandler = (_ctx)=>defineComponentHandler(metadata$g.key, ({ componentProperties: props })=>{
+        const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
+        const commonProps = {
+            tone,
+            size: handleSizeProp(props.Size.value)
+        };
+        return createLocalSnippetElement$8("RadioMark", commonProps);
     });
 
 const { createLocalSnippetElement: createLocalSnippetElement$7 } = createLocalSnippetHelper("reaction-button");
-const createReactionButtonHandler = (ctx)=>defineComponentHandler(metadata$d.key, ({ componentProperties: props })=>{
+const createReactionButtonHandler = (ctx)=>defineComponentHandler(metadata$e.key, ({ componentProperties: props })=>{
         const commonProps = {
             size: handleSizeProp(props.Size.value),
             ...props.State.value === "Loading" && {
@@ -3908,7 +4074,7 @@ const createSegmentedControlItemHandler = (_ctx)=>defineComponentHandler(SEGMENT
     });
 const createSegmentedControlHandler = (ctx)=>{
     const segmentedControlItemHandler = createSegmentedControlItemHandler();
-    return defineComponentHandler(metadata$a.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$b.key, (node, traverse)=>{
         const segments = findAllInstances({
             node,
             key: segmentedControlItemHandler.key
@@ -3927,7 +4093,7 @@ const createSegmentedControlHandler = (ctx)=>{
 };
 
 const { createLocalSnippetElement: createLocalSnippetElement$5 } = createLocalSnippetHelper("select-box");
-const createSelectBoxHandler = (_ctx)=>defineComponentHandler(metadata$9.key, ({ componentProperties: props })=>{
+const createSelectBoxHandler = (_ctx)=>defineComponentHandler(metadata$a.key, ({ componentProperties: props })=>{
         const tag = tsPattern.match(props.Control.value).with("Checkbox", ()=>"CheckSelectBox").with("Radio", ()=>"RadioSelectBoxItem").exhaustive();
         const commonProps = {
             label: props["Label#3635:0"].value,
@@ -3945,7 +4111,7 @@ const createSelectBoxHandler = (_ctx)=>defineComponentHandler(metadata$9.key, ({
     });
 const createSelectBoxGroupHandler = (ctx)=>{
     const selectBoxHandler = createSelectBoxHandler();
-    return defineComponentHandler(metadata$J.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$K.key, (node, traverse)=>{
         const props = node.componentProperties;
         const tag = tsPattern.match(props.Control.value).with("Checkbox", ()=>"CheckSelectBoxGroup").with("Radio", ()=>"RadioSelectBoxRoot").exhaustive();
         const selectBoxes = findAllInstances({
@@ -3968,7 +4134,7 @@ const createSelectBoxGroupHandler = (ctx)=>{
     });
 };
 
-const createSkeletonHandler = (ctx)=>defineComponentHandler(metadata$8.key, (node)=>{
+const createSkeletonHandler = (ctx)=>defineComponentHandler(metadata$9.key, (node)=>{
         const { componentProperties: props, layoutSizingHorizontal, layoutSizingVertical } = node;
         const commonProps = {
             radius: changeCase.camelCase(props.Radius.value),
@@ -3979,7 +4145,7 @@ const createSkeletonHandler = (ctx)=>defineComponentHandler(metadata$8.key, (nod
     });
 
 const { createLocalSnippetElement: createLocalSnippetElement$4 } = createLocalSnippetHelper("snackbar");
-const createSnackbarHandler = (_ctx)=>defineComponentHandler(metadata$6.key, ({ componentProperties: props })=>{
+const createSnackbarHandler = (_ctx)=>defineComponentHandler(metadata$7.key, ({ componentProperties: props })=>{
         const commonProps = {
             message: props["Message#1528:4"].value,
             variant: changeCase.camelCase(props.Variant.value),
@@ -3992,11 +4158,27 @@ const createSnackbarHandler = (_ctx)=>defineComponentHandler(metadata$6.key, ({
     });
 
 const { createLocalSnippetElement: createLocalSnippetElement$3 } = createLocalSnippetHelper("switch");
-const createSwitchHandler = (_ctx)=>defineComponentHandler(metadata$4.key, ({ componentProperties: props })=>{
+const createSwitchMarkHandler = (_ctx)=>defineComponentHandler(metadata$4.key, ({ componentProperties: props })=>{
         const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
             tone,
-            size: props.Size.value,
+            size: props.Size.value
+        };
+        return createLocalSnippetElement$3("SwitchMark", commonProps);
+    });
+
+const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("switch");
+const createSwitchHandler = (_ctx)=>defineComponentHandler(metadata$5.key, ({ componentProperties: props })=>{
+        const tone = tsPattern.match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
+        const commonProps = {
+            tone,
+            size: props.Size.value
+        };
+        if (props["Layout(Figma Only)"].value === "🚫[Switch Mark 사용] Switch Only") {
+            return createLocalSnippetElement$2("SwitchMark", commonProps);
+        }
+        return createLocalSnippetElement$2("Switch", {
+            ...commonProps,
             label: props["Label#36578:0"].value,
             ...props.Selected.value === "True" && {
                 defaultChecked: true
@@ -4004,8 +4186,7 @@ const createSwitchHandler = (_ctx)=>defineComponentHandler(metadata$4.key, ({ co
             ...props.State.value === "Disabled" && {
                 disabled: true
             }
-        };
-        return createLocalSnippetElement$3("Switch", commonProps);
+        });
     });
 
 const { createLocalSnippetElement: createTabsLocalSnippetElement } = createLocalSnippetHelper("tabs");
@@ -4161,7 +4342,7 @@ const createLineTriggerFillHandler = (_ctx)=>defineComponentHandler(LINE_TRIGGER
             // this is redundant; can this be better?
             const [chip] = findAllInstances({
                 node,
-                key: metadata$w.key
+                key: metadata$x.key
             });
             if (!chip) throw new Error("Chip not found in ChipTabsTrigger");
             return {
@@ -4172,7 +4353,7 @@ const createLineTriggerFillHandler = (_ctx)=>defineComponentHandler(LINE_TRIGGER
         const selectedTrigger = nodes.find((node)=>node.componentProperties.State.value === "Selected");
         const [selectedChip] = selectedTrigger ? findAllInstances({
             node: selectedTrigger,
-            key: metadata$w.key
+            key: metadata$x.key
         }) : [
             undefined
         ];
@@ -4200,7 +4381,7 @@ const CHIP_TRIGGER_KEY = "95bf31a329f9e8bba0d9aa2299d1552f1d388148";
 const createChipTabsTriggerHandler = (_ctx)=>defineComponentHandler(CHIP_TRIGGER_KEY, (node)=>{
         const [chip] = findAllInstances({
             node,
-            key: metadata$w.key
+            key: metadata$x.key
         });
         if (!chip) throw new Error("Chip not found in ChipTabsTrigger");
         const props = node.componentProperties;
@@ -4217,7 +4398,7 @@ const createChipTabsTriggerHandler = (_ctx)=>defineComponentHandler(CHIP_TRIGGER
         return createChipTabsLocalSnippetElement("ChipTabsTrigger", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("text-field");
 const createTextFieldHandler = (ctx)=>defineComponentHandler(metadata$2.key, ({ componentProperties: props })=>{
         const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#14964:0": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:249": { value: indicator }, "Show Prefix#958:125": { value: showPrefix }, "Show Prefix Icon#1267:50": { value: showPrefixIcon }, "Prefix Icon#1267:25": prefixIcon, "Show Prefix Text#1267:0": { value: showPrefixText }, "Prefix Text#15327:101": { value: prefix }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Suffix#958:100": { value: showSuffix }, "Show Suffix Icon#1267:75": { value: showSuffixIcon }, "Suffix Icon #1267:100": suffixIcon, "Show Suffix Text#1267:125": { value: showSuffixText }, "Suffix Text#15327:138": { value: suffix }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#12626:5": { value: description }, "Show Character Count#958:75": { value: showCharacterCount }, "Character Count#15327:64": { value: _characterCount }, "Max Character Count#15327:27": { value: maxCharacterCount } } = props;
         const states = state.split("-");
@@ -4272,11 +4453,11 @@ const createTextFieldHandler = (ctx)=>defineComponentHandler(metadata$2.key, ({
         const inputProps = {
             placeholder
         };
-        const TextFieldChildren = createLocalSnippetElement$2("TextFieldInput", inputProps);
-        return createLocalSnippetElement$2("TextField", commonProps, TextFieldChildren);
+        const TextFieldChildren = createLocalSnippetElement$1("TextFieldInput", inputProps);
+        return createLocalSnippetElement$1("TextField", commonProps, TextFieldChildren);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("toggle-button");
+const { createLocalSnippetElement } = createLocalSnippetHelper("toggle-button");
 const createToggleButtonHandler = (ctx)=>defineComponentHandler(metadata$1.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: changeCase.camelCase(props.Variant.value),
@@ -4291,7 +4472,7 @@ const createToggleButtonHandler = (ctx)=>defineComponentHandler(metadata$1.key,
                 loading: true
             }
         };
-        return createLocalSnippetElement$1("ToggleButton", commonProps, [
+        return createLocalSnippetElement("ToggleButton", commonProps, [
             props["Show Prefix Icon#6122:392"].value ? createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#6122:98"])
             }) : undefined,
@@ -4302,125 +4483,6 @@ const createToggleButtonHandler = (ctx)=>defineComponentHandler(metadata$1.key,
         ]);
     });
 
-const { createLocalSnippetElement } = createLocalSnippetHelper("list");
-const PREFIX_KEYS = {
-    checkmark: "f24c9ef42ef08df79483fbae0fa7d9037e566748",
-    radioMark: "5a77ad37a2291989dfe77c44ddee9aa39e447f90",
-    icon: "0e4c05f097d3fa2dc0cbfdbf8db2662bcf8439ca",
-    avatar: "ef0e8bd6c2f92e620acf204bb9a8079ef25a1e5c",
-    image: "82239325aa1cb65af7c649fc71a8f2b48fb9b9f3",
-    custom: "81f201fc876e38f016ab7427a6b3da000ee919a2"
-};
-const SUFFIX_KEYS = {
-    checkmark: "abf9810103ae6e6afe8fa253ec5f05d6a7304b38",
-    radioMark: "0a9464ad270bfd7f56438f62bb0155a25ca146a9",
-    chevron: "8c52207687ffed15cd5931d71ed9d196b3358a68",
-    switch: "1e933f75dd6bb4b21c3289b5c3b4402d2c623125",
-    custom: "3a70bf5bb9856c13893931b7a0df652bcf0be895",
-    icon: "4cc7e9b84a8388a36cb3898c6c02e6110a3281b9",
-    chevronWithText: "fe0e25f4fecda59d0a3730ead7c5bc0a66a41e7e",
-    iconButton: "5636566f6de6f58200dce388f7b1ac9f517b30e1",
-    actionButton: "3d788f28c785d1c60b937b253c39ce582dbe1ed3"
-};
-const createListItemHandler = (ctx)=>defineComponentHandler(metadata$p.key, (node, traverse)=>{
-        const { componentProperties: props } = node;
-        const { alignItems, title } = tsPattern.match(props.Variants.value).with("Single Line", ()=>({
-                alignItems: undefined,
-                title: props["Title#28452:21"].value
-            })).with("Multi Line", ()=>({
-                alignItems: "flex-start",
-                title: props["Title #28487:0"].value
-            })).exhaustive();
-        const detailNode = findOne(node, (node)=>node.type === "TEXT" && node.name === "Sub Text");
-        const prefixNode = (()=>{
-            if (props["Has Prefix#28452:85"].value === false) return null;
-            for (const key of Object.values(PREFIX_KEYS)){
-                const [found] = findAllInstances({
-                    node,
-                    key
-                });
-                if (found) return found;
-            }
-            return null;
-        })();
-        const prefix = (()=>{
-            if (!prefixNode) return undefined;
-            if ("Icon#28452:111" in prefixNode.componentProperties) {
-                return createSeedReactElement("Icon", {
-                    svg: ctx.iconHandler.transform(prefixNode.componentProperties["Icon#28452:111"])
-                });
-            }
-            return traverse(prefixNode.children[0]);
-        })();
-        const suffixNode = (()=>{
-            if (props["Has Suffix#28452:64"].value === false) return null;
-            for (const key of Object.values(SUFFIX_KEYS)){
-                const [found] = findAllInstances({
-                    node,
-                    key
-                });
-                if (found) return found;
-            }
-            return null;
-        })();
-        const suffix = (()=>{
-            if (!suffixNode) return undefined;
-            if ("Icon#28347:9" in suffixNode.componentProperties) {
-                return createSeedReactElement("Icon", {
-                    svg: ctx.iconHandler.transform(suffixNode.componentProperties["Icon#28347:9"])
-                });
-            }
-            return traverse(suffixNode.children[0]);
-        })();
-        const disabled = props.State.value === "Disabled";
-        const tag = (()=>{
-            if (prefix?.tag === "Checkmark" || suffix?.tag === "Checkmark") {
-                return "ListCheckItem";
-            }
-            if (prefix?.tag === "RadioMark" || suffix?.tag === "RadioMark") {
-                return "ListRadioItem";
-            }
-            // checkmark/radioMark 없는데 disabled인 경우 Button으로 추측
-            if (disabled) {
-                return "ListButtonItem";
-            }
-            return "ListItem";
-        })();
-        const commonProps = {
-            ...tag === "ListRadioItem" && {
-                value: title
-            },
-            alignItems,
-            title,
-            ...props["Has Detail#28469:1"].value && detailNode && {
-                detail: detailNode.characters
-            },
-            ...prefix && {
-                prefix
-            },
-            ...suffix && {
-                suffix
-            },
-            ...disabled && (tag === "ListButtonItem" || tag === "ListCheckItem" || tag === "ListRadioItem") && {
-                disabled: true
-            },
-            ...props.State.value === "Highlighted" && {
-                highlighted: true
-            }
-        };
-        const comment = tsPattern.match(tag).with("ListItem", ()=>"목적에 따라 ListButtonItem이나 ListLinkItem으로 바꿔 사용하세요.").with("ListCheckItem", ()=>`<List as="fieldset">과 함께 사용하세요.`).with("ListRadioItem", ()=>"<RadioGroup.Root>와 함께 사용하세요.").otherwise(()=>undefined);
-        const list = createLocalSnippetElement(tag, commonProps, undefined, {
-            comment
-        });
-        if (props["Divider#28441:0"].value) {
-            return createElement("", {}, [
-                list,
-                createLocalSnippetElement("ListDivider")
-            ]);
-        }
-        return list;
-    });
-
 function bindComponentHandler(unbound, deps) {
     return unbound(deps);
 }
@@ -4443,6 +4505,7 @@ const unboundSeedComponentHandlers = [
     createFloatingActionButtonHandler,
     createHelpBubbleHandler,
     createIdentityPlaceholderHandler,
+    createListHeaderHandler,
     createListItemHandler,
     createMannerTempBadgeHandler,
     createMannerTempHandler,
@@ -4459,6 +4522,7 @@ const unboundSeedComponentHandlers = [
     createSkeletonHandler,
     createSnackbarHandler,
     createSwitchHandler,
+    createSwitchMarkHandler,
     createTabsHandler,
     createTextFieldHandler,
     createToggleButtonHandler
@@ -7578,13 +7642,13 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:1:164",
             "VariableID:1:157",
             "VariableID:1:165",
-            "VariableID:1:171",
             "VariableID:238:17662",
             "VariableID:17544:4057",
-            "VariableID:41186:6437",
+            "VariableID:1:171",
             "VariableID:670:2700",
-            "VariableID:1:172",
+            "VariableID:41186:6437",
             "VariableID:1:158",
+            "VariableID:1:172",
             "VariableID:1:161",
             "VariableID:1:159",
             "VariableID:576:22878",
@@ -7631,8 +7695,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:12479:23364",
             "VariableID:12479:23365",
             "VariableID:12479:23366",
-            "VariableID:12548:1437",
             "VariableID:1:7",
+            "VariableID:12548:1437",
             "VariableID:12479:23367",
             "VariableID:12479:23368",
             "VariableID:12479:23371",
@@ -7787,7 +7851,15 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:34377:100601",
             "VariableID:34377:100602",
             "VariableID:36765:108896",
-            "VariableID:36765:108897"
+            "VariableID:36765:108897",
+            "VariableID:43290:12817",
+            "VariableID:43290:12818",
+            "VariableID:43290:12819",
+            "VariableID:43290:12821",
+            "VariableID:43290:12820",
+            "VariableID:43290:12822",
+            "VariableID:43290:12823",
+            "VariableID:43290:12824"
         ]
     },
     "VariableCollectionId:1:174": {
@@ -7957,8 +8029,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
 
 const FIGMA_VARIABLES = {
     "VariableID:1:170": {
-        "id": "VariableID:1:170",
         "name": "_legacy/stroke/field",
+        "id": "VariableID:1:170",
         "remote": false,
         "key": "bffc4d796285b14756405c8faf1eb619eabf8b19",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -7983,8 +8055,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:17544:4057": {
-        "id": "VariableID:17544:4057",
         "name": "_legacy/stroke/on-image",
+        "id": "VariableID:17544:4057",
         "remote": false,
         "key": "7dda7b5c673d7026f25eccc7533f6c81468b4518",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8007,8 +8079,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:151": {
-        "id": "VariableID:1:151",
         "name": "bg/brand-solid",
+        "id": "VariableID:1:151",
         "remote": false,
         "key": "14d9069bbde1d267abff7d8f5613cc9c754357d9",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8032,8 +8104,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:152": {
-        "id": "VariableID:1:152",
         "name": "bg/brand-solid-pressed",
+        "id": "VariableID:1:152",
         "remote": false,
         "key": "d619ede215aa2da9881e5ca4ed063db8ba8ecbc4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8057,8 +8129,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:36929:111145": {
-        "id": "VariableID:36929:111145",
         "name": "bg/brand-weak",
+        "id": "VariableID:36929:111145",
         "remote": false,
         "key": "338fcdefc08d087b18d40563139abac2b97a1c54",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8081,8 +8153,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:36929:111146": {
-        "id": "VariableID:36929:111146",
         "name": "bg/brand-weak-pressed",
+        "id": "VariableID:36929:111146",
         "remote": false,
         "key": "935393e61d597c538133c898a637372afb703376",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8105,8 +8177,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:148": {
-        "id": "VariableID:1:148",
         "name": "bg/critical-solid",
+        "id": "VariableID:1:148",
         "remote": false,
         "key": "80f05ce726e60302d757cfc7bc0a6a99f2508694",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8130,8 +8202,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:149": {
-        "id": "VariableID:1:149",
         "name": "bg/critical-solid-pressed",
+        "id": "VariableID:1:149",
         "remote": false,
         "key": "400c2939cbbbfe7212ce8ec37fa675355ad6f7e8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8155,8 +8227,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:147": {
-        "id": "VariableID:1:147",
         "name": "bg/critical-weak",
+        "id": "VariableID:1:147",
         "remote": false,
         "key": "5c5382152b74e4b6c6f67050765cf5ef748b30a9",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8180,8 +8252,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:985:16616": {
-        "id": "VariableID:985:16616",
         "name": "bg/critical-weak-pressed",
+        "id": "VariableID:985:16616",
         "remote": false,
         "key": "f386e20dc1991339522b5904808ec35a1e1ad64b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8205,8 +8277,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:654:20851": {
-        "id": "VariableID:654:20851",
         "name": "bg/disabled",
+        "id": "VariableID:654:20851",
         "remote": false,
         "key": "090ee2d2f94be822a6c65a9d6f15a3c5c4d2dc9e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8230,8 +8302,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1188:4255": {
-        "id": "VariableID:1188:4255",
         "name": "bg/informative-solid",
+        "id": "VariableID:1188:4255",
         "remote": false,
         "key": "10c822044e8189089942982668d372c82e1bba0e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8255,8 +8327,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1547:55737": {
-        "id": "VariableID:1547:55737",
         "name": "bg/informative-solid-pressed",
+        "id": "VariableID:1547:55737",
         "remote": false,
         "key": "333a7d880e192cf58adac2e26455740edeae868f",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8279,8 +8351,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:162": {
-        "id": "VariableID:1:162",
         "name": "bg/informative-weak",
+        "id": "VariableID:1:162",
         "remote": false,
         "key": "d83ab21c93e69001bbdf612f1f6cfa49e9462542",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8304,8 +8376,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:882:7634": {
-        "id": "VariableID:882:7634",
         "name": "bg/informative-weak-pressed",
+        "id": "VariableID:882:7634",
         "remote": false,
         "key": "ecb713840adf976cda29c2cf8fb8d41604741b75",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8329,8 +8401,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:238:17661": {
-        "id": "VariableID:238:17661",
         "name": "bg/layer-basement",
+        "id": "VariableID:238:17661",
         "remote": false,
         "key": "8a6ce974b7fecea58d2e90c2ae4541e2b28f5ecf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8354,8 +8426,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:155": {
-        "id": "VariableID:1:155",
         "name": "bg/layer-default",
+        "id": "VariableID:1:155",
         "remote": false,
         "key": "7c1848fdbe0b2cfe58bfc2321f010f3e747ebb6e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8380,8 +8452,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:156": {
-        "id": "VariableID:1:156",
         "name": "bg/layer-default-pressed",
+        "id": "VariableID:1:156",
         "remote": false,
         "key": "79711ba8dcf5a058fbe67f5a2522e0defe5bc8d5",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8405,8 +8477,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:157": {
-        "id": "VariableID:1:157",
         "name": "bg/layer-fill",
+        "id": "VariableID:1:157",
         "remote": false,
         "key": "7f7f5cddc3c06ed9d96e55a9276273b642b0e3a8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8430,8 +8502,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:238:17662": {
-        "id": "VariableID:238:17662",
         "name": "bg/layer-floating",
+        "id": "VariableID:238:17662",
         "remote": false,
         "key": "eaf66693190c0be841169b42f31e18ce6e62fa27",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8455,8 +8527,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:670:2700": {
-        "id": "VariableID:670:2700",
         "name": "bg/layer-floating-pressed",
+        "id": "VariableID:670:2700",
         "remote": false,
         "key": "878cdccbca2f3cfc3abb89ea958b2eb6bdaffebe",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8480,8 +8552,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:8482:98909": {
-        "id": "VariableID:8482:98909",
         "name": "bg/magic-solid",
+        "id": "VariableID:8482:98909",
         "remote": false,
         "key": "d202f4028aa6c2c87618181efbb83ee1e97ee761",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8505,8 +8577,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:8482:98911": {
-        "id": "VariableID:8482:98911",
         "name": "bg/magic-weak",
+        "id": "VariableID:8482:98911",
         "remote": false,
         "key": "7c52b852f2f64f12b896656c25b8db4a3e3a5513",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8530,8 +8602,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:41629:12187": {
-        "id": "VariableID:41629:12187",
         "name": "bg/magic-weak",
+        "id": "VariableID:41629:12187",
         "remote": false,
         "key": "945b82c1dd9d41910cc558f69ceb742f43c154e8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8558,8 +8630,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:159": {
-        "id": "VariableID:1:159",
         "name": "bg/neutral-inverted",
+        "id": "VariableID:1:159",
         "remote": false,
         "key": "b7c93444225f9570044f3b44ba5251c32488a09a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8583,8 +8655,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:576:22878": {
-        "id": "VariableID:576:22878",
         "name": "bg/neutral-inverted-pressed",
+        "id": "VariableID:576:22878",
         "remote": false,
         "key": "11e4f1f6a000874c95ac9fc2cb94f0700a0f9978",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8608,8 +8680,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:10181:32557": {
-        "id": "VariableID:10181:32557",
         "name": "bg/neutral-solid",
+        "id": "VariableID:10181:32557",
         "remote": false,
         "key": "c646d4565cc782e5066f55fdeed174fc4fbc392b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8632,8 +8704,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:10181:8465": {
-        "id": "VariableID:10181:8465",
         "name": "bg/neutral-solid-muted",
+        "id": "VariableID:10181:8465",
         "remote": false,
         "key": "b741992cff0b76dbbc260ae5977c639a8b101c64",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8656,8 +8728,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:10181:35817": {
-        "id": "VariableID:10181:35817",
         "name": "bg/neutral-solid-muted-pressed",
+        "id": "VariableID:10181:35817",
         "remote": false,
         "key": "4abd2169e89c8010df7fe95709d11e64dc55080c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8680,8 +8752,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:158": {
-        "id": "VariableID:1:158",
         "name": "bg/neutral-weak",
+        "id": "VariableID:1:158",
         "remote": false,
         "key": "4f00d062a61de1b7a0f1211d7a55bb6761ec84b6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8705,8 +8777,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:161": {
-        "id": "VariableID:1:161",
         "name": "bg/neutral-weak-pressed",
+        "id": "VariableID:1:161",
         "remote": false,
         "key": "772ba3c349490f204dd0bedc5aa0bfd4abfd6135",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8730,8 +8802,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:164": {
-        "id": "VariableID:1:164",
         "name": "bg/overlay",
+        "id": "VariableID:1:164",
         "remote": false,
         "key": "54a840751458b870e1742837427b9e6cd1d01a9e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8755,8 +8827,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:165": {
-        "id": "VariableID:1:165",
         "name": "bg/overlay-muted",
+        "id": "VariableID:1:165",
         "remote": false,
         "key": "99fb3bb99a3a50d6dd7e51f30d0d5f97ccf18eea",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8780,8 +8852,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:144": {
-        "id": "VariableID:1:144",
         "name": "bg/positive-solid",
+        "id": "VariableID:1:144",
         "remote": false,
         "key": "e9769087159cba7d757e631f1267ec748c452926",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8805,8 +8877,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1547:55738": {
-        "id": "VariableID:1547:55738",
         "name": "bg/positive-solid-pressed",
+        "id": "VariableID:1547:55738",
         "remote": false,
         "key": "38c651ffd6268a3633dbe663aca67dba692619b5",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8829,8 +8901,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:143": {
-        "id": "VariableID:1:143",
         "name": "bg/positive-weak",
+        "id": "VariableID:1:143",
         "remote": false,
         "key": "48ee6bd0bcb83f69b852744d6c49934830f93924",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8854,8 +8926,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1547:55736": {
-        "id": "VariableID:1547:55736",
         "name": "bg/positive-weak-pressed",
+        "id": "VariableID:1547:55736",
         "remote": false,
         "key": "77bc21901849aa2d04790e3a67603b72256cd6e6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8878,8 +8950,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:145": {
-        "id": "VariableID:1:145",
         "name": "bg/warning-solid",
+        "id": "VariableID:1:145",
         "remote": false,
         "key": "1740f7e1bbbbf4c94f0edf3e07cca2ad9c2fc392",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8903,8 +8975,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:36736:116984": {
-        "id": "VariableID:36736:116984",
         "name": "bg/warning-solid-pressed",
+        "id": "VariableID:36736:116984",
         "remote": false,
         "key": "6a6ee5163def9a42b9906310f0f9d9dcc2ac5364",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8927,8 +8999,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:146": {
-        "id": "VariableID:1:146",
         "name": "bg/warning-weak",
+        "id": "VariableID:1:146",
         "remote": false,
         "key": "2a610a4f2f4ac02a268e10c1df56b85716b46dfe",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8952,8 +9024,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:985:16614": {
-        "id": "VariableID:985:16614",
         "name": "bg/warning-weak-pressed",
+        "id": "VariableID:985:16614",
         "remote": false,
         "key": "e1e6a121eb7beda05e8c32f222753aec1689af79",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -8977,8 +9049,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:6421:24605": {
-        "id": "VariableID:6421:24605",
         "name": "dimension/spacing-x/between-chips",
+        "id": "VariableID:6421:24605",
         "remote": false,
         "key": "d6e5178ef0a639eeb8cef6d8248d6f135ef6c72c",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -8997,8 +9069,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:196": {
-        "id": "VariableID:1:196",
         "name": "dimension/spacing-x/global-gutter",
+        "id": "VariableID:1:196",
         "remote": false,
         "key": "b8fb7d756439042628923702bd7dc34c637b4720",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9018,8 +9090,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:20511:74381": {
-        "id": "VariableID:20511:74381",
         "name": "dimension/spacing-y/between-text",
+        "id": "VariableID:20511:74381",
         "remote": false,
         "key": "47762437833a99c7b207d1837a54067ddcb1076f",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9038,8 +9110,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:16222:156661": {
-        "id": "VariableID:16222:156661",
         "name": "dimension/spacing-y/component-default",
+        "id": "VariableID:16222:156661",
         "remote": false,
         "key": "8508e60651e3a3225c6a430fae6c2c7fc151c414",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9058,8 +9130,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:17878:2829": {
-        "id": "VariableID:17878:2829",
         "name": "dimension/spacing-y/nav-to-title",
+        "id": "VariableID:17878:2829",
         "remote": false,
         "key": "dd6109c88e167a52017078b9e12fa8fdbc24eaee",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9078,8 +9150,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:22526:14486": {
-        "id": "VariableID:22526:14486",
         "name": "dimension/spacing-y/screen-bottom",
+        "id": "VariableID:22526:14486",
         "remote": false,
         "key": "1d8cf16fff7492907b1c5a79421d38572d989335",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9098,8 +9170,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:189": {
-        "id": "VariableID:1:189",
         "name": "dimension/x0,5",
+        "id": "VariableID:1:189",
         "remote": false,
         "key": "9e5583cb2fae3b087136537724866c558eb343eb",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9117,8 +9189,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:175": {
-        "id": "VariableID:1:175",
         "name": "dimension/x1",
+        "id": "VariableID:1:175",
         "remote": false,
         "key": "2d225d20f0b511938e4a99c1e5b86f057e3a25ce",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9136,8 +9208,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:190": {
-        "id": "VariableID:1:190",
         "name": "dimension/x1,5",
+        "id": "VariableID:1:190",
         "remote": false,
         "key": "d33273a298cdeaab12fb1c8c5b46db155121a943",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9155,8 +9227,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:184": {
-        "id": "VariableID:1:184",
         "name": "dimension/x10",
+        "id": "VariableID:1:184",
         "remote": false,
         "key": "f84968f79bcac4ddc7b839117016100599c7bd5f",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9174,8 +9246,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:185": {
-        "id": "VariableID:1:185",
         "name": "dimension/x12",
+        "id": "VariableID:1:185",
         "remote": false,
         "key": "cc8641daea640adf90f4a79e86effaa324078992",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9193,8 +9265,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:186": {
-        "id": "VariableID:1:186",
         "name": "dimension/x13",
+        "id": "VariableID:1:186",
         "remote": false,
         "key": "c99e133ac54a4ac46c9c33525676bc22ea77d3b4",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9212,8 +9284,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:187": {
-        "id": "VariableID:1:187",
         "name": "dimension/x14",
+        "id": "VariableID:1:187",
         "remote": false,
         "key": "dd2e1fc448bafdf27f6c5f96127768e088f62088",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9231,8 +9303,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:188": {
-        "id": "VariableID:1:188",
         "name": "dimension/x16",
+        "id": "VariableID:1:188",
         "remote": false,
         "key": "464cf2c6d921db06fca21bd41a6fbcd1d03616ed",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9250,8 +9322,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:176": {
-        "id": "VariableID:1:176",
         "name": "dimension/x2",
+        "id": "VariableID:1:176",
         "remote": false,
         "key": "50afcce7b52bdff8a424433e83e69efa6b5b3826",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9269,8 +9341,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:191": {
-        "id": "VariableID:1:191",
         "name": "dimension/x2,5",
+        "id": "VariableID:1:191",
         "remote": false,
         "key": "ae923d646d7c4ee9bde682a4f4792f15d4bd536e",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9288,8 +9360,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:177": {
-        "id": "VariableID:1:177",
         "name": "dimension/x3",
+        "id": "VariableID:1:177",
         "remote": false,
         "key": "d6bcacbdf6f3972a86e168130db6f598552ad9fa",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9307,8 +9379,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:607:10228": {
-        "id": "VariableID:607:10228",
         "name": "dimension/x3,5",
+        "id": "VariableID:607:10228",
         "remote": false,
         "key": "8a2fd5daeba7170e6406ad7430c6dbeb36eaa330",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9326,8 +9398,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:178": {
-        "id": "VariableID:1:178",
         "name": "dimension/x4",
+        "id": "VariableID:1:178",
         "remote": false,
         "key": "124a09d528362a1c52ac9e98b606f606b6aa59a6",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9345,8 +9417,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:179": {
-        "id": "VariableID:1:179",
         "name": "dimension/x5",
+        "id": "VariableID:1:179",
         "remote": false,
         "key": "b916ede014a653b6fd20d1d74bec6d8aa7ca39f3",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9364,8 +9436,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:180": {
-        "id": "VariableID:1:180",
         "name": "dimension/x6",
+        "id": "VariableID:1:180",
         "remote": false,
         "key": "c277ebfa7e31469b9b73c2d1a045304854fbc11a",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9383,8 +9455,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:181": {
-        "id": "VariableID:1:181",
         "name": "dimension/x7",
+        "id": "VariableID:1:181",
         "remote": false,
         "key": "5a46b9cc2445116682fde0dc568b6512fef830c3",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9402,8 +9474,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:182": {
-        "id": "VariableID:1:182",
         "name": "dimension/x8",
+        "id": "VariableID:1:182",
         "remote": false,
         "key": "4341ada7f37ee254e823c1437e9d11129b8c4306",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9421,8 +9493,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:183": {
-        "id": "VariableID:1:183",
         "name": "dimension/x9",
+        "id": "VariableID:1:183",
         "remote": false,
         "key": "5374ddf5bfdc088a7e8743e33a330d4a62203311",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -9440,8 +9512,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:6782:76317": {
-        "id": "VariableID:6782:76317",
         "name": "fg/brand",
+        "id": "VariableID:6782:76317",
         "remote": false,
         "key": "b69326ab587d474b2734d1ed61b718fcb46a7378",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9469,8 +9541,8 @@ const FIGMA_VARIABLES = {
         }
     },
     "VariableID:36929:111144": {
-        "id": "VariableID:36929:111144",
         "name": "fg/brand-contrast",
+        "id": "VariableID:36929:111144",
         "remote": false,
         "key": "d6a4e0a96166809a2be0eb6dff2c0aa7c8056bd3",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9493,8 +9565,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:133": {
-        "id": "VariableID:1:133",
         "name": "fg/brand-contrast",
+        "id": "VariableID:1:133",
         "remote": false,
         "key": "a5804c305611df8869ff5c36c4185b3b10a93775",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9519,8 +9591,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1:134": {
-        "id": "VariableID:1:134",
         "name": "fg/critical",
+        "id": "VariableID:1:134",
         "remote": false,
         "key": "61b23a63166b4829044e9558559061b74fae0690",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9545,8 +9617,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:135": {
-        "id": "VariableID:1:135",
         "name": "fg/critical-contrast",
+        "id": "VariableID:1:135",
         "remote": false,
         "key": "c3fa6e2a0fe1f6f4569dcac7f0ae2b964db7bcc8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9570,8 +9642,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:142": {
-        "id": "VariableID:1:142",
         "name": "fg/disabled",
+        "id": "VariableID:1:142",
         "remote": false,
         "key": "1fb1d4f2d5329acb4f617c10a772c069c2bf0048",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9595,8 +9667,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:139": {
-        "id": "VariableID:1:139",
         "name": "fg/informative",
+        "id": "VariableID:1:139",
         "remote": false,
         "key": "58ace3e7b4feaa27d0c38fa2a069c0ad1280259d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9622,8 +9694,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:140": {
-        "id": "VariableID:1:140",
         "name": "fg/informative-contrast",
+        "id": "VariableID:1:140",
         "remote": false,
         "key": "6cc30b727010decfb3355c05ba03fe41ec18b6db",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9647,8 +9719,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:7178:425": {
-        "id": "VariableID:7178:425",
         "name": "fg/magic-contrast",
+        "id": "VariableID:7178:425",
         "remote": false,
         "key": "c9d070767ecba48ca8ac58928e87da5d40562ef4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9672,8 +9744,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:7178:424": {
-        "id": "VariableID:7178:424",
         "name": "fg/magic-icon",
+        "id": "VariableID:7178:424",
         "remote": false,
         "key": "5219420525ee62767fbd3b034d92e14b5c8e609d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9697,8 +9769,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1:129": {
-        "id": "VariableID:1:129",
         "name": "fg/neutral",
+        "id": "VariableID:1:129",
         "remote": false,
         "key": "24b0a26985f2cc3a519e84a80ae795429a811878",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9723,8 +9795,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:132": {
-        "id": "VariableID:1:132",
         "name": "fg/neutral-inverted",
+        "id": "VariableID:1:132",
         "remote": false,
         "key": "621e27fddc5262529cd912fcbb012d6f87926531",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9747,8 +9819,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:130": {
-        "id": "VariableID:1:130",
         "name": "fg/neutral-muted",
+        "id": "VariableID:1:130",
         "remote": false,
         "key": "be0cd1c7ba02b37e3850b32793fb4877a9a4f5f6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9772,8 +9844,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:131": {
-        "id": "VariableID:1:131",
         "name": "fg/neutral-subtle",
+        "id": "VariableID:1:131",
         "remote": false,
         "key": "e8d4d2ea3c9eaa824bbfedf98823a50c3ba995d6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9797,8 +9869,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:141": {
-        "id": "VariableID:1:141",
         "name": "fg/placeholder",
+        "id": "VariableID:1:141",
         "remote": false,
         "key": "9a04242208e1729d00a2f1b553afebdfc6e7b0aa",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9822,8 +9894,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:136": {
-        "id": "VariableID:1:136",
         "name": "fg/positive",
+        "id": "VariableID:1:136",
         "remote": false,
         "key": "86a4f55dfff5df9e212ed58e4a1cb3ac760f0c54",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9848,8 +9920,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:137": {
-        "id": "VariableID:1:137",
         "name": "fg/positive-contrast",
+        "id": "VariableID:1:137",
         "remote": false,
         "key": "d2e2aa0a7aea42e126deb739901e635ee3cab74b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9873,8 +9945,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:128": {
-        "id": "VariableID:1:128",
         "name": "fg/static-white",
+        "id": "VariableID:1:128",
         "remote": false,
         "key": "c20a323b5ab26c16ab68520eac46126f0de8017e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9900,8 +9972,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:37284:140642": {
-        "id": "VariableID:37284:140642",
         "name": "fg/warning",
+        "id": "VariableID:37284:140642",
         "remote": false,
         "key": "56be0d7aa408c6757bab2b3c8f18e0049f5f6eeb",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9924,8 +9996,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:138": {
-        "id": "VariableID:1:138",
         "name": "fg/warning-contrast",
+        "id": "VariableID:1:138",
         "remote": false,
         "key": "b06656e86ee71c6edffd87075d7e08d74639de3a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -9949,8 +10021,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:201": {
-        "id": "VariableID:1:201",
         "name": "font-family/display",
+        "id": "VariableID:1:201",
         "remote": false,
         "key": "8672fdb82c4b6fb68d1e16b1a6cf0f179621428f",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -9969,8 +10041,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:200": {
-        "id": "VariableID:1:200",
         "name": "font-family/text",
+        "id": "VariableID:1:200",
         "remote": false,
         "key": "00aaf86c69237d201a672c03b551cc6c93543e01",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -9989,8 +10061,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:202": {
-        "id": "VariableID:1:202",
         "name": "font-size/t1",
+        "id": "VariableID:1:202",
         "remote": false,
         "key": "0956277fee7605854771a809bb4845593ecb65d0",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10009,8 +10081,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1886:93035": {
-        "id": "VariableID:1886:93035",
         "name": "font-size/t10",
+        "id": "VariableID:1886:93035",
         "remote": false,
         "key": "ab4e9872bfff1d0c08a9d3d212069a2ba71fb62f",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10029,8 +10101,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:40279:20413": {
-        "id": "VariableID:40279:20413",
         "name": "font-size/t10-static",
+        "id": "VariableID:40279:20413",
         "remote": false,
         "key": "d70e082080e04f8a2ea0ba388e8f80b03d2cd448",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10049,8 +10121,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:203": {
-        "id": "VariableID:1:203",
         "name": "font-size/t2",
+        "id": "VariableID:1:203",
         "remote": false,
         "key": "ea3f6b0284e7ffc3e0a6e1ef6d9968ccbacf5f00",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10069,8 +10141,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:204": {
-        "id": "VariableID:1:204",
         "name": "font-size/t3",
+        "id": "VariableID:1:204",
         "remote": false,
         "key": "bc6d4dc5395f878019227868a7921448342cf7a7",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10089,8 +10161,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:205": {
-        "id": "VariableID:1:205",
         "name": "font-size/t4",
+        "id": "VariableID:1:205",
         "remote": false,
         "key": "3e6ac961714d3bb5f576520364c90a2058cafdf0",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10109,8 +10181,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:206": {
-        "id": "VariableID:1:206",
         "name": "font-size/t5",
+        "id": "VariableID:1:206",
         "remote": false,
         "key": "8769558ffcbc069814a573bf0b90ce602a11cf19",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10129,8 +10201,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:207": {
-        "id": "VariableID:1:207",
         "name": "font-size/t6",
+        "id": "VariableID:1:207",
         "remote": false,
         "key": "7dd163ca74751a5d60b53989c9bf71214cd78297",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10149,8 +10221,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:208": {
-        "id": "VariableID:1:208",
         "name": "font-size/t7",
+        "id": "VariableID:1:208",
         "remote": false,
         "key": "de551eb1ca2d69adea911b6d6d8c60482b4c8d92",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10169,8 +10241,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:209": {
-        "id": "VariableID:1:209",
         "name": "font-size/t8",
+        "id": "VariableID:1:209",
         "remote": false,
         "key": "89b1cbe2b090d0935c3783f924d98d9123e10b78",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10189,8 +10261,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:210": {
-        "id": "VariableID:1:210",
         "name": "font-size/t9",
+        "id": "VariableID:1:210",
         "remote": false,
         "key": "b2bb5fe8ae814f3fb55e37c2f641fd3aa892d411",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10209,8 +10281,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:289:13773": {
-        "id": "VariableID:289:13773",
         "name": "font-weight/bold",
+        "id": "VariableID:289:13773",
         "remote": false,
         "key": "437bbcdbcde7992b30f9da52e5fe11f55fb8d969",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10229,8 +10301,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1886:93038": {
-        "id": "VariableID:1886:93038",
         "name": "font-weight/medium",
+        "id": "VariableID:1886:93038",
         "remote": false,
         "key": "ed94d403dca1575cbe2489239572c56dbe7a4184",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10249,8 +10321,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:289:13772": {
-        "id": "VariableID:289:13772",
         "name": "font-weight/regular",
+        "id": "VariableID:289:13772",
         "remote": false,
         "key": "c4e0ed5bd199ed39cab000890615ebc9ff21bce4",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10269,8 +10341,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:219": {
-        "id": "VariableID:1:219",
         "name": "line-height/600",
+        "id": "VariableID:1:219",
         "remote": false,
         "key": "d9560a0402d404ccb9bea90f43270cd59e2293e5",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10290,8 +10362,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1:211": {
-        "id": "VariableID:1:211",
         "name": "line-height/t1",
+        "id": "VariableID:1:211",
         "remote": false,
         "key": "346dec2cf8969bdbed6a1d051be71266bd087406",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10310,8 +10382,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1971:524": {
-        "id": "VariableID:1971:524",
         "name": "line-height/t10",
+        "id": "VariableID:1971:524",
         "remote": false,
         "key": "e723602841d6621fc2061e59d0d24f20957cd7a4",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10330,8 +10402,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:40279:20517": {
-        "id": "VariableID:40279:20517",
         "name": "line-height/t10-static",
+        "id": "VariableID:40279:20517",
         "remote": false,
         "key": "b6096bd04dcb3a2004f193ee1fedbddc5501865b",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10350,8 +10422,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:212": {
-        "id": "VariableID:1:212",
         "name": "line-height/t2",
+        "id": "VariableID:1:212",
         "remote": false,
         "key": "5830b7dc1a2c1bc7c191b123b10ff6f8620781e9",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10370,8 +10442,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:213": {
-        "id": "VariableID:1:213",
         "name": "line-height/t3",
+        "id": "VariableID:1:213",
         "remote": false,
         "key": "2a36c86cc8a33d6553e9a3a0dda78f2a32fe4c54",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10390,8 +10462,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:214": {
-        "id": "VariableID:1:214",
         "name": "line-height/t4",
+        "id": "VariableID:1:214",
         "remote": false,
         "key": "7611046ad3b371985dad3cf5761aea0c59554888",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10410,8 +10482,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:215": {
-        "id": "VariableID:1:215",
         "name": "line-height/t5",
+        "id": "VariableID:1:215",
         "remote": false,
         "key": "056cd55dc83b43474e34af99aa6f7d90a7664e3f",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10430,8 +10502,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:216": {
-        "id": "VariableID:1:216",
         "name": "line-height/t6",
+        "id": "VariableID:1:216",
         "remote": false,
         "key": "d915b963cd23b952aba409e787920b4781b75bbb",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10450,8 +10522,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:217": {
-        "id": "VariableID:1:217",
         "name": "line-height/t7",
+        "id": "VariableID:1:217",
         "remote": false,
         "key": "1468bc751cf686aebf93a456c9eefad2bcdea12d",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10470,8 +10542,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:218": {
-        "id": "VariableID:1:218",
         "name": "line-height/t8",
+        "id": "VariableID:1:218",
         "remote": false,
         "key": "5d3fc6486fe1218a68ae8579ede9e170583c62f7",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10490,8 +10562,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1886:93036": {
-        "id": "VariableID:1886:93036",
         "name": "line-height/t9",
+        "id": "VariableID:1886:93036",
         "remote": false,
         "key": "5c005ae6491da8ed628f69c83dd73019ed1aee66",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -10510,8 +10582,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12479:23371": {
-        "id": "VariableID:12479:23371",
         "name": "manner-temp/l1/bg",
+        "id": "VariableID:12479:23371",
         "remote": false,
         "key": "67b29c8994b3da7a2102e878547f639b0ac311df",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10520,15 +10592,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.9372549057006836,
-                "g": 0.9411764740943909,
-                "b": 0.9450980424880981,
+                "r": 0.9450980424880981,
+                "g": 0.9490196108818054,
+                "b": 0.9529411792755127,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.13333334028720856,
-                "g": 0.13333334028720856,
-                "b": 0.14901961386203766,
+                "r": 0.16078431904315948,
+                "g": 0.16078431904315948,
+                "b": 0.16078431904315948,
                 "a": 1
             }
         },
@@ -10538,8 +10610,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1440": {
-        "id": "VariableID:12548:1440",
         "name": "manner-temp/l1/static",
+        "id": "VariableID:12548:1440",
         "remote": false,
         "key": "b2e39001b13e619a940631b952ef0cd8156049cc",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10567,8 +10639,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23363": {
-        "id": "VariableID:12479:23363",
         "name": "manner-temp/l1/text",
+        "id": "VariableID:12479:23363",
         "remote": false,
         "key": "5570bf5f562b6f69e406a7055f1429f5f6fe806d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10577,14 +10649,14 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.38282790780067444,
-                "g": 0.40000006556510925,
-                "b": 0.41717207431793213,
+                "r": 0.4599123001098633,
+                "g": 0.48140349984169006,
+                "b": 0.520087718963623,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.6941176652908325,
-                "g": 0.7098039388656616,
+                "r": 0.7215686440467834,
+                "g": 0.7215686440467834,
                 "b": 0.7254902124404907,
                 "a": 1
             }
@@ -10594,9 +10666,65 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
+    "VariableID:43290:12824": {
+        "name": "manner-temp/l10/bg",
+        "id": "VariableID:43290:12824",
+        "remote": false,
+        "key": "65f9b3fd0391c63c8b7bb4af56e3a7b01fc5f372",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9215686321258545,
+                "b": 0.9333333373069763,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.20392157137393951,
+                "g": 0.01568627543747425,
+                "b": 0.03921568766236305,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12823": {
+        "name": "manner-temp/l10/text",
+        "id": "VariableID:43290:12823",
+        "remote": false,
+        "key": "f9a192985d54d4bf1d25d05d3dec537a0c3d3dbc",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.7960784435272217,
+                "g": 0.003921568859368563,
+                "b": 0.13725490868091583,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.9845285415649414,
+                "g": 0.4363323450088501,
+                "b": 0.509425163269043,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
     "VariableID:12479:23472": {
-        "id": "VariableID:12479:23472",
         "name": "manner-temp/l2/bg",
+        "id": "VariableID:12479:23472",
         "remote": false,
         "key": "1e7915a84b271dc97f6678a2a2717773c7aa1829",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10605,15 +10733,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.9058823585510254,
-                "g": 0.9490196108818054,
-                "b": 0.9882352948188782,
+                "r": 0.9725490212440491,
+                "g": 0.95686274766922,
+                "b": 0.9254902005195618,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.08627451211214066,
-                "g": 0.12941177189350128,
-                "b": 0.16862745583057404,
+                "r": 0.2007017582654953,
+                "g": 0.15052631497383118,
+                "b": 0.019298246130347252,
                 "a": 1
             }
         },
@@ -10623,8 +10751,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1441": {
-        "id": "VariableID:12548:1441",
         "name": "manner-temp/l2/static",
+        "id": "VariableID:12548:1441",
         "remote": false,
         "key": "eec52a8d360d27647570d4a53220bfbe0af644ac",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10652,8 +10780,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23364": {
-        "id": "VariableID:12479:23364",
         "name": "manner-temp/l2/text",
+        "id": "VariableID:12479:23364",
         "remote": false,
         "key": "68094f3fcafa37aed581f16205a71f57db04c885",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10662,15 +10790,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.14509804546833038,
-                "g": 0.572549045085907,
-                "b": 0.9686274528503418,
+                "r": 0.6721632480621338,
+                "g": 0.5257142782211304,
+                "b": 0.24783673882484436,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.48627451062202454,
-                "g": 0.729411780834198,
-                "b": 0.95686274766922,
+                "r": 0.9607843160629272,
+                "g": 0.8588235378265381,
+                "b": 0.5921568870544434,
                 "a": 1
             }
         },
@@ -10680,8 +10808,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1436": {
-        "id": "VariableID:12548:1436",
         "name": "manner-temp/l3/bg",
+        "id": "VariableID:12548:1436",
         "remote": false,
         "key": "9d5a865ab5549dc7dc886883bbc5ebe5ae16f53b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10690,15 +10818,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.8901960849761963,
-                "g": 0.9647058844566345,
-                "b": 0.9882352948188782,
+                "r": 1,
+                "g": 0.9607843160629272,
+                "b": 0.8980392217636108,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.07058823853731155,
-                "g": 0.14901961386203766,
-                "b": 0.1725490242242813,
+                "r": 0.21568627655506134,
+                "g": 0.16862745583057404,
+                "b": 0.003921568859368563,
                 "a": 1
             }
         },
@@ -10708,8 +10836,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1442": {
-        "id": "VariableID:12548:1442",
         "name": "manner-temp/l3/static",
+        "id": "VariableID:12548:1442",
         "remote": false,
         "key": "155ad6dee47603c9ae025559345083a8bbf224df",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10737,8 +10865,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23365": {
-        "id": "VariableID:12479:23365",
         "name": "manner-temp/l3/text",
+        "id": "VariableID:12479:23365",
         "remote": false,
         "key": "715d75572832e4556fd96b77c0e68c1c9406d9ec",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10747,15 +10875,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0,
-                "g": 0.6000000238418579,
-                "b": 0.7843137383460999,
+                "r": 0.8784313797950745,
+                "g": 0.5411764979362488,
+                "b": 0,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.27843138575553894,
-                "g": 0.7647058963775635,
-                "b": 0.9215686321258545,
+                "r": 0.9914676547050476,
+                "g": 0.8548551797866821,
+                "b": 0.3962276577949524,
                 "a": 1
             }
         },
@@ -10765,8 +10893,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1437": {
-        "id": "VariableID:12548:1437",
         "name": "manner-temp/l4/bg",
+        "id": "VariableID:12548:1437",
         "remote": false,
         "key": "160e9cf4623034b4b6961902804023be23c95315",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10775,15 +10903,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.9215686321258545,
-                "g": 0.9764705896377563,
-                "b": 0.95686274766922,
+                "r": 1,
+                "g": 0.9529411792755127,
+                "b": 0.8980392217636108,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.08627451211214066,
-                "g": 0.1568627506494522,
-                "b": 0.13333334028720856,
+                "r": 0.21568627655506134,
+                "g": 0.13725490868091583,
+                "b": 0.003921568859368563,
                 "a": 1
             }
         },
@@ -10793,8 +10921,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1443": {
-        "id": "VariableID:12548:1443",
         "name": "manner-temp/l4/static",
+        "id": "VariableID:12548:1443",
         "remote": false,
         "key": "01f8a395aab2c47497262b0da2e4b333abfdb96c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10822,8 +10950,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23366": {
-        "id": "VariableID:12479:23366",
         "name": "manner-temp/l4/text",
+        "id": "VariableID:12479:23366",
         "remote": false,
         "key": "6e384b81193feee5a1464c8868efd13acb8ce713",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10832,15 +10960,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.0117647061124444,
-                "g": 0.6274510025978088,
-                "b": 0.4941176474094391,
+                "r": 0.9607843160629272,
+                "g": 0.4941176474094391,
+                "b": 0,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.20000000298023224,
-                "g": 0.800000011920929,
-                "b": 0.5803921818733215,
+                "r": 0.9843137264251709,
+                "g": 0.7450980544090271,
+                "b": 0.3333333432674408,
                 "a": 1
             }
         },
@@ -10850,8 +10978,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1438": {
-        "id": "VariableID:12548:1438",
         "name": "manner-temp/l5/bg",
+        "id": "VariableID:12548:1438",
         "remote": false,
         "key": "428f6c0ef31fb46cffe9a43b15b6ea626ec79583",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10861,14 +10989,14 @@ const FIGMA_VARIABLES = {
         "valuesByMode": {
             "1928:7": {
                 "r": 1,
-                "g": 0.9607843160629272,
+                "g": 0.9450980424880981,
                 "b": 0.8980392217636108,
                 "a": 1
             },
             "1928:8": {
-                "r": 0.18039216101169586,
-                "g": 0.13725490868091583,
-                "b": 0.07058823853731155,
+                "r": 0.21568627655506134,
+                "g": 0.12156862765550613,
+                "b": 0.003921568859368563,
                 "a": 1
             }
         },
@@ -10878,8 +11006,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1444": {
-        "id": "VariableID:12548:1444",
         "name": "manner-temp/l5/static",
+        "id": "VariableID:12548:1444",
         "remote": false,
         "key": "9cedfcdca910a043de0cb216a1f2593a3029ff33",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10907,8 +11035,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23367": {
-        "id": "VariableID:12479:23367",
         "name": "manner-temp/l5/text",
+        "id": "VariableID:12479:23367",
         "remote": false,
         "key": "4ca62b44d60aafc9cb2d3f2adc87fbb1bd97070d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10917,15 +11045,15 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.8235294222831726,
-                "g": 0.5215686559677124,
+                "r": 1,
+                "g": 0.44999998807907104,
                 "b": 0,
                 "a": 1
             },
             "1928:8": {
-                "r": 1,
-                "g": 0.6313725709915161,
-                "b": 0,
+                "r": 0.9815468192100525,
+                "g": 0.6760662794113159,
+                "b": 0.29515841603279114,
                 "a": 1
             }
         },
@@ -10935,8 +11063,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1439": {
-        "id": "VariableID:12548:1439",
         "name": "manner-temp/l6/bg",
+        "id": "VariableID:12548:1439",
         "remote": false,
         "key": "85e17708f8f8c55f733c9ec9ef77637f149d264a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10951,9 +11079,9 @@ const FIGMA_VARIABLES = {
                 "a": 1
             },
             "1928:8": {
-                "r": 0.18039216101169586,
-                "g": 0.11372549086809158,
-                "b": 0.07058823853731155,
+                "r": 0.20830917358398438,
+                "g": 0.10734300315380096,
+                "b": 0.011690820567309856,
                 "a": 1
             }
         },
@@ -10963,8 +11091,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:12548:1445": {
-        "id": "VariableID:12548:1445",
         "name": "manner-temp/l6/static",
+        "id": "VariableID:12548:1445",
         "remote": false,
         "key": "b7d244e9c771ea91fcd18e6f1c566d84cfb396f8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -10992,8 +11120,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:12479:23368": {
-        "id": "VariableID:12479:23368",
         "name": "manner-temp/l6/text",
+        "id": "VariableID:12479:23368",
         "remote": false,
         "key": "bcb19b1f9dc51c3bdbbc76849dcf596ec4cc16a4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11002,15 +11130,183 @@ const FIGMA_VARIABLES = {
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "r": 0.9397948980331421,
-                "g": 0.3759179711341858,
+                "r": 1,
+                "g": 0.4000000059604645,
                 "b": 0,
                 "a": 1
             },
             "1928:8": {
+                "r": 0.9882352948188782,
+                "g": 0.5960784554481506,
+                "b": 0.3333333432674408,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12818": {
+        "name": "manner-temp/l7/bg",
+        "id": "VariableID:43290:12818",
+        "remote": false,
+        "key": "8c1748ea02d7fdf491bf43b327f8b7640a196a6c",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
                 "r": 1,
-                "g": 0.5686274766921997,
-                "b": 0.27843138575553894,
+                "g": 0.9372549057006836,
+                "b": 0.8980392217636108,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.21568627655506134,
+                "g": 0.09019608050584793,
+                "b": 0.003921568859368563,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12817": {
+        "name": "manner-temp/l7/text",
+        "id": "VariableID:43290:12817",
+        "remote": false,
+        "key": "e11c2779cca41e13955c6ff532a18611ea59fdc1",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.3166666626930237,
+                "b": 0,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.9775333404541016,
+                "g": 0.4792228639125824,
+                "b": 0.14701591432094574,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12820": {
+        "name": "manner-temp/l8/bg",
+        "id": "VariableID:43290:12820",
+        "remote": false,
+        "key": "5b7f1f85a778a51a2fdfc39fc197ee50c29a8af6",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9333333373069763,
+                "b": 0.8980392217636108,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.21960784494876862,
+                "g": 0.05882352963089943,
+                "b": 0,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12819": {
+        "name": "manner-temp/l8/text",
+        "id": "VariableID:43290:12819",
+        "remote": false,
+        "key": "5aadbd967278b795cd17e669f4990c40e6d2c911",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.20000000298023224,
+                "b": 0,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.9960036277770996,
+                "g": 0.4151982367038727,
+                "b": 0.20399634540081024,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12822": {
+        "name": "manner-temp/l9/bg",
+        "id": "VariableID:43290:12822",
+        "remote": false,
+        "key": "7403673e341f59d50ebf51735a0c7c5ad4d64698",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9254902005195618,
+                "b": 0.9215686321258545,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.21960784494876862,
+                "g": 0.019607843831181526,
+                "b": 0,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:43290:12821": {
+        "name": "manner-temp/l9/text",
+        "id": "VariableID:43290:12821",
+        "remote": false,
+        "key": "3b9a429ca6196fe1ff18f5e15c52bd14c85dc308",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.9529411792755127,
+                "g": 0.03921568766236305,
+                "b": 0.007843137718737125,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.9952283501625061,
+                "g": 0.4173096716403961,
+                "b": 0.36477163434028625,
                 "a": 1
             }
         },
@@ -11020,8 +11316,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:199": {
-        "id": "VariableID:1:199",
         "name": "OS",
+        "id": "VariableID:1:199",
         "remote": false,
         "key": "c66f411e477ebc9db08f2faf7be4673f2e046a5d",
         "variableCollectionId": "VariableCollectionId:1:197",
@@ -11040,8 +11336,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:30": {
-        "id": "VariableID:1:30",
         "name": "palette-legacy/blue-400",
+        "id": "VariableID:1:30",
         "remote": false,
         "key": "ad7fcb5f10dd20997545495da46be47d5f924efe",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11067,8 +11363,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1:21": {
-        "id": "VariableID:1:21",
         "name": "palette-legacy/carrot-600",
+        "id": "VariableID:1:21",
         "remote": false,
         "key": "d6cb131dcd81cea07823ddcfc71dac0d15b8566f",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11094,8 +11390,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1:7": {
-        "id": "VariableID:1:7",
         "name": "palette-legacy/gray-300",
+        "id": "VariableID:1:7",
         "remote": false,
         "key": "e11b0eca0dfca211a221320d61f1b0342e82b42b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11121,8 +11417,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:1883:92933": {
-        "id": "VariableID:1883:92933",
         "name": "palette/blue-100",
+        "id": "VariableID:1883:92933",
         "remote": false,
         "key": "c30943b5536a12a33c7312c3c8a0c1902dd90706",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11149,8 +11445,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92942": {
-        "id": "VariableID:1883:92942",
         "name": "palette/blue-1000",
+        "id": "VariableID:1883:92942",
         "remote": false,
         "key": "c18af9ef67df930fca7230ca2cde7dc0e0f4064e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11177,8 +11473,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92934": {
-        "id": "VariableID:1883:92934",
         "name": "palette/blue-200",
+        "id": "VariableID:1883:92934",
         "remote": false,
         "key": "2573204cbe23b87a374f00725ec662637bb3b522",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11205,8 +11501,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92935": {
-        "id": "VariableID:1883:92935",
         "name": "palette/blue-300",
+        "id": "VariableID:1883:92935",
         "remote": false,
         "key": "9e8067792eab1523957abd9dc65ce35ff5bc81bd",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11233,8 +11529,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92936": {
-        "id": "VariableID:1883:92936",
         "name": "palette/blue-400",
+        "id": "VariableID:1883:92936",
         "remote": false,
         "key": "9320003e877c8c7e1af7db5de0815fd78e016d78",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11261,8 +11557,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92937": {
-        "id": "VariableID:1883:92937",
         "name": "palette/blue-500",
+        "id": "VariableID:1883:92937",
         "remote": false,
         "key": "c7e6f59dec6cfde6afd8b3c2505d52c0f988f2f7",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11289,8 +11585,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92938": {
-        "id": "VariableID:1883:92938",
         "name": "palette/blue-600",
+        "id": "VariableID:1883:92938",
         "remote": false,
         "key": "43803ed8ba2833f34bfdf5c0e7effa86f9018593",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11317,8 +11613,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92939": {
-        "id": "VariableID:1883:92939",
         "name": "palette/blue-700",
+        "id": "VariableID:1883:92939",
         "remote": false,
         "key": "509d2cb8b5569869de229a08d8368142302fb36e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11345,8 +11641,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92940": {
-        "id": "VariableID:1883:92940",
         "name": "palette/blue-800",
+        "id": "VariableID:1883:92940",
         "remote": false,
         "key": "e42b3fce6230411bfc06909737e1441ac01e9778",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11373,8 +11669,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92941": {
-        "id": "VariableID:1883:92941",
         "name": "palette/blue-900",
+        "id": "VariableID:1883:92941",
         "remote": false,
         "key": "75d1b4b9285fc065c070e55b4b4860157ea59a71",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11401,8 +11697,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92921": {
-        "id": "VariableID:1883:92921",
         "name": "palette/carrot-100",
+        "id": "VariableID:1883:92921",
         "remote": false,
         "key": "b865bcb1bbe397e16669e0a9c03ec5a79351dc8a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11429,8 +11725,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92930": {
-        "id": "VariableID:1883:92930",
         "name": "palette/carrot-1000",
+        "id": "VariableID:1883:92930",
         "remote": false,
         "key": "9d83713bf92e3d8e567de34f5c4c467cc1a32797",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11457,8 +11753,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92922": {
-        "id": "VariableID:1883:92922",
         "name": "palette/carrot-200",
+        "id": "VariableID:1883:92922",
         "remote": false,
         "key": "8f233a3eaa054c63aafb68922f888c917093dc9d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11485,8 +11781,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92923": {
-        "id": "VariableID:1883:92923",
         "name": "palette/carrot-300",
+        "id": "VariableID:1883:92923",
         "remote": false,
         "key": "4121b931ac31571bf419f10a9eae269cc0a54209",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11513,8 +11809,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92924": {
-        "id": "VariableID:1883:92924",
         "name": "palette/carrot-400",
+        "id": "VariableID:1883:92924",
         "remote": false,
         "key": "43863dee26270829c358612e5694649caf2d5ca4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11541,8 +11837,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92925": {
-        "id": "VariableID:1883:92925",
         "name": "palette/carrot-500",
+        "id": "VariableID:1883:92925",
         "remote": false,
         "key": "c624033cc91aed39cce025d60d837545bcabc1fc",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11569,8 +11865,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92926": {
-        "id": "VariableID:1883:92926",
         "name": "palette/carrot-600",
+        "id": "VariableID:1883:92926",
         "remote": false,
         "key": "a8c0de46b31762eba1bbc84b6c3c3b789ab768cb",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11597,8 +11893,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92927": {
-        "id": "VariableID:1883:92927",
         "name": "palette/carrot-700",
+        "id": "VariableID:1883:92927",
         "remote": false,
         "key": "3f5d4ebc04c63d715b174402513e1ecb3495b741",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11625,8 +11921,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92928": {
-        "id": "VariableID:1883:92928",
         "name": "palette/carrot-800",
+        "id": "VariableID:1883:92928",
         "remote": false,
         "key": "fd3706fc9177912a6a3fd438bc5a87e2ba8a52dc",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11653,8 +11949,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92929": {
-        "id": "VariableID:1883:92929",
         "name": "palette/carrot-900",
+        "id": "VariableID:1883:92929",
         "remote": false,
         "key": "d5c24035997cd7f03778fdef0ce29e0f515bef4a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11681,8 +11977,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92911": {
-        "id": "VariableID:1883:92911",
         "name": "palette/gray-00",
+        "id": "VariableID:1883:92911",
         "remote": false,
         "key": "b8bfd3b545c69f14f553e6ae9ad54a4f64f36748",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11709,8 +12005,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92912": {
-        "id": "VariableID:1883:92912",
         "name": "palette/gray-100",
+        "id": "VariableID:1883:92912",
         "remote": false,
         "key": "f77b4772ed22ff592ae5c600bf9e5079bf9d83bf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11737,8 +12033,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92920": {
-        "id": "VariableID:1883:92920",
         "name": "palette/gray-1000",
+        "id": "VariableID:1883:92920",
         "remote": false,
         "key": "7481e002d52440606d71fb4498fb57021938b759",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11765,8 +12061,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92913": {
-        "id": "VariableID:1883:92913",
         "name": "palette/gray-200",
+        "id": "VariableID:1883:92913",
         "remote": false,
         "key": "5820f3635c7e2e49096b6fe2a4507f12b299c900",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11793,8 +12089,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92914": {
-        "id": "VariableID:1883:92914",
         "name": "palette/gray-300",
+        "id": "VariableID:1883:92914",
         "remote": false,
         "key": "61d0d0a81765fe8dd7c550abb50d2b2b0a0048a2",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11821,8 +12117,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92915": {
-        "id": "VariableID:1883:92915",
         "name": "palette/gray-400",
+        "id": "VariableID:1883:92915",
         "remote": false,
         "key": "7d96cd952cdda085842d0718bd86a8edf8fedf1c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11849,8 +12145,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92916": {
-        "id": "VariableID:1883:92916",
         "name": "palette/gray-500",
+        "id": "VariableID:1883:92916",
         "remote": false,
         "key": "4f5eb21bc5a314a7b5063cad1f2c3290ffecb909",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11877,8 +12173,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92917": {
-        "id": "VariableID:1883:92917",
         "name": "palette/gray-600",
+        "id": "VariableID:1883:92917",
         "remote": false,
         "key": "a8539584bf71384f6f97a0bde4568208331167a0",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11905,8 +12201,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92918": {
-        "id": "VariableID:1883:92918",
         "name": "palette/gray-700",
+        "id": "VariableID:1883:92918",
         "remote": false,
         "key": "d7e9c1fe05767b2510672c75bea3ae1187157217",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11933,8 +12229,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92919": {
-        "id": "VariableID:1883:92919",
         "name": "palette/gray-800",
+        "id": "VariableID:1883:92919",
         "remote": false,
         "key": "07a2fe0bf6eedb81ce0dd65d86348c51be1327f7",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11961,8 +12257,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:11608:43633": {
-        "id": "VariableID:11608:43633",
         "name": "palette/gray-900",
+        "id": "VariableID:11608:43633",
         "remote": false,
         "key": "3389d4b59bdba47c09981efaddc4ca29e604b039",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -11989,8 +12285,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92955": {
-        "id": "VariableID:1883:92955",
         "name": "palette/green-100",
+        "id": "VariableID:1883:92955",
         "remote": false,
         "key": "414aa662f71ce25edf4b1d0a5993bf9dcb133176",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12017,8 +12313,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92964": {
-        "id": "VariableID:1883:92964",
         "name": "palette/green-1000",
+        "id": "VariableID:1883:92964",
         "remote": false,
         "key": "3c4daa6d9cf0052643c67bf688104268982545a6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12045,8 +12341,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92956": {
-        "id": "VariableID:1883:92956",
         "name": "palette/green-200",
+        "id": "VariableID:1883:92956",
         "remote": false,
         "key": "dda0fcb01dbc9347bbdfd22857504fbfbd272eec",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12073,8 +12369,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92957": {
-        "id": "VariableID:1883:92957",
         "name": "palette/green-300",
+        "id": "VariableID:1883:92957",
         "remote": false,
         "key": "f0c06d2b45b42f8df98601bb3b25fc8342ed72fa",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12101,8 +12397,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92958": {
-        "id": "VariableID:1883:92958",
         "name": "palette/green-400",
+        "id": "VariableID:1883:92958",
         "remote": false,
         "key": "88f959fb3f1ae2470cf4490b29243ec6c1b893c1",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12129,8 +12425,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92959": {
-        "id": "VariableID:1883:92959",
         "name": "palette/green-500",
+        "id": "VariableID:1883:92959",
         "remote": false,
         "key": "2ef9b59c52564414cd346c960e7a574574cd3521",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12157,8 +12453,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92960": {
-        "id": "VariableID:1883:92960",
         "name": "palette/green-600",
+        "id": "VariableID:1883:92960",
         "remote": false,
         "key": "561b6d934bfd4fd8538c936fd50bd3471922d75f",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12185,8 +12481,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92961": {
-        "id": "VariableID:1883:92961",
         "name": "palette/green-700",
+        "id": "VariableID:1883:92961",
         "remote": false,
         "key": "1b4d1f437e3d4a15e411ad25c741c143d332d9b5",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12213,8 +12509,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92962": {
-        "id": "VariableID:1883:92962",
         "name": "palette/green-800",
+        "id": "VariableID:1883:92962",
         "remote": false,
         "key": "8ff848bf7248a5d237139e5a4269545372e68c16",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12241,8 +12537,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92963": {
-        "id": "VariableID:1883:92963",
         "name": "palette/green-900",
+        "id": "VariableID:1883:92963",
         "remote": false,
         "key": "51079bc900c945e030cbc35b492eead25cb772b0",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12269,8 +12565,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78698": {
-        "id": "VariableID:2381:78698",
         "name": "palette/purple-100",
+        "id": "VariableID:2381:78698",
         "remote": false,
         "key": "c31220e7ce82ba22549bb0ce4b9e9407f5acb0e4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12297,8 +12593,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78707": {
-        "id": "VariableID:2381:78707",
         "name": "palette/purple-1000",
+        "id": "VariableID:2381:78707",
         "remote": false,
         "key": "2f1ea1d56ebbabeec67df821d20c82a96d8f9790",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12325,8 +12621,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78699": {
-        "id": "VariableID:2381:78699",
         "name": "palette/purple-200",
+        "id": "VariableID:2381:78699",
         "remote": false,
         "key": "5aff258bd74f12c8e9e7a44a05b65e2a7c234196",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12353,8 +12649,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78700": {
-        "id": "VariableID:2381:78700",
         "name": "palette/purple-300",
+        "id": "VariableID:2381:78700",
         "remote": false,
         "key": "b7dd839409632f894970736ee8a38cda2a2d3033",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12381,8 +12677,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78701": {
-        "id": "VariableID:2381:78701",
         "name": "palette/purple-400",
+        "id": "VariableID:2381:78701",
         "remote": false,
         "key": "34851c035a73e709ab501661776e8fc2afca561a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12409,8 +12705,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78702": {
-        "id": "VariableID:2381:78702",
         "name": "palette/purple-500",
+        "id": "VariableID:2381:78702",
         "remote": false,
         "key": "9dbacd2df41338ae0e2301ac383b0e7eaadb0d12",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12437,8 +12733,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78703": {
-        "id": "VariableID:2381:78703",
         "name": "palette/purple-600",
+        "id": "VariableID:2381:78703",
         "remote": false,
         "key": "11bda0d4e2610e8938921291f07bc5e110c2e2ba",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12465,8 +12761,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78704": {
-        "id": "VariableID:2381:78704",
         "name": "palette/purple-700",
+        "id": "VariableID:2381:78704",
         "remote": false,
         "key": "f9f11a4e4351fe0065cce8d5c1e3f0bffe1d7815",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12493,8 +12789,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78705": {
-        "id": "VariableID:2381:78705",
         "name": "palette/purple-800",
+        "id": "VariableID:2381:78705",
         "remote": false,
         "key": "dbce806139ed06d886010916854136565003e944",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12521,8 +12817,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:2381:78706": {
-        "id": "VariableID:2381:78706",
         "name": "palette/purple-900",
+        "id": "VariableID:2381:78706",
         "remote": false,
         "key": "c9c526d31ab27334bdc6c3da73800b16fde4ba13",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12549,8 +12845,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92944": {
-        "id": "VariableID:1883:92944",
         "name": "palette/red-100",
+        "id": "VariableID:1883:92944",
         "remote": false,
         "key": "de6bcfe458a0ac384641973fbe069f0fc8cc4ac8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12577,8 +12873,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92953": {
-        "id": "VariableID:1883:92953",
         "name": "palette/red-1000",
+        "id": "VariableID:1883:92953",
         "remote": false,
         "key": "8f2b4bcf39fd35505d50a05a5945f2f8849bc952",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12605,8 +12901,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92945": {
-        "id": "VariableID:1883:92945",
         "name": "palette/red-200",
+        "id": "VariableID:1883:92945",
         "remote": false,
         "key": "71d8cde59265589cf518631f1f7ea595b4549935",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12633,8 +12929,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92946": {
-        "id": "VariableID:1883:92946",
         "name": "palette/red-300",
+        "id": "VariableID:1883:92946",
         "remote": false,
         "key": "e519b8eef05f4e84793ad46398b08d7ed33ba5c8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12661,8 +12957,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92947": {
-        "id": "VariableID:1883:92947",
         "name": "palette/red-400",
+        "id": "VariableID:1883:92947",
         "remote": false,
         "key": "079d65383991c0587479822cd7e63d6061e6e238",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12689,8 +12985,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92948": {
-        "id": "VariableID:1883:92948",
         "name": "palette/red-500",
+        "id": "VariableID:1883:92948",
         "remote": false,
         "key": "2ea3b514e70358c544409c8cc6b4afb02ae9826c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12717,8 +13013,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92949": {
-        "id": "VariableID:1883:92949",
         "name": "palette/red-600",
+        "id": "VariableID:1883:92949",
         "remote": false,
         "key": "22384060e5922b7722d55e264608f591e4d797aa",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12745,8 +13041,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92950": {
-        "id": "VariableID:1883:92950",
         "name": "palette/red-700",
+        "id": "VariableID:1883:92950",
         "remote": false,
         "key": "6dcc6d0797bf9ea9c36d1780218fb7061c061112",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12773,8 +13069,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92951": {
-        "id": "VariableID:1883:92951",
         "name": "palette/red-800",
+        "id": "VariableID:1883:92951",
         "remote": false,
         "key": "43342c480aeaaac9c8fb8f062baf8a532a0acfee",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12801,8 +13097,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92952": {
-        "id": "VariableID:1883:92952",
         "name": "palette/red-900",
+        "id": "VariableID:1883:92952",
         "remote": false,
         "key": "9ca027b40a37d8a0059c4e20d4379196bf8e2f3c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12829,8 +13125,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:93017": {
-        "id": "VariableID:1883:93017",
         "name": "palette/static-black",
+        "id": "VariableID:1883:93017",
         "remote": false,
         "key": "94d216d310834ecf4d9dbb4e787f1f0002949042",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12857,8 +13153,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36295": {
-        "id": "VariableID:30894:36295",
         "name": "palette/static-black-alpha-100",
+        "id": "VariableID:30894:36295",
         "remote": false,
         "key": "0dc4db3c5e97e87b2f9fcba654ead0abc36d92cf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12885,8 +13181,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36304": {
-        "id": "VariableID:30894:36304",
         "name": "palette/static-black-alpha-1000",
+        "id": "VariableID:30894:36304",
         "remote": false,
         "key": "eba198883ac9f5450734716ae259ae2ee6daa53f",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12913,8 +13209,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36296": {
-        "id": "VariableID:30894:36296",
         "name": "palette/static-black-alpha-200",
+        "id": "VariableID:30894:36296",
         "remote": false,
         "key": "4afec7825ffc3abf3599057a56dde1dafe89b18b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12941,8 +13237,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36297": {
-        "id": "VariableID:30894:36297",
         "name": "palette/static-black-alpha-300",
+        "id": "VariableID:30894:36297",
         "remote": false,
         "key": "66604a16b557df59367107d87176877589d3c094",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12969,8 +13265,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36298": {
-        "id": "VariableID:30894:36298",
         "name": "palette/static-black-alpha-400",
+        "id": "VariableID:30894:36298",
         "remote": false,
         "key": "3e32ee381e757b0ec4a90f56d1f5a78afc484e55",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -12997,8 +13293,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36299": {
-        "id": "VariableID:30894:36299",
         "name": "palette/static-black-alpha-500",
+        "id": "VariableID:30894:36299",
         "remote": false,
         "key": "7290778bd2709118eff3efc8895f6a4fa739e26d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13025,8 +13321,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36300": {
-        "id": "VariableID:30894:36300",
         "name": "palette/static-black-alpha-600",
+        "id": "VariableID:30894:36300",
         "remote": false,
         "key": "832df619e2dd024844671b1ead5f914bfc7f76b6",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13053,8 +13349,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36301": {
-        "id": "VariableID:30894:36301",
         "name": "palette/static-black-alpha-700",
+        "id": "VariableID:30894:36301",
         "remote": false,
         "key": "6bf8eb4115ccd40e3b205a01574643a1b57ab8cf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13081,8 +13377,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36302": {
-        "id": "VariableID:30894:36302",
         "name": "palette/static-black-alpha-800",
+        "id": "VariableID:30894:36302",
         "remote": false,
         "key": "ecfd1477e124b780f030f5c41569524ef1af2f0c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13109,8 +13405,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36303": {
-        "id": "VariableID:30894:36303",
         "name": "palette/static-black-alpha-900",
+        "id": "VariableID:30894:36303",
         "remote": false,
         "key": "925f61c592f296daa3b6de3396666ac25f636c27",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13137,8 +13433,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:93018": {
-        "id": "VariableID:1883:93018",
         "name": "palette/static-white",
+        "id": "VariableID:1883:93018",
         "remote": false,
         "key": "a3c5bad407b96970832ceefac60609368c26dadc",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13165,8 +13461,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36306": {
-        "id": "VariableID:30894:36306",
         "name": "palette/static-white-alpha-100",
+        "id": "VariableID:30894:36306",
         "remote": false,
         "key": "0a7ad3f8aa78022f780f58a4364a82cb1197f3f8",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13193,8 +13489,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36315": {
-        "id": "VariableID:30894:36315",
         "name": "palette/static-white-alpha-1000",
+        "id": "VariableID:30894:36315",
         "remote": false,
         "key": "b884cf20befe4b466df567e3f8305d83203f36f3",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13221,8 +13517,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36307": {
-        "id": "VariableID:30894:36307",
         "name": "palette/static-white-alpha-200",
+        "id": "VariableID:30894:36307",
         "remote": false,
         "key": "883644c4c54a9dbdfcaf70a019bd7d0ff5b7148a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13249,8 +13545,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36308": {
-        "id": "VariableID:30894:36308",
         "name": "palette/static-white-alpha-300",
+        "id": "VariableID:30894:36308",
         "remote": false,
         "key": "a8f21c67fd2a23c20ee9fd4c8b057356b1590980",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13277,8 +13573,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36309": {
-        "id": "VariableID:30894:36309",
         "name": "palette/static-white-alpha-400",
+        "id": "VariableID:30894:36309",
         "remote": false,
         "key": "ce4f4574ab16d1ffc2b61ad799c13a2b7c564b0c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13305,8 +13601,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36305": {
-        "id": "VariableID:30894:36305",
         "name": "palette/static-white-alpha-50",
+        "id": "VariableID:30894:36305",
         "remote": false,
         "key": "98f44e5201858eed2c0a3465e9e21c67bc766079",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13333,8 +13629,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36310": {
-        "id": "VariableID:30894:36310",
         "name": "palette/static-white-alpha-500",
+        "id": "VariableID:30894:36310",
         "remote": false,
         "key": "023564949e0a2b9157eddc4f886a5f32483a511e",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13361,8 +13657,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36311": {
-        "id": "VariableID:30894:36311",
         "name": "palette/static-white-alpha-600",
+        "id": "VariableID:30894:36311",
         "remote": false,
         "key": "3ec034fb0ca727820f615b2f615c94fa79d60a52",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13389,8 +13685,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36312": {
-        "id": "VariableID:30894:36312",
         "name": "palette/static-white-alpha-700",
+        "id": "VariableID:30894:36312",
         "remote": false,
         "key": "d2348fc1d153879375ccd8edf1e8f19cb79d97b9",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13417,8 +13713,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36313": {
-        "id": "VariableID:30894:36313",
         "name": "palette/static-white-alpha-800",
+        "id": "VariableID:30894:36313",
         "remote": false,
         "key": "d7969ad1dd1124dd9ed6e799c68f29b8f8422971",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13445,8 +13741,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:30894:36314": {
-        "id": "VariableID:30894:36314",
         "name": "palette/static-white-alpha-900",
+        "id": "VariableID:30894:36314",
         "remote": false,
         "key": "91f917f2da8f87752a59029083ff7bc2360eb71c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13473,8 +13769,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92966": {
-        "id": "VariableID:1883:92966",
         "name": "palette/yellow-100",
+        "id": "VariableID:1883:92966",
         "remote": false,
         "key": "c88ed933fbb4efdffda532c1f47c169cd217fc21",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13501,8 +13797,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92975": {
-        "id": "VariableID:1883:92975",
         "name": "palette/yellow-1000",
+        "id": "VariableID:1883:92975",
         "remote": false,
         "key": "1df3d836eb723ab06b05cee4bcec459f6b5cabdb",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13529,8 +13825,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92967": {
-        "id": "VariableID:1883:92967",
         "name": "palette/yellow-200",
+        "id": "VariableID:1883:92967",
         "remote": false,
         "key": "fe6b5a19de1e7dad25f7a7e2a49ccfb0daaf36c4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13557,8 +13853,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92968": {
-        "id": "VariableID:1883:92968",
         "name": "palette/yellow-300",
+        "id": "VariableID:1883:92968",
         "remote": false,
         "key": "a172d90e4cead3d0dd0d96cc0511daf1f4340baa",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13585,8 +13881,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92969": {
-        "id": "VariableID:1883:92969",
         "name": "palette/yellow-400",
+        "id": "VariableID:1883:92969",
         "remote": false,
         "key": "fc557aaa92448ab4f94e2ea60adb25e36f196eaf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13613,8 +13909,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92970": {
-        "id": "VariableID:1883:92970",
         "name": "palette/yellow-500",
+        "id": "VariableID:1883:92970",
         "remote": false,
         "key": "1a7ee495f21fea3d55cab128b5564904de0d4b7d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13641,8 +13937,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92971": {
-        "id": "VariableID:1883:92971",
         "name": "palette/yellow-600",
+        "id": "VariableID:1883:92971",
         "remote": false,
         "key": "395d5c286a3c5a511bf94244f8defba2686e59ce",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13669,8 +13965,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92972": {
-        "id": "VariableID:1883:92972",
         "name": "palette/yellow-700",
+        "id": "VariableID:1883:92972",
         "remote": false,
         "key": "4a6dc7b57d6f17e46169a94555b69eafe461c9ee",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13697,8 +13993,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92973": {
-        "id": "VariableID:1883:92973",
         "name": "palette/yellow-800",
+        "id": "VariableID:1883:92973",
         "remote": false,
         "key": "528d3e933bc1d7787615d7b09b40ad39789947bf",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13725,8 +14021,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1883:92974": {
-        "id": "VariableID:1883:92974",
         "name": "palette/yellow-900",
+        "id": "VariableID:1883:92974",
         "remote": false,
         "key": "761fc2e8bfd18c6881ae7f148b42510a50daa7f2",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -13753,8 +14049,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:6075:34489": {
-        "id": "VariableID:6075:34489",
         "name": "preview-height",
+        "id": "VariableID:6075:34489",
         "remote": false,
         "key": "24c13799837d4272cbed14e0fa908fb75b01b840",
         "variableCollectionId": "VariableCollectionId:6075:34487",
@@ -13772,8 +14068,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:19290:76727": {
-        "id": "VariableID:19290:76727",
         "name": "preview-height-25%",
+        "id": "VariableID:19290:76727",
         "remote": false,
         "key": "f00d77a662722edb5898caf35a3d5d49ec9ff8be",
         "variableCollectionId": "VariableCollectionId:6075:34487",
@@ -13791,8 +14087,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:6075:34488": {
-        "id": "VariableID:6075:34488",
         "name": "preview-width",
+        "id": "VariableID:6075:34488",
         "remote": false,
         "key": "32ae1ef2f3f5f83097d3d9e9900f0bb3dc54b363",
         "variableCollectionId": "VariableCollectionId:6075:34487",
@@ -13810,8 +14106,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:192": {
-        "id": "VariableID:1:192",
         "name": "radius/full",
+        "id": "VariableID:1:192",
         "remote": false,
         "key": "ef50c283f4e531374422917d0f28ef717bcf420c",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13827,8 +14123,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:238": {
-        "id": "VariableID:1:238",
         "name": "radius/r0,5",
+        "id": "VariableID:1:238",
         "remote": false,
         "key": "bbd4258162469c0f01e4445ae257c62bfcb041dd",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13844,8 +14140,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:247": {
-        "id": "VariableID:1:247",
         "name": "radius/r1",
+        "id": "VariableID:1:247",
         "remote": false,
         "key": "c3f8538d4c485bef590e7a1ce639cfbec42874fb",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13861,8 +14157,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:248": {
-        "id": "VariableID:1:248",
         "name": "radius/r1,5",
+        "id": "VariableID:1:248",
         "remote": false,
         "key": "a78a3ef892d25ea3853be9b10b611af07acea8c4",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13878,8 +14174,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:249": {
-        "id": "VariableID:1:249",
         "name": "radius/r2",
+        "id": "VariableID:1:249",
         "remote": false,
         "key": "64f73750a0a3d42ebf3fa00f9c39005cf2a1720a",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13895,8 +14191,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:250": {
-        "id": "VariableID:1:250",
         "name": "radius/r2,5",
+        "id": "VariableID:1:250",
         "remote": false,
         "key": "fa5fb492220fc1dbd43f18bcc60a1607ded643ec",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13912,8 +14208,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:251": {
-        "id": "VariableID:1:251",
         "name": "radius/r3",
+        "id": "VariableID:1:251",
         "remote": false,
         "key": "ed1630db9909b6c7558b6e17b4b37c01b84786c0",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13929,8 +14225,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:252": {
-        "id": "VariableID:1:252",
         "name": "radius/r4",
+        "id": "VariableID:1:252",
         "remote": false,
         "key": "9738481cce83c0d26884815928284244b2ee5497",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13946,8 +14242,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:253": {
-        "id": "VariableID:1:253",
         "name": "radius/r5",
+        "id": "VariableID:1:253",
         "remote": false,
         "key": "cf30954c6f91ad2557b56b0a7d2b7f75932d9523",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13963,8 +14259,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:254": {
-        "id": "VariableID:1:254",
         "name": "radius/r6",
+        "id": "VariableID:1:254",
         "remote": false,
         "key": "f7ce9fc4dc6e8d40bbd0fea3604a8dacfb236410",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13980,8 +14276,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:491:21540": {
-        "id": "VariableID:491:21540",
         "name": "stroke-width/s1",
+        "id": "VariableID:491:21540",
         "remote": false,
         "key": "c65b9a4b6ec700af34e98d60ab4856f9dbd1886b",
         "variableCollectionId": "VariableCollectionId:1:174",
@@ -13998,8 +14294,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:41338:804": {
-        "id": "VariableID:41338:804",
         "name": "stroke/brand-solid",
+        "id": "VariableID:41338:804",
         "remote": false,
         "key": "0f786a22be192fb945048a57d29204129fe14bf0",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14022,8 +14318,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:169": {
-        "id": "VariableID:1:169",
         "name": "stroke/brand-weak",
+        "id": "VariableID:1:169",
         "remote": false,
         "key": "a6feef44dfe6cb5736ded84ed4db23b0c20ddcff",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14048,8 +14344,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:41338:808": {
-        "id": "VariableID:41338:808",
         "name": "stroke/critical-solid",
+        "id": "VariableID:41338:808",
         "remote": false,
         "key": "8cf83f78a65e88abf05cc4529aab60a8f41d7c4f",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14072,8 +14368,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1304:30176": {
-        "id": "VariableID:1304:30176",
         "name": "stroke/critical-weak",
+        "id": "VariableID:1304:30176",
         "remote": false,
         "key": "68f2ffdca2370886cf7636a1b8116310f378598b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14098,8 +14394,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:41338:806": {
-        "id": "VariableID:41338:806",
         "name": "stroke/informative-solid",
+        "id": "VariableID:41338:806",
         "remote": false,
         "key": "72caf6aaf60aaeef594ba7cd96a7603bf09de600",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14122,8 +14418,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:14696:4131": {
-        "id": "VariableID:14696:4131",
         "name": "stroke/informative-weak",
+        "id": "VariableID:14696:4131",
         "remote": false,
         "key": "1255a392bc12b60ff6eca352f30bd08780d6959d",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14146,8 +14442,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:171": {
-        "id": "VariableID:1:171",
         "name": "stroke/neutral-contrast",
+        "id": "VariableID:1:171",
         "remote": false,
         "key": "dd9c583304f0c37a2f900ec1159d94099fd8259a",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14172,8 +14468,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:167": {
-        "id": "VariableID:1:167",
         "name": "stroke/neutral-muted",
+        "id": "VariableID:1:167",
         "remote": false,
         "key": "6ce3a74e43faf1483ee0b8c5082dc522cd5348bc",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14198,8 +14494,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:41186:6437": {
-        "id": "VariableID:41186:6437",
         "name": "stroke/neutral-solid",
+        "id": "VariableID:41186:6437",
         "remote": false,
         "key": "6f2cc554551eed3f01cbb2d2707fd9114f3f5380",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14222,8 +14518,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:764:14294": {
-        "id": "VariableID:764:14294",
         "name": "stroke/neutral-subtle",
+        "id": "VariableID:764:14294",
         "remote": false,
         "key": "d12a208a99faacc95924aba4cede203dee5fccb7",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14248,8 +14544,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:172": {
-        "id": "VariableID:1:172",
         "name": "stroke/neutral-weak",
+        "id": "VariableID:1:172",
         "remote": false,
         "key": "c178edd12f4905635d219a1598f29b2e64e6ca2b",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14274,8 +14570,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:1:168": {
-        "id": "VariableID:1:168",
         "name": "stroke/on-image",
+        "id": "VariableID:1:168",
         "remote": false,
         "key": "10f9ccde66f9f1d741a71e70d95b1e055fa612a4",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14301,8 +14597,8 @@ const FIGMA_VARIABLES = {
         "deletedButReferenced": true
     },
     "VariableID:41338:805": {
-        "id": "VariableID:41338:805",
         "name": "stroke/positive-solid",
+        "id": "VariableID:41338:805",
         "remote": false,
         "key": "0648829671a2cd26b53abfb1fa9d3127b3000d4c",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14325,8 +14621,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:8175:21473": {
-        "id": "VariableID:8175:21473",
         "name": "stroke/positive-weak",
+        "id": "VariableID:8175:21473",
         "remote": false,
         "key": "e0d8237bacbd115246cbd6a7c12adff5cb258822",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14349,8 +14645,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:41338:807": {
-        "id": "VariableID:41338:807",
         "name": "stroke/warning-solid",
+        "id": "VariableID:41338:807",
         "remote": false,
         "key": "504c693ced5bf064f2ab2881b1f57f671418e004",
         "variableCollectionId": "VariableCollectionId:1:3",
@@ -14373,8 +14669,8 @@ const FIGMA_VARIABLES = {
         "codeSyntax": {}
     },
     "VariableID:37284:140641": {
-        "id": "VariableID:37284:140641",
         "name": "stroke/warning-weak",
+        "id": "VariableID:37284:140641",
         "remote": false,
         "key": "6d7bcda50710f89307fdcb12486eb370205b74ab",
         "variableCollectionId": "VariableCollectionId:1:3",