@seed-design/figma 0.0.21 → 0.0.23

package/lib/codegen/index.d.ts

@@ -0,0 +1,1828 @@
+import * as FigmaRestSpec from '@figma/rest-api-spec';
+import { ComponentPropertyType, InstanceSwapPreferredValue, LocalVariable, VariableAlias as VariableAlias$1, VariableScope, RGBA } from '@figma/rest-api-spec';
+import * as ________ from '../index.js';
+import * as index_d_ts from './targets/react/index.js';
+export { index_d_ts as react };
+
+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" | "relativeTransform" | "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">;
+interface NormalizedTextSegment {
+    characters: string;
+    start: number;
+    end: number;
+    style: {
+        fontFamily?: string;
+        fontWeight?: number;
+        fontSize?: number;
+        italic?: boolean;
+        textDecoration?: string;
+        letterSpacing?: number;
+        lineHeight?: number | {
+            unit: string;
+            value: number;
+        };
+    };
+}
+type NormalizedTypePropertiesTrait = Pick<FigmaRestSpec.TypePropertiesTrait, "style" | "characters"> & {
+    segments: NormalizedTextSegment[];
+    textStyleKey?: string;
+};
+type NormalizedDefaultShapeTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait & NormalizedHasGeometryTrait;
+type NormalizedFrameTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait & NormalizedHasGeometryTrait & NormalizedHasChildrenTrait & NormalizedCornerTrait & NormalizedHasFramePropertiesTrait;
+interface NormalizedFrameNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.FrameNode["type"];
+}
+interface NormalizedRectangleNode extends NormalizedDefaultShapeTrait, NormalizedCornerTrait {
+    type: FigmaRestSpec.RectangleNode["type"];
+}
+interface NormalizedTextNode extends NormalizedDefaultShapeTrait, NormalizedTypePropertiesTrait {
+    type: FigmaRestSpec.TextNode["type"];
+}
+interface NormalizedComponentNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.ComponentNode["type"];
+}
+interface NormalizedInstanceNode extends NormalizedFrameTrait {
+    type: FigmaRestSpec.InstanceNode["type"];
+    componentProperties: {
+        [key: string]: FigmaRestSpec.ComponentProperty & {
+            componentKey?: string;
+            componentSetKey?: string;
+        };
+    };
+    componentKey: string;
+    componentSetKey?: string;
+    children: NormalizedSceneNode[];
+}
+interface NormalizedVectorNode extends NormalizedDefaultShapeTrait, NormalizedCornerTrait {
+    type: FigmaRestSpec.VectorNode["type"];
+}
+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 | NormalizedUnhandledNode;
+
+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;
+declare function cloneElement(element: ElementNode, props?: Record<string, string | number | boolean | object | undefined>, children?: ElementNode | string | undefined | (ElementNode | string | undefined)[]): {
+    props: {
+        [x: string]: string | number | boolean | object | ElementNode | undefined;
+    };
+    children: (string | ElementNode)[];
+    __IS_JSX_ELEMENT_NODE: true;
+    tag: string;
+    comment?: string;
+    source?: string;
+};
+
+type ElementTransformer<T extends NormalizedSceneNode> = (node: T, traverse: (node: NormalizedSceneNode) => ElementNode | undefined) => ElementNode | undefined;
+declare function defineElementTransformer<T extends NormalizedSceneNode>(transformer: ElementTransformer<T>): ElementTransformer<T>;
+
+interface CodeGeneratorDeps {
+    frameTransformer: ElementTransformer<NormalizedFrameNode | NormalizedComponentNode | NormalizedInstanceNode>;
+    textTransformer: ElementTransformer<NormalizedTextNode>;
+    rectangleTransformer: ElementTransformer<NormalizedRectangleNode>;
+    instanceTransformer: ElementTransformer<NormalizedInstanceNode>;
+    vectorTransformer: ElementTransformer<NormalizedVectorNode>;
+    booleanOperationTransformer: ElementTransformer<NormalizedBooleanOperationNode>;
+    shouldInferAutoLayout: boolean;
+}
+declare function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout, }: CodeGeneratorDeps): {
+    generateJsxTree: (node: NormalizedSceneNode) => ElementNode | undefined;
+    generateCode: (node: NormalizedSceneNode, options: {
+        shouldPrintSource: boolean;
+    }) => string | undefined;
+};
+
+interface ComponentHandler<T extends NormalizedInstanceNode["componentProperties"] = NormalizedInstanceNode["componentProperties"]> {
+    key: string;
+    transform: (node: NormalizedInstanceNode & {
+        componentProperties: T;
+    }) => ElementNode;
+}
+declare function defineComponentHandler<T extends NormalizedInstanceNode["componentProperties"]>(key: string, transform: (node: NormalizedInstanceNode & {
+    componentProperties: T;
+}) => ElementNode): ComponentHandler<T>;
+
+interface ComponentPropertyDefinition {
+    type: ComponentPropertyType;
+    preferredValues?: InstanceSwapPreferredValue[];
+    variantOptions?: string[];
+}
+type InferComponentPropertyType<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 InferComponentDefinition<T extends Record<string, ComponentPropertyDefinition>> = {
+    [K in keyof T]: {
+        type: T[K]["type"];
+        value: InferComponentPropertyType<T[K]>;
+        readonly boundVariables?: {
+            [field in VariableBindableComponentPropertyField]?: VariableAlias;
+        };
+    } & (T[K]["type"] extends "INSTANCE_SWAP" ? {
+        componentKey: string;
+        preferredValues: InstanceSwapPreferredValue[];
+    } : {});
+};
+
+type Variable = LocalVariable;
+type VariableValue = Variable["valuesByMode"][string];
+type VariableValueResolved = Exclude<VariableValue, VariableAlias$1>;
+
+interface StyleService {
+    getSlug: (id: string) => string[] | undefined;
+}
+
+interface VariableService {
+    getSlug: (id: string) => string[] | undefined;
+    resolveValue: (variable: Variable, mode: string) => VariableValueResolved;
+    infer: (value: VariableValueResolved, scope: VariableScope) => Variable | undefined;
+}
+
+type PropsConverter<T extends Record<string, any> = Record<string, any>, R extends Record<string, any> = Record<string, any>> = (node: T) => R;
+declare function definePropsConverter<T extends Record<string, any>, R extends Record<string, any>>(converter: PropsConverter<T, R>): PropsConverter<T, R>;
+type Handlers<TTrait extends Record<string, VariableValueResolved>, TProps extends Record<string, any>, HandlerKeys extends keyof TProps = keyof TProps> = {
+    [K in HandlerKeys]: (node: TTrait) => TProps[K];
+};
+type Shorthands<TProps extends Record<string, any>, HandlerKeys extends keyof TProps> = Record<Exclude<keyof TProps, HandlerKeys>, HandlerKeys[]>;
+interface CreatePropsConverterConfig<TTrait extends Record<string, any>, TProps extends Record<string, any>, HandlerKeys extends keyof TProps> {
+    _types: {
+        trait: TTrait;
+        props: TProps;
+    };
+    handlers: Handlers<TTrait, TProps, HandlerKeys>;
+    shorthands?: Shorthands<TProps, HandlerKeys>;
+    defaults?: Partial<TProps>;
+}
+declare function createPropsConverter<TTrait extends Record<string, any>, TProps extends Record<string, any>, HandlerKeys extends keyof TProps>({ handlers, shorthands, defaults, }: CreatePropsConverterConfig<TTrait, TProps, HandlerKeys>): PropsConverter<TTrait, TProps>;
+
+interface ValueResolver<TColor, TDimension, TFontDimension, TFontWeight> {
+    getFormattedValue: {
+        frameFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
+        shapeFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
+        textFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
+        stroke: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
+        width: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        height: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        minWidth: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        minHeight: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        maxWidth: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        maxHeight: (node: NormalizedHasLayoutTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        paddingLeft: (node: NormalizedHasFramePropertiesTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        paddingRight: (node: NormalizedHasFramePropertiesTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        paddingTop: (node: NormalizedHasFramePropertiesTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        paddingBottom: (node: NormalizedHasFramePropertiesTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        itemSpacing: (node: NormalizedHasFramePropertiesTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        topLeftRadius: (node: NormalizedCornerTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        topRightRadius: (node: NormalizedCornerTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        bottomLeftRadius: (node: NormalizedCornerTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        bottomRightRadius: (node: NormalizedCornerTrait & NormalizedIsLayerTrait) => string | TDimension | undefined;
+        fontSize: (node: NormalizedTypePropertiesTrait & NormalizedIsLayerTrait) => string | TFontDimension | undefined;
+        fontWeight: (node: NormalizedTypePropertiesTrait & NormalizedIsLayerTrait) => string | TFontWeight | undefined;
+        lineHeight: (node: NormalizedTypePropertiesTrait & NormalizedIsLayerTrait) => string | TFontDimension | undefined;
+    };
+    getTextStyleValue: (node: NormalizedTypePropertiesTrait & NormalizedIsLayerTrait) => string | undefined;
+}
+interface ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight> {
+    variableService: VariableService;
+    variableNameFormatter: (props: {
+        slug: string[];
+    }) => string;
+    styleService: StyleService;
+    styleNameFormatter: (props: {
+        slug: string[];
+    }) => string;
+    rawValueFormatters: {
+        color: (value: RGBA) => string | TColor;
+        dimension: (value: number) => string | TDimension;
+        fontDimension: (value: number) => string | TFontDimension;
+        fontWeight: (value: number) => string | TFontWeight;
+    };
+    shouldInferVariableName: boolean;
+}
+declare function createValueResolver<TColor, TDimension, TFontDimension, TFontWeight>({ variableService, variableNameFormatter, styleService, styleNameFormatter, rawValueFormatters, shouldInferVariableName, }: ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight>): ValueResolver<TColor, TDimension, TFontDimension, TFontWeight>;
+
+interface LayoutProperties {
+    layoutMode?: "NONE" | "HORIZONTAL" | "VERTICAL";
+    primaryAxisSizingMode?: "FIXED" | "AUTO";
+    counterAxisSizingMode?: "FIXED" | "AUTO";
+    primaryAxisAlignItems?: "MIN" | "CENTER" | "MAX" | "SPACE_BETWEEN";
+    counterAxisAlignItems?: "MIN" | "CENTER" | "MAX";
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingTop?: number;
+    paddingBottom?: number;
+    itemSpacing?: number;
+}
+interface InferResult {
+    properties: LayoutProperties;
+    childProperties: {
+        [childId: string]: {
+            layoutAlign?: "MIN" | "STRETCH";
+        };
+    };
+}
+type LayoutNode = NormalizedIsLayerTrait & NormalizedHasFramePropertiesTrait & NormalizedHasChildrenTrait & NormalizedHasLayoutTrait;
+declare function inferLayout(parentNode: LayoutNode): InferResult;
+
+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 = InferComponentDefinition<typeof metadata$u.componentPropertyDefinitions>;
+type ActionChipProperties = InferComponentDefinition<typeof metadata$t.componentPropertyDefinitions>;
+type ActionSheetProperties = InferComponentDefinition<typeof metadata$s.componentPropertyDefinitions>;
+type ActionSheetItemProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<typeof metadata$r.componentPropertyDefinitions>;
+type AvatarStackProperties = InferComponentDefinition<typeof metadata$q.componentPropertyDefinitions>;
+type BadgeProperties = InferComponentDefinition<typeof metadata$p.componentPropertyDefinitions>;
+type CalloutProperties = InferComponentDefinition<typeof metadata$o.componentPropertyDefinitions>;
+type CheckboxProperties = InferComponentDefinition<typeof metadata$n.componentPropertyDefinitions>;
+type ChipTabsProperties = InferComponentDefinition<typeof metadata$m.componentPropertyDefinitions>;
+type ChipTabsItemProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<typeof metadata$l.componentPropertyDefinitions>;
+type ErrorStateProperties = InferComponentDefinition<typeof metadata$k.componentPropertyDefinitions>;
+type ExtendedActionSheetProperties = InferComponentDefinition<typeof metadata$j.componentPropertyDefinitions>;
+type ExtendedActionSheetGroupProperties = InferComponentDefinition<{
+    "Action Count": {
+        type: "VARIANT";
+        defaultValue: "8";
+        variantOptions: ["1", "2", "3", "4", "5", "6", "7", "8"];
+    };
+}>;
+type ExtendedActionSheetItemProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<typeof metadata$i.componentPropertyDefinitions>;
+type FabProperties = InferComponentDefinition<typeof metadata$h.componentPropertyDefinitions>;
+type HelpBubbleProperties = InferComponentDefinition<typeof metadata$g.componentPropertyDefinitions>;
+type IdentityPlaceholderProperties = InferComponentDefinition<typeof metadata$f.componentPropertyDefinitions>;
+type InlineBannerProperties = InferComponentDefinition<typeof metadata$e.componentPropertyDefinitions>;
+type MannerTempBadgeProperties = InferComponentDefinition<typeof metadata$d.componentPropertyDefinitions>;
+type MultilineTextFieldProperties = InferComponentDefinition<typeof metadata$c.componentPropertyDefinitions>;
+type ProgressCircleProperties = InferComponentDefinition<typeof metadata$b.componentPropertyDefinitions>;
+type ReactionButtonProperties = InferComponentDefinition<typeof metadata$a.componentPropertyDefinitions>;
+type SegmentedControlProperties = InferComponentDefinition<typeof metadata$9.componentPropertyDefinitions>;
+type SegmentedControlItemProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<typeof metadata$v.componentPropertyDefinitions>;
+type SelectBoxProperties = InferComponentDefinition<typeof metadata$8.componentPropertyDefinitions>;
+type SkeletonProperties = InferComponentDefinition<typeof metadata$7.componentPropertyDefinitions>;
+type SnackbarProperties = InferComponentDefinition<typeof metadata$6.componentPropertyDefinitions>;
+type SwitchProperties = InferComponentDefinition<typeof metadata$4.componentPropertyDefinitions>;
+type TabsProperties = InferComponentDefinition<typeof metadata$3.componentPropertyDefinitions>;
+type TabsHugItemProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<{
+    "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 = InferComponentDefinition<typeof metadata$2.componentPropertyDefinitions>;
+type TextFieldProperties = InferComponentDefinition<typeof metadata$1.componentPropertyDefinitions>;
+type ToggleButtonProperties = InferComponentDefinition<typeof metadata.componentPropertyDefinitions>;
+type AppBarProperties = InferComponentDefinition<typeof metadata$5.componentPropertyDefinitions>;
+type AppBarMainProperties = InferComponentDefinition<{
+    "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 = InferComponentDefinition<{
+    Action: {
+        type: "VARIANT";
+        defaultValue: "Back";
+        variantOptions: ["Back", "Close", "Other"];
+    };
+}>;
+type AppBarRightProperties = InferComponentDefinition<{
+    Type: {
+        type: "VARIANT";
+        defaultValue: "1 Icon";
+        variantOptions: ["1 Icon", "2 Icons", "3 Icons", "1 Text"];
+    };
+}>;
+
+interface CreatePipelineConfig {
+    shouldInferAutoLayout?: boolean;
+    shouldInferVariableName?: boolean;
+}
+declare function createPipeline(options?: CreatePipelineConfig): {
+    generateJsxTree: (node: ________.NormalizedSceneNode) => ElementNode | undefined;
+    generateCode: (node: ________.NormalizedSceneNode, options: {
+        shouldPrintSource: boolean;
+    }) => string | undefined;
+};
+
+type FigmaValueResolver = ValueResolver<string, number, number, number>;
+
+interface PropsConverters {
+    containerLayout: PropsConverter<ContainerLayoutTrait, ContainerLayoutProps>;
+    selfLayout: PropsConverter<SelfLayoutTrait, SelfLayoutProps>;
+    radius: PropsConverter<RadiusTrait, RadiusProps>;
+    frameFill: PropsConverter<FillTrait, FillProps>;
+    shapeFill: PropsConverter<FillTrait, FillProps>;
+    textFill: PropsConverter<FillTrait, FillProps>;
+    stroke: PropsConverter<StrokeTrait, StrokeProps>;
+    typeStyle: PropsConverter<TypeStyleTrait, TypeStyleProps>;
+}
+type ContainerLayoutTrait = NormalizedHasFramePropertiesTrait & NormalizedHasChildrenTrait & NormalizedHasLayoutTrait & NormalizedIsLayerTrait;
+type SelfLayoutTrait = NormalizedIsLayerTrait & NormalizedHasLayoutTrait;
+type RadiusTrait = NormalizedCornerTrait & NormalizedIsLayerTrait;
+type FillTrait = NormalizedIsLayerTrait & NormalizedHasGeometryTrait;
+type StrokeTrait = NormalizedIsLayerTrait & NormalizedHasGeometryTrait;
+type TypeStyleTrait = NormalizedTypePropertiesTrait & NormalizedIsLayerTrait;
+interface ContainerLayoutProps {
+    layoutMode?: "HORIZONTAL" | "VERTICAL" | "NONE";
+    primaryAxisAlignItems?: "MIN" | "CENTER" | "MAX" | "SPACE_BETWEEN";
+    counterAxisAlignItems?: "MIN" | "CENTER" | "MAX" | "BASELINE";
+    layoutWrap?: "WRAP" | "NO_WRAP";
+    itemSpacing?: number | string;
+    paddingTop?: number | string;
+    paddingBottom?: number | string;
+    paddingLeft?: number | string;
+    paddingRight?: number | string;
+    horizontalPadding?: number | string;
+    verticalPadding?: number | string;
+}
+declare function createContainerLayoutPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<ContainerLayoutTrait, ContainerLayoutProps>;
+interface SelfLayoutProps {
+    layoutGrow?: number;
+    layoutAlign?: "STRETCH" | "INHERIT" | "MIN" | "CENTER" | "MAX";
+    layoutSizingVertical?: "FIXED" | "HUG" | "FILL";
+    layoutSizingHorizontal?: "FIXED" | "HUG" | "FILL";
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+}
+declare function createSelfLayoutPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<SelfLayoutTrait, SelfLayoutProps>;
+interface RadiusProps {
+    cornerRadius?: number | string;
+    topLeftRadius?: number | string;
+    topRightRadius?: number | string;
+    bottomLeftRadius?: number | string;
+    bottomRightRadius?: number | string;
+}
+declare function createRadiusPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<RadiusTrait, RadiusProps>;
+interface FillProps {
+    fill?: string;
+}
+declare function createFrameFillPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<FillTrait, FillProps>;
+declare function createShapeFillPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<FillTrait, FillProps>;
+declare function createTextFillPropsConverter(valueResolver: FigmaValueResolver): PropsConverter<FillTrait, FillProps>;
+interface StrokeProps {
+    stroke?: string;
+    strokeWeight?: number;
+}
+declare function createStrokePropsConverter(valueResolver: FigmaValueResolver): PropsConverter<StrokeTrait, StrokeProps>;
+interface TypeStyleProps {
+    textStyle?: string;
+    fontSize?: string | number;
+    fontWeight?: string | number;
+    lineHeight?: string | number;
+    maxLines?: number;
+}
+declare function createTypeStylePropsConverter(valueResolver: FigmaValueResolver): PropsConverter<TypeStyleTrait, TypeStyleProps>;
+
+interface FrameTransformerDeps {
+    propsConverters: PropsConverters;
+}
+declare function createFrameTransformer({ propsConverters, }: FrameTransformerDeps): ElementTransformer<NormalizedFrameNode | NormalizedInstanceNode | NormalizedComponentNode>;
+
+interface InstanceTransformerDeps {
+    frameTransformer: ElementTransformer<NormalizedInstanceNode>;
+}
+declare function createInstanceTransformer({ frameTransformer, }: InstanceTransformerDeps): ElementTransformer<NormalizedInstanceNode>;
+
+interface RectangleTransformerDeps {
+    propsConverters: PropsConverters;
+}
+declare function createRectangleTransformer({ propsConverters, }: RectangleTransformerDeps): ElementTransformer<NormalizedRectangleNode>;
+interface VectorTransformerDeps {
+    propsConverters: PropsConverters;
+}
+declare function createVectorTransformer({ propsConverters, }: VectorTransformerDeps): ElementTransformer<NormalizedVectorNode>;
+interface BooleanOperationTransformerDeps {
+    propsConverters: PropsConverters;
+}
+declare function createBooleanOperationTransformer({ propsConverters, }: BooleanOperationTransformerDeps): ElementTransformer<NormalizedBooleanOperationNode>;
+
+interface TextTransformerDeps {
+    propsConverters: PropsConverters;
+}
+declare function createTextTransformer({ propsConverters, }: TextTransformerDeps): ElementTransformer<NormalizedTextNode>;
+
+type index_BooleanOperationTransformerDeps = BooleanOperationTransformerDeps;
+type index_ContainerLayoutProps = ContainerLayoutProps;
+type index_ContainerLayoutTrait = ContainerLayoutTrait;
+type index_CreatePipelineConfig = CreatePipelineConfig;
+type index_FillProps = FillProps;
+type index_FillTrait = FillTrait;
+type index_FrameTransformerDeps = FrameTransformerDeps;
+type index_InstanceTransformerDeps = InstanceTransformerDeps;
+type index_PropsConverters = PropsConverters;
+type index_RadiusProps = RadiusProps;
+type index_RadiusTrait = RadiusTrait;
+type index_RectangleTransformerDeps = RectangleTransformerDeps;
+type index_SelfLayoutProps = SelfLayoutProps;
+type index_SelfLayoutTrait = SelfLayoutTrait;
+type index_StrokeProps = StrokeProps;
+type index_StrokeTrait = StrokeTrait;
+type index_TextTransformerDeps = TextTransformerDeps;
+type index_TypeStyleProps = TypeStyleProps;
+type index_TypeStyleTrait = TypeStyleTrait;
+type index_VectorTransformerDeps = VectorTransformerDeps;
+declare const index_createBooleanOperationTransformer: typeof createBooleanOperationTransformer;
+declare const index_createContainerLayoutPropsConverter: typeof createContainerLayoutPropsConverter;
+declare const index_createFrameFillPropsConverter: typeof createFrameFillPropsConverter;
+declare const index_createFrameTransformer: typeof createFrameTransformer;
+declare const index_createInstanceTransformer: typeof createInstanceTransformer;
+declare const index_createPipeline: typeof createPipeline;
+declare const index_createRadiusPropsConverter: typeof createRadiusPropsConverter;
+declare const index_createRectangleTransformer: typeof createRectangleTransformer;
+declare const index_createSelfLayoutPropsConverter: typeof createSelfLayoutPropsConverter;
+declare const index_createShapeFillPropsConverter: typeof createShapeFillPropsConverter;
+declare const index_createStrokePropsConverter: typeof createStrokePropsConverter;
+declare const index_createTextFillPropsConverter: typeof createTextFillPropsConverter;
+declare const index_createTextTransformer: typeof createTextTransformer;
+declare const index_createTypeStylePropsConverter: typeof createTypeStylePropsConverter;
+declare const index_createVectorTransformer: typeof createVectorTransformer;
+declare namespace index {
+  export { index_createBooleanOperationTransformer as createBooleanOperationTransformer, index_createContainerLayoutPropsConverter as createContainerLayoutPropsConverter, index_createFrameFillPropsConverter as createFrameFillPropsConverter, index_createFrameTransformer as createFrameTransformer, index_createInstanceTransformer as createInstanceTransformer, index_createPipeline as createPipeline, index_createRadiusPropsConverter as createRadiusPropsConverter, index_createRectangleTransformer as createRectangleTransformer, index_createSelfLayoutPropsConverter as createSelfLayoutPropsConverter, index_createShapeFillPropsConverter as createShapeFillPropsConverter, index_createStrokePropsConverter as createStrokePropsConverter, index_createTextFillPropsConverter as createTextFillPropsConverter, index_createTextTransformer as createTextTransformer, index_createTypeStylePropsConverter as createTypeStylePropsConverter, index_createVectorTransformer as createVectorTransformer };
+  export type { index_BooleanOperationTransformerDeps as BooleanOperationTransformerDeps, index_ContainerLayoutProps as ContainerLayoutProps, index_ContainerLayoutTrait as ContainerLayoutTrait, index_CreatePipelineConfig as CreatePipelineConfig, index_FillProps as FillProps, index_FillTrait as FillTrait, index_FrameTransformerDeps as FrameTransformerDeps, index_InstanceTransformerDeps as InstanceTransformerDeps, index_PropsConverters as PropsConverters, index_RadiusProps as RadiusProps, index_RadiusTrait as RadiusTrait, index_RectangleTransformerDeps as RectangleTransformerDeps, index_SelfLayoutProps as SelfLayoutProps, index_SelfLayoutTrait as SelfLayoutTrait, index_StrokeProps as StrokeProps, index_StrokeTrait as StrokeTrait, index_TextTransformerDeps as TextTransformerDeps, index_TypeStyleProps as TypeStyleProps, index_TypeStyleTrait as TypeStyleTrait, index_VectorTransformerDeps as VectorTransformerDeps };
+}
+
+export { cloneElement, createCodeGenerator, createElement, createPropsConverter, createValueResolver, defineComponentHandler, defineElementTransformer, definePropsConverter, index as figma, inferLayout };
+export type { ActionButtonProperties, ActionChipProperties, ActionSheetItemProperties, ActionSheetProperties, AppBarLeftProperties, AppBarMainProperties, AppBarProperties, AppBarRightProperties, AvatarProperties, AvatarStackProperties, BadgeProperties, CalloutProperties, CheckboxProperties, ChipTabsItemProperties, ChipTabsProperties, CodeGeneratorDeps, ComponentHandler, ComponentPropertyDefinition, ControlChipProperties, ElementNode, ElementTransformer, ErrorStateProperties, ExtendedActionSheetGroupProperties, ExtendedActionSheetItemProperties, ExtendedActionSheetProperties, ExtendedFabProperties, FabProperties, HelpBubbleProperties, IdentityPlaceholderProperties, InferComponentDefinition, InferComponentPropertyType, InlineBannerProperties, MannerTempBadgeProperties, MultilineTextFieldProperties, ProgressCircleProperties, PropsConverter, ReactionButtonProperties, SegmentedControlItemProperties, SegmentedControlProperties, SelectBoxGroupProperties, SelectBoxProperties, SkeletonProperties, SnackbarProperties, SwitchProperties, TabsFillItemProperties, TabsHugItemProperties, TabsProperties, TextButtonProperties, TextFieldProperties, ToggleButtonProperties, ValueResolver };