@seed-design/figma 1.2.1 → 1.3.3

package/lib/index.js

@@ -22515,36 +22515,6 @@ const privateTemplateChipGroup = {
         }
     }
 };
-const privateComponentFieldFooter = {
-    "name": "privateComponentFieldFooter",
-    "key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
-    "componentPropertyDefinitions": {
-        "Text#2770:0": {
-            "type": "TEXT"
-        },
-        "Has Prefix#2778:13": {
-            "type": "BOOLEAN"
-        },
-        "Error Text#32821:0": {
-            "type": "TEXT"
-        },
-        "Type": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Description",
-                "Description With Character Count",
-                "Character Count"
-            ]
-        },
-        "Error": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "true",
-                "false"
-            ]
-        }
-    }
-};
 const privateComponentFieldFooterCharacterCount = {
     "name": "privateComponentFieldFooterCharacterCount",
     "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -22565,28 +22535,6 @@ const privateComponentFieldFooterCharacterCount = {
         }
     }
 };
-const privateComponentFieldHeader = {
-    "name": "privateComponentFieldHeader",
-    "key": "8371fe9083cb9bebfb4ee51b0791bfb00a799dd6",
-    "componentPropertyDefinitions": {
-        "Label#34796:0": {
-            "type": "TEXT"
-        },
-        "Has Indicator#34796:1": {
-            "type": "BOOLEAN"
-        },
-        "Has Suffix#34796:2": {
-            "type": "BOOLEAN"
-        },
-        "Weight": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Medium",
-                "Bold"
-            ]
-        }
-    }
-};
 const privateComponentFieldHeaderIndicator = {
     "name": "privateComponentFieldHeaderIndicator",
     "key": "c3f7843103c1efcc3a8ac365b1175df6d10173e2",
@@ -22617,29 +22565,6 @@ const privateComponentFieldHeaderSuffix = {
         }
     }
 };
-const privateComponentInputButton = {
-    "name": "privateComponentInputButton",
-    "key": "1220e63a59a31b50eefe5c4ec1a4e516ba70b07b",
-    "componentPropertyDefinitions": {
-        "Has Prefix#32514:10": {
-            "type": "BOOLEAN"
-        },
-        "Has Suffix#32865:68": {
-            "type": "BOOLEAN"
-        },
-        "State": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Enabled",
-                "Error",
-                "Disabled",
-                "Read Only",
-                "Pressed",
-                "Error Pressed"
-            ]
-        }
-    }
-};
 const privateComponentInputButtonPrefix = {
     "name": "privateComponentInputButtonPrefix",
     "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -23004,6 +22929,21 @@ const privateComponentSegmentedControlItem = {
         }
     }
 };
+const privateComponentSelectBoxItemCheckmark = {
+    "name": "privateComponentSelectBoxItemCheckmark",
+    "key": "2d91bde3c21bc38b2b07d8e1b87a03116e96555d",
+    "componentPropertyDefinitions": {
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Pressed",
+                "Selected",
+                "Disabled"
+            ]
+        }
+    }
+};
 const privateComponentSliderItemHandles = {
     "name": "privateComponentSliderItemHandles",
     "key": "950b33735d6dda594436c876386b921908dedf64",
@@ -23228,33 +23168,6 @@ const privateComponentTabsLine = {
         }
     }
 };
-const privateComponentTextInput = {
-    "name": "privateComponentTextInput",
-    "key": "1f3e7bd2f1d39a76e304188b5a8b800d7c87aff2",
-    "componentPropertyDefinitions": {
-        "Has Prefix#32514:10": {
-            "type": "BOOLEAN"
-        },
-        "Loading Text#32734:0": {
-            "type": "TEXT"
-        },
-        "Has Suffix#32865:68": {
-            "type": "BOOLEAN"
-        },
-        "State": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Enabled",
-                "Focused",
-                "Error",
-                "Error Focused",
-                "Disabled",
-                "Read Only",
-                "AI Loading (Figma Only)"
-            ]
-        }
-    }
-};
 const privateComponentTextInputCardNumberInput = {
     "name": "privateComponentTextInputCardNumberInput",
     "key": "60888e1eba691721f0ec6a41df43c1c075e5beac",
@@ -23408,31 +23321,6 @@ const privateComponentTextInputSuffix = {
         }
     }
 };
-const privateComponentTextarea = {
-    "name": "privateComponentTextarea",
-    "key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
-    "componentPropertyDefinitions": {
-        "Auto Size (Figma Only)": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "true",
-                "false"
-            ]
-        },
-        "State": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Enabled",
-                "Focused",
-                "Error",
-                "Error Focused",
-                "Disabled",
-                "Read Only",
-                "AI Loading (Figma Only)"
-            ]
-        }
-    }
-};
 const privateComponentTextareaInput = {
     "name": "privateComponentTextareaInput",
     "key": "a75e057f13d05ee57003a90cc91c74f130b22135",
@@ -23590,30 +23478,6 @@ const privateComponentTopNavigationTitleRight = {
         }
     }
 };
-const privateComponentUnderlineTextInput = {
-    "name": "privateComponentUnderlineTextInput",
-    "key": "004c8591153865af3fe3efb9c552cd280b9fd31d",
-    "componentPropertyDefinitions": {
-        "Has Prefix#34125:0": {
-            "type": "BOOLEAN"
-        },
-        "Has Suffix#34125:8": {
-            "type": "BOOLEAN"
-        },
-        "State": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Enabled",
-                "Focused",
-                "Error",
-                "Error Focused",
-                "Disabled",
-                "Read Only",
-                "AI Loading (Figma Only)"
-            ]
-        }
-    }
-};
 const privateComponentUnderlineTextInputInput = {
     "name": "privateComponentUnderlineTextInputInput",
     "key": "a8a39cf124e7b4c3b873429e81b4278639a7031b",
@@ -24651,8 +24515,8 @@ const componentCheckbox = {
         }
     }
 };
-const templateCheckboxGroupField = {
-    "name": "templateCheckboxGroupField",
+const templateCheckboxField = {
+    "name": "templateCheckboxField",
     "key": "214dd0fc8a3c5bc1e0c90cce29936f1ec6a26c3c",
     "componentPropertyDefinitions": {
         "Show Header#40606:8": {
@@ -25451,8 +25315,8 @@ const componentRadio = {
         }
     }
 };
-const templateRadioGroupField = {
-    "name": "templateRadioGroupField",
+const templateRadioField = {
+    "name": "templateRadioField",
     "key": "a3f159c223e3a0888fc48098c1580793297f82e9",
     "componentPropertyDefinitions": {
         "Show Header#40606:8": {
@@ -25684,6 +25548,27 @@ const componentSegmentedControl = {
         }
     }
 };
+const templateSelectBoxField = {
+    "name": "templateSelectBoxField",
+    "key": "cddac54129eed15830319d1e30480f42ea80d4d3",
+    "componentPropertyDefinitions": {
+        "Show Header#40606:8": {
+            "type": "BOOLEAN"
+        },
+        "Show Footer#40606:9": {
+            "type": "BOOLEAN"
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Error",
+                "Disabled",
+                "Read Only"
+            ]
+        }
+    }
+};
 const componentSelectBoxGroup = {
     "name": "componentSelectBoxGroup",
     "key": "cbf6ddeb6d6f889e983399291ec8b60ee3390177",
@@ -26143,6 +26028,157 @@ const componentUserSelectionFigmaOnly = {
         }
     }
 };
+const componentFieldFooter = {
+    "name": "componentFieldFooter",
+    "key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
+    "componentPropertyDefinitions": {
+        "Text#2770:0": {
+            "type": "TEXT"
+        },
+        "Has Prefix#2778:13": {
+            "type": "BOOLEAN"
+        },
+        "Error Text#32821:0": {
+            "type": "TEXT"
+        },
+        "Type": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Description",
+                "Description With Character Count",
+                "Character Count"
+            ]
+        },
+        "Error": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "true",
+                "false"
+            ]
+        }
+    }
+};
+const componentFieldHeader = {
+    "name": "componentFieldHeader",
+    "key": "8371fe9083cb9bebfb4ee51b0791bfb00a799dd6",
+    "componentPropertyDefinitions": {
+        "Label#34796:0": {
+            "type": "TEXT"
+        },
+        "Has Indicator#34796:1": {
+            "type": "BOOLEAN"
+        },
+        "Has Suffix#34796:2": {
+            "type": "BOOLEAN"
+        },
+        "Weight": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Medium",
+                "Bold"
+            ]
+        }
+    }
+};
+const componentInputButton = {
+    "name": "componentInputButton",
+    "key": "1220e63a59a31b50eefe5c4ec1a4e516ba70b07b",
+    "componentPropertyDefinitions": {
+        "Has Prefix#32514:10": {
+            "type": "BOOLEAN"
+        },
+        "Has Suffix#32865:68": {
+            "type": "BOOLEAN"
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Error",
+                "Disabled",
+                "Read Only",
+                "Pressed",
+                "Error Pressed"
+            ]
+        }
+    }
+};
+const componentTextInput = {
+    "name": "componentTextInput",
+    "key": "1f3e7bd2f1d39a76e304188b5a8b800d7c87aff2",
+    "componentPropertyDefinitions": {
+        "Has Prefix#32514:10": {
+            "type": "BOOLEAN"
+        },
+        "Loading Text#32734:0": {
+            "type": "TEXT"
+        },
+        "Has Suffix#32865:68": {
+            "type": "BOOLEAN"
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Focused",
+                "Error",
+                "Error Focused",
+                "Disabled",
+                "Read Only",
+                "AI Loading (Figma Only)"
+            ]
+        }
+    }
+};
+const componentTextarea = {
+    "name": "componentTextarea",
+    "key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
+    "componentPropertyDefinitions": {
+        "Auto Size (Figma Only)": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "true",
+                "false"
+            ]
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Focused",
+                "Error",
+                "Error Focused",
+                "Disabled",
+                "Read Only",
+                "AI Loading (Figma Only)"
+            ]
+        }
+    }
+};
+const componentUnderlineTextInput = {
+    "name": "componentUnderlineTextInput",
+    "key": "004c8591153865af3fe3efb9c552cd280b9fd31d",
+    "componentPropertyDefinitions": {
+        "Has Prefix#34125:0": {
+            "type": "BOOLEAN"
+        },
+        "Has Suffix#34125:8": {
+            "type": "BOOLEAN"
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Focused",
+                "Error",
+                "Error Focused",
+                "Disabled",
+                "Read Only",
+                "AI Loading (Figma Only)"
+            ]
+        }
+    }
+};
 const componentActionButtonGhostButton = {
     "name": "componentActionButtonGhostButton",
     "key": "0dd8c776368619b13886924cd65974f821887753",
@@ -26445,11 +26481,14 @@ var FIGMA_COMPONENTS = {
   componentDerpecatedTopNavigation: componentDerpecatedTopNavigation,
   componentDivider: componentDivider,
   componentEditorToolbarFigmaOnly: componentEditorToolbarFigmaOnly,
+  componentFieldFooter: componentFieldFooter,
+  componentFieldHeader: componentFieldHeader,
   componentFloatingActionButton: componentFloatingActionButton,
   componentHelpBubble: componentHelpBubble,
   componentIOsLiveAcitivityScreenFigmaOnly: componentIOsLiveAcitivityScreenFigmaOnly,
   componentImageFrame: componentImageFrame,
   componentImageFrameReactionButton: componentImageFrameReactionButton,
+  componentInputButton: componentInputButton,
   componentKakaoTalkBubbleFigmaOnly: componentKakaoTalkBubbleFigmaOnly,
   componentListHeader: componentListHeader,
   componentListItem: componentListItem,
@@ -26487,18 +26526,18 @@ var FIGMA_COMPONENTS = {
   componentSwitchmark: componentSwitchmark,
   componentTabs: componentTabs,
   componentTagGroup: componentTagGroup,
+  componentTextInput: componentTextInput,
+  componentTextarea: componentTextarea,
   componentToggleButton: componentToggleButton,
   componentTopNavigation: componentTopNavigation,
+  componentUnderlineTextInput: componentUnderlineTextInput,
   componentUserSelectionFigmaOnly: componentUserSelectionFigmaOnly,
   privateComponentAlertDialogActions: privateComponentAlertDialogActions,
   privateComponentBottomSheetCloseButton: privateComponentBottomSheetCloseButton,
   privateComponentBottomSheetHandle: privateComponentBottomSheetHandle,
-  privateComponentFieldFooter: privateComponentFieldFooter,
   privateComponentFieldFooterCharacterCount: privateComponentFieldFooterCharacterCount,
-  privateComponentFieldHeader: privateComponentFieldHeader,
   privateComponentFieldHeaderIndicator: privateComponentFieldHeaderIndicator,
   privateComponentFieldHeaderSuffix: privateComponentFieldHeaderSuffix,
-  privateComponentInputButton: privateComponentInputButton,
   privateComponentInputButtonPrefix: privateComponentInputButtonPrefix,
   privateComponentInputButtonSuffix: privateComponentInputButtonSuffix,
   privateComponentInputButtonValue: privateComponentInputButtonValue,
@@ -26513,6 +26552,7 @@ var FIGMA_COMPONENTS = {
   privateComponentRootTopNavigationActionList: privateComponentRootTopNavigationActionList,
   privateComponentRootTopNavigationIconButton: privateComponentRootTopNavigationIconButton,
   privateComponentSegmentedControlItem: privateComponentSegmentedControlItem,
+  privateComponentSelectBoxItemCheckmark: privateComponentSelectBoxItemCheckmark,
   privateComponentSliderItemHandles: privateComponentSliderItemHandles,
   privateComponentSliderItemMarker: privateComponentSliderItemMarker,
   privateComponentSliderItemRange: privateComponentSliderItemRange,
@@ -26522,7 +26562,6 @@ var FIGMA_COMPONENTS = {
   privateComponentTabItemLineHug: privateComponentTabItemLineHug,
   privateComponentTabsChip: privateComponentTabsChip,
   privateComponentTabsLine: privateComponentTabsLine,
-  privateComponentTextInput: privateComponentTextInput,
   privateComponentTextInputCardNumberInput: privateComponentTextInputCardNumberInput,
   privateComponentTextInputIdNumberInput: privateComponentTextInputIdNumberInput,
   privateComponentTextInputInput: privateComponentTextInputInput,
@@ -26530,7 +26569,6 @@ var FIGMA_COMPONENTS = {
   privateComponentTextInputInputReadOnly: privateComponentTextInputInputReadOnly,
   privateComponentTextInputPrefix: privateComponentTextInputPrefix,
   privateComponentTextInputSuffix: privateComponentTextInputSuffix,
-  privateComponentTextarea: privateComponentTextarea,
   privateComponentTextareaInput: privateComponentTextareaInput,
   privateComponentTextareaInputDisabled: privateComponentTextareaInputDisabled,
   privateComponentTextareaInputReadOnly: privateComponentTextareaInputReadOnly,
@@ -26539,7 +26577,6 @@ var FIGMA_COMPONENTS = {
   privateComponentTopNavigationTitle: privateComponentTopNavigationTitle,
   privateComponentTopNavigationTitleLeft: privateComponentTopNavigationTitleLeft,
   privateComponentTopNavigationTitleRight: privateComponentTopNavigationTitleRight,
-  privateComponentUnderlineTextInput: privateComponentUnderlineTextInput,
   privateComponentUnderlineTextInputInput: privateComponentUnderlineTextInputInput,
   privateComponentUnderlineTextInputInputDisabled: privateComponentUnderlineTextInputInputDisabled,
   privateComponentUnderlineTextInputInputReadOnly: privateComponentUnderlineTextInputInputReadOnly,
@@ -26553,13 +26590,14 @@ var FIGMA_COMPONENTS = {
   privateTemplateRootTopNavigationPreset: privateTemplateRootTopNavigationPreset,
   templateButtonGroup: templateButtonGroup,
   templateChatScreenPreset: templateChatScreenPreset,
-  templateCheckboxGroupField: templateCheckboxGroupField,
+  templateCheckboxField: templateCheckboxField,
   templateChipGroup: templateChipGroup,
   templateDeprecatedChipGroup: templateDeprecatedChipGroup,
   templateDisclaimer: templateDisclaimer,
   templateFieldButton: templateFieldButton,
-  templateRadioGroupField: templateRadioGroupField,
+  templateRadioField: templateRadioField,
   templateResultPage: templateResultPage,
+  templateSelectBoxField: templateSelectBoxField,
   templateSkeletonPreset: templateSkeletonPreset,
   templateSliderField: templateSliderField,
   templateTextField: templateTextField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/figma",
-  "version": "1.2.1",
+  "version": "1.3.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -39,7 +39,7 @@
     "sync-entities": "find src/entities/data/__generated__ -mindepth 1 -maxdepth 1 ! -name 'archive' -exec rm -rf {} + 2>/dev/null; bun figma-extractor src/entities/data/__generated__"
   },
   "dependencies": {
-    "@seed-design/css": "1.2.1",
+    "@seed-design/css": "1.2.2",
     "change-case": "^5.4.4",
     "ts-pattern": "^5.7.0"
   },

package/src/codegen/component-properties.ts

@@ -42,6 +42,10 @@ export type CheckboxProperties = InferComponentDefinition<
   typeof sets.componentCheckbox.componentPropertyDefinitions
 >;
 
+export type CheckboxGroupFieldProperties = InferComponentDefinition<
+  typeof sets.templateCheckboxField.componentPropertyDefinitions
+>;
+
 export type CheckmarkProperties = InferComponentDefinition<
   typeof sets.componentCheckmark.componentPropertyDefinitions
 >;
@@ -63,7 +67,7 @@ export type DividerProperties = InferComponentDefinition<
 >;
 
 export type FieldHeaderProperties = InferComponentDefinition<
-  typeof sets.privateComponentFieldHeader.componentPropertyDefinitions
+  typeof sets.componentFieldHeader.componentPropertyDefinitions
 >;
 
 export type FieldIndicatorProperties = InferComponentDefinition<
@@ -71,7 +75,7 @@ export type FieldIndicatorProperties = InferComponentDefinition<
 >;
 
 export type FieldFooterProperties = InferComponentDefinition<
-  typeof sets.privateComponentFieldFooter.componentPropertyDefinitions
+  typeof sets.componentFieldFooter.componentPropertyDefinitions
 >;
 
 export type FieldCharacterCountProperties = InferComponentDefinition<
@@ -146,6 +150,10 @@ export type RadioProperties = InferComponentDefinition<
   typeof sets.componentRadio.componentPropertyDefinitions
 >;
 
+export type RadioGroupFieldProperties = InferComponentDefinition<
+  typeof sets.templateRadioField.componentPropertyDefinitions
+>;
+
 export type RadiomarkProperties = InferComponentDefinition<
   typeof sets.componentRadiomark.componentPropertyDefinitions
 >;
@@ -166,6 +174,26 @@ export type SegmentedControlItemProperties = InferComponentDefinition<
   typeof sets.privateComponentSegmentedControlItem.componentPropertyDefinitions
 >;
 
+export type SelectBoxGroupFieldProperties = InferComponentDefinition<
+  typeof sets.templateSelectBoxField.componentPropertyDefinitions
+>;
+
+export type SelectBoxGroupProperties = InferComponentDefinition<
+  typeof sets.componentSelectBoxGroup.componentPropertyDefinitions
+>;
+
+export type SelectBoxHorizontalProperties = InferComponentDefinition<
+  typeof sets.componentSelectBoxItemHorizontal.componentPropertyDefinitions
+>;
+
+export type SelectBoxVerticalProperties = InferComponentDefinition<
+  typeof sets.componentSelectBoxItemVertical.componentPropertyDefinitions
+>;
+
+export type SelectBoxPrefixIconProperties = InferComponentDefinition<
+  typeof components.componentSelectBoxItemPrefixIcon.componentPropertyDefinitions
+>;
+
 export type SkeletonProperties = InferComponentDefinition<
   typeof sets.componentSkeleton.componentPropertyDefinitions
 >;
@@ -251,7 +279,7 @@ export type TextInputFieldProperties = InferComponentDefinition<
 >;
 
 export type TextInputOutlineProperties = InferComponentDefinition<
-  typeof sets.privateComponentTextInput.componentPropertyDefinitions
+  typeof sets.componentTextInput.componentPropertyDefinitions
 >;
 
 export type TextInputOutlinePrefixProperties = InferComponentDefinition<
@@ -271,7 +299,7 @@ export type TextInputUnderlineSuffixProperties = InferComponentDefinition<
 >;
 
 export type TextInputUnderlineProperties = InferComponentDefinition<
-  typeof sets.privateComponentUnderlineTextInput.componentPropertyDefinitions
+  typeof sets.componentUnderlineTextInput.componentPropertyDefinitions
 >;
 
 export type TextareaFieldProperties = InferComponentDefinition<
@@ -279,7 +307,7 @@ export type TextareaFieldProperties = InferComponentDefinition<
 >;
 
 export type TextareaProperties = InferComponentDefinition<
-  typeof sets.privateComponentTextarea.componentPropertyDefinitions
+  typeof sets.componentTextarea.componentPropertyDefinitions
 >;
 
 export type FieldButtonProperties = InferComponentDefinition<
@@ -287,7 +315,7 @@ export type FieldButtonProperties = InferComponentDefinition<
 >;
 
 export type InputButtonProperties = InferComponentDefinition<
-  typeof sets.privateComponentInputButton.componentPropertyDefinitions
+  typeof sets.componentInputButton.componentPropertyDefinitions
 >;
 
 export type InputButtonPrefixProperties = InferComponentDefinition<

package/src/codegen/core/infer-layout.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from "vitest";
+import { describe, expect, it } from "bun:test";
 import { inferLayout } from "./infer-layout";
 import type { NormalizedFrameTrait } from "@/normalizer";
 

package/src/codegen/targets/react/component/handlers/archive/checkbox.ts

@@ -36,6 +36,8 @@ export const createCheckboxHandler = (_ctx: ComponentHandlerDeps) =>
         }),
       };
 
-      return createLocalSnippetElement("Checkbox", commonProps);
+      return createLocalSnippetElement("Checkbox", commonProps, undefined, {
+        comment: "CheckboxGroup으로 묶어서 사용하는 것을 권장합니다.",
+      });
     },
   );

package/src/codegen/targets/react/component/handlers/archive/field-button.ts

@@ -58,11 +58,11 @@ export const createFieldButtonHandler = (ctx: ComponentHandlerDeps) => {
       });
 
       // maxGraphemeCount and required can't be props of FieldButton
-      const { required: __required, ...headerProps } =
+      const { required: _required, ...headerProps } =
         props["Show Header#40606:8"].value && fieldHeader
           ? (fieldHeaderHandler.transform(fieldHeader, traverse).props as FieldHeaderProps)
           : {};
-      const { maxGraphemeCount: __maxGraphemeCount, ...footerProps } =
+      const { maxGraphemeCount: _maxGraphemeCount, ...footerProps } =
         props["Show Footer#40606:9"].value && fieldFooter
           ? (fieldFooterHandler.transform(fieldFooter, traverse).props as FieldFooterProps)
           : {};

package/src/codegen/targets/react/component/handlers/archive/index.ts

@@ -11,7 +11,6 @@ export * from "./checkmark";
 export * from "./chip";
 export * from "./contextual-floating-button";
 export * from "./divider";
-export { createFieldHeaderHandler, createFieldFooterHandler } from "./field";
 export * from "./field-button";
 export * from "./floating-action-button";
 export * from "./help-bubble";

package/src/codegen/targets/react/component/handlers/archive/slider.ts

@@ -56,11 +56,11 @@ export const createSliderFieldHandler = (ctx: ComponentHandlerDeps) => {
       const sliderProps = sliderHandler.transform(slider, traverse).props;
 
       // maxGraphemeCount and required can't be props of Slider
-      const { required: __required, ...headerProps } =
+      const { required: _required, ...headerProps } =
         props["Show Header#40606:8"].value && fieldHeader
           ? (fieldHeaderHandler.transform(fieldHeader, traverse).props as FieldHeaderProps)
           : {};
-      const { maxGraphemeCount: __maxGraphemeCount, ...footerProps } =
+      const { maxGraphemeCount: _maxGraphemeCount, ...footerProps } =
         props["Show Footer#40606:9"].value && fieldFooter
           ? (fieldFooterHandler.transform(fieldFooter, traverse).props as FieldFooterProps)
           : {};