@seed-design/figma 0.0.22 → 0.0.24

package/lib/codegen/index.cjs

@@ -1,6 +1,5 @@
 var tsPattern = require('ts-pattern');
 require('change-case');
-var async_hooks = require('async_hooks');
 var index_cjs = require('./targets/react/index.cjs');
 
 function _interopNamespace(e) {
@@ -117,15 +116,6 @@ function stringifyElement(element, options = {}) {
     return recursive(element, 0);
 }
 
-const codegenOptionsContext = new async_hooks.AsyncLocalStorage();
-function useCodegenOptions() {
-    const options = codegenOptionsContext.getStore();
-    if (!options) {
-        throw new Error("Trying to get codegen options outside of codegen context. Did you forget to call `codegenOptionsContext.run`?");
-    }
-    return options;
-}
-
 // --- Helper Functions ---
 function getCollectiveBoundingBox(nodes) {
     if (nodes.length === 0) {
@@ -433,12 +423,11 @@ function applyInferredLayout(parentNode, result) {
     };
 }
 
-function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer }) {
+function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout }) {
     function traverse(node) {
         if ("visible" in node && !node.visible) {
             return;
         }
-        const { shouldInferAutoLayout } = useCodegenOptions();
         const result = tsPattern.match(node).with({
             type: "FRAME"
         }, (node)=>shouldInferAutoLayout ? frameTransformer(applyInferredLayout(node, inferLayout(node)), traverse) : frameTransformer(node, traverse)).with({
@@ -462,11 +451,11 @@ function createCodeGenerator({ frameTransformer, textTransformer, rectangleTrans
         }
         return;
     }
-    function generateJsxTree(node, options) {
-        return codegenOptionsContext.run(options, ()=>traverse(node));
+    function generateJsxTree(node) {
+        return traverse(node);
     }
     function generateCode(node, options) {
-        const jsxTree = generateJsxTree(node, options);
+        const jsxTree = generateJsxTree(node);
         return jsxTree ? stringifyElement(jsxTree, {
             printSource: options.shouldPrintSource
         }) : undefined;
@@ -538,7 +527,7 @@ function getFirstStrokeVariable(node) {
     return node.boundVariables?.strokes?.[0];
 }
 
-function createValueResolver({ variableService, variableNameFormatter, styleService, styleNameFormatter, rawValueFormatters }) {
+function createValueResolver({ variableService, variableNameFormatter, styleService, styleNameFormatter, rawValueFormatters, shouldInferVariableName }) {
     function getVariableName(key) {
         const slug = variableService.getSlug(key);
         if (!slug) {
@@ -549,7 +538,6 @@ function createValueResolver({ variableService, variableNameFormatter, styleServ
         });
     }
     function inferVariableName(value, scope) {
-        const { shouldInferVariableName } = useCodegenOptions();
         if (!shouldInferVariableName) {
             return undefined;
         }
@@ -651,189 +639,6 @@ function createValueResolver({ variableService, variableNameFormatter, styleServ
     };
 }
 
-function createFrameTransformer({ propsConverters }) {
-    return defineElementTransformer((node, traverse)=>{
-        const children = node.children;
-        const props = {
-            ...propsConverters.radius(node),
-            ...propsConverters.containerLayout(node),
-            ...propsConverters.selfLayout(node),
-            ...propsConverters.frameFill(node),
-            ...propsConverters.stroke(node)
-        };
-        return createElement("Frame", props, children.map((child)=>traverse(child)));
-    });
-}
-
-function createInstanceTransformer({ frameTransformer }) {
-    const transform = defineElementTransformer((node, traverse)=>{
-        return frameTransformer(node, traverse);
-    });
-    return transform;
-}
-
-function createContainerLayoutPropsConverter(valueResolver) {
-    return createPropsConverter({
-        handlers: {
-            layoutMode: ({ layoutMode })=>layoutMode ?? "NONE",
-            primaryAxisAlignItems: ({ primaryAxisAlignItems })=>primaryAxisAlignItems,
-            counterAxisAlignItems: ({ counterAxisAlignItems })=>counterAxisAlignItems,
-            layoutWrap: ({ layoutWrap })=>layoutWrap,
-            itemSpacing: (node)=>valueResolver.getFormattedValue.itemSpacing(node),
-            paddingTop: (node)=>valueResolver.getFormattedValue.paddingTop(node),
-            paddingBottom: (node)=>valueResolver.getFormattedValue.paddingBottom(node),
-            paddingLeft: (node)=>valueResolver.getFormattedValue.paddingLeft(node),
-            paddingRight: (node)=>valueResolver.getFormattedValue.paddingRight(node)
-        },
-        shorthands: {
-            horizontalPadding: [
-                "paddingLeft",
-                "paddingRight"
-            ],
-            verticalPadding: [
-                "paddingTop",
-                "paddingBottom"
-            ]
-        },
-        defaults: {}
-    });
-}
-function createSelfLayoutPropsConverter(valueResolver) {
-    return createPropsConverter({
-        handlers: {
-            layoutGrow: ({ layoutGrow })=>layoutGrow,
-            layoutAlign: ({ layoutAlign })=>layoutAlign,
-            layoutSizingVertical: ({ layoutSizingVertical })=>layoutSizingVertical,
-            layoutSizingHorizontal: ({ layoutSizingHorizontal })=>layoutSizingHorizontal,
-            width: (node)=>valueResolver.getFormattedValue.width(node),
-            height: (node)=>valueResolver.getFormattedValue.height(node),
-            minWidth: (node)=>valueResolver.getFormattedValue.minWidth(node),
-            minHeight: (node)=>valueResolver.getFormattedValue.minHeight(node),
-            maxWidth: (node)=>valueResolver.getFormattedValue.maxWidth(node),
-            maxHeight: (node)=>valueResolver.getFormattedValue.maxHeight(node)
-        },
-        defaults: {}
-    });
-}
-function createRadiusPropsConverter(valueResolver) {
-    return createPropsConverter({
-        handlers: {
-            topLeftRadius: (node)=>valueResolver.getFormattedValue.topLeftRadius(node),
-            topRightRadius: (node)=>valueResolver.getFormattedValue.topRightRadius(node),
-            bottomLeftRadius: (node)=>valueResolver.getFormattedValue.bottomLeftRadius(node),
-            bottomRightRadius: (node)=>valueResolver.getFormattedValue.bottomRightRadius(node)
-        },
-        shorthands: {
-            cornerRadius: [
-                "topLeftRadius",
-                "topRightRadius",
-                "bottomLeftRadius",
-                "bottomRightRadius"
-            ]
-        },
-        defaults: {
-            cornerRadius: 0,
-            topLeftRadius: 0,
-            topRightRadius: 0,
-            bottomLeftRadius: 0,
-            bottomRightRadius: 0
-        }
-    });
-}
-function createFrameFillPropsConverter(valueResolver) {
-    return definePropsConverter((node)=>{
-        const fill = valueResolver.getFormattedValue.frameFill(node);
-        return {
-            fill
-        };
-    });
-}
-function createShapeFillPropsConverter(valueResolver) {
-    return definePropsConverter((node)=>{
-        const fill = valueResolver.getFormattedValue.shapeFill(node);
-        return {
-            fill
-        };
-    });
-}
-function createTextFillPropsConverter(valueResolver) {
-    return definePropsConverter((node)=>{
-        const fill = valueResolver.getFormattedValue.textFill(node);
-        return {
-            fill
-        };
-    });
-}
-function createStrokePropsConverter(valueResolver) {
-    return definePropsConverter((node)=>{
-        const stroke = valueResolver.getFormattedValue.stroke(node);
-        const strokeWeight = node.strokeWeight;
-        return {
-            stroke,
-            strokeWeight
-        };
-    });
-}
-function createTypeStylePropsConverter(valueResolver) {
-    return definePropsConverter((node)=>{
-        const styleName = valueResolver.getTextStyleValue(node);
-        const maxLines = node.style.textTruncation === "ENDING" ? node.style.maxLines ?? undefined : undefined;
-        if (styleName) {
-            return {
-                textStyle: styleName,
-                maxLines
-            };
-        }
-        return {
-            fontSize: valueResolver.getFormattedValue.fontSize(node),
-            fontWeight: valueResolver.getFormattedValue.fontWeight(node),
-            lineHeight: valueResolver.getFormattedValue.lineHeight(node),
-            maxLines
-        };
-    });
-}
-
-function createRectangleTransformer({ propsConverters }) {
-    return defineElementTransformer((node)=>{
-        return createElement("Rectangle", {
-            ...propsConverters.selfLayout(node)
-        });
-    });
-}
-function createVectorTransformer({ propsConverters }) {
-    return defineElementTransformer((node)=>{
-        return createElement("Vector", {
-            ...propsConverters.selfLayout(node),
-            ...propsConverters.radius(node),
-            ...propsConverters.stroke(node),
-            ...propsConverters.shapeFill(node)
-        }, [], "Vector Node Placeholder");
-    });
-}
-function createBooleanOperationTransformer({ propsConverters }) {
-    return defineElementTransformer((node, traverse)=>{
-        return createElement("BooleanOperation", {
-            ...propsConverters.selfLayout(node),
-            ...propsConverters.radius(node),
-            ...propsConverters.stroke(node),
-            ...propsConverters.shapeFill(node)
-        }, node.children.map(traverse));
-    });
-}
-
-function createTextTransformer({ propsConverters }) {
-    return defineElementTransformer((node)=>{
-        const hasMultipleFills = node.fills.length > 1;
-        const fillProps = propsConverters.textFill(node);
-        const typeStyleProps = propsConverters.typeStyle(node);
-        const props = compactObject({
-            ...typeStyleProps,
-            ...fillProps
-        });
-        return createElement("Text", props, node.characters, hasMultipleFills ? "Multiple fills in Text node encountered, only the first fill is used." : "");
-    });
-}
-
 const FIGMA_TEXT_STYLES = [
     {
         styleType: "TEXT",
@@ -7918,6 +7723,189 @@ const variableService = createVariableService({
     }
 });
 
+function createFrameTransformer({ propsConverters }) {
+    return defineElementTransformer((node, traverse)=>{
+        const children = node.children;
+        const props = {
+            ...propsConverters.radius(node),
+            ...propsConverters.containerLayout(node),
+            ...propsConverters.selfLayout(node),
+            ...propsConverters.frameFill(node),
+            ...propsConverters.stroke(node)
+        };
+        return createElement("Frame", props, children.map((child)=>traverse(child)));
+    });
+}
+
+function createInstanceTransformer({ frameTransformer }) {
+    const transform = defineElementTransformer((node, traverse)=>{
+        return frameTransformer(node, traverse);
+    });
+    return transform;
+}
+
+function createContainerLayoutPropsConverter(valueResolver) {
+    return createPropsConverter({
+        handlers: {
+            layoutMode: ({ layoutMode })=>layoutMode ?? "NONE",
+            primaryAxisAlignItems: ({ primaryAxisAlignItems })=>primaryAxisAlignItems,
+            counterAxisAlignItems: ({ counterAxisAlignItems })=>counterAxisAlignItems,
+            layoutWrap: ({ layoutWrap })=>layoutWrap,
+            itemSpacing: (node)=>valueResolver.getFormattedValue.itemSpacing(node),
+            paddingTop: (node)=>valueResolver.getFormattedValue.paddingTop(node),
+            paddingBottom: (node)=>valueResolver.getFormattedValue.paddingBottom(node),
+            paddingLeft: (node)=>valueResolver.getFormattedValue.paddingLeft(node),
+            paddingRight: (node)=>valueResolver.getFormattedValue.paddingRight(node)
+        },
+        shorthands: {
+            horizontalPadding: [
+                "paddingLeft",
+                "paddingRight"
+            ],
+            verticalPadding: [
+                "paddingTop",
+                "paddingBottom"
+            ]
+        },
+        defaults: {}
+    });
+}
+function createSelfLayoutPropsConverter(valueResolver) {
+    return createPropsConverter({
+        handlers: {
+            layoutGrow: ({ layoutGrow })=>layoutGrow,
+            layoutAlign: ({ layoutAlign })=>layoutAlign,
+            layoutSizingVertical: ({ layoutSizingVertical })=>layoutSizingVertical,
+            layoutSizingHorizontal: ({ layoutSizingHorizontal })=>layoutSizingHorizontal,
+            width: (node)=>valueResolver.getFormattedValue.width(node),
+            height: (node)=>valueResolver.getFormattedValue.height(node),
+            minWidth: (node)=>valueResolver.getFormattedValue.minWidth(node),
+            minHeight: (node)=>valueResolver.getFormattedValue.minHeight(node),
+            maxWidth: (node)=>valueResolver.getFormattedValue.maxWidth(node),
+            maxHeight: (node)=>valueResolver.getFormattedValue.maxHeight(node)
+        },
+        defaults: {}
+    });
+}
+function createRadiusPropsConverter(valueResolver) {
+    return createPropsConverter({
+        handlers: {
+            topLeftRadius: (node)=>valueResolver.getFormattedValue.topLeftRadius(node),
+            topRightRadius: (node)=>valueResolver.getFormattedValue.topRightRadius(node),
+            bottomLeftRadius: (node)=>valueResolver.getFormattedValue.bottomLeftRadius(node),
+            bottomRightRadius: (node)=>valueResolver.getFormattedValue.bottomRightRadius(node)
+        },
+        shorthands: {
+            cornerRadius: [
+                "topLeftRadius",
+                "topRightRadius",
+                "bottomLeftRadius",
+                "bottomRightRadius"
+            ]
+        },
+        defaults: {
+            cornerRadius: 0,
+            topLeftRadius: 0,
+            topRightRadius: 0,
+            bottomLeftRadius: 0,
+            bottomRightRadius: 0
+        }
+    });
+}
+function createFrameFillPropsConverter(valueResolver) {
+    return definePropsConverter((node)=>{
+        const fill = valueResolver.getFormattedValue.frameFill(node);
+        return {
+            fill
+        };
+    });
+}
+function createShapeFillPropsConverter(valueResolver) {
+    return definePropsConverter((node)=>{
+        const fill = valueResolver.getFormattedValue.shapeFill(node);
+        return {
+            fill
+        };
+    });
+}
+function createTextFillPropsConverter(valueResolver) {
+    return definePropsConverter((node)=>{
+        const fill = valueResolver.getFormattedValue.textFill(node);
+        return {
+            fill
+        };
+    });
+}
+function createStrokePropsConverter(valueResolver) {
+    return definePropsConverter((node)=>{
+        const stroke = valueResolver.getFormattedValue.stroke(node);
+        const strokeWeight = node.strokeWeight;
+        return {
+            stroke,
+            strokeWeight
+        };
+    });
+}
+function createTypeStylePropsConverter(valueResolver) {
+    return definePropsConverter((node)=>{
+        const styleName = valueResolver.getTextStyleValue(node);
+        const maxLines = node.style.textTruncation === "ENDING" ? node.style.maxLines ?? undefined : undefined;
+        if (styleName) {
+            return {
+                textStyle: styleName,
+                maxLines
+            };
+        }
+        return {
+            fontSize: valueResolver.getFormattedValue.fontSize(node),
+            fontWeight: valueResolver.getFormattedValue.fontWeight(node),
+            lineHeight: valueResolver.getFormattedValue.lineHeight(node),
+            maxLines
+        };
+    });
+}
+
+function createRectangleTransformer({ propsConverters }) {
+    return defineElementTransformer((node)=>{
+        return createElement("Rectangle", {
+            ...propsConverters.selfLayout(node)
+        });
+    });
+}
+function createVectorTransformer({ propsConverters }) {
+    return defineElementTransformer((node)=>{
+        return createElement("Vector", {
+            ...propsConverters.selfLayout(node),
+            ...propsConverters.radius(node),
+            ...propsConverters.stroke(node),
+            ...propsConverters.shapeFill(node)
+        }, [], "Vector Node Placeholder");
+    });
+}
+function createBooleanOperationTransformer({ propsConverters }) {
+    return defineElementTransformer((node, traverse)=>{
+        return createElement("BooleanOperation", {
+            ...propsConverters.selfLayout(node),
+            ...propsConverters.radius(node),
+            ...propsConverters.stroke(node),
+            ...propsConverters.shapeFill(node)
+        }, node.children.map(traverse));
+    });
+}
+
+function createTextTransformer({ propsConverters }) {
+    return defineElementTransformer((node)=>{
+        const hasMultipleFills = node.fills.length > 1;
+        const fillProps = propsConverters.textFill(node);
+        const typeStyleProps = propsConverters.typeStyle(node);
+        const props = compactObject({
+            ...typeStyleProps,
+            ...fillProps
+        });
+        return createElement("Text", props, node.characters, hasMultipleFills ? "Multiple fills in Text node encountered, only the first fill is used." : "");
+    });
+}
+
 function toCssRgba(color) {
     if (color.a === 1) {
         return `rgb(${Math.round(color.r * 255)}, ${Math.round(color.g * 255)}, ${Math.round(color.b * 255)})`;
@@ -7925,20 +7913,25 @@ function toCssRgba(color) {
     return `rgba(${Math.round(color.r * 255)}, ${Math.round(color.g * 255)}, ${Math.round(color.b * 255)}, ${color.a})`;
 }
 
-const valueResolver = createValueResolver({
-    variableService,
-    variableNameFormatter: ({ slug })=>slug.filter((s)=>s !== "dimension").map((s)=>s.replaceAll(",", "_")).join("/"),
-    styleService,
-    styleNameFormatter: ({ slug })=>slug[slug.length - 1],
-    rawValueFormatters: {
-        color: (value)=>toCssRgba(value),
-        dimension: (value)=>value,
-        fontDimension: (value)=>value,
-        fontWeight: (value)=>value
-    }
-});
+const defaultVariableNameFormatter = ({ slug })=>slug.filter((s)=>s !== "dimension").map((s)=>s.replaceAll(",", "_")).join("/");
+const defaultStyleNameFormatter = ({ slug })=>slug[slug.length - 1];
+const defaultRawValueFormatters = {
+    color: (value)=>toCssRgba(value),
+    dimension: (value)=>value,
+    fontDimension: (value)=>value,
+    fontWeight: (value)=>value
+};
 
-function createPipeline() {
+function createPipeline(options = {}) {
+    const { shouldInferAutoLayout = true, shouldInferVariableName = true } = options;
+    const valueResolver = createValueResolver({
+        variableService,
+        variableNameFormatter: defaultVariableNameFormatter,
+        styleService,
+        styleNameFormatter: defaultStyleNameFormatter,
+        rawValueFormatters: defaultRawValueFormatters,
+        shouldInferVariableName
+    });
     const containerLayoutPropsConverter = createContainerLayoutPropsConverter(valueResolver);
     const selfLayoutPropsConverter = createSelfLayoutPropsConverter(valueResolver);
     const frameFillPropsConverter = createFrameFillPropsConverter(valueResolver);
@@ -7981,7 +7974,8 @@ function createPipeline() {
         rectangleTransformer,
         instanceTransformer,
         vectorTransformer,
-        booleanOperationTransformer
+        booleanOperationTransformer,
+        shouldInferAutoLayout
     });
     return codegenTransformer;
 }
@@ -8016,4 +8010,3 @@ exports.defineElementTransformer = defineElementTransformer;
 exports.definePropsConverter = definePropsConverter;
 exports.figma = index;
 exports.inferLayout = inferLayout;
-exports.useCodegenOptions = useCodegenOptions;

package/lib/codegen/index.d.ts

@@ -72,12 +72,6 @@ interface NormalizedUnhandledNode {
 }
 type NormalizedSceneNode = NormalizedFrameNode | NormalizedRectangleNode | NormalizedTextNode | NormalizedComponentNode | NormalizedInstanceNode | NormalizedVectorNode | NormalizedBooleanOperationNode | NormalizedUnhandledNode;
 
-interface CodegenOptions {
-    shouldInferAutoLayout: boolean;
-    shouldInferVariableName: boolean;
-}
-declare function useCodegenOptions(): CodegenOptions;
-
 interface ElementNode {
     __IS_JSX_ELEMENT_NODE: true;
     tag: string;
@@ -108,10 +102,11 @@ interface CodeGeneratorDeps {
     instanceTransformer: ElementTransformer<NormalizedInstanceNode>;
     vectorTransformer: ElementTransformer<NormalizedVectorNode>;
     booleanOperationTransformer: ElementTransformer<NormalizedBooleanOperationNode>;
+    shouldInferAutoLayout: boolean;
 }
-declare function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, }: CodeGeneratorDeps): {
-    generateJsxTree: (node: NormalizedSceneNode, options: CodegenOptions) => any;
-    generateCode: (node: NormalizedSceneNode, options: CodegenOptions & {
+declare function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout, }: CodeGeneratorDeps): {
+    generateJsxTree: (node: NormalizedSceneNode) => ElementNode | undefined;
+    generateCode: (node: NormalizedSceneNode, options: {
         shouldPrintSource: boolean;
     }) => string | undefined;
 };
@@ -218,8 +213,9 @@ interface ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight> {
         fontDimension: (value: number) => string | TFontDimension;
         fontWeight: (value: number) => string | TFontWeight;
     };
+    shouldInferVariableName: boolean;
 }
-declare function createValueResolver<TColor, TDimension, TFontDimension, TFontWeight>({ variableService, variableNameFormatter, styleService, styleNameFormatter, rawValueFormatters, }: ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight>): ValueResolver<TColor, TDimension, TFontDimension, TFontWeight>;
+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";
@@ -1676,9 +1672,13 @@ type AppBarRightProperties = InferComponentDefinition<{
     };
 }>;
 
-declare function createPipeline(): {
-    generateJsxTree: (node: ________.NormalizedSceneNode, options: CodegenOptions) => any;
-    generateCode: (node: ________.NormalizedSceneNode, options: CodegenOptions & {
+interface CreatePipelineConfig {
+    shouldInferAutoLayout?: boolean;
+    shouldInferVariableName?: boolean;
+}
+declare function createPipeline(options?: CreatePipelineConfig): {
+    generateJsxTree: (node: ________.NormalizedSceneNode) => ElementNode | undefined;
+    generateCode: (node: ________.NormalizedSceneNode, options: {
         shouldPrintSource: boolean;
     }) => string | undefined;
 };
@@ -1787,6 +1787,7 @@ declare function createTextTransformer({ propsConverters, }: TextTransformerDeps
 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;
@@ -1820,8 +1821,8 @@ declare const index_createTypeStylePropsConverter: typeof createTypeStylePropsCo
 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_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 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, useCodegenOptions };
-export type { ActionButtonProperties, ActionChipProperties, ActionSheetItemProperties, ActionSheetProperties, AppBarLeftProperties, AppBarMainProperties, AppBarProperties, AppBarRightProperties, AvatarProperties, AvatarStackProperties, BadgeProperties, CalloutProperties, CheckboxProperties, ChipTabsItemProperties, ChipTabsProperties, CodeGeneratorDeps, CodegenOptions, 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 };
+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 };