@seed-design/figma 1.3.6 → 1.3.7

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

@@ -3209,7 +3209,7 @@ function handleSizeProp(size) {
     }
 }
 
-const { createLocalSnippetElement: createLocalSnippetElement$18 } = createLocalSnippetHelper("action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$19 } = createLocalSnippetHelper("action-button");
 const createActionButtonHandler$1 = (ctx)=>defineComponentHandler(actionButton.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = match(props.Layout.value).with("Icon Only", ()=>({
@@ -3250,7 +3250,7 @@ const createActionButtonHandler$1 = (ctx)=>defineComponentHandler(actionButton.k
             variant: camelCase(props.Variant.value),
             layout
         };
-        return createLocalSnippetElement$18("ActionButton", commonProps, children);
+        return createLocalSnippetElement$19("ActionButton", commonProps, children);
     });
 const ACTION_BUTTON_GHOST_BUTTON_KEY = "ea69291fb4d76217419f3d9613ae16aadafb56a5";
 const createActionButtonGhostHandler$1 = (ctx)=>defineComponentHandler(ACTION_BUTTON_GHOST_BUTTON_KEY, (node)=>{
@@ -3308,10 +3308,10 @@ const createActionButtonGhostHandler$1 = (ctx)=>defineComponentHandler(ACTION_BU
                 bleedY: "asPadding"
             }
         };
-        return createLocalSnippetElement$18("ActionButton", commonProps, children);
+        return createLocalSnippetElement$19("ActionButton", commonProps, children);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$17 } = createLocalSnippetHelper("alert-dialog");
+const { createLocalSnippetElement: createLocalSnippetElement$18 } = createLocalSnippetHelper("alert-dialog");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$7 } = createLocalSnippetHelper("action-button");
 const ALERT_DIALOG_FOOTER_KEY = "00b1b131d67edf2875a7a1df8dfa88098d7c04be";
 const createAlertDialogHandler$1 = (ctx)=>{
@@ -3319,18 +3319,18 @@ const createAlertDialogHandler$1 = (ctx)=>{
     const actionButtonGhostHandler = createActionButtonGhostHandler$1(ctx);
     return defineComponentHandler(alertDialog.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const alertDialogHeader = createLocalSnippetElement$17("AlertDialogHeader", undefined, [
+        const alertDialogHeader = createLocalSnippetElement$18("AlertDialogHeader", undefined, [
             ...props["Show Title#20361:14"].value ? [
-                createLocalSnippetElement$17("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
+                createLocalSnippetElement$18("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
             ] : [],
-            createLocalSnippetElement$17("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
+            createLocalSnippetElement$18("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$17("AlertDialog", undefined, alertDialogHeader, {
+            return createLocalSnippetElement$18("AlertDialog", undefined, alertDialogHeader, {
                 comment: "Footer 영역을 확인해주세요."
             });
         }
@@ -3361,14 +3361,14 @@ const createAlertDialogHandler$1 = (ctx)=>{
             ];
             return createSeedReactElement("VStack", footerNodeProps, buttons);
         }).exhaustive();
-        const alertDialogFooter = createLocalSnippetElement$17("AlertDialogFooter", undefined, alertDialogFooterChildren);
-        return createLocalSnippetElement$17("AlertDialogRoot", {
+        const alertDialogFooter = createLocalSnippetElement$18("AlertDialogFooter", undefined, alertDialogFooterChildren);
+        return createLocalSnippetElement$18("AlertDialogRoot", {
             open: true
         }, [
-            createLocalSnippetElement$17("AlertDialogTrigger", {
+            createLocalSnippetElement$18("AlertDialogTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$7("ActionButton", {}, "AlertDialog 열기")),
-            createLocalSnippetElement$17("AlertDialogContent", undefined, [
+            createLocalSnippetElement$18("AlertDialogContent", undefined, [
                 alertDialogHeader,
                 alertDialogFooter
             ])
@@ -3376,7 +3376,7 @@ const createAlertDialogHandler$1 = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$16 } = createLocalSnippetHelper("app-bar");
+const { createLocalSnippetElement: createLocalSnippetElement$17 } = 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";
@@ -3393,12 +3393,12 @@ const createAppBarMainHandler$1 = (_ctx)=>{
                 subtitle: undefined
             })).exhaustive();
         if (title) {
-            return createLocalSnippetElement$16("AppBarMain", {
+            return createLocalSnippetElement$17("AppBarMain", {
                 title,
                 subtitle
             });
         }
-        return createLocalSnippetElement$16("AppBarMain", undefined, undefined, {
+        return createLocalSnippetElement$17("AppBarMain", undefined, undefined, {
             comment: "AppBarMain 내부를 직접 작성해주세요."
         });
     });
@@ -3425,33 +3425,33 @@ const createAppBarHandler$1 = (ctx)=>{
             return appBarMainHandler.transform(mainNode, traverse);
         })();
         const leftChildren = match(props.Left.value).with("None", ()=>undefined).with("Back", ()=>[
-                createLocalSnippetElement$16("AppBarBackButton")
+                createLocalSnippetElement$17("AppBarBackButton")
             ]).with("Close", ()=>[
-                createLocalSnippetElement$16("AppBarCloseButton")
+                createLocalSnippetElement$17("AppBarCloseButton")
             ]).with("Custom", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: APP_BAR_LEFT_ICON_BUTTON_KEY
             });
             if (buttons.length > 0) {
-                return buttons.map((button)=>createLocalSnippetElement$16("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
+                return buttons.map((button)=>createLocalSnippetElement$17("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
                         comment: "AppBarIconButton에 aria-label 속성을 추가해주세요."
                     }));
             }
             return undefined;
         }).exhaustive();
-        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$16("AppBarLeft", {}, leftChildren) : undefined;
+        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$17("AppBarLeft", {}, leftChildren) : undefined;
         const rightChildren = 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$16("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#6406:3"]), {
+            return buttons.map((button)=>createLocalSnippetElement$17("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$16("AppBarRight", {}, rightChildren) : undefined;
-        return createLocalSnippetElement$16("AppBar", {
+        const right = rightChildren && rightChildren.length > 0 ? createLocalSnippetElement$17("AppBarRight", {}, rightChildren) : undefined;
+        return createLocalSnippetElement$17("AppBar", {
             theme,
             tone
         }, [
@@ -3465,15 +3465,15 @@ const createAppBarHandler$1 = (ctx)=>{
 };
 
 const IDENTITY_PLACEHOLDER_KEY = "b3563b6f16ba4cfe4240c9b33eef7edad4c304eb";
-const { createLocalSnippetElement: createLocalSnippetElement$15 } = createLocalSnippetHelper("identity-placeholder");
+const { createLocalSnippetElement: createLocalSnippetElement$16 } = createLocalSnippetHelper("identity-placeholder");
 const createIdentityPlaceholderHandler$1 = (_ctx)=>defineComponentHandler(IDENTITY_PLACEHOLDER_KEY, ({ componentProperties: props })=>{
         const commonProps = {
             identity: camelCase(props.Identity.value)
         };
-        return createLocalSnippetElement$15("IdentityPlaceholder", commonProps);
+        return createLocalSnippetElement$16("IdentityPlaceholder", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$14 } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$15 } = createLocalSnippetHelper("avatar");
 const createAvatarHandler$1 = (ctx)=>{
     const identityPlaceholderHandler = createIdentityPlaceholderHandler$1();
     return defineComponentHandler(avatar.key, (node, traverse)=>{
@@ -3496,7 +3496,7 @@ const createAvatarHandler$1 = (ctx)=>{
             },
             size: props.Size.value
         };
-        return createLocalSnippetElement$14("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$14("AvatarBadge", {
+        return createLocalSnippetElement$15("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$15("AvatarBadge", {
             asChild: true
         }, createElement("img", {
             src: "https://placehold.co/20x20"
@@ -3508,7 +3508,7 @@ const createAvatarHandler$1 = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$13 } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$14 } = createLocalSnippetHelper("avatar");
 const createAvatarStackHandler$1 = (ctx)=>{
     const avatarHandler = createAvatarHandler$1();
     return defineComponentHandler(avatarStack.key, (node, traverse)=>{
@@ -3521,7 +3521,7 @@ const createAvatarStackHandler$1 = (ctx)=>{
             size: props.Size.value
         };
         const avatarStackChildren = avatarNodes.map((avatarNode)=>avatarHandler.transform(avatarNode, traverse));
-        return createLocalSnippetElement$13("AvatarStack", commonProps, avatarStackChildren);
+        return createLocalSnippetElement$14("AvatarStack", commonProps, avatarStackChildren);
     });
 };
 
@@ -3534,7 +3534,7 @@ const createBadgeHandler$1 = (_ctx)=>defineComponentHandler(badge.key, ({ compon
         return createSeedReactElement("Badge", commonProps, props["Label#1584:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$12 } = createLocalSnippetHelper("bottom-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$13 } = createLocalSnippetHelper("bottom-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$6 } = createLocalSnippetHelper("action-button");
 // TODO: Bottom Action Bar (WIP) handler의 키. 해당 컴포넌트(템플릿) 핸들러 작성 시 handler.transform()으로 대체
 const BOTTOM_SHEET_FOOTER_KEY = "de6c65d34cc4a01c18c9a7c0ded34635170ca11f";
@@ -3554,32 +3554,32 @@ const createBottomSheetHandler$1 = (_ctx)=>defineComponentHandler(bottomSheet.ke
             node,
             key: BOTTOM_SHEET_BODY_KEY
         });
-        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$12("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$12("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
+        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$13("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$13("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
         const footerNodes = findAllInstances({
             node,
             key: BOTTOM_SHEET_FOOTER_KEY
         });
-        const bottomSheetFooter = props["Show Footer#25162:14"].value && footerNodes.length === 1 ? createLocalSnippetElement$12("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
-        return createLocalSnippetElement$12("BottomSheetRoot", {
+        const bottomSheetFooter = props["Show Footer#25162:14"].value && footerNodes.length === 1 ? createLocalSnippetElement$13("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
+        return createLocalSnippetElement$13("BottomSheetRoot", {
             defaultOpen: true,
             headerAlign
         }, [
-            createLocalSnippetElement$12("BottomSheetTrigger", {
+            createLocalSnippetElement$13("BottomSheetTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$6("ActionButton", {}, "BottomSheet 열기")),
-            createLocalSnippetElement$12("BottomSheetContent", contentProps, [
+            createLocalSnippetElement$13("BottomSheetContent", contentProps, [
                 bottomSheetBody,
                 bottomSheetFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$11 } = createLocalSnippetHelper("callout");
+const { createLocalSnippetElement: createLocalSnippetElement$12 } = createLocalSnippetHelper("callout");
 const createCalloutHandler$1 = (ctx)=>defineComponentHandler(callout.key, ({ componentProperties: props, children })=>{
         const tag = 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$11(tag, undefined, undefined, {
+            return createLocalSnippetElement$12(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -3631,10 +3631,10 @@ const createCalloutHandler$1 = (ctx)=>defineComponentHandler(callout.key, ({ com
                 prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#35087:0"])
             }
         };
-        return createLocalSnippetElement$11(tag, commonProps);
+        return createLocalSnippetElement$12(tag, commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$10 } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$11 } = createLocalSnippetHelper("checkbox");
 const createCheckboxHandler$1 = (_ctx)=>defineComponentHandler(checkbox.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -3654,12 +3654,12 @@ const createCheckboxHandler$1 = (_ctx)=>defineComponentHandler(checkbox.key, ({
                 disabled: true
             }
         };
-        return createLocalSnippetElement$10("Checkbox", commonProps, undefined, {
+        return createLocalSnippetElement$11("Checkbox", commonProps, undefined, {
             comment: "CheckboxGroup으로 묶어서 사용하는 것을 권장합니다."
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$$ } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$10 } = createLocalSnippetHelper("checkbox");
 const createCheckmarkHandler$1 = (_ctx)=>defineComponentHandler(checkmark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -3667,14 +3667,14 @@ const createCheckmarkHandler$1 = (_ctx)=>defineComponentHandler(checkmark.key, (
             variant: camelCase(props.Shape.value),
             size: handleSizeProp(props.Size.value)
         };
-        return createLocalSnippetElement$$("Checkmark", commonProps);
+        return createLocalSnippetElement$10("Checkmark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$_ } = createLocalSnippetHelper("chip");
+const { createLocalSnippetElement: createLocalSnippetElement$$ } = createLocalSnippetHelper("chip");
 const CHIP_ICON_SUFFIX_KEY = "27343e0e5ab2c66948e9b10fde03d58b5e037212";
 const createChipIconSuffixHandler$1 = (ctx)=>{
     return defineComponentHandler(CHIP_ICON_SUFFIX_KEY, ({ componentProperties })=>{
-        return createLocalSnippetElement$_("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
+        return createLocalSnippetElement$$("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
             svg: ctx.iconHandler.transform(componentProperties["Icon#33203:0"])
         }));
     });
@@ -3684,7 +3684,7 @@ const createChipHandler$1 = (ctx)=>{
     const iconSuffixHandler = createChipIconSuffixHandler$1(ctx);
     return defineComponentHandler(chip.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const prefix = match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$_("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
+        const prefix = match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$$("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"])
             }))).with("Avatar", ()=>{
             const [avatar$1] = findAllInstances({
@@ -3692,9 +3692,9 @@ const createChipHandler$1 = (ctx)=>{
                 key: avatar.key
             });
             if (!avatar$1) return undefined;
-            return createLocalSnippetElement$_("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar$1, traverse));
+            return createLocalSnippetElement$$("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar$1, traverse));
         }).exhaustive();
-        const label = createLocalSnippetElement$_("Chip.Label", undefined, props["Label#7185:0"].value);
+        const label = createLocalSnippetElement$$("Chip.Label", undefined, props["Label#7185:0"].value);
         const [suffixIcon] = findAllInstances({
             node,
             key: CHIP_ICON_SUFFIX_KEY
@@ -3710,7 +3710,7 @@ const createChipHandler$1 = (ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$_("Chip.Toggle", commonProps, [
+        return createLocalSnippetElement$$("Chip.Toggle", commonProps, [
             prefix,
             label,
             suffixIcon ? iconSuffixHandler.transform(suffixIcon, traverse) : undefined
@@ -3720,7 +3720,7 @@ const createChipHandler$1 = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$Z } = createLocalSnippetHelper("contextual-floating-button");
+const { createLocalSnippetElement: createLocalSnippetElement$_ } = createLocalSnippetHelper("contextual-floating-button");
 const createContextualFloatingButtonHandler$1 = (ctx)=>defineComponentHandler(contextualFloatingButton.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = match(props.Layout.value).with("Icon Only", ()=>({
@@ -3749,7 +3749,7 @@ const createContextualFloatingButtonHandler$1 = (ctx)=>defineComponentHandler(co
             variant: match(props.Variant.value).with("Solid", ()=>"solid").with("Layer", ()=>"layer").exhaustive(),
             layout
         };
-        return createLocalSnippetElement$Z("ContextualFloatingButton", commonProps, children);
+        return createLocalSnippetElement$_("ContextualFloatingButton", commonProps, children);
     });
 
 const createDividerHandler$1 = (_ctx)=>defineComponentHandler(divider.key, ({ componentProperties: props })=>{
@@ -3874,7 +3874,7 @@ const FIELD_KEYS = {
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$Y } = createLocalSnippetHelper("field-button");
+const { createLocalSnippetElement: createLocalSnippetElement$Z } = createLocalSnippetHelper("field-button");
 const INPUT_BUTTON_KEY = "965bdecb58755af9a08d60cc3c8d2d33b42e15f0";
 const INPUT_BUTTON_PREFIX_KEY = "12b40c736a098298c64ba16de85702b4b460d1f1";
 const INPUT_BUTTON_SUFFIX_KEY = "5dda27af9f4afafa471925c17acf97d81912877a";
@@ -3933,11 +3933,11 @@ const createFieldButtonHandler$1 = (ctx)=>{
         // these can be fragile but better than having 9 different handlers
         const placeholder = findOne(node, (node)=>node.type === "TEXT" && node.name.toLowerCase().includes("placeholder"));
         const value = findOne(node, (node)=>node.type === "TEXT" && node.name.toLowerCase().includes("value"));
-        return createLocalSnippetElement$Y("FieldButton", {
+        return createLocalSnippetElement$Z("FieldButton", {
             ...headerProps,
             ...footerProps,
             ...commonProps
-        }, props["Has Value"].value === "True" && value ? createLocalSnippetElement$Y("FieldButtonValue", undefined, value.characters) : placeholder ? createLocalSnippetElement$Y("FieldButtonPlaceholder", undefined, placeholder.characters) : undefined, {
+        }, props["Has Value"].value === "True" && value ? createLocalSnippetElement$Z("FieldButtonValue", undefined, value.characters) : placeholder ? createLocalSnippetElement$Z("FieldButtonPlaceholder", undefined, placeholder.characters) : undefined, {
             comment: "buttonProps를 통해 aria-label을 제공하세요."
         });
     });
@@ -3984,7 +3984,7 @@ const createAddressFieldHandler$1 = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$X } = createLocalSnippetHelper("floating-action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$Y } = createLocalSnippetHelper("floating-action-button");
 const BUTTON_TYPE_KEY = "8cecc85275115d653579d4c3156567ebf19f7b27";
 const MENU_TYPE_KEY = "400124347392c15473f9cd2d8a6aedb64f3baf36";
 const createFloatingActionButtonHandler$1 = (ctx)=>defineComponentHandler(floatingActionButton.key, (node)=>{
@@ -4008,10 +4008,10 @@ const createFloatingActionButtonHandler$1 = (ctx)=>defineComponentHandler(floati
                 label: menu.componentProperties["Label#29766:9"].value
             };
         })();
-        return createLocalSnippetElement$X("FloatingActionButton", commonProps);
+        return createLocalSnippetElement$Y("FloatingActionButton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$W } = createLocalSnippetHelper("help-bubble");
+const { createLocalSnippetElement: createLocalSnippetElement$X } = createLocalSnippetHelper("help-bubble");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$5 } = createLocalSnippetHelper("action-button");
 const createHelpBubbleHandler$1 = (_ctx)=>defineComponentHandler(helpBubble.key, ({ componentProperties: props })=>{
         const placement = (()=>{
@@ -4051,12 +4051,12 @@ const createHelpBubbleHandler$1 = (_ctx)=>defineComponentHandler(helpBubble.key,
             showCloseButton: props["Show Close Button#40538:0"].value,
             placement
         };
-        return createLocalSnippetElement$W("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$5("ActionButton", {}, "HelpBubble 열기"), {
+        return createLocalSnippetElement$X("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$5("ActionButton", {}, "HelpBubble 열기"), {
             comment: "필요에 따라 HelpBubbleAnchor로 변경하여 사용하세요."
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$V } = createLocalSnippetHelper("select-box");
+const { createLocalSnippetElement: createLocalSnippetElement$W } = createLocalSnippetHelper("select-box");
 const LEGACY_SELECT_BOX_KEY = "38722ffeb4c966256a709155e8ddac50c93d7c60";
 const LEGACY_SELECT_BOX_GROUP_KEY = "a3d58bb8540600878742cdcf2608a4b3851667ec";
 const createLegacySelectBoxHandler$1 = (_ctx)=>defineComponentHandler(LEGACY_SELECT_BOX_KEY, ({ componentProperties: props })=>{
@@ -4073,7 +4073,7 @@ const createLegacySelectBoxHandler$1 = (_ctx)=>defineComponentHandler(LEGACY_SEL
                 defaultChecked: true
             }
         };
-        return createLocalSnippetElement$V(tag, commonProps, undefined, {
+        return createLocalSnippetElement$W(tag, commonProps, undefined, {
             comment: "이 Figma 컴포넌트는 @seed-design/react@1.2보다 낮은 버전의 SelectBox입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
@@ -4098,13 +4098,13 @@ const createLegacySelectBoxGroupHandler$1 = (ctx)=>{
                 defaultValue: selectedSelectBox?.componentProperties["Label#3635:0"].value
             }
         };
-        return createLocalSnippetElement$V(tag, commonProps, stack, {
+        return createLocalSnippetElement$W(tag, commonProps, stack, {
             comment: "이 Figma 컴포넌트는 @seed-design/react@1.2보다 낮은 버전의 SelectBox입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$U } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$V } = createLocalSnippetHelper("text-field");
 const LEGACY_TEXT_FIELD_KEY = "c49873c37a639f0dffdea4efd0eb43760d66c141";
 const LEGACY_MULTILINE_TEXT_FIELD_KEY = "88b2399c930c85f9ce2972163a078bc684b84bbe";
 const createLegacyTextFieldHandler$1 = (ctx)=>defineComponentHandler(LEGACY_TEXT_FIELD_KEY, ({ componentProperties: props })=>{
@@ -4161,8 +4161,8 @@ const createLegacyTextFieldHandler$1 = (ctx)=>defineComponentHandler(LEGACY_TEXT
         const inputProps = {
             placeholder
         };
-        const TextFieldChildren = createLocalSnippetElement$U("TextFieldInput", inputProps);
-        return createLocalSnippetElement$U("TextField", commonProps, TextFieldChildren, {
+        const TextFieldChildren = createLocalSnippetElement$V("TextFieldInput", inputProps);
+        return createLocalSnippetElement$V("TextField", commonProps, TextFieldChildren, {
             comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
@@ -4207,21 +4207,21 @@ const createLegacyMultilineTextFieldHandler$1 = (_ctx)=>defineComponentHandler(L
         const inputProps = {
             placeholder
         };
-        const TextFieldChildren = createLocalSnippetElement$U("TextFieldTextarea", inputProps);
-        return createLocalSnippetElement$U("TextField", commonProps, TextFieldChildren, {
+        const TextFieldChildren = createLocalSnippetElement$V("TextFieldTextarea", inputProps);
+        return createLocalSnippetElement$V("TextField", commonProps, TextFieldChildren, {
             comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$T } = createLocalSnippetHelper("list-header");
+const { createLocalSnippetElement: createLocalSnippetElement$U } = createLocalSnippetHelper("list-header");
 const createListHeaderHandler$1 = (_ctx)=>defineComponentHandler(listHeader.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: camelCase(props["Variant"].value)
         };
-        return createLocalSnippetElement$T("ListHeader", commonProps, props["Title#28588:0"].value);
+        return createLocalSnippetElement$U("ListHeader", commonProps, props["Title#28588:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$S } = createLocalSnippetHelper("list");
+const { createLocalSnippetElement: createLocalSnippetElement$T } = createLocalSnippetHelper("list");
 const PREFIX_KEYS$2 = {
     checkmark: "f24c9ef42ef08df79483fbae0fa7d9037e566748",
     radiomark: "5a77ad37a2291989dfe77c44ddee9aa39e447f90",
@@ -4331,37 +4331,37 @@ const createListItemHandler$1 = (ctx)=>defineComponentHandler(listItem.key, (nod
             }
         };
         const comment = match(tag).with("ListItem", ()=>"목적에 따라 ListButtonItem이나 ListLinkItem으로 바꿔 사용하세요.").with("ListCheckItem", ()=>`<List as="fieldset">과 함께 사용하세요.`).with("ListRadioItem", ()=>"<RadioGroup.Root>와 함께 사용하세요.").otherwise(()=>undefined);
-        const list = createLocalSnippetElement$S(tag, commonProps, undefined, {
+        const list = createLocalSnippetElement$T(tag, commonProps, undefined, {
             comment
         });
         if (props["Divider#28441:0"].value) {
             return createElement("", {}, [
                 list,
-                createLocalSnippetElement$S("ListDivider")
+                createLocalSnippetElement$T("ListDivider")
             ]);
         }
         return list;
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$R } = createLocalSnippetHelper("manner-temp");
+const { createLocalSnippetElement: createLocalSnippetElement$S } = createLocalSnippetHelper("manner-temp");
 const createMannerTempHandler$1 = (_ctx)=>defineComponentHandler(mannerTemp.key, ({ children })=>{
         const textNode = children.find((child)=>child.type === "TEXT");
         const commonProps = {
             temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
         };
-        return createLocalSnippetElement$R("MannerTemp", commonProps);
+        return createLocalSnippetElement$S("MannerTemp", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$Q } = createLocalSnippetHelper("manner-temp-badge");
+const { createLocalSnippetElement: createLocalSnippetElement$R } = createLocalSnippetHelper("manner-temp-badge");
 const createMannerTempBadgeHandler$1 = (_ctx)=>defineComponentHandler(mannerTempBadge.key, ({ children })=>{
         const textNode = children.find((child)=>child.type === "TEXT");
         const commonProps = {
             temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
         };
-        return createLocalSnippetElement$Q("MannerTempBadge", commonProps);
+        return createLocalSnippetElement$R("MannerTempBadge", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$P } = createLocalSnippetHelper("menu-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$Q } = createLocalSnippetHelper("menu-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$4 } = createLocalSnippetHelper("action-button");
 const MENU_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
 const createMenuSheetItemHandler$1 = (ctx)=>defineComponentHandler(MENU_SHEET_ITEM_KEY, ({ componentProperties: props })=>{
@@ -4379,7 +4379,7 @@ const createMenuSheetItemHandler$1 = (ctx)=>defineComponentHandler(MENU_SHEET_IT
                 description: props["Sub Text#51411:0"].value
             }
         };
-        return createLocalSnippetElement$P("MenuSheetItem", commonProps);
+        return createLocalSnippetElement$Q("MenuSheetItem", commonProps);
     });
 const MENU_SHEET_GROUP_KEY = "2a504a1c6b7810d5e652862dcba2cb7048f9eb16";
 const createMenuSheetGroupHandler$1 = (ctx)=>{
@@ -4390,7 +4390,7 @@ const createMenuSheetGroupHandler$1 = (ctx)=>{
             key: menuSheetItemHandler.key
         });
         const contentChildren = items.map((item)=>menuSheetItemHandler.transform(item, traverse));
-        return createLocalSnippetElement$P("MenuSheetGroup", undefined, contentChildren);
+        return createLocalSnippetElement$Q("MenuSheetGroup", undefined, contentChildren);
     });
 };
 const createMenuSheetHandler$1 = (ctx)=>{
@@ -4409,24 +4409,24 @@ const createMenuSheetHandler$1 = (ctx)=>{
             })).with("Text Only", ()=>({
                 labelAlign: "center"
             })).exhaustive();
-        const content = createLocalSnippetElement$P("MenuSheetContent", {
+        const content = createLocalSnippetElement$Q("MenuSheetContent", {
             title,
             description,
             labelAlign
         }, contentChildren, {
             comment: title ? undefined : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
         });
-        const trigger = createLocalSnippetElement$P("MenuSheetTrigger", {
+        const trigger = createLocalSnippetElement$Q("MenuSheetTrigger", {
             asChild: true
         }, createLocalSnippetElementTrigger$4("ActionButton", {}, "MenuSheet 열기"));
-        return createLocalSnippetElement$P("MenuSheet", undefined, [
+        return createLocalSnippetElement$Q("MenuSheet", undefined, [
             trigger,
             content
         ]);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$O } = createLocalSnippetHelper("page-banner");
+const { createLocalSnippetElement: createLocalSnippetElement$P } = createLocalSnippetHelper("page-banner");
 const SUFFIX_BUTTON_KEY = "7dce4e1242761ccd8e5da42278fc2d870918039c";
 const createPageBannerButtonHandler$1 = (_ctx)=>defineComponentHandler(SUFFIX_BUTTON_KEY, (node)=>{
         return createElement("PageBannerButton", undefined, node.componentProperties["Label#39890:0"].value);
@@ -4460,7 +4460,7 @@ const createPageBannerHandler$1 = (ctx)=>{
             })).exhaustive();
         const textNode = findOne(node, (child)=>child.type === "TEXT" && child.name === "Text");
         if (!textNode) {
-            return createLocalSnippetElement$O(tag, undefined, undefined, {
+            return createLocalSnippetElement$P(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -4493,11 +4493,11 @@ const createPageBannerHandler$1 = (ctx)=>{
                 suffix
             }
         };
-        return createLocalSnippetElement$O(tag, commonProps);
+        return createLocalSnippetElement$P(tag, commonProps);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$N } = createLocalSnippetHelper("progress-circle");
+const { createLocalSnippetElement: createLocalSnippetElement$O } = createLocalSnippetHelper("progress-circle");
 const createProgressCircleHandler$1 = (_ctx)=>defineComponentHandler(progressCircle.key, ({ componentProperties: props })=>{
         const { value, minValue, maxValue } = match(props.Value.value).with("Indeterminate", ()=>({
                 value: undefined,
@@ -4529,10 +4529,10 @@ const createProgressCircleHandler$1 = (_ctx)=>defineComponentHandler(progressCir
                 tone: camelCase(props.Tone.value)
             }
         };
-        return createLocalSnippetElement$N("ProgressCircle", commonProps);
+        return createLocalSnippetElement$O("ProgressCircle", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$M } = createLocalSnippetHelper("radio-group");
+const { createLocalSnippetElement: createLocalSnippetElement$N } = createLocalSnippetHelper("radio-group");
 const createRadioGroupItemHandler$1 = (_ctx)=>defineComponentHandler(radio.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -4545,20 +4545,20 @@ const createRadioGroupItemHandler$1 = (_ctx)=>defineComponentHandler(radio.key,
             tone,
             weight: camelCase(props.Weight.value)
         };
-        return createLocalSnippetElement$M("RadioGroupItem", commonProps);
+        return createLocalSnippetElement$N("RadioGroupItem", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$L } = createLocalSnippetHelper("radio-group");
+const { createLocalSnippetElement: createLocalSnippetElement$M } = createLocalSnippetHelper("radio-group");
 const createRadiomarkHandler$1 = (_ctx)=>defineComponentHandler(radiomark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
             tone,
             size: handleSizeProp(props.Size.value)
         };
-        return createLocalSnippetElement$L("Radiomark", commonProps);
+        return createLocalSnippetElement$M("Radiomark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$K } = createLocalSnippetHelper("reaction-button");
+const { createLocalSnippetElement: createLocalSnippetElement$L } = createLocalSnippetHelper("reaction-button");
 const createReactionButtonHandler$1 = (ctx)=>defineComponentHandler(reactionButton.key, ({ componentProperties: props })=>{
         const commonProps = {
             size: handleSizeProp(props.Size.value),
@@ -4572,7 +4572,7 @@ const createReactionButtonHandler$1 = (ctx)=>defineComponentHandler(reactionButt
                 defaultPressed: true
             }
         };
-        return createLocalSnippetElement$K("ReactionButton", commonProps, [
+        return createLocalSnippetElement$L("ReactionButton", commonProps, [
             createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Icon#12379:0"])
             }),
@@ -4581,7 +4581,7 @@ const createReactionButtonHandler$1 = (ctx)=>defineComponentHandler(reactionButt
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$J } = createLocalSnippetHelper("result-section");
+const { createLocalSnippetElement: createLocalSnippetElement$K } = createLocalSnippetHelper("result-section");
 const createResultSectionHandler$1 = (ctx)=>{
     const actionButtonHandler = createActionButtonHandler$1(ctx);
     const ghostButtonHandler = createActionButtonGhostHandler$1(ctx);
@@ -4619,11 +4619,11 @@ const createResultSectionHandler$1 = (ctx)=>{
                 }
             }
         };
-        return createLocalSnippetElement$J("ResultSection", commonProps);
+        return createLocalSnippetElement$K("ResultSection", commonProps);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$I } = createLocalSnippetHelper("segmented-control");
+const { createLocalSnippetElement: createLocalSnippetElement$J } = createLocalSnippetHelper("segmented-control");
 const SEGMENTED_CONTROL_ITEM_KEY = "9a7ba0d4c041ddbce84ee48881788434fd6bccc8";
 const createSegmentedControlItemHandler$1 = (_ctx)=>defineComponentHandler(SEGMENTED_CONTROL_ITEM_KEY, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
@@ -4633,7 +4633,7 @@ const createSegmentedControlItemHandler$1 = (_ctx)=>defineComponentHandler(SEGME
                 disabled: true
             }
         };
-        return createLocalSnippetElement$I("SegmentedControlItem", commonProps, props["Label#11366:15"].value);
+        return createLocalSnippetElement$J("SegmentedControlItem", commonProps, props["Label#11366:15"].value);
     });
 const createSegmentedControlHandler$1 = (ctx)=>{
     const segmentedControlItemHandler = createSegmentedControlItemHandler$1();
@@ -4649,7 +4649,7 @@ const createSegmentedControlHandler$1 = (ctx)=>{
                 defaultValue: selectedSegment.componentProperties["Label#11366:15"].value
             }
         };
-        return createLocalSnippetElement$I("SegmentedControl", commonProps, segmentedControlChildren, {
+        return createLocalSnippetElement$J("SegmentedControl", commonProps, segmentedControlChildren, {
             comment: "aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
         });
     });
@@ -4665,7 +4665,7 @@ const createSkeletonHandler$1 = (ctx)=>defineComponentHandler(skeleton.key, (nod
         return createSeedReactElement("Skeleton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$H } = createLocalSnippetHelper("slider");
+const { createLocalSnippetElement: createLocalSnippetElement$I } = createLocalSnippetHelper("slider");
 const SLIDER_TICK_KEY = "ace432ffb7a2af13bce549b19c932ac5f96a9a78";
 function getSliderComment$1(props) {
     return [
@@ -4701,7 +4701,7 @@ const createSliderFieldHandler$1 = (ctx)=>{
             ...headerProps,
             ...footerProps
         };
-        return createLocalSnippetElement$H("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$I("Slider", commonProps, undefined, {
             comment: getSliderComment$1(commonProps)
         });
     });
@@ -4743,13 +4743,13 @@ const createSliderHandler$1 = (_ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$H("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$I("Slider", commonProps, undefined, {
             comment: getSliderComment$1(commonProps)
         });
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$G } = createLocalSnippetHelper("snackbar");
+const { createLocalSnippetElement: createLocalSnippetElement$H } = createLocalSnippetHelper("snackbar");
 const createSnackbarHandler$1 = (_ctx)=>defineComponentHandler(snackbar.key, ({ componentProperties: props })=>{
         const commonProps = {
             message: props["Message#1528:4"].value,
@@ -4759,10 +4759,10 @@ const createSnackbarHandler$1 = (_ctx)=>defineComponentHandler(snackbar.key, ({
             }
         };
         // TODO: adapter.create({ render })
-        return createLocalSnippetElement$G("Snackbar", commonProps);
+        return createLocalSnippetElement$H("Snackbar", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$F } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$G } = createLocalSnippetHelper("switch");
 const createSwitchHandler$1 = (_ctx)=>defineComponentHandler(_switch.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -4770,9 +4770,9 @@ const createSwitchHandler$1 = (_ctx)=>defineComponentHandler(_switch.key, ({ com
             size: props.Size.value
         };
         if (props["Layout(Figma Only)"].value === "🚫[Switch Mark 사용] Switch Only") {
-            return createLocalSnippetElement$F("Switchmark", commonProps);
+            return createLocalSnippetElement$G("Switchmark", commonProps);
         }
-        return createLocalSnippetElement$F("Switch", {
+        return createLocalSnippetElement$G("Switch", {
             ...commonProps,
             label: props["Label#36578:0"].value,
             ...props.Selected.value === "True" && {
@@ -4784,14 +4784,14 @@ const createSwitchHandler$1 = (_ctx)=>defineComponentHandler(_switch.key, ({ com
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$E } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$F } = createLocalSnippetHelper("switch");
 const createSwitchmarkHandler$1 = (_ctx)=>defineComponentHandler(switchmark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
             tone,
             size: props.Size.value
         };
-        return createLocalSnippetElement$E("Switchmark", commonProps);
+        return createLocalSnippetElement$F("Switchmark", commonProps);
     });
 
 const { createLocalSnippetElement: createTabsLocalSnippetElement$1 } = createLocalSnippetHelper("tabs");
@@ -5003,7 +5003,7 @@ const createChipTabsTriggerHandler$1 = (_ctx)=>defineComponentHandler(CHIP_TRIGG
         return createChipTabsLocalSnippetElement$1("ChipTabsTrigger", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$D } = createLocalSnippetHelper("tag-group");
+const { createLocalSnippetElement: createLocalSnippetElement$E } = createLocalSnippetHelper("tag-group");
 const createTagGroupHandler$1 = (ctx)=>{
     const itemHandler = createTagGroupItemHandler$1(ctx);
     return defineComponentHandler(tagGroup.key, (node, traverse)=>{
@@ -5013,7 +5013,7 @@ const createTagGroupHandler$1 = (ctx)=>{
         });
         const items = itemNodes.map((itemNode)=>itemHandler.transform(itemNode, traverse));
         if (items.length === 0) {
-            return createLocalSnippetElement$D("TagGroupRoot");
+            return createLocalSnippetElement$E("TagGroupRoot");
         }
         // if size/weight/tone are all the same among item[n].props, lift them up to TagGroupRoot
         const consistent = {
@@ -5021,7 +5021,7 @@ const createTagGroupHandler$1 = (ctx)=>{
             weight: items.map((item)=>item.props.weight).every((weight)=>weight === items[0].props.weight),
             tone: items.map((item)=>item.props.tone).every((tone)=>tone === items[0].props.tone)
         };
-        return createLocalSnippetElement$D("TagGroupRoot", {
+        return createLocalSnippetElement$E("TagGroupRoot", {
             // lift up consistent props
             ...consistent.size && {
                 size: items[0].props.size
@@ -5049,7 +5049,7 @@ const createTagGroupHandler$1 = (ctx)=>{
 const TAG_GROUP_ITEM_KEY = "a7bbc318919053f96be00e509469f6294d6bb6bb";
 const createTagGroupItemHandler$1 = (ctx)=>defineComponentHandler(TAG_GROUP_ITEM_KEY, ({ componentProperties: props })=>{
         const size = match(props.Size.value).with("t2(12pt)", ()=>"t2").with("t3(13pt)", ()=>"t3").with("t4(14pt)", ()=>"t4").exhaustive();
-        return createLocalSnippetElement$D("TagGroupItem", {
+        return createLocalSnippetElement$E("TagGroupItem", {
             size,
             weight: camelCase(props["Weight"].value),
             tone: camelCase(props["Tone"].value),
@@ -5063,7 +5063,7 @@ const createTagGroupItemHandler$1 = (ctx)=>defineComponentHandler(TAG_GROUP_ITEM
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$C } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$D } = createLocalSnippetHelper("text-field");
 const TEXT_INPUT_OUTLINE_KEY = "22eebd645d310c086d9f5f69d8f179ff5c7cf7ca";
 const TEXT_INPUT_OUTLINE_PREFIX_KEY = "1ab174dd51bc42a5efe530f52f1dd02255c50b18";
 const TEXT_INPUT_OUTLINE_SUFFIX_KEY = "555fee288d9053760e301791665bbac31d19c43f";
@@ -5175,13 +5175,13 @@ const createTextInputFieldHandler$1 = (ctx)=>{
                 placeholder: placeholder.characters
             }
         };
-        return createLocalSnippetElement$C("TextField", {
+        return createLocalSnippetElement$D("TextField", {
             ...fieldProps,
             ...commonProps,
             ...value && {
                 defaultValue: value.characters
             }
-        }, createLocalSnippetElement$C("TextFieldInput", inputProps));
+        }, createLocalSnippetElement$D("TextFieldInput", inputProps));
     });
 };
 const createTextareaFieldHandler$1 = (ctx)=>{
@@ -5224,14 +5224,14 @@ const createTextareaFieldHandler$1 = (ctx)=>{
                 defaultValue: value.characters
             }
         };
-        return createLocalSnippetElement$C("TextField", {
+        return createLocalSnippetElement$D("TextField", {
             ...fieldProps,
             ...commonProps
-        }, createLocalSnippetElement$C("TextFieldTextarea", inputProps));
+        }, createLocalSnippetElement$D("TextFieldTextarea", inputProps));
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$B } = createLocalSnippetHelper("toggle-button");
+const { createLocalSnippetElement: createLocalSnippetElement$C } = createLocalSnippetHelper("toggle-button");
 const createToggleButtonHandler$1 = (ctx)=>defineComponentHandler(toggleButton.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: camelCase(props.Variant.value),
@@ -5246,7 +5246,7 @@ const createToggleButtonHandler$1 = (ctx)=>defineComponentHandler(toggleButton.k
                 loading: true
             }
         };
-        return createLocalSnippetElement$B("ToggleButton", commonProps, [
+        return createLocalSnippetElement$C("ToggleButton", commonProps, [
             props["Show Prefix Icon#6122:392"].value ? createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#6122:98"])
             }) : undefined,
@@ -5475,6 +5475,29 @@ const privateTemplateChipGroup = {
         }
     }
 };
+const privateComponentContentPlaceholder = {
+    "name": "privateComponentContentPlaceholder",
+    "key": "49e110c31e4a7e6e9872d369f889dc48c0f5cef4",
+    "componentPropertyDefinitions": {
+        "Type": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Default",
+                "Coupon",
+                "Realty",
+                "Car",
+                "Jobs",
+                "Buy-sell",
+                "Business",
+                "Post",
+                "Group",
+                "Image",
+                "Food",
+                "Commerce"
+            ]
+        }
+    }
+};
 const privateComponentFieldFooterCharacterCount = {
     "name": "privateComponentFieldFooterCharacterCount",
     "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -5538,6 +5561,19 @@ const privateComponentIdentityPlaceholder = {
         }
     }
 };
+const privateComponentIdentityPlaceholderStatic = {
+    "name": "privateComponentIdentityPlaceholderStatic",
+    "key": "628e8010084e94e426edf97021ddaadff1c9e008",
+    "componentPropertyDefinitions": {
+        "Identity": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Person",
+                "Business"
+            ]
+        }
+    }
+};
 const privateComponentInputButtonPrefix = {
     "name": "privateComponentInputButtonPrefix",
     "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -7196,6 +7232,30 @@ const componentAvatar = {
         }
     }
 };
+const templateAvatarPreset = {
+    "name": "templateAvatarPreset",
+    "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
+    "componentPropertyDefinitions": {
+        "Image": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "001",
+                "002",
+                "003",
+                "004",
+                "005",
+                "006",
+                "007",
+                "008",
+                "009",
+                "010",
+                "011",
+                "012",
+                "013"
+            ]
+        }
+    }
+};
 const componentAvatarStack = {
     "name": "componentAvatarStack",
     "key": "99d74f36d2989b450cc0c7f15eb6495888bb1cec",
@@ -7430,7 +7490,8 @@ const templateChatScreenPreset = {
                 "비즈프로필(고객 뷰)",
                 "비즈프로필 (사장님 뷰)",
                 "알바 (구인자 뷰)",
-                "알바 (구직자 뷰)"
+                "알바 (구직자 뷰)",
+                "Service11"
             ]
         }
     }
@@ -9507,10 +9568,12 @@ var FIGMA_COMPONENTS = {
   privateComponentAlertDialogActions: privateComponentAlertDialogActions,
   privateComponentBottomSheetCloseButton: privateComponentBottomSheetCloseButton,
   privateComponentBottomSheetHandle: privateComponentBottomSheetHandle,
+  privateComponentContentPlaceholder: privateComponentContentPlaceholder,
   privateComponentFieldFooterCharacterCount: privateComponentFieldFooterCharacterCount,
   privateComponentFieldHeaderIndicator: privateComponentFieldHeaderIndicator,
   privateComponentFieldHeaderSuffix: privateComponentFieldHeaderSuffix,
   privateComponentIdentityPlaceholder: privateComponentIdentityPlaceholder,
+  privateComponentIdentityPlaceholderStatic: privateComponentIdentityPlaceholderStatic,
   privateComponentInputButtonPrefix: privateComponentInputButtonPrefix,
   privateComponentInputButtonSuffix: privateComponentInputButtonSuffix,
   privateComponentInputButtonValue: privateComponentInputButtonValue,
@@ -9561,6 +9624,7 @@ var FIGMA_COMPONENTS = {
   privateTemplatePhoneNumberField: privateTemplatePhoneNumberField,
   privateTemplatePinField: privateTemplatePinField,
   privateTemplateRootTopNavigationPreset: privateTemplateRootTopNavigationPreset,
+  templateAvatarPreset: templateAvatarPreset,
   templateButtonGroup: templateButtonGroup,
   templateChatScreenPreset: templateChatScreenPreset,
   templateCheckboxField: templateCheckboxField,
@@ -9578,7 +9642,7 @@ var FIGMA_COMPONENTS = {
   templateTopNavigationPreset: templateTopNavigationPreset
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$A } = createLocalSnippetHelper("action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$B } = createLocalSnippetHelper("action-button");
 const createActionButtonHandler = (ctx)=>defineComponentHandler(componentActionButton.key, ({ componentProperties: props, layoutGrow })=>{
         const states = props.State.value.split("-");
         const { layout, children } = match(props.Layout.value).with("Icon Only", ()=>({
@@ -9622,7 +9686,7 @@ const createActionButtonHandler = (ctx)=>defineComponentHandler(componentActionB
                 flexGrow: true
             }
         };
-        return createLocalSnippetElement$A("ActionButton", commonProps, children);
+        return createLocalSnippetElement$B("ActionButton", commonProps, children);
     });
 const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(componentActionButtonGhostButton.key, (node)=>{
         const props = node.componentProperties;
@@ -9682,28 +9746,28 @@ const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(componentAc
                 flexGrow: true
             }
         };
-        return createLocalSnippetElement$A("ActionButton", commonProps, children);
+        return createLocalSnippetElement$B("ActionButton", commonProps, children);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$z } = createLocalSnippetHelper("alert-dialog");
+const { createLocalSnippetElement: createLocalSnippetElement$A } = createLocalSnippetHelper("alert-dialog");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$3 } = createLocalSnippetHelper("action-button");
 const createAlertDialogHandler = (ctx)=>{
     const actionButtonHandler = createActionButtonHandler(ctx);
     const actionButtonGhostHandler = createActionButtonGhostHandler(ctx);
     return defineComponentHandler(componentAlertDialog.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const alertDialogHeader = createLocalSnippetElement$z("AlertDialogHeader", undefined, [
+        const alertDialogHeader = createLocalSnippetElement$A("AlertDialogHeader", undefined, [
             ...props["Show Title#20361:14"].value ? [
-                createLocalSnippetElement$z("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
+                createLocalSnippetElement$A("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
             ] : [],
-            createLocalSnippetElement$z("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
+            createLocalSnippetElement$A("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
         ]);
         const footerNodes = findAllInstances({
             node,
             key: privateComponentAlertDialogActions.key
         });
         if (footerNodes.length === 0 || footerNodes.length > 1) {
-            return createLocalSnippetElement$z("AlertDialog", undefined, alertDialogHeader, {
+            return createLocalSnippetElement$A("AlertDialog", undefined, alertDialogHeader, {
                 comment: "Footer 영역을 확인해주세요."
             });
         }
@@ -9734,14 +9798,14 @@ const createAlertDialogHandler = (ctx)=>{
             ];
             return createSeedReactElement("VStack", footerNodeProps, buttons);
         }).exhaustive();
-        const alertDialogFooter = createLocalSnippetElement$z("AlertDialogFooter", undefined, alertDialogFooterChildren);
-        return createLocalSnippetElement$z("AlertDialogRoot", {
+        const alertDialogFooter = createLocalSnippetElement$A("AlertDialogFooter", undefined, alertDialogFooterChildren);
+        return createLocalSnippetElement$A("AlertDialogRoot", {
             open: true
         }, [
-            createLocalSnippetElement$z("AlertDialogTrigger", {
+            createLocalSnippetElement$A("AlertDialogTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$3("ActionButton", {}, "AlertDialog 열기")),
-            createLocalSnippetElement$z("AlertDialogContent", undefined, [
+            createLocalSnippetElement$A("AlertDialogContent", undefined, [
                 alertDialogHeader,
                 alertDialogFooter
             ])
@@ -9824,7 +9888,7 @@ const componentSelectBoxItemPrefixImage = {
     "key": "d4a3d2da63f6da1552f5d8f947105390248c9018"
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$y } = createLocalSnippetHelper("app-bar");
+const { createLocalSnippetElement: createLocalSnippetElement$z } = createLocalSnippetHelper("app-bar");
 const createAppBarMainHandler = (_ctx)=>{
     return defineComponentHandler(privateComponentTopNavigationTitle.key, ({ componentProperties: props })=>{
         const { title, subtitle } = match(props.Type.value).with("Title", ()=>({
@@ -9838,12 +9902,12 @@ const createAppBarMainHandler = (_ctx)=>{
                 subtitle: undefined
             })).exhaustive();
         if (title) {
-            return createLocalSnippetElement$y("AppBarMain", {
+            return createLocalSnippetElement$z("AppBarMain", {
                 title,
                 subtitle
             });
         }
-        return createLocalSnippetElement$y("AppBarMain", undefined, undefined, {
+        return createLocalSnippetElement$z("AppBarMain", undefined, undefined, {
             comment: "AppBarMain 내부를 직접 작성해주세요."
         });
     });
@@ -9870,33 +9934,33 @@ const createAppBarHandler = (ctx)=>{
             return appBarMainHandler.transform(mainNode, traverse);
         })();
         const leftChildren = match(props.Left.value).with("None", ()=>undefined).with("Back", ()=>[
-                createLocalSnippetElement$y("AppBarBackButton")
+                createLocalSnippetElement$z("AppBarBackButton")
             ]).with("Close", ()=>[
-                createLocalSnippetElement$y("AppBarCloseButton")
+                createLocalSnippetElement$z("AppBarCloseButton")
             ]).with("Custom", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: privateComponentTopNavigationLeftIconButton.key
             });
             if (buttons.length > 0) {
-                return buttons.map((button)=>createLocalSnippetElement$y("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
+                return buttons.map((button)=>createLocalSnippetElement$z("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
                         comment: "AppBarIconButton에 aria-label 속성을 추가해주세요."
                     }));
             }
             return undefined;
         }).exhaustive();
-        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$y("AppBarLeft", {}, leftChildren) : undefined;
+        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$z("AppBarLeft", {}, leftChildren) : undefined;
         const rightChildren = match(props.Right.value).with("None", ()=>undefined).with("1 Icon Button", "2 Icon Button", "3 Icon Button", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: privateComponentTopNavigationRightIconButton.key
             });
-            return buttons.map((button)=>createLocalSnippetElement$y("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#6406:3"]), {
+            return buttons.map((button)=>createLocalSnippetElement$z("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$y("AppBarRight", {}, rightChildren) : undefined;
-        return createLocalSnippetElement$y("AppBar", {
+        const right = rightChildren && rightChildren.length > 0 ? createLocalSnippetElement$z("AppBarRight", {}, rightChildren) : undefined;
+        return createLocalSnippetElement$z("AppBar", {
             theme,
             tone
         }, [
@@ -9916,21 +9980,21 @@ const createAppBarPresetHandler = (ctx)=>{
             key: componentTopNavigation.key
         });
         if (!appBarNode) {
-            return createLocalSnippetElement$y("AppBar");
+            return createLocalSnippetElement$z("AppBar");
         }
         return appBarHandler.transform(appBarNode, traverse);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$x } = createLocalSnippetHelper("identity-placeholder");
+const { createLocalSnippetElement: createLocalSnippetElement$y } = createLocalSnippetHelper("identity-placeholder");
 const createIdentityPlaceholderHandler = (_ctx)=>defineComponentHandler(privateComponentIdentityPlaceholder.key, ({ componentProperties: props })=>{
         const commonProps = {
             identity: camelCase(props.Identity.value)
         };
-        return createLocalSnippetElement$x("IdentityPlaceholder", commonProps);
+        return createLocalSnippetElement$y("IdentityPlaceholder", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$w } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$x } = createLocalSnippetHelper("avatar");
 const createAvatarHandler = (ctx)=>{
     const identityPlaceholderHandler = createIdentityPlaceholderHandler();
     return defineComponentHandler(componentAvatar.key, (node, traverse)=>{
@@ -9953,7 +10017,7 @@ const createAvatarHandler = (ctx)=>{
             },
             size: props.Size.value
         };
-        return createLocalSnippetElement$w("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$w("AvatarBadge", {
+        return createLocalSnippetElement$x("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$x("AvatarBadge", {
             asChild: true
         }, createElement("img", {
             src: "https://placehold.co/20x20"
@@ -9965,7 +10029,7 @@ const createAvatarHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$v } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$w } = createLocalSnippetHelper("avatar");
 const createAvatarStackHandler = (ctx)=>{
     const avatarHandler = createAvatarHandler();
     return defineComponentHandler(componentAvatarStack.key, (node, traverse)=>{
@@ -9978,7 +10042,7 @@ const createAvatarStackHandler = (ctx)=>{
             size: props.Size.value
         };
         const avatarStackChildren = avatarNodes.map((avatarNode)=>avatarHandler.transform(avatarNode, traverse));
-        return createLocalSnippetElement$v("AvatarStack", commonProps, avatarStackChildren);
+        return createLocalSnippetElement$w("AvatarStack", commonProps, avatarStackChildren);
     });
 };
 
@@ -9991,7 +10055,7 @@ const createBadgeHandler = (_ctx)=>defineComponentHandler(componentBadge.key, ({
         return createSeedReactElement("Badge", commonProps, props["Label#1584:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("bottom-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$v } = createLocalSnippetHelper("bottom-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$2 } = createLocalSnippetHelper("action-button");
 const createBottomSheetHandler = (_ctx)=>defineComponentHandler(componentBottomSheet.key, (node, traverse)=>{
         const props = node.componentProperties;
@@ -10008,33 +10072,33 @@ const createBottomSheetHandler = (_ctx)=>defineComponentHandler(componentBottomS
             node,
             key: props["Contents#25320:0"].componentKey
         });
-        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$u("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$u("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
+        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$v("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$v("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
         const footerNodes = findAllInstances({
             node,
             // TODO: Bottom Action Bar (WIP) handler의 키. 해당 컴포넌트(템플릿) 핸들러 작성 시 handler.transform()으로 대체
             key: componentBottomActionBarFigmaOnly.key
         });
-        const bottomSheetFooter = props["Show Footer#25162:14"].value && footerNodes.length === 1 ? createLocalSnippetElement$u("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
-        return createLocalSnippetElement$u("BottomSheetRoot", {
+        const bottomSheetFooter = props["Show Footer#25162:14"].value && footerNodes.length === 1 ? createLocalSnippetElement$v("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
+        return createLocalSnippetElement$v("BottomSheetRoot", {
             defaultOpen: true,
             headerAlign
         }, [
-            createLocalSnippetElement$u("BottomSheetTrigger", {
+            createLocalSnippetElement$v("BottomSheetTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$2("ActionButton", {}, "BottomSheet 열기")),
-            createLocalSnippetElement$u("BottomSheetContent", contentProps, [
+            createLocalSnippetElement$v("BottomSheetContent", contentProps, [
                 bottomSheetBody,
                 bottomSheetFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("callout");
+const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("callout");
 const createCalloutHandler = (ctx)=>defineComponentHandler(componentCallout.key, ({ componentProperties: props, children })=>{
         const tag = 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$t(tag, undefined, undefined, {
+            return createLocalSnippetElement$u(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -10086,7 +10150,7 @@ const createCalloutHandler = (ctx)=>defineComponentHandler(componentCallout.key,
                 prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#35087:0"])
             }
         };
-        return createLocalSnippetElement$t(tag, commonProps);
+        return createLocalSnippetElement$u(tag, commonProps);
     });
 
 /**
@@ -10177,7 +10241,7 @@ const createCalloutHandler = (ctx)=>defineComponentHandler(componentCallout.key,
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("checkbox");
 const createCheckboxHandler = (_ctx)=>defineComponentHandler(componentCheckbox.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -10197,7 +10261,7 @@ const createCheckboxHandler = (_ctx)=>defineComponentHandler(componentCheckbox.k
                 disabled: true
             }
         };
-        return createLocalSnippetElement$s("Checkbox", commonProps, undefined, {
+        return createLocalSnippetElement$t("Checkbox", commonProps, undefined, {
             comment: "CheckboxGroup으로 묶어서 사용하는 것을 권장합니다."
         });
     });
@@ -10226,7 +10290,7 @@ const createCheckboxGroupFieldHandler = (ctx)=>{
             ...headerProps,
             ...footerProps
         };
-        return createLocalSnippetElement$s("CheckboxGroup", commonProps, items.map((item)=>{
+        return createLocalSnippetElement$t("CheckboxGroup", commonProps, items.map((item)=>{
             const result = checkboxHandler.transform(item, traverse);
             return {
                 ...result,
@@ -10245,7 +10309,7 @@ const createCheckboxGroupFieldHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("checkbox");
 const createCheckmarkHandler = (_ctx)=>defineComponentHandler(componentCheckmark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -10253,13 +10317,13 @@ const createCheckmarkHandler = (_ctx)=>defineComponentHandler(componentCheckmark
             variant: camelCase(props.Shape.value),
             size: handleSizeProp(props.Size.value)
         };
-        return createLocalSnippetElement$r("Checkmark", commonProps);
+        return createLocalSnippetElement$s("Checkmark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("chip");
+const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("chip");
 const createChipIconSuffixHandler = (ctx)=>{
     return defineComponentHandler(componentChipSuffixIcon.key, ({ componentProperties })=>{
-        return createLocalSnippetElement$q("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
+        return createLocalSnippetElement$r("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
             svg: ctx.iconHandler.transform(componentProperties["Icon#33203:0"])
         }));
     });
@@ -10269,7 +10333,7 @@ const createChipHandler = (ctx)=>{
     const iconSuffixHandler = createChipIconSuffixHandler(ctx);
     return defineComponentHandler(componentChip.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const prefix = match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$q("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
+        const prefix = match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$r("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"])
             }))).with("Avatar", ()=>{
             const [avatar] = findAllInstances({
@@ -10277,9 +10341,9 @@ const createChipHandler = (ctx)=>{
                 key: avatarHandler.key
             });
             if (!avatar) return undefined;
-            return createLocalSnippetElement$q("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar, traverse));
+            return createLocalSnippetElement$r("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar, traverse));
         }).exhaustive();
-        const label = createLocalSnippetElement$q("Chip.Label", undefined, props["Label#7185:0"].value);
+        const label = createLocalSnippetElement$r("Chip.Label", undefined, props["Label#7185:0"].value);
         const [suffixIcon] = findAllInstances({
             node,
             key: componentChipSuffixIcon.key
@@ -10295,7 +10359,7 @@ const createChipHandler = (ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$q("Chip.Toggle", commonProps, [
+        return createLocalSnippetElement$r("Chip.Toggle", commonProps, [
             prefix,
             label,
             suffixIcon ? iconSuffixHandler.transform(suffixIcon, traverse) : undefined
@@ -10305,6 +10369,14 @@ const createChipHandler = (ctx)=>{
     });
 };
 
+const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("content-placeholder");
+const createContentPlaceholderHandler = (_ctx)=>defineComponentHandler(privateComponentContentPlaceholder.key, ({ componentProperties: props })=>{
+        const commonProps = {
+            type: camelCase(props.Type.value)
+        };
+        return createLocalSnippetElement$q("ContentPlaceholder", commonProps);
+    });
+
 const { createLocalSnippetElement: createLocalSnippetElement$p } = createLocalSnippetHelper("contextual-floating-button");
 const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(componentContextualFloatingButton.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
@@ -10585,8 +10657,13 @@ const createImageFrameIconHandler = (ctx)=>{
     });
 };
 const createImageFrameHandler = (ctx)=>{
+    const contentPlaceholderHandler = createContentPlaceholderHandler();
     return defineComponentHandler(componentImageFrame.key, (node, traverse)=>{
         const props = node.componentProperties;
+        const [placeholder] = findAllInstances({
+            node,
+            key: contentPlaceholderHandler.key
+        });
         const floaters = [];
         for (const { showKey, placement } of CORNER_CONFIGS){
             if (!props[showKey].value) continue;
@@ -10606,6 +10683,9 @@ const createImageFrameHandler = (ctx)=>{
             ...props.Rounded.value === "True" && {
                 borderRadius: ctx.valueResolver.getFormattedValue.topLeftRadius(node)
             },
+            ...placeholder && {
+                fallback: contentPlaceholderHandler.transform(placeholder, traverse)
+            },
             ...node.layoutGrow === 1 ? {
                 flexGrow: true
             } : node.layoutAlign === "STRETCH" ? {
@@ -12088,6 +12168,7 @@ var currentHandlers = {
   createCheckboxHandler: createCheckboxHandler,
   createCheckmarkHandler: createCheckmarkHandler,
   createChipHandler: createChipHandler,
+  createContentPlaceholderHandler: createContentPlaceholderHandler,
   createContextualFloatingButtonHandler: createContextualFloatingButtonHandler,
   createDatePickerFieldHandler: createDatePickerFieldHandler,
   createDividerHandler: createDividerHandler,
@@ -13993,6 +14074,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "dc015c59783f44e084809cc62404a93493842bb2": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3724666f033ddb53644d75d196f55c076cd7ae12": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "07663395a21fd95087d677438538d8f61403c842": {
         "name": "icon_map_locationpin",
         "type": "monochrome",
@@ -14833,6 +14924,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "223debab61daa1aafd381a078e32b18f46ccbd59": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3e9e65a307d3ce3135bf5db67ca987a791294a70": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "dba88cf915454127856088f2523c40ff5f4d21df": {
         "name": "icon_square2_stacked",
         "type": "monochrome",
@@ -15419,6 +15520,10 @@ const FIGMA_ICONS = {
         "name": "icon_car_frontside",
         "type": "multicolor"
     },
+    "3591ea6c06e913f34881b9a873f8d7de8db47aa0": {
+        "name": "icon_car_frontside_bubble",
+        "type": "multicolor"
+    },
     "dce1bb113c685af444682183176ec0cb583d114f": {
         "name": "icon_card",
         "type": "multicolor"
@@ -15627,6 +15732,10 @@ const FIGMA_ICONS = {
         "name": "icon_tshirt_bubble2",
         "type": "multicolor"
     },
+    "054c908bd177d6ff85ff90b7ab3887fa17a6c3fb": {
+        "name": "icon_vertrectangle_tiltedstacked",
+        "type": "multicolor"
+    },
     "ab66ee11be5539d340a87f1e9ca021fef1db3ef8": {
         "name": "icon_vest_horizstripe",
         "type": "multicolor"