@seed-design/figma 0.0.4 → 0.0.6

package/lib/index.d.ts

@@ -1,23 +1,27 @@
 import * as FigmaRestSpec from '@figma/rest-api-spec';
+import { LocalVariable, LocalVariableCollection, VariableResolvedDataType, VariableAlias as VariableAlias$1, VariableScope, Style as Style$1, StyleType as StyleType$1 } from '@figma/rest-api-spec';
+export { VariableScope } from '@figma/rest-api-spec';
 
-interface ElementNode {
-    __IS_JSX_ELEMENT_NODE: true;
-    tag: string;
-    props: Record<string, string | number | boolean | ElementNode | object | undefined>;
-    children: (ElementNode | string)[];
-    comment?: string;
-}
-
-type CommonProps = "type" | "id" | "name" | "boundVariables";
-type RadiusProps = "cornerRadius" | "rectangleCornerRadii";
-type ShapeProps = "layoutGrow" | "layoutAlign" | "layoutSizingHorizontal" | "layoutSizingVertical" | "absoluteBoundingBox" | "fills" | "strokes" | "strokeWeight";
-type LayoutProps = "layoutMode" | "layoutWrap" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "itemSpacing" | "counterAxisSpacing";
-interface NormalizedFrameNode extends Pick<FigmaRestSpec.FrameNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
+type NormalizedIsLayerTrait = Pick<FigmaRestSpec.IsLayerTrait, "type" | "id" | "name" | "boundVariables">;
+type NormalizedCornerTrait = Pick<FigmaRestSpec.CornerTrait, "cornerRadius" | "rectangleCornerRadii">;
+type NormalizedHasChildrenTrait = {
     children: NormalizedSceneNode[];
+};
+type NormalizedHasLayoutTrait = Pick<FigmaRestSpec.HasLayoutTrait, "layoutAlign" | "layoutGrow" | "absoluteBoundingBox" | "layoutPositioning" | "layoutSizingHorizontal" | "layoutSizingVertical" | "minHeight" | "minWidth" | "maxHeight" | "maxWidth">;
+type NormalizedHasGeometryTrait = Pick<FigmaRestSpec.HasGeometryTrait, "fills" | "strokes" | "strokeWeight" | "styles">;
+type NormalizedHasFramePropertiesTrait = Pick<FigmaRestSpec.HasFramePropertiesTrait, "layoutMode" | "layoutWrap" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "primaryAxisAlignItems" | "primaryAxisSizingMode" | "counterAxisAlignItems" | "counterAxisSizingMode" | "itemSpacing" | "counterAxisSpacing">;
+type NormalizedDefaultShapeTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait & NormalizedHasGeometryTrait;
+type NormalizedFrameTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait & NormalizedHasGeometryTrait & NormalizedHasChildrenTrait & NormalizedCornerTrait & NormalizedHasFramePropertiesTrait;
+interface NormalizedFrameNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.FrameNode["type"];
 }
-interface NormalizedRectangleNode extends Pick<FigmaRestSpec.RectangleNode, CommonProps | ShapeProps | RadiusProps> {
+interface NormalizedRectangleNode extends NormalizedDefaultShapeTrait, NormalizedCornerTrait {
+    type: FigmaRestSpec.RectangleNode["type"];
 }
-interface NormalizedTextNode extends Pick<FigmaRestSpec.TextNode, CommonProps | "layoutGrow" | "layoutAlign" | "style" | "characters" | "fills"> {
+interface NormalizedTextNode extends NormalizedDefaultShapeTrait {
+    type: FigmaRestSpec.TextNode["type"];
+    style: FigmaRestSpec.TextNode["style"];
+    characters: FigmaRestSpec.TextNode["characters"];
     segments: NormalizedTextSegment[];
     textStyleKey?: string;
 }
@@ -38,10 +42,11 @@ interface NormalizedTextSegment {
         };
     };
 }
-interface NormalizedComponentNode extends Pick<FigmaRestSpec.ComponentNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
-    children: NormalizedSceneNode[];
+interface NormalizedComponentNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.ComponentNode["type"];
 }
-interface NormalizedInstanceNode extends Pick<FigmaRestSpec.InstanceNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
+interface NormalizedInstanceNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.InstanceNode["type"];
     componentProperties: {
         [key: string]: FigmaRestSpec.ComponentProperty & {
             componentKey?: string;
@@ -51,12 +56,18 @@ interface NormalizedInstanceNode extends Pick<FigmaRestSpec.InstanceNode, Common
     componentSetKey?: string;
     children: NormalizedSceneNode[];
 }
-interface NormalizedVectorNode extends Pick<FigmaRestSpec.VectorNode, CommonProps | ShapeProps> {
+interface NormalizedVectorNode extends NormalizedDefaultShapeTrait, NormalizedCornerTrait {
+    type: FigmaRestSpec.VectorNode["type"];
 }
-interface NormalizedBooleanOperationNode extends Pick<FigmaRestSpec.BooleanOperationNode, CommonProps | "fills"> {
-    children: NormalizedSceneNode[];
+interface NormalizedBooleanOperationNode extends NormalizedIsLayerTrait, NormalizedHasChildrenTrait, NormalizedHasLayoutTrait, NormalizedHasGeometryTrait {
+    type: FigmaRestSpec.BooleanOperationNode["type"];
+}
+interface NormalizedUnhandledNode {
+    type: "UNHANDLED";
+    id: string;
+    original: FigmaRestSpec.Node | SceneNode;
 }
-type NormalizedSceneNode = NormalizedFrameNode | NormalizedRectangleNode | NormalizedTextNode | NormalizedComponentNode | NormalizedInstanceNode | NormalizedVectorNode | NormalizedBooleanOperationNode;
+type NormalizedSceneNode = NormalizedFrameNode | NormalizedRectangleNode | NormalizedTextNode | NormalizedComponentNode | NormalizedInstanceNode | NormalizedVectorNode | NormalizedBooleanOperationNode | NormalizedUnhandledNode;
 
 interface RestNormalizerContext {
     styles: Record<string, FigmaRestSpec.Style>;
@@ -67,22 +78,1702 @@ declare function createRestNormalizer(ctx: RestNormalizerContext): (node: FigmaR
 
 declare function createPluginNormalizer(): (node: SceneNode) => Promise<NormalizedSceneNode>;
 
-type PromiseLikeMaybe<T> = Promise<T | undefined> | T | undefined;
-type FigmaNodeHandler = (node: NormalizedSceneNode) => PromiseLikeMaybe<ElementNode>;
-type FigmaNodeHandlerFactory<T extends NormalizedSceneNode> = (traverse: FigmaNodeHandler) => (node: T) => PromiseLikeMaybe<ElementNode>;
-type FrameNodeHandlerFactory = FigmaNodeHandlerFactory<NormalizedFrameNode | NormalizedComponentNode | NormalizedInstanceNode>;
-type TextNodeHandlerFactory = FigmaNodeHandlerFactory<NormalizedTextNode>;
-type RectangleNodeHandlerFactory = FigmaNodeHandlerFactory<NormalizedRectangleNode>;
-type ComponentNodeHandlerFactory = FigmaNodeHandlerFactory<NormalizedComponentNode>;
-type InstanceNodeHandlerFactory = FigmaNodeHandlerFactory<NormalizedInstanceNode>;
-declare function generateCode(selection: NormalizedSceneNode, options?: {
-    handlers?: {
-        frame?: FrameNodeHandlerFactory;
-        text?: TextNodeHandlerFactory;
-        rectangle?: RectangleNodeHandlerFactory;
-        component?: ComponentNodeHandlerFactory;
-        instance?: InstanceNodeHandlerFactory;
-    };
-}): Promise<string>;
-
-export { createPluginNormalizer, createRestNormalizer, generateCode };
+interface ComponentPropertyDefinition {
+    type: ComponentPropertyType;
+    preferredValues?: InstanceSwapPreferredValue[];
+    variantOptions?: string[];
+}
+type InferPropertyType<T extends ComponentPropertyDefinition> = T["type"] extends "TEXT" ? string : T["type"] extends "BOOLEAN" ? boolean : T["type"] extends "INSTANCE_SWAP" ? string : T["type"] extends "VARIANT" ? T["variantOptions"] extends string[] ? T["variantOptions"][number] : never : never;
+type InferFromDefinition<T extends Record<string, ComponentPropertyDefinition>> = {
+    [K in keyof T]: {
+        type: T[K]["type"];
+        value: InferPropertyType<T[K]>;
+        componentKey?: string;
+        preferredValues?: InstanceSwapPreferredValue[];
+        readonly boundVariables?: {
+            [field in VariableBindableComponentPropertyField]?: VariableAlias;
+        };
+    };
+};
+
+interface ElementNode {
+    __IS_JSX_ELEMENT_NODE: true;
+    tag: string;
+    props: Record<string, string | number | boolean | ElementNode | object | undefined>;
+    children: (ElementNode | string)[];
+    comment?: string;
+    source?: string;
+}
+declare function createElement(tag: string, props?: Record<string, string | number | boolean | object | undefined>, children?: ElementNode | string | undefined | (ElementNode | string | undefined)[], comment?: string): ElementNode;
+
+type ElementTransformer<T extends NormalizedSceneNode> = (node: T, traverse: (node: NormalizedSceneNode) => ElementNode | undefined) => ElementNode | undefined;
+type PropsTransformer<T extends Record<string, any> = Record<string, any>, R extends Record<string, any> = Record<string, any>> = (node: T, traverse: (node: NormalizedSceneNode) => ElementNode | undefined) => R;
+interface ComponentTransformer<T extends NormalizedInstanceNode["componentProperties"] = NormalizedInstanceNode["componentProperties"]> {
+    key: string;
+    transform: (node: NormalizedInstanceNode & {
+        componentProperties: T;
+    }) => ElementNode;
+}
+declare function defineElementTransformer<T extends NormalizedSceneNode>(transformer: ElementTransformer<T>): ElementTransformer<T>;
+declare function definePropsTransformer<T extends Record<string, any>, R extends Record<string, any>>(transformer: PropsTransformer<T, R>): PropsTransformer<T, R>;
+declare function defineComponentTransformer<T extends NormalizedInstanceNode["componentProperties"]>(key: string, transform: (node: NormalizedInstanceNode & {
+    componentProperties: T;
+}) => ElementNode): ComponentTransformer<T>;
+
+type Variable = LocalVariable;
+type VariableCollection = LocalVariableCollection;
+type VariableType = VariableResolvedDataType;
+type VariableValue = Variable["valuesByMode"][string];
+type VariableValueResolved = Exclude<VariableValue, VariableAlias$1>;
+
+interface VariableRepository {
+    getVariableList(): Variable[];
+    getVariableCollectionList(): VariableCollection[];
+    findVariableByKey(key: string): Variable | undefined;
+    findVariableById(id: string): Variable | undefined;
+    findVariableCollectionByKey(key: string): VariableCollection | undefined;
+    findVariableCollectionById(id: string): VariableCollection | undefined;
+}
+declare function createStaticVariableRepository({ variables, variableCollections, }: {
+    variables: Record<string, Variable>;
+    variableCollections: Record<string, VariableCollection>;
+}): VariableRepository;
+
+interface VariableService {
+    getVariableName: (id: string) => string;
+    inferVariableName: (scope: VariableScope, value: number | string | boolean) => string | undefined;
+}
+interface VariableServiceDeps {
+    variableRepository: VariableRepository;
+    variableNameTransformer: ({ slug }: {
+        slug: string[];
+    }) => string;
+}
+declare function createVariableService({ variableRepository, variableNameTransformer, }: VariableServiceDeps): VariableService;
+
+type ContainerLayoutTrait = NormalizedHasFramePropertiesTrait & NormalizedHasChildrenTrait & NormalizedIsLayerTrait;
+interface ContainerLayoutPropsService<T extends Record<string, any>> {
+    transform: PropsTransformer<ContainerLayoutTrait, T>;
+}
+type LayoutPropsKey$1 = "flexDirection" | "justifyContent" | "alignItems" | "flexWrap" | "gap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop";
+type LayoutShorthandPropsKey = "padding" | "paddingX" | "paddingY";
+type SeedContainerLayoutProps = Partial<Record<LayoutPropsKey$1 | LayoutShorthandPropsKey, string | number | boolean>>;
+declare function createContainerLayoutPropsService({ variableService, shouldInferVariableName, }: {
+    variableService: VariableService;
+    shouldInferVariableName: boolean;
+}): ContainerLayoutPropsService<SeedContainerLayoutProps>;
+
+type FillTrait = NormalizedIsLayerTrait & NormalizedHasGeometryTrait;
+interface FillPropsService<T extends Record<string, any>> {
+    transform: PropsTransformer<FillTrait, T>;
+}
+interface FrameFillProps {
+    background?: string;
+}
+declare function createFrameFillPropsService({ variableService, }: {
+    variableService: VariableService;
+}): FillPropsService<FrameFillProps>;
+interface ShapeFillProps {
+    color?: string;
+}
+declare function createShapeFillPropsService({ variableService, }: {
+    variableService: VariableService;
+}): FillPropsService<ShapeFillProps>;
+
+type RadiusTrait = NormalizedCornerTrait & NormalizedIsLayerTrait;
+interface RadiusPropsService<T extends Record<string, any>> {
+    transform: PropsTransformer<RadiusTrait, T>;
+}
+type RadiusPropsKey = "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius";
+type SeedRadiusProps = Partial<Record<RadiusPropsKey, string | number | boolean>>;
+declare function createRadiusPropsService({ variableService, shouldInferVariableName, }: {
+    variableService: VariableService;
+    shouldInferVariableName: boolean;
+}): RadiusPropsService<SeedRadiusProps>;
+
+type SelfLayoutTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait & NormalizedHasFramePropertiesTrait;
+interface SelfLayoutPropsService<T extends Record<string, any>> {
+    transform: PropsTransformer<SelfLayoutTrait, T>;
+}
+type LayoutPropsKey = "flexGrow" | "alignSelf" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight";
+type SeedSelfLayoutProps = Partial<Record<LayoutPropsKey, string | number | boolean>>;
+declare function createSelfLayoutPropsService({ variableService, shouldInferVariableName, }: {
+    variableService: VariableService;
+    shouldInferVariableName: boolean;
+}): SelfLayoutPropsService<SeedSelfLayoutProps>;
+
+type StrokeTrait = NormalizedIsLayerTrait & NormalizedHasGeometryTrait;
+interface StrokePropsService<T extends Record<string, any>> {
+    transform: PropsTransformer<StrokeTrait, T>;
+}
+interface SeedFrameStrokeProps {
+    borderWidth?: number;
+    borderColor?: string;
+}
+declare function createFrameStrokePropsService({ variableService, }: {
+    variableService: VariableService;
+}): StrokePropsService<SeedFrameStrokeProps>;
+
+interface FrameService {
+    transform: ElementTransformer<NormalizedFrameNode | NormalizedInstanceNode | NormalizedComponentNode>;
+}
+interface SeedFrameServiceDeps {
+    containerLayoutPropsService: ContainerLayoutPropsService<SeedContainerLayoutProps>;
+    selfLayoutPropsService: SelfLayoutPropsService<SeedSelfLayoutProps>;
+    radiusPropsService: RadiusPropsService<SeedRadiusProps>;
+    fillPropsService: FillPropsService<FrameFillProps>;
+    strokePropsService: StrokePropsService<SeedFrameStrokeProps>;
+}
+declare function createSeedFrameService({ containerLayoutPropsService, selfLayoutPropsService, radiusPropsService, fillPropsService, strokePropsService, }: SeedFrameServiceDeps): FrameService;
+
+interface FigmaComponentService {
+    getTransformer: (key: string) => ComponentTransformer | undefined;
+}
+declare function createFigmaComponentService({ transformers, }: {
+    transformers: ComponentTransformer[];
+}): FigmaComponentService;
+
+interface IconData {
+    name: string;
+    type: "monochrome" | "multicolor";
+    weight?: string;
+}
+
+interface IconRepository {
+    getIconData(key: string): IconData;
+}
+declare function createStaticIconRepository(iconRecord: Record<string, IconData>): {
+    getIconData: (key: string) => IconData;
+};
+
+interface IconService {
+    isIconComponent: (componentKey: string) => boolean;
+    createIconTagName: (key?: string) => string;
+}
+declare function createIconService({ iconRepository, }: {
+    iconRepository: IconRepository;
+}): IconService;
+
+interface InstanceService {
+    transform: ElementTransformer<NormalizedInstanceNode>;
+}
+interface SeedInstanceServiceDeps {
+    figmaComponentService: FigmaComponentService;
+    fillPropsService: FillPropsService<ShapeFillProps>;
+    selfLayoutPropsService: SelfLayoutPropsService<SeedSelfLayoutProps>;
+    iconService?: IconService;
+    frameService?: FrameService;
+    ignoredComponentKeys?: Set<string>;
+}
+declare function createSeedInstanceService({ figmaComponentService, fillPropsService, selfLayoutPropsService, iconService, frameService, ignoredComponentKeys, }: SeedInstanceServiceDeps): InstanceService;
+
+interface RectangleService {
+    transform: ElementTransformer<NormalizedRectangleNode>;
+}
+interface SeedRectangleServiceDeps {
+    selfLayoutPropsService: SelfLayoutPropsService<SeedSelfLayoutProps>;
+}
+declare function createSeedRectangleService({ selfLayoutPropsService, }: SeedRectangleServiceDeps): RectangleService;
+
+interface TypeStylePropsService {
+    transform: PropsTransformer<NormalizedTextNode>;
+}
+declare function createFrameTypeStylePropsService({ variableService, }: {
+    variableService: VariableService;
+}): {
+    transform: PropsTransformer<NormalizedTextNode, {
+        fontSize: string | undefined;
+        fontWeight: string | undefined;
+        lineHeight: string | undefined;
+    }>;
+};
+
+type Style = Style$1;
+type StyleType = StyleType$1;
+
+interface StyleRepository {
+    getAll(): Style[];
+    getTextStyles(): Style[];
+    getColorStyles(): Style[];
+    getOne(key: string): Style | undefined;
+}
+declare function createStaticStyleRepository(styles: Style[]): StyleRepository;
+
+interface StyleService {
+    getStyleName: (id: string) => string;
+}
+declare function createStyleService({ styleRepository, styleNameTransformer, }: {
+    styleRepository: StyleRepository;
+    styleNameTransformer: ({ slug }: {
+        slug: string[];
+    }) => string;
+}): StyleService;
+
+interface TextService {
+    transform: ElementTransformer<NormalizedTextNode>;
+}
+interface SeedTextServiceDeps {
+    styleService: StyleService;
+    fillPropsService: FillPropsService<ShapeFillProps>;
+    typeStylePropsService: TypeStylePropsService;
+}
+declare function createSeedTextService({ styleService, fillPropsService, typeStylePropsService, }: SeedTextServiceDeps): TextService;
+
+interface CodegenService {
+    transform: (node: NormalizedSceneNode) => ElementNode | undefined;
+    transformToString: (node: NormalizedSceneNode) => string | undefined;
+}
+interface SeedCodegenServiceDeps {
+    frameService: FrameService;
+    textService: TextService;
+    rectangleService: RectangleService;
+    instanceService: InstanceService;
+    shouldPrintSource: boolean;
+}
+declare function createCodegenService({ frameService, textService, rectangleService, instanceService, shouldPrintSource, }: SeedCodegenServiceDeps): CodegenService;
+
+interface SeedComponentTransformerDeps {
+    iconService: IconService;
+    variableService: VariableService;
+}
+
+declare const metadata$v: {
+  "name": "🔵 [Template] Select Box Group",
+  "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
+  "componentPropertyDefinitions": {
+    "Control": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Checkbox",
+        "Radio"
+      ]
+    },
+    "Item Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1",
+        "2",
+        "3",
+        "4",
+        "5",
+        "6"
+      ]
+    }
+  }
+};
+
+declare const metadata$u: {
+  "name": "🟢 Action Button",
+  "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
+  "componentPropertyDefinitions": {
+    "Suffix Icon#5987:244": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Icon#7574:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Prefix Icon#5987:305": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#5987:61": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "XSmall",
+        "Small",
+        "Medium",
+        "Large"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Text Only",
+        "Icon First",
+        "Icon Last",
+        "Icon Only"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Solid",
+        "Neutral Weak",
+        "Neutral Outline",
+        "Brand Solid",
+        "Brand Outline",
+        "Critical Solid"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Loading",
+        "Disabled"
+      ]
+    }
+  }
+};
+
+declare const metadata$t: {
+  "name": "🟢 Action Chip",
+  "key": "3d21594ef116e94a9465d507447b858aea062575",
+  "componentPropertyDefinitions": {
+    "Icon#8714:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Prefix Icon#8711:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": [
+        {
+          "type": "COMPONENT_SET",
+          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
+        }
+      ]
+    },
+    "Suffix Icon#8711:3": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#7185:0": {
+      "type": "TEXT"
+    },
+    "Show Count#7185:42": {
+      "type": "BOOLEAN"
+    },
+    "Count#7185:21": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Small"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Text Only",
+        "Icon First",
+        "Icon Last",
+        "Icon Both",
+        "Icon Only"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Disabled"
+      ]
+    }
+  }
+};
+
+declare const metadata$s: {
+  "name": "🟢 Action Sheet",
+  "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
+  "componentPropertyDefinitions": {
+    "Description#15641:70": {
+      "type": "TEXT"
+    },
+    "Title#15641:37": {
+      "type": "TEXT"
+    },
+    "OS Indicator (Figma Only)#15641:20": {
+      "type": "BOOLEAN"
+    },
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Normal",
+        "Destructive"
+      ]
+    },
+    "Header": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Title Only",
+        "Description Only",
+        "Title With Description",
+        "None"
+      ]
+    },
+    "Action Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1",
+        "2",
+        "3",
+        "4"
+      ]
+    }
+  }
+};
+
+declare const metadata$r: {
+  "name": "🟢 Avatar",
+  "key": "d71644aeba2e29deda366798fdfe35977166d120",
+  "componentPropertyDefinitions": {
+    "Show Image#71850:57": {
+      "type": "BOOLEAN"
+    },
+    "Show Badge#1398:26": {
+      "type": "BOOLEAN"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "20",
+        "24",
+        "36",
+        "42",
+        "48",
+        "64",
+        "80",
+        "96"
+      ]
+    }
+  }
+};
+
+declare const metadata$q: {
+  "name": "🟢 Avatar Stack",
+  "key": "019467fdad2192abb48699dcfb79e344df04b799",
+  "componentPropertyDefinitions": {
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "20",
+        "24",
+        "36",
+        "48",
+        "64"
+      ]
+    },
+    "Item Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "2",
+        "3",
+        "4",
+        "5"
+      ]
+    },
+    "Top Item": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Last Item",
+        "First Item"
+      ]
+    }
+  }
+};
+
+declare const metadata$p: {
+  "name": "🟢 Badge",
+  "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
+  "componentPropertyDefinitions": {
+    "Label#1584:0": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large"
+      ]
+    },
+    "Tone": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral",
+        "Brand",
+        "Informative",
+        "Positive",
+        "Critical"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Solid",
+        "Weak",
+        "Outline"
+      ]
+    },
+    "Shape": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Rectangle",
+        "Pill"
+      ]
+    }
+  }
+};
+
+declare const metadata$o: {
+  "name": "🟢 Callout",
+  "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
+  "componentPropertyDefinitions": {
+    "Show Icon#12598:229": {
+      "type": "BOOLEAN"
+    },
+    "Icon#12598:210": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": [
+        {
+          "type": "COMPONENT_SET",
+          "key": "f2c04b68b0bec4ec9145d832de45947030d3b653"
+        }
+      ]
+    },
+    "Interaction": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Actionable",
+        "Dismissible"
+      ]
+    },
+    "Tone": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral",
+        "Informative",
+        "Warning",
+        "Critical",
+        "Magic"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed"
+      ]
+    },
+    "Show Title": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    },
+    "Show Link Label": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    }
+  }
+};
+
+declare const metadata$n: {
+  "name": "🟢 Checkbox",
+  "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
+  "componentPropertyDefinitions": {
+    "Label#49990:0": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large"
+      ]
+    },
+    "Shape": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Square",
+        "Ghost"
+      ]
+    },
+    "Weight": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Stronger"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Selected",
+        "Selected-Pressed",
+        "Indeterminate",
+        "Indeterminate-Pressed",
+        "Disabled",
+        "Disabled-Selected",
+        "Disabled-Indeterminate"
+      ]
+    }
+  }
+};
+
+declare const metadata$m: {
+  "name": "🟢 Chip Tablist",
+  "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
+  "componentPropertyDefinitions": {
+    "Tab Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "2",
+        "3",
+        "4",
+        "5",
+        "6",
+        "Max"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Solid",
+        "Brand Solid"
+      ]
+    }
+  }
+};
+
+declare const metadata$l: {
+  "name": "🟢 Control Chip",
+  "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563",
+  "componentPropertyDefinitions": {
+    "Suffix Icon#8722:82": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#7185:0": {
+      "type": "TEXT"
+    },
+    "Show Count#7185:42": {
+      "type": "BOOLEAN"
+    },
+    "Icon#8722:41": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Prefix Icon#8722:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": [
+        {
+          "type": "COMPONENT_SET",
+          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
+        }
+      ]
+    },
+    "Count#7185:21": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Small"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Text Only",
+        "Icon First",
+        "Icon Last",
+        "Icon Both",
+        "Icon Only"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Selected",
+        "Selected-Pressed",
+        "Disabled",
+        "Disabled-Selected"
+      ]
+    }
+  }
+};
+
+declare const metadata$k: {
+  "name": "🟢 Error State",
+  "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
+  "componentPropertyDefinitions": {
+    "Secondary Action Label#17042:0": {
+      "type": "TEXT"
+    },
+    "Title#16237:0": {
+      "type": "TEXT"
+    },
+    "Description#16237:5": {
+      "type": "TEXT"
+    },
+    "Show Buttons#9080:5": {
+      "type": "BOOLEAN"
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Basement"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "With Title",
+        "Description Only"
+      ]
+    }
+  }
+};
+
+declare const metadata$j: {
+  "name": "🟢 Extended Action Sheet",
+  "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
+  "componentPropertyDefinitions": {
+    "Show Title#17043:12": {
+      "type": "BOOLEAN"
+    },
+    "OS Indicator (Figma Only)#81637:129": {
+      "type": "BOOLEAN"
+    },
+    "Description#14599:13": {
+      "type": "TEXT"
+    },
+    "Title#14599:0": {
+      "type": "TEXT"
+    },
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Normal",
+        "Destructive"
+      ]
+    },
+    "Action Group Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1",
+        "2"
+      ]
+    }
+  }
+};
+
+declare const metadata$i: {
+  "name": "🟢 Extended Floating Action Button",
+  "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
+  "componentPropertyDefinitions": {
+    "Label#28936:0": {
+      "type": "TEXT"
+    },
+    "Icon#28796:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Small",
+        "Medium"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Solid",
+        "Layer Floating"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed"
+      ]
+    }
+  }
+};
+
+declare const metadata$h: {
+  "name": "🟢 Floating Action Button",
+  "key": "1974b94703032585bb9e20bd54743e01094b965c",
+  "componentPropertyDefinitions": {
+    "Icon#28796:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed"
+      ]
+    }
+  }
+};
+
+declare const metadata$g: {
+  "name": "🟢 Help Bubble",
+  "key": "804b327c091278a40d5891939eaed90bb2889659",
+  "componentPropertyDefinitions": {
+    "Title#62535:0": {
+      "type": "TEXT"
+    },
+    "Description#62535:98": {
+      "type": "TEXT"
+    },
+    "Show Description#62499:0": {
+      "type": "BOOLEAN"
+    },
+    "Placement": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Right-Top",
+        "Right-Center",
+        "Right-Bottom",
+        "Left-Top",
+        "Left-Center",
+        "Left-Bottom",
+        "Bottom-Left",
+        "Bottom-Center",
+        "Bottom-Right",
+        "Top-Left",
+        "Top-Center",
+        "Top-Right"
+      ]
+    },
+    "Show Close Button": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    }
+  }
+};
+
+declare const metadata$f: {
+  "name": "🟢 Identity Placeholder",
+  "key": "808206c07408aa1056ec85a55925e9844e9265c2",
+  "componentPropertyDefinitions": {
+    "Identity": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Person",
+        "Business"
+      ]
+    }
+  }
+};
+
+declare const metadata$e: {
+  "name": "🟢 Inline Banner",
+  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
+  "componentPropertyDefinitions": {
+    "Show Icon#11840:27": {
+      "type": "BOOLEAN"
+    },
+    "Link Label#1547:81": {
+      "type": "TEXT"
+    },
+    "Interaction": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Link",
+        "Actionable",
+        "Dismissible"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Weak",
+        "Informative Weak",
+        "Positive Weak",
+        "Warning Solid",
+        "Warning Weak",
+        "Critical Solid",
+        "Critical Weak"
+      ]
+    },
+    "Show Title": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    }
+  }
+};
+
+declare const metadata$d: {
+  "name": "🟢 Manner Temp Badge",
+  "key": "ac5331cec7a2c75b671df5b85ef247dfd820dd2f",
+  "componentPropertyDefinitions": {
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "L1 (~29.9)",
+        "L2 (30.0~36.2)",
+        "L3 (36.3~37.5)",
+        "L4 (37.6~41.9)",
+        "L5 (42~51.9)",
+        "L6 (52~)"
+      ]
+    }
+  }
+};
+
+declare const metadata$c: {
+  "name": "🟢 Multiline Text Field",
+  "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
+  "componentPropertyDefinitions": {
+    "Indicator#15327:286": {
+      "type": "TEXT"
+    },
+    "Character Count#15327:360": {
+      "type": "TEXT"
+    },
+    "Max Character Count#15327:175": {
+      "type": "TEXT"
+    },
+    "Label#15327:323": {
+      "type": "TEXT"
+    },
+    "Filled Text#1304:0": {
+      "type": "TEXT"
+    },
+    "Show Character count#958:75": {
+      "type": "BOOLEAN"
+    },
+    "Show Footer#958:25": {
+      "type": "BOOLEAN"
+    },
+    "Show Description#958:50": {
+      "type": "BOOLEAN"
+    },
+    "Description#15327:212": {
+      "type": "TEXT"
+    },
+    "Show Indicator#1259:0": {
+      "type": "BOOLEAN"
+    },
+    "Placeholder#958:0": {
+      "type": "TEXT"
+    },
+    "Show Header#870:0": {
+      "type": "BOOLEAN"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large",
+        "XLarge"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Focused",
+        "Invalid",
+        "Invalid-Focused",
+        "Disabled",
+        "Read Only"
+      ]
+    },
+    "Filled": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    }
+  }
+};
+
+declare const metadata$b: {
+  "name": "🟢 Progress Circle",
+  "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
+  "componentPropertyDefinitions": {
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "24",
+        "40"
+      ]
+    },
+    "Tone": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral",
+        "Brand",
+        "Static White"
+      ]
+    },
+    "Value": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Indeterminate",
+        "0%",
+        "25%",
+        "75%",
+        "100%"
+      ]
+    }
+  }
+};
+
+declare const metadata$a: {
+  "name": "🟢 Reaction Button",
+  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
+  "componentPropertyDefinitions": {
+    "Icon#12379:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Show Count#6397:33": {
+      "type": "BOOLEAN"
+    },
+    "Count#15816:0": {
+      "type": "TEXT"
+    },
+    "Label#6397:0": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "XSmall",
+        "Small"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Loading",
+        "Selected",
+        "Selected-Pressed",
+        "Selected-Loading",
+        "Disabled",
+        "Disabled-Selected"
+      ]
+    }
+  }
+};
+
+declare const metadata$9: {
+  "name": "🟢 Segmented Control",
+  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
+  "componentPropertyDefinitions": {
+    "Item Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "2",
+        "3",
+        "4"
+      ]
+    },
+    "Selected Item": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1",
+        "2",
+        "3",
+        "4"
+      ]
+    }
+  }
+};
+
+declare const metadata$8: {
+  "name": "🟢 Select Box",
+  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
+  "componentPropertyDefinitions": {
+    "Label#3635:0": {
+      "type": "TEXT"
+    },
+    "Description #3033:5": {
+      "type": "TEXT"
+    },
+    "Show Description#3033:0": {
+      "type": "BOOLEAN"
+    },
+    "Control": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Checkbox",
+        "Radio"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Selected",
+        "Selected-Pressed"
+      ]
+    }
+  }
+};
+
+declare const metadata$7: {
+  "name": "🟢 Skeleton",
+  "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
+  "componentPropertyDefinitions": {
+    "Radius": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "0",
+        "8",
+        "16",
+        "Full"
+      ]
+    }
+  }
+};
+
+declare const metadata$6: {
+  "name": "🟢 Snackbar",
+  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
+  "componentPropertyDefinitions": {
+    "Action Button Label#1528:8": {
+      "type": "TEXT"
+    },
+    "Message#1528:4": {
+      "type": "TEXT"
+    },
+    "Show Action Button#1528:0": {
+      "type": "BOOLEAN"
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Positive",
+        "Critical"
+      ]
+    }
+  }
+};
+
+declare const metadata$5: {
+  "name": "🟢 Standard Navigation",
+  "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b",
+  "componentPropertyDefinitions": {
+    "Title#28176:5": {
+      "type": "BOOLEAN"
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Layer Default",
+        "Transparent"
+      ]
+    },
+    "OS": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "iOS",
+        "Android"
+      ]
+    }
+  }
+};
+
+declare const metadata$4: {
+  "name": "🟢 Switch",
+  "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
+  "componentPropertyDefinitions": {
+    "Label#15191:2": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Small",
+        "Medium"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Selected",
+        "Disabled",
+        "Disabled-Selected"
+      ]
+    }
+  }
+};
+
+declare const metadata$3: {
+  "name": "🟢 Tablist",
+  "key": "ffe33411fb8796f7a95d3637b90150007f0dd954",
+  "componentPropertyDefinitions": {
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Small",
+        "Medium"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Hug",
+        "Fill"
+      ]
+    },
+    "Tab Count": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "2",
+        "3",
+        "4",
+        "5+"
+      ]
+    }
+  }
+};
+
+declare const metadata$2: {
+  "name": "🟢 Text Button",
+  "key": "601f788792916250e33d04bd3165dee1404342df",
+  "componentPropertyDefinitions": {
+    "Prefix Icon#7561:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#6148:0": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Small",
+        "Medium",
+        "Large"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Icon First",
+        "Icon Last"
+      ]
+    },
+    "Tone": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral",
+        "Neutral Subtle",
+        "Brand",
+        "Critical"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Disabled"
+      ]
+    }
+  }
+};
+
+declare const metadata$1: {
+  "name": "🟢 Text Field",
+  "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
+  "componentPropertyDefinitions": {
+    "Suffix Text#15327:138": {
+      "type": "TEXT"
+    },
+    "Indicator#15327:249": {
+      "type": "TEXT"
+    },
+    "Label#14964:0": {
+      "type": "TEXT"
+    },
+    "Character Count#15327:64": {
+      "type": "TEXT"
+    },
+    "Description#12626:5": {
+      "type": "TEXT"
+    },
+    "Filled Text#1304:0": {
+      "type": "TEXT"
+    },
+    "Show Suffix Icon#1267:75": {
+      "type": "BOOLEAN"
+    },
+    "Show Prefix Icon#1267:50": {
+      "type": "BOOLEAN"
+    },
+    "Prefix Icon#1267:25": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Show Prefix#958:125": {
+      "type": "BOOLEAN"
+    },
+    "Show Suffix#958:100": {
+      "type": "BOOLEAN"
+    },
+    "Show Character Count#958:75": {
+      "type": "BOOLEAN"
+    },
+    "Show Footer#958:25": {
+      "type": "BOOLEAN"
+    },
+    "Max Character Count#15327:27": {
+      "type": "TEXT"
+    },
+    "Show Prefix Text#1267:0": {
+      "type": "BOOLEAN"
+    },
+    "Show Suffix Text#1267:125": {
+      "type": "BOOLEAN"
+    },
+    "Suffix Icon #1267:100": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Show Description#958:50": {
+      "type": "BOOLEAN"
+    },
+    "Prefix Text#15327:101": {
+      "type": "TEXT"
+    },
+    "Show Indicator#1259:0": {
+      "type": "BOOLEAN"
+    },
+    "Placeholder#958:0": {
+      "type": "TEXT"
+    },
+    "Show Header#870:0": {
+      "type": "BOOLEAN"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large",
+        "XLarge"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Focused",
+        "Invalid",
+        "Invalid-Focused",
+        "Disabled",
+        "Read Only"
+      ]
+    },
+    "Filled": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "True",
+        "False"
+      ]
+    }
+  }
+};
+
+declare const metadata: {
+  "name": "🟢 Toggle Button",
+  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
+  "componentPropertyDefinitions": {
+    "Suffix Icon#6122:343": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Show Prefix Icon#6122:392": {
+      "type": "BOOLEAN"
+    },
+    "Show Suffix Icon#6122:147": {
+      "type": "BOOLEAN"
+    },
+    "Prefix Icon#6122:98": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#6122:49": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Small",
+        "XSmall"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Weak",
+        "Brand Solid"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Loading",
+        "Selected",
+        "Selected-Pressed",
+        "Selected-Loading",
+        "Disabled",
+        "Disabled-Selected"
+      ]
+    }
+  }
+};
+
+type ActionButtonProperties = InferFromDefinition<typeof metadata$u.componentPropertyDefinitions>;
+type ActionChipProperties = InferFromDefinition<typeof metadata$t.componentPropertyDefinitions>;
+type ActionSheetProperties = InferFromDefinition<typeof metadata$s.componentPropertyDefinitions>;
+type ActionSheetItemProperties = InferFromDefinition<{
+    "Label#15420:4": {
+        type: "TEXT";
+        defaultValue: "액션 버튼";
+    };
+    Tone: {
+        type: "VARIANT";
+        defaultValue: "Default";
+        variantOptions: ["Default", "Critical"];
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled";
+        variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
+    };
+}>;
+type AvatarProperties = InferFromDefinition<typeof metadata$r.componentPropertyDefinitions>;
+type AvatarStackProperties = InferFromDefinition<typeof metadata$q.componentPropertyDefinitions>;
+type BadgeProperties = InferFromDefinition<typeof metadata$p.componentPropertyDefinitions>;
+type CalloutProperties = InferFromDefinition<typeof metadata$o.componentPropertyDefinitions>;
+type CheckboxProperties = InferFromDefinition<typeof metadata$n.componentPropertyDefinitions>;
+type ChipTabsProperties = InferFromDefinition<typeof metadata$m.componentPropertyDefinitions>;
+type ChipTabsItemProperties = InferFromDefinition<{
+    "Label#8876:0": {
+        type: "TEXT";
+        defaultValue: "라벨";
+    };
+    Variant: {
+        type: "VARIANT";
+        defaultValue: "Neutral Solid";
+        variantOptions: ["Neutral Solid", "Brand Solid"];
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled";
+        variantOptions: [
+            "Enabled",
+            "Enabled-Pressed",
+            "Enabled-Selected",
+            "Enabled-Selected-Pressed",
+            "Disabled",
+            "Disabled-Selected"
+        ];
+    };
+}>;
+type ControlChipProperties = InferFromDefinition<typeof metadata$l.componentPropertyDefinitions>;
+type ErrorStateProperties = InferFromDefinition<typeof metadata$k.componentPropertyDefinitions>;
+type ExtendedActionSheetProperties = InferFromDefinition<typeof metadata$j.componentPropertyDefinitions>;
+type ExtendedActionSheetGroupProperties = InferFromDefinition<{
+    "Action Count": {
+        type: "VARIANT";
+        defaultValue: "8";
+        variantOptions: ["1", "2", "3", "4", "5", "6", "7", "8"];
+    };
+}>;
+type ExtendedActionSheetItemProperties = InferFromDefinition<{
+    "Show Prefix Icon#17043:5": {
+        type: "BOOLEAN";
+        defaultValue: true;
+    };
+    "Label#55905:8": {
+        type: "TEXT";
+        defaultValue: "액션 버튼";
+    };
+    "Prefix Icon#55948:0": {
+        type: "INSTANCE_SWAP";
+        defaultValue: "17024:100799";
+        preferredValues: [];
+    };
+    Tone: {
+        type: "VARIANT";
+        defaultValue: "Neutral";
+        variantOptions: ["Neutral", "Critical"];
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled";
+        variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
+    };
+}>;
+type ExtendedFabProperties = InferFromDefinition<typeof metadata$i.componentPropertyDefinitions>;
+type FabProperties = InferFromDefinition<typeof metadata$h.componentPropertyDefinitions>;
+type HelpBubbleProperties = InferFromDefinition<typeof metadata$g.componentPropertyDefinitions>;
+type IdentityPlaceholderProperties = InferFromDefinition<typeof metadata$f.componentPropertyDefinitions>;
+type InlineBannerProperties = InferFromDefinition<typeof metadata$e.componentPropertyDefinitions>;
+type MannerTempBadgeProperties = InferFromDefinition<typeof metadata$d.componentPropertyDefinitions>;
+type MultilineTextFieldProperties = InferFromDefinition<typeof metadata$c.componentPropertyDefinitions>;
+type ProgressCircleProperties = InferFromDefinition<typeof metadata$b.componentPropertyDefinitions>;
+type ReactionButtonProperties = InferFromDefinition<typeof metadata$a.componentPropertyDefinitions>;
+type SegmentedControlProperties = InferFromDefinition<typeof metadata$9.componentPropertyDefinitions>;
+type SegmentedControlItemProperties = InferFromDefinition<{
+    "Label#11366:15": {
+        type: "TEXT";
+        defaultValue: "라벨";
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled-Selected";
+        variantOptions: [
+            "Enabled",
+            "Enabled-Selected",
+            "Enabled-Pressed",
+            "Enabled-Selected-Pressed",
+            "Disabled",
+            "Disabled-Selected"
+        ];
+    };
+}>;
+type SelectBoxGroupProperties = InferFromDefinition<typeof metadata$v.componentPropertyDefinitions>;
+type SelectBoxProperties = InferFromDefinition<typeof metadata$8.componentPropertyDefinitions>;
+type SkeletonProperties = InferFromDefinition<typeof metadata$7.componentPropertyDefinitions>;
+type SnackbarProperties = InferFromDefinition<typeof metadata$6.componentPropertyDefinitions>;
+type SwitchProperties = InferFromDefinition<typeof metadata$4.componentPropertyDefinitions>;
+type TabsProperties = InferFromDefinition<typeof metadata$3.componentPropertyDefinitions>;
+type TabsHugItemProperties = InferFromDefinition<{
+    "Label#4478:2": {
+        type: "TEXT";
+        defaultValue: "라벨";
+    };
+    Size: {
+        type: "VARIANT";
+        defaultValue: "Small";
+        variantOptions: ["Small", "Medium"];
+    };
+    Notification: {
+        type: "VARIANT";
+        defaultValue: "False";
+        variantOptions: ["True", "False"];
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled-Selected";
+        variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
+    };
+}>;
+type TabsFillItemProperties = InferFromDefinition<{
+    "Label#4478:2": {
+        type: "TEXT";
+        defaultValue: "라벨";
+    };
+    Size: {
+        type: "VARIANT";
+        defaultValue: "Small";
+        variantOptions: ["Small", "Medium"];
+    };
+    Notification: {
+        type: "VARIANT";
+        defaultValue: "False";
+        variantOptions: ["True", "False"];
+    };
+    State: {
+        type: "VARIANT";
+        defaultValue: "Enabled-Selected";
+        variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
+    };
+}>;
+type TextButtonProperties = InferFromDefinition<typeof metadata$2.componentPropertyDefinitions>;
+type TextFieldProperties = InferFromDefinition<typeof metadata$1.componentPropertyDefinitions>;
+type ToggleButtonProperties = InferFromDefinition<typeof metadata.componentPropertyDefinitions>;
+type AppBarProperties = InferFromDefinition<typeof metadata$5.componentPropertyDefinitions>;
+type AppBarMainProperties = InferFromDefinition<{
+    "Show Right#16958:13": {
+        type: "BOOLEAN";
+        defaultValue: false;
+    };
+    "Subtitle#16958:9": {
+        type: "TEXT";
+        defaultValue: "서브타이틀";
+    };
+    "Logo#16958:5": {
+        type: "INSTANCE_SWAP";
+        defaultValue: "1574:3942";
+        preferredValues: [
+            {
+                type: "COMPONENT_SET";
+                key: "c7dab3f6d0df0a150564e696c0df00bd43ffef3f";
+            }
+        ];
+    };
+    "Show Left#16958:17": {
+        type: "BOOLEAN";
+        defaultValue: false;
+    };
+    "Title#16944:0": {
+        type: "TEXT";
+        defaultValue: "타이틀";
+    };
+    Type: {
+        type: "VARIANT";
+        defaultValue: "Title";
+        variantOptions: ["Title", "Title-Subtitle", "Logo"];
+    };
+}>;
+type AppBarLeftProperties = InferFromDefinition<{
+    Action: {
+        type: "VARIANT";
+        defaultValue: "Back";
+        variantOptions: ["Back", "Close", "Other"];
+    };
+}>;
+type AppBarRightProperties = InferFromDefinition<{
+    Type: {
+        type: "VARIANT";
+        defaultValue: "1 Icon";
+        variantOptions: ["1 Icon", "2 Icons", "3 Icons", "1 Text"];
+    };
+}>;
+
+declare const createSeedComponentTransformers: (ctx: SeedComponentTransformerDeps) => Array<ComponentTransformer>;
+
+declare function generateJsxTree(node: NormalizedSceneNode): ElementNode | undefined;
+declare function generateCode(node: NormalizedSceneNode, { dev }?: {
+    dev?: boolean;
+}): string | undefined;
+
+export { type ActionButtonProperties, type ActionChipProperties, type ActionSheetItemProperties, type ActionSheetProperties, type AppBarLeftProperties, type AppBarMainProperties, type AppBarProperties, type AppBarRightProperties, type AvatarProperties, type AvatarStackProperties, type BadgeProperties, type CalloutProperties, type CheckboxProperties, type ChipTabsItemProperties, type ChipTabsProperties, type CodegenService, type ComponentPropertyDefinition, type ComponentTransformer, type ContainerLayoutPropsService, type ControlChipProperties, type ElementNode, type ElementTransformer, type ErrorStateProperties, type ExtendedActionSheetGroupProperties, type ExtendedActionSheetItemProperties, type ExtendedActionSheetProperties, type ExtendedFabProperties, type FabProperties, type FigmaComponentService, type FillPropsService, type FrameFillProps, type FrameService, type HelpBubbleProperties, type IconData, type IconRepository, type IconService, type IdentityPlaceholderProperties, type InferFromDefinition, type InferPropertyType, type InlineBannerProperties, type InstanceService, type MannerTempBadgeProperties, type MultilineTextFieldProperties, type NormalizedBooleanOperationNode, type NormalizedComponentNode, type NormalizedCornerTrait, type NormalizedDefaultShapeTrait, type NormalizedFrameNode, type NormalizedFrameTrait, type NormalizedHasChildrenTrait, type NormalizedHasFramePropertiesTrait, type NormalizedHasGeometryTrait, type NormalizedHasLayoutTrait, type NormalizedInstanceNode, type NormalizedIsLayerTrait, type NormalizedRectangleNode, type NormalizedSceneNode, type NormalizedTextNode, type NormalizedTextSegment, type NormalizedUnhandledNode, type NormalizedVectorNode, type ProgressCircleProperties, type PropsTransformer, type RadiusPropsService, type ReactionButtonProperties, type RectangleService, type SeedCodegenServiceDeps, type SeedComponentTransformerDeps, type SeedContainerLayoutProps, type SeedFrameServiceDeps, type SeedFrameStrokeProps, type SeedInstanceServiceDeps, type SeedRadiusProps, type SeedRectangleServiceDeps, type SeedSelfLayoutProps, type SeedTextServiceDeps, type SegmentedControlItemProperties, type SegmentedControlProperties, type SelectBoxGroupProperties, type SelectBoxProperties, type SelfLayoutPropsService, type ShapeFillProps, type SkeletonProperties, type SnackbarProperties, type StrokePropsService, type Style, type StyleRepository, type StyleService, type StyleType, type SwitchProperties, type TabsFillItemProperties, type TabsHugItemProperties, type TabsProperties, type TextButtonProperties, type TextFieldProperties, type TextService, type ToggleButtonProperties, type TypeStylePropsService, type Variable, type VariableCollection, type VariableRepository, type VariableService, type VariableServiceDeps, type VariableType, type VariableValue, type VariableValueResolved, createCodegenService, createContainerLayoutPropsService, createElement, createFigmaComponentService, createFrameFillPropsService, createFrameStrokePropsService, createFrameTypeStylePropsService, createIconService, createPluginNormalizer, createRadiusPropsService, createRestNormalizer, createSeedComponentTransformers, createSeedFrameService, createSeedInstanceService, createSeedRectangleService, createSeedTextService, createSelfLayoutPropsService, createShapeFillPropsService, createStaticIconRepository, createStaticStyleRepository, createStaticVariableRepository, createStyleService, createVariableService, defineComponentTransformer, defineElementTransformer, definePropsTransformer, generateCode, generateJsxTree };