@seed-design/figma 1.1.13 → 1.1.14

package/lib/index.cjs

@@ -1,67 +1,190 @@
 var index_cjs = require('./codegen/index.cjs');
 
-function createRestNormalizer(ctx) {
+/**
+ * from-rest could be run outside of the Figma Plugin environment
+ * so we cannot use the Plugin API types directly e.g. getNodeByIdAsync
+ */ /**
+ * NOTE: types of MinimalFillsTrait["styles"] can be found here:
+ * https://developers.figma.com/docs/rest-api/component-types/#style-type
+ * Record<"text" | "fill" | "stroke" | "effect" | "grid", string>
+ */ function createRestNormalizer(ctx) {
     function normalizeNodes(nodes) {
         // Figma REST API omits default values for some fields, "visible" is one of them
         return nodes.filter((node)=>!("visible" in node) || node.visible).map(normalizeNode);
     }
     function normalizeNode(node) {
-        if (node.type === "FRAME") {
-            return normalizeFrameNode(node);
-        }
-        if (node.type === "GROUP") {
-            return normalizeGroupNode(node);
-        }
-        if (node.type === "RECTANGLE") {
-            return normalizeRectangleNode(node);
-        }
-        if (node.type === "VECTOR") {
-            return normalizeVectorNode(node);
-        }
-        if (node.type === "BOOLEAN_OPERATION") {
-            return normalizeBooleanOperationNode(node);
-        }
-        if (node.type === "TEXT") {
-            return normalizeTextNode(node);
-        }
-        if (node.type === "COMPONENT") {
-            return normalizeComponentNode(node);
-        }
-        if (node.type === "INSTANCE") {
-            return normalizeInstanceNode(node);
+        switch(node.type){
+            case "FRAME":
+                return normalizeFrameNode(node);
+            case "RECTANGLE":
+                return normalizeRectangleNode(node);
+            case "TEXT":
+                return normalizeTextNode(node);
+            case "COMPONENT":
+                return normalizeComponentNode(node);
+            case "INSTANCE":
+                return normalizeInstanceNode(node);
+            case "VECTOR":
+                return normalizeVectorNode(node);
+            case "BOOLEAN_OPERATION":
+                return normalizeBooleanOperationNode(node);
+            case "GROUP":
+                return normalizeGroupNodeAsFrameNode(node);
+            default:
+                return {
+                    type: "UNHANDLED",
+                    id: node.id,
+                    original: node
+                };
         }
+    }
+    function normalizeBoundVariables(boundVariables) {
+        if (!boundVariables) return undefined;
         return {
-            type: "UNHANDLED",
-            id: node.id,
-            original: node
+            fills: boundVariables.fills,
+            strokes: boundVariables.strokes,
+            itemSpacing: boundVariables.itemSpacing,
+            counterAxisSpacing: boundVariables.counterAxisSpacing,
+            topLeftRadius: boundVariables.topLeftRadius,
+            topRightRadius: boundVariables.topRightRadius,
+            bottomLeftRadius: boundVariables.bottomLeftRadius,
+            bottomRightRadius: boundVariables.bottomRightRadius,
+            paddingTop: boundVariables.paddingTop,
+            paddingRight: boundVariables.paddingRight,
+            paddingBottom: boundVariables.paddingBottom,
+            paddingLeft: boundVariables.paddingLeft,
+            minWidth: boundVariables.minWidth,
+            maxWidth: boundVariables.maxWidth,
+            minHeight: boundVariables.minHeight,
+            maxHeight: boundVariables.maxHeight,
+            fontSize: boundVariables.fontSize,
+            fontWeight: boundVariables.fontWeight,
+            lineHeight: boundVariables.lineHeight,
+            size: boundVariables.size
         };
     }
-    function normalizeFrameNode(node) {
+    function normalizePaint(paint) {
+        switch(paint.type){
+            case "SOLID":
+            case "IMAGE":
+            case "GRADIENT_LINEAR":
+            case "GRADIENT_RADIAL":
+            case "GRADIENT_ANGULAR":
+            case "GRADIENT_DIAMOND":
+                return paint;
+            default:
+                throw new Error(`Unimplemented paint type: ${paint.type}`);
+        }
+    }
+    function normalizePaints(paints) {
+        if (!paints) return [];
+        return paints.map(normalizePaint);
+    }
+    function normalizeRadiusProps({ cornerRadius, rectangleCornerRadii }) {
         return {
-            ...node,
-            children: normalizeNodes(node.children)
+            cornerRadius,
+            rectangleCornerRadii
         };
     }
-    function normalizeGroupNode(node) {
+    function normalizeEffectProps(node) {
+        const effects = (node.effects ?? []).filter((effect)=>effect.visible !== false && (effect.type === "DROP_SHADOW" || effect.type === "INNER_SHADOW")).map((effect)=>{
+            const { type, color, offset, radius, spread, boundVariables } = effect;
+            return {
+                type,
+                color,
+                offset,
+                radius,
+                spread,
+                boundVariables
+            };
+        });
         return {
-            ...node,
-            type: "FRAME",
-            children: normalizeNodes(node.children)
+            effects,
+            effectStyleKey: node.styles?.["effect"] ? ctx.styles[node.styles["effect"]]?.key : undefined
         };
     }
-    function normalizeRectangleNode(node) {
-        return node;
+    function normalizeShapeProps(node) {
+        return {
+            // NormalizedHasLayoutTrait
+            layoutGrow: node.layoutGrow,
+            layoutAlign: node.layoutAlign,
+            layoutSizingHorizontal: node.layoutSizingHorizontal,
+            layoutSizingVertical: node.layoutSizingVertical,
+            absoluteBoundingBox: node.absoluteBoundingBox,
+            relativeTransform: node.relativeTransform,
+            layoutPositioning: node.layoutPositioning,
+            minHeight: node.minHeight,
+            minWidth: node.minWidth,
+            maxHeight: node.maxHeight,
+            maxWidth: node.maxWidth,
+            // NormalizedHasGeometryTrait
+            fills: normalizePaints(node.fills),
+            fillStyleKey: node.styles?.["fill"] ? ctx.styles[node.styles["fill"]]?.key : undefined,
+            strokes: normalizePaints(node.strokes),
+            strokeWeight: node.strokeWeight,
+            // NormalizedHasEffectsTrait
+            ...normalizeEffectProps(node)
+        };
     }
-    function normalizeVectorNode(node) {
-        return node;
+    function normalizeAutolayoutProps(node) {
+        return {
+            layoutMode: node.layoutMode,
+            layoutWrap: node.layoutWrap,
+            paddingLeft: node.paddingLeft,
+            paddingRight: node.paddingRight,
+            paddingTop: node.paddingTop,
+            paddingBottom: node.paddingBottom,
+            primaryAxisAlignItems: node.primaryAxisAlignItems,
+            primaryAxisSizingMode: node.primaryAxisSizingMode,
+            counterAxisAlignItems: node.counterAxisAlignItems,
+            counterAxisSizingMode: node.counterAxisSizingMode,
+            itemSpacing: node.itemSpacing,
+            counterAxisSpacing: node.counterAxisSpacing
+        };
     }
-    function normalizeBooleanOperationNode(node) {
+    function normalizeFrameNode(node) {
         return {
-            ...node,
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait, NormalizedHasFramePropertiesTrait
+            ...normalizeShapeProps(node),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
+            ...normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
             children: normalizeNodes(node.children)
         };
     }
+    function normalizeRectangleNode(node) {
+        return {
+            //  NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...normalizeShapeProps(node)
+        };
+    }
     function normalizeTextNode(node) {
+        // Convert TypeStyle to NormalizedTextSegment.style format
+        function normalizeSegmentStyle(typeStyle) {
+            return {
+                fontFamily: typeStyle.fontFamily,
+                fontWeight: typeStyle.fontWeight,
+                fontSize: typeStyle.fontSize,
+                italic: typeStyle.italic,
+                textDecoration: typeStyle.textDecoration,
+                letterSpacing: typeStyle.letterSpacing,
+                lineHeight: typeStyle.lineHeightPx
+            };
+        }
         // Function to segment a text node based on style overrides
         function segmentTextNode(textNode) {
             const segments = [];
@@ -75,7 +198,7 @@ function createRestNormalizer(ctx) {
                         characters: characters,
                         start: 0,
                         end: characters.length,
-                        style: textNode.style || {}
+                        style: normalizeSegmentStyle(textNode.style)
                     }
                 ];
             }
@@ -104,7 +227,7 @@ function createRestNormalizer(ctx) {
                         characters: "",
                         start: i,
                         end: 0,
-                        style: styleId ? styleTable[styleId] || {} : {}
+                        style: styleId ? normalizeSegmentStyle(styleTable[styleId]) : {}
                     };
                 }
             }
@@ -117,14 +240,34 @@ function createRestNormalizer(ctx) {
             return segments;
         }
         return {
-            ...node,
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedTypePropertiesTrait
+            style: node.style,
+            characters: node.characters,
             textStyleKey: node.styles?.["text"] ? ctx.styles[node.styles["text"]]?.key : undefined,
-            segments: segmentTextNode(node)
+            segments: segmentTextNode(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...normalizeShapeProps(node)
         };
     }
     function normalizeComponentNode(node) {
         return {
-            ...node,
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...normalizeShapeProps(node),
+            // NormalizedHasCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
+            ...normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
             children: normalizeNodes(node.children)
         };
     }
@@ -138,22 +281,128 @@ function createRestNormalizer(ctx) {
         for (const [key, value] of Object.entries(node.componentProperties ?? {})){
             componentProperties[key] = value;
             if (value.type === "INSTANCE_SWAP") {
-                const mainComponent = ctx.components[value.value];
-                if (mainComponent) {
-                    componentProperties[key].componentKey = mainComponent.key;
-                }
-                const mainComponentSet = mainComponent?.componentSetId ? ctx.componentSets[mainComponent.componentSetId] : undefined;
-                if (mainComponentSet) {
-                    componentProperties[key].componentSetKey = mainComponentSet.key;
+                // unless value.type === "BOOLEAN", value.value is string
+                const swappedComponent = ctx.components[value.value];
+                if (swappedComponent) {
+                    componentProperties[key].componentKey = swappedComponent.key;
+                    const swappedComponentSet = swappedComponent?.componentSetId ? ctx.componentSets[swappedComponent.componentSetId] : undefined;
+                    if (swappedComponentSet) {
+                        componentProperties[key].componentSetKey = swappedComponentSet.key;
+                    }
                 }
             }
         }
         return {
-            ...node,
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...normalizeShapeProps(node),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
+            ...normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
             children: normalizeNodes(node.children),
+            // NormalizedInstanceNode specific
+            componentProperties,
             componentKey: mainComponent.key,
             componentSetKey: componentSet?.key,
-            componentProperties
+            overrides: node.overrides
+        };
+    }
+    function normalizeVectorNode(node) {
+        return {
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...normalizeShapeProps(node)
+        };
+    }
+    function normalizeBooleanOperationNode(node) {
+        return {
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedHasLayoutTrait
+            layoutGrow: node.layoutGrow,
+            layoutAlign: node.layoutAlign,
+            layoutSizingHorizontal: node.layoutSizingHorizontal,
+            layoutSizingVertical: node.layoutSizingVertical,
+            absoluteBoundingBox: node.absoluteBoundingBox,
+            relativeTransform: node.relativeTransform,
+            layoutPositioning: node.layoutPositioning,
+            minHeight: node.minHeight,
+            minWidth: node.minWidth,
+            maxHeight: node.maxHeight,
+            maxWidth: node.maxWidth,
+            // NormalizedHasGeometryTrait
+            fills: normalizePaints(node.fills),
+            fillStyleKey: node.styles?.["fill"] ? ctx.styles[node.styles["fill"]]?.key : undefined,
+            strokes: normalizePaints(node.strokes),
+            strokeWeight: node.strokeWeight,
+            // NormalizedHasEffectsTrait
+            ...normalizeEffectProps(node),
+            // NormalizedHasChildrenTrait
+            children: normalizeNodes(node.children)
+        };
+    }
+    function normalizeGroupNodeAsFrameNode(node) {
+        return {
+            // NormalizedIsLayerTrait
+            type: "FRAME",
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node.boundVariables),
+            // NormalizedHasLayoutTrait
+            layoutGrow: node.layoutGrow,
+            layoutAlign: node.layoutAlign,
+            layoutSizingHorizontal: node.layoutSizingHorizontal,
+            layoutSizingVertical: node.layoutSizingVertical,
+            absoluteBoundingBox: node.absoluteBoundingBox,
+            relativeTransform: node.relativeTransform,
+            layoutPositioning: node.layoutPositioning,
+            minHeight: node.minHeight,
+            minWidth: node.minWidth,
+            maxHeight: node.maxHeight,
+            maxWidth: node.maxWidth,
+            // NormalizedHasGeometryTrait
+            fills: [],
+            fillStyleKey: undefined,
+            strokes: [],
+            strokeWeight: undefined,
+            // NormalizedHasEffectsTrait
+            effects: [],
+            effectStyleKey: undefined,
+            // NormalizedCornerTrait
+            cornerRadius: undefined,
+            rectangleCornerRadii: undefined,
+            // NormalizedHasFramePropertiesTrait
+            // these are undefined compared to from-plugin normalizer
+            // since inferredAutoLayout isn't available in REST API
+            layoutMode: undefined,
+            layoutWrap: undefined,
+            paddingLeft: undefined,
+            paddingRight: undefined,
+            paddingTop: undefined,
+            paddingBottom: undefined,
+            primaryAxisAlignItems: undefined,
+            primaryAxisSizingMode: undefined,
+            counterAxisAlignItems: undefined,
+            counterAxisSizingMode: undefined,
+            itemSpacing: undefined,
+            counterAxisSpacing: undefined,
+            // NormalizedHasChildrenTrait
+            children: normalizeNodes(node.children)
         };
     }
     return normalizeNode;
@@ -253,110 +502,217 @@ function createPluginNormalizer() {
         return Promise.all(nodes.filter((node)=>node.visible).map(normalizeNode));
     }
     async function normalizeNode(node) {
-        if (node.type === "FRAME") {
-            return normalizeFrameNode(node);
-        }
-        if (node.type === "GROUP") {
-            return normalizeGroupNode(node);
-        }
-        if (node.type === "RECTANGLE") {
-            return normalizeRectangleNode(node);
-        }
-        if (node.type === "VECTOR") {
-            return normalizeVectorNode(node);
-        }
-        if (node.type === "BOOLEAN_OPERATION") {
-            return normalizeBooleanOperationNode(node);
-        }
-        if (node.type === "TEXT") {
-            return normalizeTextNode(node);
+        switch(node.type){
+            case "FRAME":
+                return normalizeFrameNode(node);
+            case "RECTANGLE":
+                return normalizeRectangleNode(node);
+            case "TEXT":
+                return normalizeTextNode(node);
+            case "COMPONENT":
+                return normalizeComponentNode(node);
+            case "INSTANCE":
+                return normalizeInstanceNode(node);
+            case "VECTOR":
+                return normalizeVectorNode(node);
+            case "BOOLEAN_OPERATION":
+                return normalizeBooleanOperationNode(node);
+            case "GROUP":
+                return normalizeGroupNodeAsFrameNode(node);
+            default:
+                return {
+                    type: "UNHANDLED",
+                    id: node.id,
+                    original: node
+                };
         }
-        if (node.type === "COMPONENT") {
-            return normalizeComponentNode(node);
+    }
+    /**
+   * Pick specific fields from boundVariables
+   */ function normalizeBoundVariables({ boundVariables }) {
+        if (!boundVariables) return undefined;
+        return {
+            fills: boundVariables.fills,
+            strokes: boundVariables.strokes,
+            itemSpacing: boundVariables.itemSpacing,
+            counterAxisSpacing: boundVariables.counterAxisSpacing,
+            topLeftRadius: boundVariables.topLeftRadius,
+            topRightRadius: boundVariables.topRightRadius,
+            bottomLeftRadius: boundVariables.bottomLeftRadius,
+            bottomRightRadius: boundVariables.bottomRightRadius,
+            paddingTop: boundVariables.paddingTop,
+            paddingRight: boundVariables.paddingRight,
+            paddingBottom: boundVariables.paddingBottom,
+            paddingLeft: boundVariables.paddingLeft,
+            minWidth: boundVariables.minWidth,
+            maxWidth: boundVariables.maxWidth,
+            minHeight: boundVariables.minHeight,
+            maxHeight: boundVariables.maxHeight,
+            fontSize: boundVariables.fontSize,
+            fontWeight: boundVariables.fontWeight,
+            lineHeight: boundVariables.lineHeight,
+            size: {
+                x: boundVariables.width,
+                y: boundVariables.height
+            }
+        };
+    }
+    function normalizeSolidPaint(paint) {
+        return {
+            type: paint.type,
+            color: {
+                r: paint.color.r,
+                g: paint.color.g,
+                b: paint.color.b,
+                a: paint.opacity ?? 1
+            },
+            visible: paint.visible,
+            blendMode: paint.blendMode ?? "NORMAL",
+            opacity: paint.opacity,
+            boundVariables: paint.boundVariables
+        };
+    }
+    function normalizePaint(paint) {
+        switch(paint.type){
+            case "SOLID":
+                return normalizeSolidPaint(paint);
+            case "IMAGE":
+                return {
+                    type: "IMAGE",
+                    scaleMode: paint.scaleMode === "CROP" ? "STRETCH" : paint.scaleMode,
+                    imageTransform: paint.imageTransform,
+                    scalingFactor: paint.scalingFactor,
+                    filters: paint.filters,
+                    rotation: paint.rotation,
+                    imageRef: paint.imageHash ?? "",
+                    blendMode: paint.blendMode ?? "NORMAL",
+                    visible: paint.visible,
+                    opacity: paint.opacity
+                };
+            case "GRADIENT_LINEAR":
+            case "GRADIENT_RADIAL":
+            case "GRADIENT_ANGULAR":
+            case "GRADIENT_DIAMOND":
+                return {
+                    type: paint.type,
+                    gradientStops: [
+                        ...paint.gradientStops
+                    ],
+                    visible: paint.visible,
+                    opacity: paint.opacity,
+                    blendMode: paint.blendMode ?? "NORMAL",
+                    gradientHandlePositions: convertTransformToGradientHandles(paint.gradientTransform)
+                };
+            default:
+                throw new Error(`Unimplemented paint type: ${paint.type}`);
         }
-        if (node.type === "INSTANCE") {
-            return normalizeInstanceNode(node);
+    }
+    function normalizePaints(fills) {
+        if (fills === figma.mixed) {
+            console.warn("Mixed fills are not supported");
+            return [];
         }
+        return fills.map(normalizePaint);
+    }
+    function normalizeRadiusProps(node) {
         return {
-            type: "UNHANDLED",
-            id: node.id,
-            original: node
+            cornerRadius: node.cornerRadius === figma.mixed ? undefined : node.cornerRadius,
+            rectangleCornerRadii: [
+                node.topLeftRadius,
+                node.topRightRadius,
+                node.bottomRightRadius,
+                node.bottomLeftRadius
+            ]
         };
     }
-    async function normalizeFrameNode(node) {
+    async function normalizeEffectProps(node) {
+        const effectStyleKey = typeof node.effectStyleId === "string" ? (await figma.getStyleByIdAsync(node.effectStyleId))?.key : undefined;
+        const effects = node.effects.filter((effect)=>{
+            if (!effect.visible) return false;
+            return effect.type === "DROP_SHADOW" || effect.type === "INNER_SHADOW";
+        }).map(({ blendMode, visible, ...rest })=>rest);
         return {
-            type: node.type,
-            id: node.id,
-            name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
-            ...normalizeRadiusProps(node),
-            ...await normalizeAutolayoutProps(node),
-            children: await normalizeNodes(node.children)
+            ...effectStyleKey ? {
+                effectStyleKey
+            } : {},
+            effects
         };
     }
-    async function normalizeGroupNode(node) {
+    async function normalizeShapeProps(node) {
+        const fillStyleKey = typeof node.fillStyleId === "string" ? (await figma.getStyleByIdAsync(node.fillStyleId))?.key : undefined;
         return {
-            type: "FRAME",
-            id: node.id,
-            name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait
             layoutGrow: node.inferredAutoLayout?.layoutGrow ?? node.layoutGrow,
             layoutAlign: node.inferredAutoLayout?.layoutAlign ?? node.layoutAlign,
             layoutSizingHorizontal: node.layoutSizingHorizontal,
             layoutSizingVertical: node.layoutSizingVertical,
             absoluteBoundingBox: node.absoluteBoundingBox,
             relativeTransform: node.relativeTransform,
-            layoutMode: node.inferredAutoLayout?.layoutMode,
-            layoutWrap: node.inferredAutoLayout?.layoutWrap,
-            paddingLeft: node.inferredAutoLayout?.paddingLeft,
-            paddingRight: node.inferredAutoLayout?.paddingRight,
-            paddingTop: node.inferredAutoLayout?.paddingTop,
-            paddingBottom: node.inferredAutoLayout?.paddingBottom,
-            primaryAxisAlignItems: node.inferredAutoLayout?.primaryAxisAlignItems,
-            counterAxisAlignItems: node.inferredAutoLayout?.counterAxisAlignItems,
-            primaryAxisSizingMode: node.inferredAutoLayout?.primaryAxisSizingMode,
-            counterAxisSizingMode: node.inferredAutoLayout?.counterAxisSizingMode,
-            itemSpacing: node.inferredAutoLayout?.itemSpacing,
-            counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? undefined,
-            fills: [],
-            strokes: [],
-            children: await normalizeNodes(node.children)
+            layoutPositioning: node.layoutPositioning,
+            minHeight: node.minHeight ?? undefined,
+            minWidth: node.minWidth ?? undefined,
+            maxHeight: node.maxHeight ?? undefined,
+            maxWidth: node.maxWidth ?? undefined,
+            // NormalizedHasGeometryTrait
+            fills: await normalizePaints(node.fills),
+            fillStyleKey,
+            strokes: await normalizePaints(node.strokes),
+            strokeWeight: node.strokeWeight === figma.mixed ? undefined : node.strokeWeight,
+            // NormalizedHasEffectsTrait
+            ...await normalizeEffectProps(node)
         };
     }
-    async function normalizeRectangleNode(node) {
+    async function normalizeAutolayoutProps(node) {
         return {
-            type: node.type,
-            id: node.id,
-            name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
-            ...normalizeRadiusProps(node),
-            ...await normalizeShapeProps(node)
+            layoutMode: node.inferredAutoLayout?.layoutMode ?? node.layoutMode,
+            layoutWrap: node.inferredAutoLayout?.layoutWrap ?? node.layoutWrap,
+            paddingLeft: node.inferredAutoLayout?.paddingLeft ?? node.paddingLeft,
+            paddingRight: node.inferredAutoLayout?.paddingRight ?? node.paddingRight,
+            paddingTop: node.inferredAutoLayout?.paddingTop ?? node.paddingTop,
+            paddingBottom: node.inferredAutoLayout?.paddingBottom ?? node.paddingBottom,
+            primaryAxisAlignItems: node.inferredAutoLayout?.primaryAxisAlignItems ?? node.primaryAxisAlignItems,
+            counterAxisAlignItems: node.inferredAutoLayout?.counterAxisAlignItems ?? node.counterAxisAlignItems,
+            primaryAxisSizingMode: node.inferredAutoLayout?.primaryAxisSizingMode ?? node.primaryAxisSizingMode,
+            counterAxisSizingMode: node.inferredAutoLayout?.counterAxisSizingMode ?? node.counterAxisSizingMode,
+            itemSpacing: node.inferredAutoLayout?.itemSpacing ?? node.itemSpacing,
+            counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? node.counterAxisSpacing ?? undefined
         };
     }
-    async function normalizeVectorNode(node) {
+    async function normalizeFrameNode(node) {
         return {
+            // NormalizedIsLayerTrait
             type: node.type,
             id: node.id,
             name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
-            ...await normalizeShapeProps(node)
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...await normalizeShapeProps(node),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
+            ...await normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
+            children: await normalizeNodes(node.children)
         };
     }
-    async function normalizeBooleanOperationNode(node) {
+    async function normalizeRectangleNode(node) {
         return {
+            // NormalizedIsLayerTrait
             type: node.type,
             id: node.id,
             name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
-            children: await normalizeNodes(node.children),
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedCornerTrait
+            ...normalizeRadiusProps(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
             ...await normalizeShapeProps(node)
         };
     }
     async function normalizeTextNode(node) {
         const segments = node.getStyledTextSegments([
-            "fontSize",
-            "fontWeight",
             "fontName",
+            "fontWeight",
+            "fontSize",
             "letterSpacing",
             "lineHeight",
             "paragraphSpacing",
@@ -367,25 +723,50 @@ function createPluginNormalizer() {
         ]);
         const first = segments[0];
         const textStyleKey = typeof node.textStyleId === "string" ? (await figma.getStyleByIdAsync(node.textStyleId))?.key : undefined;
+        const normalizeLetterSpacing = (letterSpacing, fontSize)=>{
+            if (letterSpacing.unit === "PIXELS") return letterSpacing.value;
+            if (letterSpacing.unit === "PERCENT") return fontSize * letterSpacing.value / 100;
+            return undefined;
+        };
+        const normalizeLineHeight = (lineHeight, fontSize)=>{
+            if (lineHeight.unit === "PIXELS") return lineHeight.value;
+            if (lineHeight.unit === "PERCENT") return fontSize * lineHeight.value / 100;
+            return undefined;
+        };
+        const isItalic = (fontName)=>{
+            // {
+            //   family: "SF Mono",
+            //   style: "Bold Italic"
+            // }
+            return fontName.style.toLowerCase().includes("italic");
+        };
         return {
+            // NormalizedIsLayerTrait
             type: node.type,
             id: node.id,
             name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedTypePropertiesTrait
+            // NOTE: this normalization is incomplete compared to from-rest.ts normalizer
             style: {
-                fontSize: first.fontSize,
-                fontWeight: first.fontWeight,
                 fontFamily: first.fontName.family,
-                // TODO: handle other units
-                letterSpacing: first.letterSpacing.unit === "PIXELS" ? first.letterSpacing.value : undefined,
-                lineHeightPx: first.lineHeight.unit === "PIXELS" ? first.lineHeight.value : undefined,
+                fontPostScriptName: null,
+                fontStyle: first.fontName.style,
+                italic: isItalic(first.fontName),
+                fontWeight: first.fontWeight,
+                fontSize: first.fontSize,
+                textAlignHorizontal: node.textAlignHorizontal,
+                textAlignVertical: node.textAlignVertical,
+                letterSpacing: normalizeLetterSpacing(first.letterSpacing, first.fontSize),
                 paragraphSpacing: first.paragraphSpacing,
-                textAlignHorizontal: node.textAlignHorizontal
+                textDecoration: first.textDecoration,
+                lineHeightPx: normalizeLineHeight(first.lineHeight, first.fontSize),
+                lineHeightUnit: first.lineHeight.unit === "PIXELS" ? "PIXELS" : first.lineHeight.unit === "PERCENT" ? "FONT_SIZE_%" : undefined,
+                boundVariables: first.boundVariables,
+                maxLines: node.maxLines ?? undefined
             },
-            ...textStyleKey ? {
-                textStyleKey
-            } : {},
             characters: node.characters,
+            textStyleKey,
             segments: segments.map((segment)=>({
                     characters: segment.characters,
                     start: segment.start,
@@ -394,21 +775,30 @@ function createPluginNormalizer() {
                         fontSize: segment.fontSize,
                         fontWeight: segment.fontWeight,
                         fontFamily: segment.fontName.family,
-                        letterSpacing: segment.letterSpacing.unit === "PIXELS" ? segment.letterSpacing.value : undefined,
-                        lineHeightPx: segment.lineHeight.unit === "PIXELS" ? segment.lineHeight.value : undefined
+                        italic: isItalic(segment.fontName),
+                        letterSpacing: normalizeLetterSpacing(segment.letterSpacing, segment.fontSize),
+                        lineHeight: normalizeLineHeight(segment.lineHeight, segment.fontSize),
+                        textDecoration: segment.textDecoration
                     }
                 })),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
             ...await normalizeShapeProps(node)
         };
     }
     async function normalizeComponentNode(node) {
         return {
+            // NormalizedIsLayerTrait
             type: node.type,
             id: node.id,
             name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...await normalizeShapeProps(node),
+            // NormalizedCornerTrait
             ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
             ...await normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
             children: await normalizeNodes(node.children)
         };
     }
@@ -421,184 +811,127 @@ function createPluginNormalizer() {
         for (const [key, value] of Object.entries(node.componentProperties)){
             componentProperties[key] = value;
             if (value.type === "INSTANCE_SWAP") {
-                const mainComponent = await figma.getNodeByIdAsync(value.value);
-                if (mainComponent) {
-                    componentProperties[key].componentKey = mainComponent.key;
-                    if (mainComponent.parent?.type === "COMPONENT_SET") {
-                        componentProperties[key].componentSetKey = mainComponent.parent.key;
+                // unless value.type === "BOOLEAN", value.value is string
+                const swappedComponent = await figma.getNodeByIdAsync(value.value);
+                if (swappedComponent) {
+                    componentProperties[key].componentKey = swappedComponent.key;
+                    if (swappedComponent.parent?.type === "COMPONENT_SET") {
+                        componentProperties[key].componentSetKey = swappedComponent.parent.key;
                     }
                 }
             }
         }
         return {
+            // NormalizedIsLayerTrait
             type: node.type,
             id: node.id,
             name: node.name,
-            boundVariables: await normalizeBoundVariables(node),
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...await normalizeShapeProps(node),
+            // NormalizedCornerTrait
             ...normalizeRadiusProps(node),
+            // NormalizedHasFramePropertiesTrait
             ...await normalizeAutolayoutProps(node),
+            // NormalizedHasChildrenTrait
             children: await normalizeNodes(node.children),
+            // NormalizedInstanceNode specific
+            componentProperties,
             componentKey: mainComponent.key,
             componentSetKey: mainComponent.parent?.type === "COMPONENT_SET" ? mainComponent.parent.key : undefined,
-            componentProperties,
             overrides: node.overrides
         };
     }
-    function normalizeSolidPaint(paint) {
-        return {
-            type: paint.type,
-            color: {
-                r: paint.color.r,
-                g: paint.color.g,
-                b: paint.color.b,
-                a: paint.opacity ?? 1
-            },
-            visible: paint.visible,
-            blendMode: paint.blendMode ?? "NORMAL",
-            boundVariables: paint.boundVariables
-        };
-    }
-    function normalizePaint(paint) {
-        switch(paint.type){
-            case "SOLID":
-                return normalizeSolidPaint(paint);
-            case "IMAGE":
-                return {
-                    type: "IMAGE",
-                    scaleMode: paint.scaleMode === "CROP" ? "STRETCH" : paint.scaleMode,
-                    imageTransform: paint.imageTransform,
-                    scalingFactor: paint.scalingFactor,
-                    filters: paint.filters,
-                    rotation: paint.rotation,
-                    imageRef: paint.imageHash ?? "",
-                    blendMode: paint.blendMode ?? "NORMAL",
-                    visible: paint.visible,
-                    opacity: paint.opacity
-                };
-            case "GRADIENT_LINEAR":
-            case "GRADIENT_RADIAL":
-            case "GRADIENT_ANGULAR":
-            case "GRADIENT_DIAMOND":
-                return {
-                    type: paint.type,
-                    gradientStops: [
-                        ...paint.gradientStops
-                    ],
-                    visible: paint.visible,
-                    opacity: paint.opacity,
-                    blendMode: paint.blendMode ?? "NORMAL",
-                    gradientHandlePositions: convertTransformToGradientHandles(paint.gradientTransform)
-                };
-            default:
-                throw new Error(`Unimplemented paint type: ${paint.type}`);
-        }
-    }
-    function normalizePaints(fills) {
-        if (fills === figma.mixed) {
-            console.warn("Mixed fills are not supported");
-            return [];
-        }
-        return fills.map(normalizePaint);
-    }
-    function normalizeRadiusProps(node) {
+    async function normalizeVectorNode(node) {
         return {
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedCornerTrait
             cornerRadius: node.cornerRadius === figma.mixed ? undefined : node.cornerRadius,
-            rectangleCornerRadii: [
-                node.topLeftRadius,
-                node.topRightRadius,
-                node.bottomRightRadius,
-                node.bottomLeftRadius
-            ]
+            rectangleCornerRadii: undefined,
+            // NormalizedHasLayoutTrait, NormalizedHasGeometryTrait, NormalizedHasEffectsTrait
+            ...await normalizeShapeProps(node)
         };
     }
-    async function normalizeShapeProps(node) {
+    async function normalizeBooleanOperationNode(node) {
         const fillStyleKey = typeof node.fillStyleId === "string" ? (await figma.getStyleByIdAsync(node.fillStyleId))?.key : undefined;
         return {
-            layoutGrow: node.inferredAutoLayout?.layoutGrow ?? node.layoutGrow,
-            layoutAlign: node.inferredAutoLayout?.layoutAlign ?? node.layoutAlign,
+            // NormalizedIsLayerTrait
+            type: node.type,
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait
+            layoutGrow: node.layoutGrow,
+            layoutAlign: node.layoutAlign,
             layoutSizingHorizontal: node.layoutSizingHorizontal,
             layoutSizingVertical: node.layoutSizingVertical,
             absoluteBoundingBox: node.absoluteBoundingBox,
             relativeTransform: node.relativeTransform,
-            fills: normalizePaints(node.fills),
-            ...fillStyleKey ? {
-                fillStyleKey
-            } : {},
-            strokes: normalizePaints(node.strokes),
-            strokeWeight: node.strokeWeight === figma.mixed ? undefined : node.strokeWeight,
+            layoutPositioning: node.layoutPositioning,
             minHeight: node.minHeight ?? undefined,
             minWidth: node.minWidth ?? undefined,
             maxHeight: node.maxHeight ?? undefined,
-            maxWidth: node.maxWidth ?? undefined
-        };
-    }
-    async function normalizeAutolayoutProps(node) {
-        return {
-            ...await normalizeShapeProps(node),
-            layoutMode: node.inferredAutoLayout?.layoutMode ?? node.layoutMode,
-            layoutWrap: node.inferredAutoLayout?.layoutWrap ?? node.layoutWrap,
-            paddingLeft: node.inferredAutoLayout?.paddingLeft ?? node.paddingLeft,
-            paddingRight: node.inferredAutoLayout?.paddingRight ?? node.paddingRight,
-            paddingTop: node.inferredAutoLayout?.paddingTop ?? node.paddingTop,
-            paddingBottom: node.inferredAutoLayout?.paddingBottom ?? node.paddingBottom,
-            primaryAxisAlignItems: node.inferredAutoLayout?.primaryAxisAlignItems ?? node.primaryAxisAlignItems,
-            counterAxisAlignItems: node.inferredAutoLayout?.counterAxisAlignItems ?? node.counterAxisAlignItems,
-            primaryAxisSizingMode: node.inferredAutoLayout?.primaryAxisSizingMode ?? node.primaryAxisSizingMode,
-            counterAxisSizingMode: node.inferredAutoLayout?.counterAxisSizingMode ?? node.counterAxisSizingMode,
-            itemSpacing: node.inferredAutoLayout?.itemSpacing ?? node.itemSpacing,
-            counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? node.counterAxisSpacing ?? undefined
+            maxWidth: node.maxWidth ?? undefined,
+            // NormalizedHasGeometryTrait
+            fills: await normalizePaints(node.fills),
+            fillStyleKey,
+            strokes: await normalizePaints(node.strokes),
+            strokeWeight: node.strokeWeight === figma.mixed ? undefined : node.strokeWeight,
+            // NormalizedHasEffectsTrait
+            ...await normalizeEffectProps(node),
+            // NormalizedHasChildrenTrait
+            children: await normalizeNodes(node.children)
         };
     }
-    async function normalizeBoundVariables({ boundVariables }) {
-        if (!boundVariables) return undefined;
-        const { width, height, componentProperties: _componentProperties, ...rest } = boundVariables;
-        // replace VariableAlias' id with the actual variable key
-        const resolveVariableId = async (variable)=>({
-                ...variable,
-                id: (await figma.variables.getVariableByIdAsync(variable.id))?.key ?? variable.id
-            });
-        const needsResolution = [
-            "fills",
-            "itemSpacing",
-            "counterAxisSpacing",
-            "bottomLeftRadius",
-            "bottomRightRadius",
-            "topLeftRadius",
-            "topRightRadius",
-            "paddingBottom",
-            "paddingLeft",
-            "paddingRight",
-            "paddingTop",
-            "maxHeight",
-            "minHeight",
-            "maxWidth",
-            "minWidth"
-        ];
-        // Process all properties in parallel
-        const resolvedEntries = await Promise.all(Object.entries(rest).map(async ([key, value])=>{
-            if (!value || !needsResolution.includes(key)) return [
-                key,
-                value
-            ];
-            if (Array.isArray(value)) {
-                return [
-                    key,
-                    await Promise.all(value.map(resolveVariableId))
-                ];
-            }
-            return [
-                key,
-                await resolveVariableId(value)
-            ];
-        }));
+    async function normalizeGroupNodeAsFrameNode(node) {
         return {
-            ...Object.fromEntries(resolvedEntries),
-            ...width && height && {
-                size: {
-                    x: width,
-                    y: height
-                }
-            }
+            // NormalizedIsLayerTrait
+            type: "FRAME",
+            id: node.id,
+            name: node.name,
+            boundVariables: normalizeBoundVariables(node),
+            // NormalizedHasLayoutTrait
+            layoutGrow: node.inferredAutoLayout?.layoutGrow ?? node.layoutGrow,
+            layoutAlign: node.inferredAutoLayout?.layoutAlign ?? node.layoutAlign,
+            layoutSizingHorizontal: node.layoutSizingHorizontal,
+            layoutSizingVertical: node.layoutSizingVertical,
+            absoluteBoundingBox: node.absoluteBoundingBox,
+            relativeTransform: node.relativeTransform,
+            layoutPositioning: node.layoutPositioning,
+            minHeight: node.minHeight ?? undefined,
+            minWidth: node.minWidth ?? undefined,
+            maxHeight: node.maxHeight ?? undefined,
+            maxWidth: node.maxWidth ?? undefined,
+            // NormalizedHasGeometryTrait
+            fills: [],
+            fillStyleKey: undefined,
+            strokes: [],
+            strokeWeight: undefined,
+            // NormalizedHasEffectsTrait
+            effects: [],
+            effectStyleKey: undefined,
+            // NormalizedCornerTrait
+            cornerRadius: undefined,
+            rectangleCornerRadii: undefined,
+            // NormalizedHasFramePropertiesTrait
+            layoutMode: node.inferredAutoLayout?.layoutMode,
+            layoutWrap: node.inferredAutoLayout?.layoutWrap,
+            paddingLeft: node.inferredAutoLayout?.paddingLeft,
+            paddingRight: node.inferredAutoLayout?.paddingRight,
+            paddingTop: node.inferredAutoLayout?.paddingTop,
+            paddingBottom: node.inferredAutoLayout?.paddingBottom,
+            primaryAxisAlignItems: node.inferredAutoLayout?.primaryAxisAlignItems,
+            counterAxisAlignItems: node.inferredAutoLayout?.counterAxisAlignItems,
+            primaryAxisSizingMode: node.inferredAutoLayout?.primaryAxisSizingMode,
+            counterAxisSizingMode: node.inferredAutoLayout?.counterAxisSizingMode,
+            itemSpacing: node.inferredAutoLayout?.itemSpacing,
+            counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? undefined,
+            // NormalizedHasChildrenTrait
+            children: await normalizeNodes(node.children)
         };
     }
     return normalizeNode;
@@ -2251,6 +2584,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "27885dd88c45e55e1ce6790b6517b663fbc89286": {
+        "name": "icon_keyhole_shield",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "2111483a75d693815d578415279d077e66412da1": {
+        "name": "icon_keyhole_shield",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "fe92b27029511a3fa4745e4d49cba81ee303cf48": {
         "name": "icon_laptop",
         "type": "monochrome",
@@ -3991,6 +4334,10 @@ const FIGMA_ICONS = {
         "name": "icon_tshirt_bubble2",
         "type": "multicolor"
     },
+    "ab66ee11be5539d340a87f1e9ca021fef1db3ef8": {
+        "name": "icon_vest_horizstripe",
+        "type": "multicolor"
+    },
     "7ddb6f0f63708485a75cb21a25fae01671a34562": {
         "name": "icon_warninglight",
         "type": "multicolor"
@@ -4067,7 +4414,7 @@ const FIGMA_STYLES = [
     {
         "styleType": "TEXT",
         "key": "af24f9e7cc90af3bf2a18029dd59ae0646966486",
-        "name": "legacy-13-150",
+        "name": "scale/legacy-13-150",
         "description": "13",
         "remote": false
     },
@@ -4099,6 +4446,27 @@ const FIGMA_STYLES = [
         "description": "11",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "ab6db5fae979eef82d7eece9237bd04c02707f57",
+        "name": "scale/t1-static-bold",
+        "description": "11",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "16c25fb788efbfe8f6d042820e342077a461f9bf",
+        "name": "scale/t1-static-medium",
+        "description": "11",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "5579ed6f529f5e97049e0842212b4958437eea34",
+        "name": "scale/t1-static-regular",
+        "description": "11",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "6ea6b06312771259d59de265a5ef12cd1dae9102",
@@ -4106,6 +4474,13 @@ const FIGMA_STYLES = [
         "description": "26",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "08861e25c3f74a29c2ae4ce007fe50b63e302392",
+        "name": "scale/t10-static-bold",
+        "description": "26",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
@@ -4127,6 +4502,27 @@ const FIGMA_STYLES = [
         "description": "12",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "4c6e5c31b949694aa08bf8d4d5cc445e22cf301f",
+        "name": "scale/t2-static-bold",
+        "description": "12",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "7d4bb16ddefb735fd197123b013864e7c412a934",
+        "name": "scale/t2-static-medium",
+        "description": "12",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "e05fbcacd044da0c9e6b73c7382bc4562a4a5d30",
+        "name": "scale/t2-static-regular",
+        "description": "12",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "f749d659a689cbbecbdbb1b559056731234332a3",
@@ -4148,6 +4544,27 @@ const FIGMA_STYLES = [
         "description": "13",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "3174e2a628cf75bc8f906af35b9b5d04595267c8",
+        "name": "scale/t3-static-bold",
+        "description": "13",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "c19d7f5ec3290802216aa3b0993931835d8fa3b5",
+        "name": "scale/t3-static-medium",
+        "description": "13",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "0cda3e483e52409e3ca59a019f29c16be078355f",
+        "name": "scale/t3-static-regular",
+        "description": "13",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "a85ea49c1625319427c047bc206c26e708012030",
@@ -4169,6 +4586,27 @@ const FIGMA_STYLES = [
         "description": "14",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "35fd98a75610254f7c8c15c6e7b71d67fccd9eed",
+        "name": "scale/t4-static-bold",
+        "description": "14",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "c785ba7fed186bd4c98295bdc2292933faed98ef",
+        "name": "scale/t4-static-medium",
+        "description": "14",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "51a90741bcc1a7dc81293eae0f085a8d5fb01855",
+        "name": "scale/t4-static-regular",
+        "description": "14",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
@@ -4192,22 +4630,64 @@ const FIGMA_STYLES = [
     },
     {
         "styleType": "TEXT",
-        "key": "adf921a56e89b5737a6b626034cfea184e828370",
-        "name": "scale/t6-bold",
+        "key": "37a672b087c5d72461b75c679924245ad89bcb06",
+        "name": "scale/t5-static-bold",
+        "description": "16",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "8b295f9759faed27b6a03cc50a8b257bf3af5cd0",
+        "name": "scale/t5-static-medium",
+        "description": "16",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "2011f31d265d6bb4535da4f16eb4f5d68f48d56e",
+        "name": "scale/t5-static-regular",
+        "description": "16",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "adf921a56e89b5737a6b626034cfea184e828370",
+        "name": "scale/t6-bold",
+        "description": "18",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
+        "name": "scale/t6-medium",
+        "description": "18",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "6608eaab965859080a5effa6e23eb857d888057f",
+        "name": "scale/t6-regular",
+        "description": "18",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "122ff9fd500bc63517b01a103a399b26130e7f0b",
+        "name": "scale/t6-static-bold",
         "description": "18",
         "remote": false
     },
     {
         "styleType": "TEXT",
-        "key": "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
-        "name": "scale/t6-medium",
+        "key": "0de548c3afd5c31e8b1c42a0170d44beba400a55",
+        "name": "scale/t6-static-medium",
         "description": "18",
         "remote": false
     },
     {
         "styleType": "TEXT",
-        "key": "6608eaab965859080a5effa6e23eb857d888057f",
-        "name": "scale/t6-regular",
+        "key": "c6d683f532e80c0c04e05057674e92265541a231",
+        "name": "scale/t6-static-regular",
         "description": "18",
         "remote": false
     },
@@ -4232,6 +4712,27 @@ const FIGMA_STYLES = [
         "description": "20",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "2454dff78b9ac153728a2cff00ca1d28f234e3a0",
+        "name": "scale/t7-static-bold",
+        "description": "20",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "f0da131559e6b466810b06343f94c551a0593bb4",
+        "name": "scale/t7-static-medium",
+        "description": "20",
+        "remote": false
+    },
+    {
+        "styleType": "TEXT",
+        "key": "07ef3b8fcb31319d1d83100957eb06fc0e37c1e9",
+        "name": "scale/t7-static-regular",
+        "description": "20",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
@@ -4239,6 +4740,13 @@ const FIGMA_STYLES = [
         "description": "22",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "37821f18bc4416d7a81fa429d89240317a8f17e6",
+        "name": "scale/t8-static-bold",
+        "description": "22",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "b146e1317c67db787834f1890493225bdbba4e48",
@@ -4246,6 +4754,13 @@ const FIGMA_STYLES = [
         "description": "24",
         "remote": false
     },
+    {
+        "styleType": "TEXT",
+        "key": "c06e147e98440109199e2e3fa2a63390d19afb0c",
+        "name": "scale/t9-static-bold",
+        "description": "24",
+        "remote": false
+    },
     {
         "styleType": "TEXT",
         "key": "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
@@ -4259,6 +4774,27 @@ const FIGMA_STYLES = [
         "name": "semantic/screen-title",
         "description": "26",
         "remote": false
+    },
+    {
+        "styleType": "EFFECT",
+        "key": "4717150d124a52434b2777609b046aa73a94c7ba",
+        "name": "shadow/s1",
+        "description": "",
+        "remote": false
+    },
+    {
+        "styleType": "EFFECT",
+        "key": "906bc739e1b77bc1719762826f6d1154893c8266",
+        "name": "shadow/s2",
+        "description": "",
+        "remote": false
+    },
+    {
+        "styleType": "EFFECT",
+        "key": "56f376d9146d9e158ba127ee8347c3cbf8329f19",
+        "name": "shadow/s3",
+        "description": "화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다.",
+        "remote": false
     }
 ];
 
@@ -4317,8 +4853,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:654:20851",
             "VariableID:1:171",
             "VariableID:41186:6437",
-            "VariableID:1:172",
             "VariableID:1:158",
+            "VariableID:1:172",
             "VariableID:1:161",
             "VariableID:1:159",
             "VariableID:576:22878",
@@ -4373,6 +4909,16 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:12548:1436",
             "VariableID:12548:1438",
             "VariableID:12548:1439",
+            "VariableID:54897:41770",
+            "VariableID:54897:41771",
+            "VariableID:54897:41772",
+            "VariableID:54897:41773",
+            "VariableID:54897:41775",
+            "VariableID:54897:41776",
+            "VariableID:54897:41777",
+            "VariableID:54897:41778",
+            "VariableID:54897:41779",
+            "VariableID:54897:41780",
             "VariableID:14609:16910",
             "VariableID:29333:3993",
             "VariableID:29333:10509",
@@ -4719,54 +5265,328 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:40279:20413"
         ]
     },
-    "VariableCollectionId:6075:34487": {
-        "defaultModeId": "6075:1",
-        "id": "VariableCollectionId:6075:34487",
-        "name": "Preview",
+    "VariableCollectionId:6075:34487": {
+        "defaultModeId": "6075:1",
+        "id": "VariableCollectionId:6075:34487",
+        "name": "Preview",
+        "remote": false,
+        "modes": [
+            {
+                "modeId": "6075:1",
+                "name": "390x844"
+            },
+            {
+                "modeId": "6075:2",
+                "name": "320x568"
+            },
+            {
+                "modeId": "16766:0",
+                "name": "375x812"
+            }
+        ],
+        "key": "7b0f506ae5e0955f152efe15b7982265075ad655",
+        "hiddenFromPublishing": false,
+        "isExtension": false,
+        "variableIds": [
+            "VariableID:6075:34488",
+            "VariableID:6075:34489",
+            "VariableID:19290:76727"
+        ]
+    }
+};
+
+const FIGMA_VARIABLES = {
+    "VariableID:54461:116345": {
+        "name": "_legacy/bg/layer-fill",
+        "id": "VariableID:54461:116345",
+        "remote": false,
+        "key": "f015408caaf8301430455d23312a5b0a3cb9fb43",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92912"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92913"
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:1:170": {
+        "name": "_legacy/stroke/field",
+        "id": "VariableID:1:170",
+        "remote": false,
+        "key": "bffc4d796285b14756405c8faf1eb619eabf8b19",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92915"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92915"
+            }
+        },
+        "scopes": [
+            "FRAME_FILL",
+            "SHAPE_FILL",
+            "STROKE_COLOR"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:17544:4057": {
+        "name": "_legacy/stroke/on-image",
+        "id": "VariableID:17544:4057",
+        "remote": false,
+        "key": "7dda7b5c673d7026f25eccc7533f6c81468b4518",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36296"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36305"
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41776": {
+        "name": "banner/blue",
+        "id": "VariableID:54897:41776",
+        "remote": false,
+        "key": "f0d9f5531252da917ad0d0b5618c384218463fa1",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.8823529481887817,
+                "g": 0.9686274528503418,
+                "b": 1,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.05098039284348488,
+                "g": 0.16470588743686676,
+                "b": 0.22745098173618317,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41780": {
+        "name": "banner/cool-gray",
+        "id": "VariableID:54897:41780",
+        "remote": false,
+        "key": "406783eff4302eda53767dc58be1467df8e36ba9",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.9215686321258545,
+                "g": 0.9450980424880981,
+                "b": 0.9607843160629272,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.1411764770746231,
+                "g": 0.1725490242242813,
+                "b": 0.20000000298023224,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41773": {
+        "name": "banner/green",
+        "id": "VariableID:54897:41773",
+        "remote": false,
+        "key": "550727f1d9dd9badfe54ff576b58b0333366a9e3",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.9411764740943909,
+                "g": 0.9843137264251709,
+                "b": 0.8980392217636108,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.11764705926179886,
+                "g": 0.21176470816135406,
+                "b": 0.10980392247438431,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41771": {
+        "name": "banner/orange",
+        "id": "VariableID:54897:41771",
+        "remote": false,
+        "key": "ef1b5c743d00c45c11fbc851e22c06159b5df1e0",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9490196108818054,
+                "b": 0.8823529481887817,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.25882354378700256,
+                "g": 0.13725490868091583,
+                "b": 0.03921568766236305,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41778": {
+        "name": "banner/pink",
+        "id": "VariableID:54897:41778",
+        "remote": false,
+        "key": "04118a56e71ec0771842a975f80b1704daf0d087",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9215686321258545,
+                "b": 0.9450980424880981,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.23137255012989044,
+                "g": 0.09019608050584793,
+                "b": 0.1725490242242813,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41777": {
+        "name": "banner/purple",
+        "id": "VariableID:54897:41777",
         "remote": false,
-        "modes": [
-            {
-                "modeId": "6075:1",
-                "name": "390x844"
-            },
-            {
-                "modeId": "6075:2",
-                "name": "320x568"
+        "key": "2b4f397b4df3df91aae0020b486d03e7e59de3a1",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "r": 0.9607843160629272,
+                "g": 0.9254902005195618,
+                "b": 1,
+                "a": 1
             },
-            {
-                "modeId": "16766:0",
-                "name": "375x812"
+            "1928:8": {
+                "r": 0.18039216101169586,
+                "g": 0.11764705926179886,
+                "b": 0.2705882489681244,
+                "a": 1
             }
+        },
+        "scopes": [
+            "ALL_SCOPES"
         ],
-        "key": "7b0f506ae5e0955f152efe15b7982265075ad655",
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41770": {
+        "name": "banner/red",
+        "id": "VariableID:54897:41770",
+        "remote": false,
+        "key": "332c3632c7252e24d088ff6775a717f2f27514b7",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
         "hiddenFromPublishing": false,
-        "isExtension": false,
-        "variableIds": [
-            "VariableID:6075:34488",
-            "VariableID:6075:34489",
-            "VariableID:19290:76727"
-        ]
-    }
-};
-
-const FIGMA_VARIABLES = {
-    "VariableID:54461:116345": {
-        "name": "_legacy/bg/layer-fill",
-        "id": "VariableID:54461:116345",
+        "valuesByMode": {
+            "1928:7": {
+                "r": 1,
+                "g": 0.9254902005195618,
+                "b": 0.9333333373069763,
+                "a": 1
+            },
+            "1928:8": {
+                "r": 0.22745098173618317,
+                "g": 0.05882352963089943,
+                "b": 0.08235294371843338,
+                "a": 1
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:54897:41775": {
+        "name": "banner/teal",
+        "id": "VariableID:54897:41775",
         "remote": false,
-        "key": "f015408caaf8301430455d23312a5b0a3cb9fb43",
+        "key": "44155474e492d3bf5a93f8d5b68324c052c279e6",
         "variableCollectionId": "VariableCollectionId:1:3",
         "resolvedType": "COLOR",
         "description": "",
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:1883:92912"
+                "r": 0.9019607901573181,
+                "g": 0.9803921580314636,
+                "b": 0.9647058844566345,
+                "a": 1
             },
             "1928:8": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:1883:92913"
+                "r": 0.0784313753247261,
+                "g": 0.21176470816135406,
+                "b": 0.20000000298023224,
+                "a": 1
             }
         },
         "scopes": [
@@ -4774,49 +5594,55 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
-    "VariableID:1:170": {
-        "name": "_legacy/stroke/field",
-        "id": "VariableID:1:170",
+    "VariableID:54897:41779": {
+        "name": "banner/warm-gray",
+        "id": "VariableID:54897:41779",
         "remote": false,
-        "key": "bffc4d796285b14756405c8faf1eb619eabf8b19",
+        "key": "795d9d04de8ba3479af2ff06e3359e7a8648caa3",
         "variableCollectionId": "VariableCollectionId:1:3",
         "resolvedType": "COLOR",
         "description": "",
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:1883:92915"
+                "r": 0.9490196108818054,
+                "g": 0.9411764740943909,
+                "b": 0.9333333373069763,
+                "a": 1
             },
             "1928:8": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:1883:92915"
+                "r": 0.18431372940540314,
+                "g": 0.16862745583057404,
+                "b": 0.15294118225574493,
+                "a": 1
             }
         },
         "scopes": [
-            "FRAME_FILL",
-            "SHAPE_FILL",
-            "STROKE_COLOR"
+            "ALL_SCOPES"
         ],
         "codeSyntax": {}
     },
-    "VariableID:17544:4057": {
-        "name": "_legacy/stroke/on-image",
-        "id": "VariableID:17544:4057",
+    "VariableID:54897:41772": {
+        "name": "banner/yellow",
+        "id": "VariableID:54897:41772",
         "remote": false,
-        "key": "7dda7b5c673d7026f25eccc7533f6c81468b4518",
+        "key": "dc09473d4db3cb127f45ee30f88ecb682d25d723",
         "variableCollectionId": "VariableCollectionId:1:3",
         "resolvedType": "COLOR",
         "description": "",
         "hiddenFromPublishing": false,
         "valuesByMode": {
             "1928:7": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:30894:36296"
+                "r": 1,
+                "g": 0.9803921580314636,
+                "b": 0.8823529481887817,
+                "a": 1
             },
             "1928:8": {
-                "type": "VARIABLE_ALIAS",
-                "id": "VariableID:30894:36305"
+                "r": 0.24313725531101227,
+                "g": 0.16862745583057404,
+                "b": 0,
+                "a": 1
             }
         },
         "scopes": [
@@ -11378,26 +12204,6 @@ const FIGMA_VARIABLES = {
     }
 };
 
-const templateBannerDetach = {
-    "name": "templateBannerDetach",
-    "key": "b9670e4d68d2b1057f28916728a845dc9c160c0f",
-    "componentPropertyDefinitions": {
-        "Layout": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Title + Description",
-                "Description + Title"
-            ]
-        },
-        "Rounded": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "True",
-                "False"
-            ]
-        }
-    }
-};
 const templateButtonGroup = {
     "name": "templateButtonGroup",
     "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
@@ -11482,70 +12288,18 @@ const templateCustomPickerField = {
         }
     }
 };
-const templateResultSection = {
-    "name": "templateResultSection",
-    "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+const templateDisclaimer = {
+    "name": "templateDisclaimer",
+    "key": "e08d2594b76c6c0107e34c0071cab8ef844c8998",
     "componentPropertyDefinitions": {
-        "Title#16237:0": {
-            "type": "TEXT"
-        },
-        "Description#16237:5": {
-            "type": "TEXT"
-        },
-        "Asset Type#45154:9": {
-            "type": "INSTANCE_SWAP",
-            "preferredValues": [
-                {
-                    "type": "COMPONENT",
-                    "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
-                },
-                {
-                    "type": "COMPONENT",
-                    "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
-                }
-            ]
-        },
-        "Show Asset#45154:14": {
-            "type": "BOOLEAN"
-        },
-        "Show Buttons#53435:0": {
-            "type": "BOOLEAN"
-        },
-        "ㄴShow First Button#53766:0": {
-            "type": "BOOLEAN"
-        },
-        "ㄴShow Second Button#53766:3": {
+        "Show Title#54910:2": {
             "type": "BOOLEAN"
         },
         "Size": {
             "type": "VARIANT",
             "variantOptions": [
-                "Large",
-                "Medium"
+                "t4(14pt)",
+                "t5(16pt)"
             ]
         }
     }
@@ -12561,17 +13315,16 @@ const menuSheet = {
         "Menu Group Count": {
             "type": "VARIANT",
             "variantOptions": [
+                "1",
                 "2",
-                "3",
-                "1"
+                "3"
             ]
         },
         "Layout": {
             "type": "VARIANT",
             "variantOptions": [
                 "Text Only",
-                "Text with Icon",
-                "Text with Subtext"
+                "Text with Icon"
             ]
         }
     }
@@ -12594,10 +13347,10 @@ const pageBanner = {
             "type": "VARIANT",
             "variantOptions": [
                 "Display",
+                "Display (With Action)",
                 "Actionable",
                 "Dismissible",
-                "With Action",
-                "Custom"
+                "Actionable (Custom)"
             ]
         },
         "Tone": {
@@ -12704,8 +13457,8 @@ const radio = {
         }
     }
 };
-const radioMark = {
-    "name": "radioMark",
+const radiomark = {
+    "name": "radiomark",
     "key": "832d696d6e9566610968cd70f128f500ec009d6a",
     "componentPropertyDefinitions": {
         "Size": {
@@ -12817,6 +13570,74 @@ const resizableChild = {
         }
     }
 };
+const resultSection = {
+    "name": "resultSection",
+    "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+    "componentPropertyDefinitions": {
+        "Title#16237:0": {
+            "type": "TEXT"
+        },
+        "Description#16237:5": {
+            "type": "TEXT"
+        },
+        "Asset Type#45154:9": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
+                }
+            ]
+        },
+        "Show Asset#45154:14": {
+            "type": "BOOLEAN"
+        },
+        "Show Buttons#53435:0": {
+            "type": "BOOLEAN"
+        },
+        "ㄴShow First Button#53766:0": {
+            "type": "BOOLEAN"
+        },
+        "ㄴShow Second Button#53766:3": {
+            "type": "BOOLEAN"
+        },
+        "Size": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Large",
+                "Medium"
+            ]
+        }
+    }
+};
 const rootTopNavigationGlobal = {
     "name": "rootTopNavigationGlobal",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
@@ -13049,8 +13870,8 @@ const _switch = {
         }
     }
 };
-const switchMark = {
-    "name": "switchMark",
+const switchmark = {
+    "name": "switchmark",
     "key": "bc53f269089e02a1d241e2a21ac7631bfa49834e",
     "componentPropertyDefinitions": {
         "Size": {
@@ -13317,10 +14138,11 @@ var FIGMA_COMPONENTS = {
   pageBanner: pageBanner,
   progressCircle: progressCircle,
   radio: radio,
-  radioMark: radioMark,
+  radiomark: radiomark,
   reactionButton: reactionButton,
   resizableChild: resizableChild,
   resizableIcon: resizableIcon,
+  resultSection: resultSection,
   rootTopNavigationGlobal: rootTopNavigationGlobal,
   rootTopNavigationKr: rootTopNavigationKr,
   segmentedControl: segmentedControl,
@@ -13329,14 +14151,13 @@ var FIGMA_COMPONENTS = {
   slider: slider,
   snackbar: snackbar,
   superscriptChild: superscriptChild,
-  switchMark: switchMark,
+  switchmark: switchmark,
   tabs: tabs,
   tagGroup: tagGroup,
-  templateBannerDetach: templateBannerDetach,
   templateButtonGroup: templateButtonGroup,
   templateChipGroup: templateChipGroup,
   templateCustomPickerField: templateCustomPickerField,
-  templateResultSection: templateResultSection,
+  templateDisclaimer: templateDisclaimer,
   templateSelectBoxGroup: templateSelectBoxGroup,
   templateSliderField: templateSliderField,
   templateTextField: templateTextField,