@seed-design/figma 1.1.2 → 1.1.3

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

@@ -3047,7 +3047,7 @@ function handleSizeProp(size) {
     }
 }
 
-const { createLocalSnippetElement: createLocalSnippetElement$x } = createLocalSnippetHelper("action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$y } = createLocalSnippetHelper("action-button");
 const createActionButtonHandler = (ctx)=>defineComponentHandler(actionButton.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = match(props.Layout.value).with("Icon Only", ()=>({
@@ -3088,7 +3088,7 @@ const createActionButtonHandler = (ctx)=>defineComponentHandler(actionButton.key
             variant: camelCase(props.Variant.value),
             layout
         };
-        return createLocalSnippetElement$x("ActionButton", commonProps, children);
+        return createLocalSnippetElement$y("ActionButton", commonProps, children);
     });
 const ACTION_BUTTON_GHOST_BUTTON_KEY = "ea69291fb4d76217419f3d9613ae16aadafb56a5";
 const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(ACTION_BUTTON_GHOST_BUTTON_KEY, (node)=>{
@@ -3146,26 +3146,26 @@ const createActionButtonGhostHandler = (ctx)=>defineComponentHandler(ACTION_BUTT
                 bleedY: "asPadding"
             }
         };
-        return createLocalSnippetElement$x("ActionButton", commonProps, children);
+        return createLocalSnippetElement$y("ActionButton", commonProps, children);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$w } = createLocalSnippetHelper("alert-dialog");
+const { createLocalSnippetElement: createLocalSnippetElement$x } = createLocalSnippetHelper("alert-dialog");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$3 } = createLocalSnippetHelper("action-button");
 const ALERT_DIALOG_FOOTER_KEY = "00b1b131d67edf2875a7a1df8dfa88098d7c04be";
 const createAlertDialogHandler = (_ctx)=>defineComponentHandler(alertDialog.key, (node, traverse)=>{
         const props = node.componentProperties;
-        const alertDialogHeader = createLocalSnippetElement$w("AlertDialogHeader", undefined, [
+        const alertDialogHeader = createLocalSnippetElement$x("AlertDialogHeader", undefined, [
             ...props["Show Title#20361:14"].value ? [
-                createLocalSnippetElement$w("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
+                createLocalSnippetElement$x("AlertDialogTitle", undefined, props["Title Text#20361:0"].value)
             ] : [],
-            createLocalSnippetElement$w("AlertDialogDescription", undefined, props["Description Text#20361:7"].value)
+            createLocalSnippetElement$x("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$w("AlertDialog", undefined, alertDialogHeader, {
+            return createLocalSnippetElement$x("AlertDialog", undefined, alertDialogHeader, {
                 comment: "Footer 영역을 확인해주세요."
             });
         }
@@ -3173,21 +3173,21 @@ const createAlertDialogHandler = (_ctx)=>defineComponentHandler(alertDialog.key,
         const footerNodeProps = traverse(footerNode)?.props;
         const buttons = footerNode.children.map(traverse);
         const alertDialogFooterChildren = match(footerNode.componentProperties.Type.value).with("Single", ()=>buttons).with("Neutral", "Critical", ()=>createSeedReactElement("ResponsivePair", footerNodeProps, buttons)).with("Neutral (Overflow)", "Critical (Overflow)", "Nonpreferred", ()=>createSeedReactElement("VStack", footerNodeProps, buttons)).exhaustive();
-        const alertDialogFooter = createLocalSnippetElement$w("AlertDialogFooter", undefined, alertDialogFooterChildren);
-        return createLocalSnippetElement$w("AlertDialogRoot", {
+        const alertDialogFooter = createLocalSnippetElement$x("AlertDialogFooter", undefined, alertDialogFooterChildren);
+        return createLocalSnippetElement$x("AlertDialogRoot", {
             open: true
         }, [
-            createLocalSnippetElement$w("AlertDialogTrigger", {
+            createLocalSnippetElement$x("AlertDialogTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$3("ActionButton", {}, "AlertDialog 열기")),
-            createLocalSnippetElement$w("AlertDialogContent", undefined, [
+            createLocalSnippetElement$x("AlertDialogContent", undefined, [
                 alertDialogHeader,
                 alertDialogFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$v } = createLocalSnippetHelper("app-bar");
+const { createLocalSnippetElement: createLocalSnippetElement$w } = 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";
@@ -3204,12 +3204,12 @@ const createAppBarMainHandler = (_ctx)=>{
                 subtitle: undefined
             })).exhaustive();
         if (title) {
-            return createLocalSnippetElement$v("AppBarMain", {
+            return createLocalSnippetElement$w("AppBarMain", {
                 title,
                 subtitle
             });
         }
-        return createLocalSnippetElement$v("AppBarMain", undefined, undefined, {
+        return createLocalSnippetElement$w("AppBarMain", undefined, undefined, {
             comment: "AppBarMain 내부를 직접 작성해주세요."
         });
     });
@@ -3236,33 +3236,33 @@ const createAppBarHandler = (ctx)=>{
             return appBarMainHandler.transform(mainNode, traverse);
         })();
         const leftChildren = match(props.Left.value).with("None", ()=>undefined).with("Back", ()=>[
-                createLocalSnippetElement$v("AppBarBackButton")
+                createLocalSnippetElement$w("AppBarBackButton")
             ]).with("Close", ()=>[
-                createLocalSnippetElement$v("AppBarCloseButton")
+                createLocalSnippetElement$w("AppBarCloseButton")
             ]).with("Custom", ()=>{
             const buttons = findAllInstances({
                 node,
                 key: APP_BAR_LEFT_ICON_BUTTON_KEY
             });
             if (buttons.length > 0) {
-                return buttons.map((button)=>createLocalSnippetElement$v("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
+                return buttons.map((button)=>createLocalSnippetElement$w("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#33580:0"]), {
                         comment: "AppBarIconButton에 aria-label 속성을 추가해주세요."
                     }));
             }
             return undefined;
         }).exhaustive();
-        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$v("AppBarLeft", {}, leftChildren) : undefined;
+        const left = leftChildren && leftChildren.length > 0 ? createLocalSnippetElement$w("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$v("AppBarIconButton", undefined, ctx.iconHandler.transform(button.componentProperties["Icon#6406:3"]), {
+            return buttons.map((button)=>createLocalSnippetElement$w("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$v("AppBarRight", {}, rightChildren) : undefined;
-        return createLocalSnippetElement$v("AppBar", {
+        const right = rightChildren && rightChildren.length > 0 ? createLocalSnippetElement$w("AppBarRight", {}, rightChildren) : undefined;
+        return createLocalSnippetElement$w("AppBar", {
             theme,
             tone
         }, [
@@ -3276,15 +3276,15 @@ const createAppBarHandler = (ctx)=>{
 };
 
 const IDENTITY_PLACEHOLDER_KEY = "b3563b6f16ba4cfe4240c9b33eef7edad4c304eb";
-const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("identity-placeholder");
+const { createLocalSnippetElement: createLocalSnippetElement$v } = createLocalSnippetHelper("identity-placeholder");
 const createIdentityPlaceholderHandler = (_ctx)=>defineComponentHandler(IDENTITY_PLACEHOLDER_KEY, ({ componentProperties: props })=>{
         const commonProps = {
             identity: camelCase(props.Identity.value)
         };
-        return createLocalSnippetElement$u("IdentityPlaceholder", commonProps);
+        return createLocalSnippetElement$v("IdentityPlaceholder", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$u } = createLocalSnippetHelper("avatar");
 const createAvatarHandler = (ctx)=>{
     const identityPlaceholderHandler = createIdentityPlaceholderHandler();
     return defineComponentHandler(avatar.key, (node, traverse)=>{
@@ -3307,7 +3307,7 @@ const createAvatarHandler = (ctx)=>{
             },
             size: props.Size.value
         };
-        return createLocalSnippetElement$t("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$t("AvatarBadge", {
+        return createLocalSnippetElement$u("Avatar", commonProps, props["Badge"].value === "None" ? undefined : createLocalSnippetElement$u("AvatarBadge", {
             asChild: true
         }, createElement("img", {
             src: "https://placehold.co/20x20"
@@ -3319,7 +3319,7 @@ const createAvatarHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("avatar");
+const { createLocalSnippetElement: createLocalSnippetElement$t } = createLocalSnippetHelper("avatar");
 const createAvatarStackHandler = (ctx)=>{
     const avatarHandler = createAvatarHandler();
     return defineComponentHandler(avatarStack.key, (node, traverse)=>{
@@ -3332,7 +3332,7 @@ const createAvatarStackHandler = (ctx)=>{
             size: props.Size.value
         };
         const avatarStackChildren = avatarNodes.map((avatarNode)=>avatarHandler.transform(avatarNode, traverse));
-        return createLocalSnippetElement$s("AvatarStack", commonProps, avatarStackChildren);
+        return createLocalSnippetElement$t("AvatarStack", commonProps, avatarStackChildren);
     });
 };
 
@@ -3345,7 +3345,7 @@ const createBadgeHandler = (_ctx)=>defineComponentHandler(badge.key, ({ componen
         return createSeedReactElement("Badge", commonProps, props["Label#1584:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("bottom-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$s } = createLocalSnippetHelper("bottom-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$2 } = createLocalSnippetHelper("action-button");
 // TODO: Bottom Action Bar (WIP) handler의 키. 해당 컴포넌트(템플릿) 핸들러 작성 시 handler.transform()으로 대체
 const BOTTOM_SHEET_FOOTER_KEY = "de6c65d34cc4a01c18c9a7c0ded34635170ca11f";
@@ -3365,32 +3365,32 @@ const createBottomSheetHandler = (_ctx)=>defineComponentHandler(bottomSheet.key,
             node,
             key: BOTTOM_SHEET_BODY_KEY
         });
-        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$r("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$r("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
+        const bottomSheetBody = bodyNodes.length === 1 ? createLocalSnippetElement$s("BottomSheetBody", {}, bodyNodes[0].children.map(traverse)) : createLocalSnippetElement$s("BottomSheetBody", {}, createElement("div", undefined, "No content available"));
         const footerNodes = findAllInstances({
             node,
             key: BOTTOM_SHEET_FOOTER_KEY
         });
-        const bottomSheetFooter = props["Show Footer#25162:14"] && footerNodes.length === 1 ? createLocalSnippetElement$r("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
-        return createLocalSnippetElement$r("BottomSheetRoot", {
+        const bottomSheetFooter = props["Show Footer#25162:14"] && footerNodes.length === 1 ? createLocalSnippetElement$s("BottomSheetFooter", {}, footerNodes[0].children.map(traverse)) : undefined;
+        return createLocalSnippetElement$s("BottomSheetRoot", {
             defaultOpen: true,
             headerAlign
         }, [
-            createLocalSnippetElement$r("BottomSheetTrigger", {
+            createLocalSnippetElement$s("BottomSheetTrigger", {
                 asChild: true
             }, createLocalSnippetElementTrigger$2("ActionButton", {}, "BottomSheet 열기")),
-            createLocalSnippetElement$r("BottomSheetContent", contentProps, [
+            createLocalSnippetElement$s("BottomSheetContent", contentProps, [
                 bottomSheetBody,
                 bottomSheetFooter
             ])
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("callout");
+const { createLocalSnippetElement: createLocalSnippetElement$r } = createLocalSnippetHelper("callout");
 const createCalloutHandler = (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$q(tag, undefined, undefined, {
+            return createLocalSnippetElement$r(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -3442,10 +3442,10 @@ const createCalloutHandler = (ctx)=>defineComponentHandler(callout.key, ({ compo
                 prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#35087:0"])
             }
         };
-        return createLocalSnippetElement$q(tag, commonProps);
+        return createLocalSnippetElement$r(tag, commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$p } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$q } = createLocalSnippetHelper("checkbox");
 const createCheckboxHandler = (_ctx)=>defineComponentHandler(checkbox.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -3465,10 +3465,10 @@ const createCheckboxHandler = (_ctx)=>defineComponentHandler(checkbox.key, ({ co
                 disabled: true
             }
         };
-        return createLocalSnippetElement$p("Checkbox", commonProps);
+        return createLocalSnippetElement$q("Checkbox", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$o } = createLocalSnippetHelper("checkbox");
+const { createLocalSnippetElement: createLocalSnippetElement$p } = createLocalSnippetHelper("checkbox");
 const createCheckmarkHandler = (_ctx)=>defineComponentHandler(checkmark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -3476,14 +3476,14 @@ const createCheckmarkHandler = (_ctx)=>defineComponentHandler(checkmark.key, ({
             variant: camelCase(props.Shape.value),
             size: handleSizeProp(props.Size.value)
         };
-        return createLocalSnippetElement$o("Checkmark", commonProps);
+        return createLocalSnippetElement$p("Checkmark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$n } = createLocalSnippetHelper("chip");
+const { createLocalSnippetElement: createLocalSnippetElement$o } = createLocalSnippetHelper("chip");
 const CHIP_ICON_SUFFIX_KEY = "27343e0e5ab2c66948e9b10fde03d58b5e037212";
 const createChipIconSuffixHandler = (ctx)=>{
     return defineComponentHandler(CHIP_ICON_SUFFIX_KEY, ({ componentProperties })=>{
-        return createLocalSnippetElement$n("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
+        return createLocalSnippetElement$o("Chip.SuffixIcon", undefined, createSeedReactElement("Icon", {
             svg: ctx.iconHandler.transform(componentProperties["Icon#33203:0"])
         }));
     });
@@ -3493,7 +3493,7 @@ const createChipHandler = (ctx)=>{
     const iconSuffixHandler = createChipIconSuffixHandler(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$n("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
+        const prefix = match(props["Prefix Type"].value).with("None", "Image", ()=>undefined).with("Icon", ()=>createLocalSnippetElement$o("Chip.PrefixIcon", undefined, createSeedReactElement("Icon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"])
             }))).with("Avatar", ()=>{
             const [avatar$1] = findAllInstances({
@@ -3501,9 +3501,9 @@ const createChipHandler = (ctx)=>{
                 key: avatar.key
             });
             if (!avatar$1) return undefined;
-            return createLocalSnippetElement$n("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar$1, traverse));
+            return createLocalSnippetElement$o("Chip.PrefixAvatar", undefined, avatarHandler.transform(avatar$1, traverse));
         }).exhaustive();
-        const label = createLocalSnippetElement$n("Chip.Label", undefined, props["Label#7185:0"].value);
+        const label = createLocalSnippetElement$o("Chip.Label", undefined, props["Label#7185:0"].value);
         const [suffixIcon] = findAllInstances({
             node,
             key: CHIP_ICON_SUFFIX_KEY
@@ -3519,7 +3519,7 @@ const createChipHandler = (ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$n("Chip.Toggle", commonProps, [
+        return createLocalSnippetElement$o("Chip.Toggle", commonProps, [
             prefix,
             label,
             suffixIcon ? iconSuffixHandler.transform(suffixIcon, traverse) : undefined
@@ -3529,7 +3529,7 @@ const createChipHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$m } = createLocalSnippetHelper("contextual-floating-button");
+const { createLocalSnippetElement: createLocalSnippetElement$n } = createLocalSnippetHelper("contextual-floating-button");
 const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(contextualFloatingButton.key, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
         const { layout, children } = match(props.Layout.value).with("Icon Only", ()=>({
@@ -3558,7 +3558,7 @@ const createContextualFloatingButtonHandler = (ctx)=>defineComponentHandler(cont
             variant: match(props.Variant.value).with("Solid", ()=>"solid").with("Layer", ()=>"layer").exhaustive(),
             layout
         };
-        return createLocalSnippetElement$m("ContextualFloatingButton", commonProps, children);
+        return createLocalSnippetElement$n("ContextualFloatingButton", commonProps, children);
     });
 
 const createDividerHandler = (_ctx)=>defineComponentHandler(divider.key, ({ componentProperties: props })=>{
@@ -3574,7 +3574,7 @@ const createDividerHandler = (_ctx)=>defineComponentHandler(divider.key, ({ comp
         return createSeedReactElement("Divider", commonProps, undefined);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$l } = createLocalSnippetHelper("error-state");
+const { createLocalSnippetElement: createLocalSnippetElement$m } = createLocalSnippetHelper("error-state");
 const createErrorStateHandler = (ctx)=>{
     const actionButtonHandler = createActionButtonHandler(ctx);
     const ghostButtonHandler = createActionButtonGhostHandler(ctx);
@@ -3605,7 +3605,7 @@ const createErrorStateHandler = (ctx)=>{
                 }
             }
         };
-        return createLocalSnippetElement$l("ErrorState", commonProps);
+        return createLocalSnippetElement$m("ErrorState", commonProps);
     });
 };
 
@@ -3718,7 +3718,7 @@ const FIELD_KEYS = {
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$k } = createLocalSnippetHelper("field-button");
+const { createLocalSnippetElement: createLocalSnippetElement$l } = createLocalSnippetHelper("field-button");
 const INPUT_BUTTON_KEY = "965bdecb58755af9a08d60cc3c8d2d33b42e15f0";
 const INPUT_BUTTON_PREFIX_KEY = "12b40c736a098298c64ba16de85702b4b460d1f1";
 const INPUT_BUTTON_SUFFIX_KEY = "5dda27af9f4afafa471925c17acf97d81912877a";
@@ -3777,11 +3777,11 @@ const createFieldButtonHandler = (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$k("FieldButton", {
+        return createLocalSnippetElement$l("FieldButton", {
             ...headerProps,
             ...footerProps,
             ...commonProps
-        }, props["Has Value"].value === "True" && value ? createLocalSnippetElement$k("FieldButtonValue", undefined, value.characters) : placeholder ? createLocalSnippetElement$k("FieldButtonPlaceholder", undefined, placeholder.characters) : undefined, {
+        }, props["Has Value"].value === "True" && value ? createLocalSnippetElement$l("FieldButtonValue", undefined, value.characters) : placeholder ? createLocalSnippetElement$l("FieldButtonPlaceholder", undefined, placeholder.characters) : undefined, {
             comment: "buttonProps를 통해 aria-label을 제공하세요."
         });
     });
@@ -3828,7 +3828,7 @@ const createAddressFieldHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$j } = createLocalSnippetHelper("floating-action-button");
+const { createLocalSnippetElement: createLocalSnippetElement$k } = createLocalSnippetHelper("floating-action-button");
 const BUTTON_TYPE_KEY = "8cecc85275115d653579d4c3156567ebf19f7b27";
 const MENU_TYPE_KEY = "400124347392c15473f9cd2d8a6aedb64f3baf36";
 const createFloatingActionButtonHandler = (ctx)=>defineComponentHandler(floatingActionButton.key, (node)=>{
@@ -3852,10 +3852,10 @@ const createFloatingActionButtonHandler = (ctx)=>defineComponentHandler(floating
                 label: menu.componentProperties["Label#29766:9"].value
             };
         })();
-        return createLocalSnippetElement$j("FloatingActionButton", commonProps);
+        return createLocalSnippetElement$k("FloatingActionButton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$i } = createLocalSnippetHelper("help-bubble");
+const { createLocalSnippetElement: createLocalSnippetElement$j } = createLocalSnippetHelper("help-bubble");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger$1 } = createLocalSnippetHelper("action-button");
 const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(helpBubble.key, ({ componentProperties: props })=>{
         const placement = (()=>{
@@ -3895,20 +3895,20 @@ const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(helpBubble.key, (
             showCloseButton: props["Show Close Button#40538:0"].value,
             placement
         };
-        return createLocalSnippetElement$i("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$1("ActionButton", {}, "HelpBubble 열기"), {
+        return createLocalSnippetElement$j("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$1("ActionButton", {}, "HelpBubble 열기"), {
             comment: "필요에 따라 HelpBubbleAnchor로 변경하여 사용하세요."
         });
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$h } = createLocalSnippetHelper("list-header");
+const { createLocalSnippetElement: createLocalSnippetElement$i } = createLocalSnippetHelper("list-header");
 const createListHeaderHandler = (_ctx)=>defineComponentHandler(listHeader.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: camelCase(props["Variant"].value)
         };
-        return createLocalSnippetElement$h("ListHeader", commonProps, props["Title#28588:0"].value);
+        return createLocalSnippetElement$i("ListHeader", commonProps, props["Title#28588:0"].value);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$g } = createLocalSnippetHelper("list");
+const { createLocalSnippetElement: createLocalSnippetElement$h } = createLocalSnippetHelper("list");
 const PREFIX_KEYS = {
     checkmark: "f24c9ef42ef08df79483fbae0fa7d9037e566748",
     radioMark: "5a77ad37a2291989dfe77c44ddee9aa39e447f90",
@@ -4018,37 +4018,37 @@ const createListItemHandler = (ctx)=>defineComponentHandler(listItem.key, (node,
             }
         };
         const comment = match(tag).with("ListItem", ()=>"목적에 따라 ListButtonItem이나 ListLinkItem으로 바꿔 사용하세요.").with("ListCheckItem", ()=>`<List as="fieldset">과 함께 사용하세요.`).with("ListRadioItem", ()=>"<RadioGroup.Root>와 함께 사용하세요.").otherwise(()=>undefined);
-        const list = createLocalSnippetElement$g(tag, commonProps, undefined, {
+        const list = createLocalSnippetElement$h(tag, commonProps, undefined, {
             comment
         });
         if (props["Divider#28441:0"].value) {
             return createElement("", {}, [
                 list,
-                createLocalSnippetElement$g("ListDivider")
+                createLocalSnippetElement$h("ListDivider")
             ]);
         }
         return list;
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$f } = createLocalSnippetHelper("manner-temp-badge");
+const { createLocalSnippetElement: createLocalSnippetElement$g } = createLocalSnippetHelper("manner-temp-badge");
 const createMannerTempBadgeHandler = (_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$f("MannerTempBadge", commonProps);
+        return createLocalSnippetElement$g("MannerTempBadge", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$e } = createLocalSnippetHelper("manner-temp");
+const { createLocalSnippetElement: createLocalSnippetElement$f } = createLocalSnippetHelper("manner-temp");
 const createMannerTempHandler = (_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$e("MannerTemp", commonProps);
+        return createLocalSnippetElement$f("MannerTemp", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$d } = createLocalSnippetHelper("menu-sheet");
+const { createLocalSnippetElement: createLocalSnippetElement$e } = createLocalSnippetHelper("menu-sheet");
 const { createLocalSnippetElement: createLocalSnippetElementTrigger } = createLocalSnippetHelper("action-button");
 const MENU_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
 const createMenuSheetItemHandler = (ctx)=>defineComponentHandler(MENU_SHEET_ITEM_KEY, ({ componentProperties: props })=>{
@@ -4059,7 +4059,7 @@ const createMenuSheetItemHandler = (ctx)=>defineComponentHandler(MENU_SHEET_ITEM
                 disabled: true
             }
         };
-        return createLocalSnippetElement$d("MenuSheetItem", commonProps, [
+        return createLocalSnippetElement$e("MenuSheetItem", commonProps, [
             props["Show Prefix Icon#17043:5"].value ? createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#55948:0"])
             }) : undefined,
@@ -4075,7 +4075,7 @@ const createMenuSheetGroupHandler = (ctx)=>{
             key: menuSheetItemHandler.key
         });
         const contentChildren = items.map((item)=>menuSheetItemHandler.transform(item, traverse));
-        return createLocalSnippetElement$d("MenuSheetGroup", undefined, contentChildren);
+        return createLocalSnippetElement$e("MenuSheetGroup", undefined, contentChildren);
     });
 };
 const createMenuSheetHandler = (ctx)=>{
@@ -4095,23 +4095,23 @@ const createMenuSheetHandler = (ctx)=>{
             })).with("Text Only", ()=>({
                 labelAlignment: "center"
             })).exhaustive();
-        const content = createLocalSnippetElement$d("MenuSheetContent", {
+        const content = createLocalSnippetElement$e("MenuSheetContent", {
             title,
             labelAlignment
         }, contentChildren, {
             comment: title ? undefined : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
         });
-        const trigger = createLocalSnippetElement$d("MenuSheetTrigger", {
+        const trigger = createLocalSnippetElement$e("MenuSheetTrigger", {
             asChild: true
         }, createLocalSnippetElementTrigger("ActionButton", {}, "MenuSheet 열기"));
-        return createLocalSnippetElement$d("MenuSheet", undefined, [
+        return createLocalSnippetElement$e("MenuSheet", undefined, [
             trigger,
             content
         ]);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("page-banner");
+const { createLocalSnippetElement: createLocalSnippetElement$d } = createLocalSnippetHelper("page-banner");
 const SUFFIX_BUTTON_KEY = "7dce4e1242761ccd8e5da42278fc2d870918039c";
 const createPageBannerButtonHandler = (_ctx)=>defineComponentHandler(SUFFIX_BUTTON_KEY, (node)=>{
         return createElement("PageBannerButton", undefined, node.componentProperties["Label#39890:0"].value);
@@ -4145,7 +4145,7 @@ const createPageBannerHandler = (ctx)=>{
             })).exhaustive();
         const textNode = findOne(node, (child)=>child.type === "TEXT" && child.name === "Text");
         if (!textNode) {
-            return createLocalSnippetElement$c(tag, undefined, undefined, {
+            return createLocalSnippetElement$d(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
             });
         }
@@ -4178,11 +4178,11 @@ const createPageBannerHandler = (ctx)=>{
                 suffix
             }
         };
-        return createLocalSnippetElement$c(tag, commonProps);
+        return createLocalSnippetElement$d(tag, commonProps);
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$b } = createLocalSnippetHelper("progress-circle");
+const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("progress-circle");
 const createProgressCircleHandler = (_ctx)=>defineComponentHandler(progressCircle.key, ({ componentProperties: props })=>{
         const { value, minValue, maxValue } = match(props.Value.value).with("Indeterminate", ()=>({
                 value: undefined,
@@ -4214,10 +4214,10 @@ const createProgressCircleHandler = (_ctx)=>defineComponentHandler(progressCircl
                 tone: camelCase(props.Tone.value)
             }
         };
-        return createLocalSnippetElement$b("ProgressCircle", commonProps);
+        return createLocalSnippetElement$c("ProgressCircle", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$a } = createLocalSnippetHelper("radio-group");
+const { createLocalSnippetElement: createLocalSnippetElement$b } = createLocalSnippetHelper("radio-group");
 const createRadioGroupItemHandler = (_ctx)=>defineComponentHandler(radio.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated]Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -4230,20 +4230,20 @@ const createRadioGroupItemHandler = (_ctx)=>defineComponentHandler(radio.key, ({
             tone,
             weight: camelCase(props.Weight.value)
         };
-        return createLocalSnippetElement$a("RadioGroupItem", commonProps);
+        return createLocalSnippetElement$b("RadioGroupItem", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$9 } = createLocalSnippetHelper("radio-group");
+const { createLocalSnippetElement: createLocalSnippetElement$a } = createLocalSnippetHelper("radio-group");
 const createRadioMarkHandler = (_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$9("RadioMark", commonProps);
+        return createLocalSnippetElement$a("RadioMark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$8 } = createLocalSnippetHelper("reaction-button");
+const { createLocalSnippetElement: createLocalSnippetElement$9 } = createLocalSnippetHelper("reaction-button");
 const createReactionButtonHandler = (ctx)=>defineComponentHandler(reactionButton.key, ({ componentProperties: props })=>{
         const commonProps = {
             size: handleSizeProp(props.Size.value),
@@ -4257,7 +4257,7 @@ const createReactionButtonHandler = (ctx)=>defineComponentHandler(reactionButton
                 defaultPressed: true
             }
         };
-        return createLocalSnippetElement$8("ReactionButton", commonProps, [
+        return createLocalSnippetElement$9("ReactionButton", commonProps, [
             createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Icon#12379:0"])
             }),
@@ -4266,7 +4266,7 @@ const createReactionButtonHandler = (ctx)=>defineComponentHandler(reactionButton
         ]);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$7 } = createLocalSnippetHelper("segmented-control");
+const { createLocalSnippetElement: createLocalSnippetElement$8 } = createLocalSnippetHelper("segmented-control");
 const SEGMENTED_CONTROL_ITEM_KEY = "9a7ba0d4c041ddbce84ee48881788434fd6bccc8";
 const createSegmentedControlItemHandler = (_ctx)=>defineComponentHandler(SEGMENTED_CONTROL_ITEM_KEY, ({ componentProperties: props })=>{
         const states = props.State.value.split("-");
@@ -4276,7 +4276,7 @@ const createSegmentedControlItemHandler = (_ctx)=>defineComponentHandler(SEGMENT
                 disabled: true
             }
         };
-        return createLocalSnippetElement$7("SegmentedControlItem", commonProps, props["Label#11366:15"].value);
+        return createLocalSnippetElement$8("SegmentedControlItem", commonProps, props["Label#11366:15"].value);
     });
 const createSegmentedControlHandler = (ctx)=>{
     const segmentedControlItemHandler = createSegmentedControlItemHandler();
@@ -4292,13 +4292,13 @@ const createSegmentedControlHandler = (ctx)=>{
                 defaultValue: selectedSegment.componentProperties["Label#11366:15"].value
             }
         };
-        return createLocalSnippetElement$7("SegmentedControl", commonProps, segmentedControlChildren, {
+        return createLocalSnippetElement$8("SegmentedControl", commonProps, segmentedControlChildren, {
             comment: "aria-label이나 aria-labelledby 중 하나를 제공해야 합니다."
         });
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$6 } = createLocalSnippetHelper("select-box");
+const { createLocalSnippetElement: createLocalSnippetElement$7 } = createLocalSnippetHelper("select-box");
 const createSelectBoxHandler = (_ctx)=>defineComponentHandler(selectBox.key, ({ componentProperties: props })=>{
         const tag = match(props.Control.value).with("Checkbox", ()=>"CheckSelectBox").with("Radio", ()=>"RadioSelectBoxItem").exhaustive();
         const commonProps = {
@@ -4313,7 +4313,7 @@ const createSelectBoxHandler = (_ctx)=>defineComponentHandler(selectBox.key, ({
                 defaultChecked: true
             }
         };
-        return createLocalSnippetElement$6(tag, commonProps);
+        return createLocalSnippetElement$7(tag, commonProps);
     });
 const createSelectBoxGroupHandler = (ctx)=>{
     const selectBoxHandler = createSelectBoxHandler();
@@ -4336,7 +4336,7 @@ const createSelectBoxGroupHandler = (ctx)=>{
                 defaultValue: selectedSelectBox?.componentProperties["Label#3635:0"].value
             }
         };
-        return createLocalSnippetElement$6(tag, commonProps, stack);
+        return createLocalSnippetElement$7(tag, commonProps, stack);
     });
 };
 
@@ -4350,7 +4350,7 @@ const createSkeletonHandler = (ctx)=>defineComponentHandler(skeleton.key, (node)
         return createSeedReactElement("Skeleton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$5 } = createLocalSnippetHelper("slider");
+const { createLocalSnippetElement: createLocalSnippetElement$6 } = createLocalSnippetHelper("slider");
 const SLIDER_TICK_KEY = "ace432ffb7a2af13bce549b19c932ac5f96a9a78";
 function getSliderComment(props) {
     return [
@@ -4386,7 +4386,7 @@ const createSliderFieldHandler = (ctx)=>{
             ...headerProps,
             ...footerProps
         };
-        return createLocalSnippetElement$5("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$6("Slider", commonProps, undefined, {
             comment: getSliderComment(commonProps)
         });
     });
@@ -4428,13 +4428,13 @@ const createSliderHandler = (_ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$5("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$6("Slider", commonProps, undefined, {
             comment: getSliderComment(commonProps)
         });
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$4 } = createLocalSnippetHelper("snackbar");
+const { createLocalSnippetElement: createLocalSnippetElement$5 } = createLocalSnippetHelper("snackbar");
 const createSnackbarHandler = (_ctx)=>defineComponentHandler(snackbar.key, ({ componentProperties: props })=>{
         const commonProps = {
             message: props["Message#1528:4"].value,
@@ -4444,20 +4444,20 @@ const createSnackbarHandler = (_ctx)=>defineComponentHandler(snackbar.key, ({ co
             }
         };
         // TODO: adapter.create({ render })
-        return createLocalSnippetElement$4("Snackbar", commonProps);
+        return createLocalSnippetElement$5("Snackbar", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$3 } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$4 } = createLocalSnippetHelper("switch");
 const createSwitchMarkHandler = (_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$3("SwitchMark", commonProps);
+        return createLocalSnippetElement$4("SwitchMark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$3 } = createLocalSnippetHelper("switch");
 const createSwitchHandler = (_ctx)=>defineComponentHandler(_switch.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -4465,9 +4465,9 @@ const createSwitchHandler = (_ctx)=>defineComponentHandler(_switch.key, ({ compo
             size: props.Size.value
         };
         if (props["Layout(Figma Only)"].value === "🚫[Switch Mark 사용] Switch Only") {
-            return createLocalSnippetElement$2("SwitchMark", commonProps);
+            return createLocalSnippetElement$3("SwitchMark", commonProps);
         }
-        return createLocalSnippetElement$2("Switch", {
+        return createLocalSnippetElement$3("Switch", {
             ...commonProps,
             label: props["Label#36578:0"].value,
             ...props.Selected.value === "True" && {
@@ -4688,7 +4688,7 @@ const createChipTabsTriggerHandler = (_ctx)=>defineComponentHandler(CHIP_TRIGGER
         return createChipTabsLocalSnippetElement("ChipTabsTrigger", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("text-field");
 const TEXT_INPUT_OUTLINE_KEY = "22eebd645d310c086d9f5f69d8f179ff5c7cf7ca";
 const TEXT_INPUT_OUTLINE_PREFIX_KEY = "1ab174dd51bc42a5efe530f52f1dd02255c50b18";
 const TEXT_INPUT_OUTLINE_SUFFIX_KEY = "555fee288d9053760e301791665bbac31d19c43f";
@@ -4800,13 +4800,13 @@ const createTextInputFieldHandler = (ctx)=>{
                 placeholder: placeholder.characters
             }
         };
-        return createLocalSnippetElement$1("TextField", {
+        return createLocalSnippetElement$2("TextField", {
             ...fieldProps,
             ...commonProps,
             ...value && {
                 defaultValue: value.characters
             }
-        }, createLocalSnippetElement$1("TextFieldInput", inputProps));
+        }, createLocalSnippetElement$2("TextFieldInput", inputProps));
     });
 };
 const createTextareaFieldHandler = (ctx)=>{
@@ -4849,14 +4849,14 @@ const createTextareaFieldHandler = (ctx)=>{
                 defaultValue: value.characters
             }
         };
-        return createLocalSnippetElement$1("TextField", {
+        return createLocalSnippetElement$2("TextField", {
             ...fieldProps,
             ...commonProps
-        }, createLocalSnippetElement$1("TextFieldTextarea", inputProps));
+        }, createLocalSnippetElement$2("TextFieldTextarea", inputProps));
     });
 };
 
-const { createLocalSnippetElement } = createLocalSnippetHelper("toggle-button");
+const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("toggle-button");
 const createToggleButtonHandler = (ctx)=>defineComponentHandler(toggleButton.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: camelCase(props.Variant.value),
@@ -4871,7 +4871,7 @@ const createToggleButtonHandler = (ctx)=>defineComponentHandler(toggleButton.key
                 loading: true
             }
         };
-        return createLocalSnippetElement("ToggleButton", commonProps, [
+        return createLocalSnippetElement$1("ToggleButton", commonProps, [
             props["Show Prefix Icon#6122:392"].value ? createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#6122:98"])
             }) : undefined,
@@ -4942,6 +4942,115 @@ const createTagGroupItemHandler = (ctx)=>defineComponentHandler(TAG_GROUP_ITEM_K
         return createSeedReactElement("TagGroup.Item", commonProps, children);
     });
 
+const { createLocalSnippetElement } = createLocalSnippetHelper("text-field");
+const LEGACY_TEXT_FIELD_KEY = "c49873c37a639f0dffdea4efd0eb43760d66c141";
+const LEGACY_MULTILINE_TEXT_FIELD_KEY = "88b2399c930c85f9ce2972163a078bc684b84bbe";
+const createLegacyTextFieldHandler = (ctx)=>defineComponentHandler(LEGACY_TEXT_FIELD_KEY, ({ componentProperties: props })=>{
+        const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#14964:0": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:249": { value: indicator }, "Show Prefix#958:125": { value: showPrefix }, "Show Prefix Icon#1267:50": { value: showPrefixIcon }, "Prefix Icon#1267:25": prefixIcon, "Show Prefix Text#1267:0": { value: showPrefixText }, "Prefix Text#15327:101": { value: prefix }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Suffix#958:100": { value: showSuffix }, "Show Suffix Icon#1267:75": { value: showSuffixIcon }, "Suffix Icon #1267:100": suffixIcon, "Show Suffix Text#1267:125": { value: showSuffixText }, "Suffix Text#15327:138": { value: suffix }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#12626:5": { value: description }, "Show Character Count#958:75": { value: showCharacterCount }, "Character Count#15327:64": { value: _characterCount }, "Max Character Count#15327:27": { value: maxCharacterCount } } = props;
+        const states = state.split("-");
+        const commonProps = {
+            size: handleSizeProp(size),
+            // header
+            ...showHeader && {
+                label
+            },
+            ...showHeader && showIndicator && {
+                indicator
+            },
+            // input affixes
+            ...showPrefix && showPrefixIcon && {
+                prefixIcon: ctx.iconHandler.transform(prefixIcon)
+            },
+            ...showPrefix && showPrefixText && {
+                prefix
+            },
+            ...showSuffix && showSuffixIcon && {
+                suffixIcon: ctx.iconHandler.transform(suffixIcon)
+            },
+            ...showSuffix && showSuffixText && {
+                suffix
+            },
+            // input
+            ...filled === "True" && {
+                defaultValue
+            },
+            ...states.includes("Invalid") && {
+                invalid: true
+            },
+            ...states.includes("Disabled") && {
+                disabled: true
+            },
+            ...states.includes("Read Only") && {
+                readOnly: true
+            },
+            // footer
+            ...showFooter && showDescription && states.includes("Invalid") && {
+                // invalid인 경우 description을 error로 사용
+                errorMessage: description
+            },
+            ...showFooter && showDescription && !states.includes("Invalid") && {
+                // invalid가 아닌 경우 description을 description으로 사용
+                description
+            },
+            ...showFooter && showCharacterCount && {
+                maxGraphemeCount: Number(maxCharacterCount)
+            }
+        };
+        const inputProps = {
+            placeholder
+        };
+        const TextFieldChildren = createLocalSnippetElement("TextFieldInput", inputProps);
+        return createLocalSnippetElement("TextField", commonProps, TextFieldChildren, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다."
+        });
+    });
+const createLegacyMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(LEGACY_MULTILINE_TEXT_FIELD_KEY, ({ componentProperties: props })=>{
+        const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#15327:323": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:286": { value: indicator }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#15327:212": { value: description }, "Show Character count#958:75": { value: showCharacterCount }, "Character Count#15327:360": { value: _characterCount }, "Max Character Count#15327:175": { value: maxCharacterCount } } = props;
+        const states = state.split("-");
+        const commonProps = {
+            size: handleSizeProp(size),
+            // header
+            ...showHeader && {
+                label
+            },
+            ...showHeader && showIndicator && {
+                indicator
+            },
+            // input
+            ...filled === "True" && {
+                defaultValue
+            },
+            ...states.includes("Invalid") && {
+                invalid: true
+            },
+            ...states.includes("Disabled") && {
+                disabled: true
+            },
+            ...states.includes("Read Only") && {
+                readOnly: true
+            },
+            // footer
+            ...showFooter && showDescription && states.includes("Invalid") && {
+                // invalid인 경우 description을 error로 사용
+                errorMessage: description
+            },
+            ...showFooter && showDescription && !states.includes("Invalid") && {
+                // invalid가 아닌 경우 description을 description으로 사용
+                description
+            },
+            ...showFooter && showCharacterCount && {
+                maxGraphemeCount: Number(maxCharacterCount)
+            }
+        };
+        const inputProps = {
+            placeholder
+        };
+        const TextFieldChildren = createLocalSnippetElement("TextFieldTextarea", inputProps);
+        return createLocalSnippetElement("TextField", commonProps, TextFieldChildren, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다."
+        });
+    });
+
 function bindComponentHandler(unbound, deps) {
     return unbound(deps);
 }
@@ -4950,6 +5059,8 @@ const unboundSeedComponentHandlers = [
     createActionButtonHandler,
     createTextInputFieldHandler,
     createTextareaFieldHandler,
+    createLegacyTextFieldHandler,
+    createLegacyMultilineTextFieldHandler,
     createBadgeHandler,
     createChipHandler,
     createCalloutHandler,