trix-ui 0.0.1

package/dist/utils/transformers/transform-icons.js

@@ -0,0 +1,165 @@
+import { iconLibraries } from "../../icons/libraries.js";
+import { SyntaxKind } from "ts-morph";
+export const transformIcons = async ({ sourceFile, config }) => {
+    const iconLibrary = config.iconLibrary;
+    // Fail silently if the icon library is not supported.
+    // This is for legacy icon libraries.
+    if (!iconLibrary || !(iconLibrary in iconLibraries)) {
+        return sourceFile;
+    }
+    const targetLibrary = iconLibrary;
+    const libraryConfig = iconLibraries[targetLibrary];
+    let transformedIcons = [];
+    for (const element of sourceFile.getDescendantsOfKind(SyntaxKind.JsxSelfClosingElement)) {
+        if (element.getTagNameNode()?.getText() !== "IconPlaceholder") {
+            continue;
+        }
+        // Find the library-specific prop (e.g., "lucide", "tabler", "hugeicons")
+        const libraryPropAttr = element.getAttributes().find((attr) => {
+            if (attr.getKind() !== SyntaxKind.JsxAttribute) {
+                return false;
+            }
+            const jsxAttr = attr.asKindOrThrow(SyntaxKind.JsxAttribute);
+            return jsxAttr.getNameNode().getText() === targetLibrary;
+        });
+        if (!libraryPropAttr) {
+            continue; // No icon specified for this library
+        }
+        const jsxIconAttr = libraryPropAttr.asKindOrThrow(SyntaxKind.JsxAttribute);
+        const targetIconName = jsxIconAttr
+            .getInitializer()
+            ?.getText()
+            .replace(/^["']|["']$/g, "");
+        if (!targetIconName) {
+            continue;
+        }
+        if (!transformedIcons.includes(targetIconName)) {
+            transformedIcons.push(targetIconName);
+        }
+        const usage = libraryConfig.usage;
+        const usageMatch = usage.match(/<(\w+)([^>]*)\s*\/>/);
+        // Remove the library-specific prop
+        jsxIconAttr.remove();
+        // Remove all other library-specific props
+        for (const attr of element.getAttributes()) {
+            if (attr.getKind() !== SyntaxKind.JsxAttribute) {
+                continue;
+            }
+            const jsxAttr = attr.asKindOrThrow(SyntaxKind.JsxAttribute);
+            const attrName = jsxAttr.getNameNode().getText();
+            // Filter out library-specific props (lucide, tabler, hugeicons, etc.)
+            if (attrName in iconLibraries) {
+                jsxAttr.remove();
+            }
+        }
+        if (!usageMatch) {
+            element.getTagNameNode()?.replaceWithText(targetIconName);
+            continue;
+        }
+        const [, componentName, defaultPropsStr] = usageMatch;
+        if (componentName === "ICON") {
+            // Get remaining user attributes (non-library props)
+            const userAttributes = element
+                .getAttributes()
+                .filter((attr) => {
+                if (attr.getKind() !== SyntaxKind.JsxAttribute) {
+                    return true;
+                }
+                const jsxAttr = attr.asKindOrThrow(SyntaxKind.JsxAttribute);
+                const attrName = jsxAttr.getNameNode().getText();
+                // Filter out library-specific props (lucide, tabler, hugeicons, etc.)
+                return !(attrName in iconLibraries);
+            })
+                .map((attr) => attr.getText())
+                .join(" ");
+            if (userAttributes.trim()) {
+                element.replaceWithText(`<${targetIconName} ${userAttributes} />`);
+            }
+            else {
+                element.getTagNameNode()?.replaceWithText(targetIconName);
+            }
+        }
+        else {
+            const existingPropNames = new Set(element
+                .getAttributes()
+                .filter((attr) => attr.getKind() === SyntaxKind.JsxAttribute)
+                .map((attr) => attr.asKindOrThrow(SyntaxKind.JsxAttribute).getNameNode().getText()));
+            // Replace ICON placeholder in defaultPropsStr with actual icon name
+            const defaultPropsWithIcon = defaultPropsStr.replace(/\{ICON\}/g, `{${targetIconName}}`);
+            const defaultPropsToAdd = defaultPropsWithIcon
+                .trim()
+                .split(/\s+(?=\w+=)/)
+                .filter((prop) => prop)
+                .map((prop) => {
+                const propName = prop.split("=")[0];
+                return propName && !existingPropNames.has(propName) ? prop : null;
+            })
+                .filter(Boolean);
+            const userAttributes = element
+                .getAttributes()
+                .filter((attr) => {
+                if (attr.getKind() !== SyntaxKind.JsxAttribute) {
+                    return true;
+                }
+                const jsxAttr = attr.asKindOrThrow(SyntaxKind.JsxAttribute);
+                const attrName = jsxAttr.getNameNode().getText();
+                // Filter out library-specific props (lucide, tabler, hugeicons, etc.)
+                return !(attrName in iconLibraries);
+            })
+                .map((attr) => attr.getText())
+                .join(" ");
+            const allProps = [...defaultPropsToAdd, userAttributes]
+                .filter(Boolean)
+                .join(" ");
+            element.replaceWithText(`<${componentName} ${allProps} />`);
+        }
+    }
+    for (const importDeclaration of sourceFile.getImportDeclarations() ?? []) {
+        const moduleSpecifier = importDeclaration.getModuleSpecifier()?.getText();
+        if (moduleSpecifier?.includes("icon-placeholder")) {
+            const namedImports = importDeclaration.getNamedImports() ?? [];
+            const iconPlaceholderImport = namedImports.find((specifier) => specifier.getName() === "IconPlaceholder");
+            if (iconPlaceholderImport) {
+                iconPlaceholderImport.remove();
+            }
+            if (importDeclaration.getNamedImports()?.length === 0) {
+                importDeclaration.remove();
+            }
+        }
+    }
+    if (transformedIcons.length > 0) {
+        const importStatements = libraryConfig.import.split("\n");
+        const addedImports = [];
+        for (const importStmt of importStatements) {
+            const importMatch = importStmt.match(/import\s+{([^}]+)}\s+from\s+['"]([^'"]+)['"]/);
+            if (!importMatch)
+                continue;
+            const [, importedNames, modulePath] = importMatch;
+            const namedImports = importedNames
+                .split(",")
+                .map((name) => name.trim())
+                .map((name) => {
+                if (name === "ICON") {
+                    return transformedIcons.map((icon) => ({ name: icon }));
+                }
+                return { name };
+            })
+                .flat();
+            const newImport = sourceFile.addImportDeclaration({
+                moduleSpecifier: modulePath,
+                namedImports,
+            });
+            addedImports.push(newImport);
+        }
+        if (!_useSemicolon(sourceFile)) {
+            for (const importDecl of addedImports) {
+                importDecl.replaceWithText(importDecl.getText().replace(";", ""));
+            }
+        }
+    }
+    return sourceFile;
+};
+function _useSemicolon(sourceFile) {
+    return (sourceFile.getImportDeclarations()?.[0]?.getText().endsWith(";") ?? false);
+}
+//# sourceMappingURL=transform-icons.js.map

package/dist/utils/transformers/transform-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-icons.js","sourceRoot":"","sources":["../../../src/utils/transformers/transform-icons.ts"],"names":[],"mappings":"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"}

package/dist/utils/transformers/transform-menu.d.ts

@@ -0,0 +1,2 @@
+import { Transformer } from "./types.js";
+export declare const transformMenu: Transformer;

package/dist/utils/transformers/transform-menu.js

@@ -0,0 +1,40 @@
+import { SyntaxKind } from "ts-morph";
+// Transforms cn-menu-target class based on config.menuColor.
+// If menuColor is "inverted", replaces cn-menu-target with "dark".
+// Otherwise, removes cn-menu-target entirely.
+export const transformMenu = async ({ sourceFile, config }) => {
+    const menuColor = config.menuColor;
+    // If menuColor is not set or is "default", we remove the placeholder.
+    const replacement = menuColor === "inverted" ? "dark" : "";
+    for (const attr of sourceFile.getDescendantsOfKind(SyntaxKind.JsxAttribute)) {
+        const attrName = attr.getNameNode().getText();
+        if (attrName !== "className") {
+            continue;
+        }
+        const initializer = attr.getInitializer();
+        if (!initializer) {
+            continue;
+        }
+        const text = initializer.getText();
+        if (!text.includes("cn-menu-target")) {
+            continue;
+        }
+        // Replace cn-menu-target with the replacement value.
+        let newText = text.replace(/cn-menu-target/g, replacement);
+        // Clean up extra spaces if we removed the class.
+        if (!replacement) {
+            // Remove double spaces.
+            newText = newText.replace(/\s{2,}/g, " ");
+            // Clean up leading/trailing spaces in strings.
+            newText = newText.replace(/"\s+/g, '"');
+            newText = newText.replace(/\s+"/g, '"');
+            // Clean up empty strings in cn() calls.
+            newText = newText.replace(/,\s*""\s*,/g, ",");
+            newText = newText.replace(/\(\s*""\s*,/g, "(");
+            newText = newText.replace(/,\s*""\s*\)/g, ")");
+        }
+        attr.setInitializer(newText);
+    }
+    return sourceFile;
+};
+//# sourceMappingURL=transform-menu.js.map

package/dist/utils/transformers/transform-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-menu.js","sourceRoot":"","sources":["../../../src/utils/transformers/transform-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,6DAA6D;AAC7D,mEAAmE;AACnE,8CAA8C;AAC9C,MAAM,CAAC,MAAM,aAAa,GAAgB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;IAElC,sEAAsE;IACtE,MAAM,WAAW,GAAG,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAE1D,KAAK,MAAM,IAAI,IAAI,UAAU,CAAC,oBAAoB,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QAC5E,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAA;QAC7C,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YAC7B,SAAQ;QACV,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QACzC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,SAAQ;QACV,CAAC;QAED,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,EAAE,CAAA;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACrC,SAAQ;QACV,CAAC;QAED,qDAAqD;QACrD,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;QAE1D,iDAAiD;QACjD,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,wBAAwB;YACxB,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;YACzC,+CAA+C;YAC/C,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;YACvC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;YACvC,wCAAwC;YACxC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;YAC7C,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;YAC9C,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QAChD,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/dist/utils/transformers/transform-render.d.ts

@@ -0,0 +1,2 @@
+import { Transformer } from "./types.js";
+export declare const transformRender: Transformer;

package/dist/utils/transformers/transform-render.js

@@ -0,0 +1,98 @@
+import { SyntaxKind } from "ts-morph";
+export const transformRender = async ({ sourceFile, config }) => {
+    // Only run for base- styles.
+    if (!config.style?.startsWith("base-")) {
+        return sourceFile;
+    }
+    // Collect all transformations first, then apply them in reverse order.
+    // This prevents issues with invalidated nodes when modifying the tree.
+    const transformations = [];
+    // Find all JSX elements with render attribute.
+    const jsxElements = sourceFile.getDescendantsOfKind(SyntaxKind.JsxElement);
+    for (const jsxElement of jsxElements) {
+        const openingElement = jsxElement.getOpeningElement();
+        const renderAttr = openingElement.getAttribute("render");
+        if (!renderAttr) {
+            continue;
+        }
+        // Get the children of the parent element.
+        const children = jsxElement.getJsxChildren();
+        const childrenText = children
+            .map((c) => c.getText())
+            .join("")
+            .trim();
+        // If there are no children, nothing to transform.
+        if (!childrenText) {
+            continue;
+        }
+        // Get the render attribute value.
+        if (renderAttr.getKind() !== SyntaxKind.JsxAttribute) {
+            continue;
+        }
+        const jsxAttr = renderAttr.asKindOrThrow(SyntaxKind.JsxAttribute);
+        const initializer = jsxAttr.getInitializer();
+        if (!initializer) {
+            continue;
+        }
+        // The render value should be a JSX expression like {<Button />}.
+        if (initializer.getKind() !== SyntaxKind.JsxExpression) {
+            continue;
+        }
+        const jsxExpression = initializer.asKindOrThrow(SyntaxKind.JsxExpression);
+        const expression = jsxExpression.getExpression();
+        if (!expression) {
+            continue;
+        }
+        // Check if the expression is a self-closing JSX element.
+        if (expression.getKind() !== SyntaxKind.JsxSelfClosingElement) {
+            // If it's already a full JSX element with children, skip it.
+            continue;
+        }
+        const selfClosingElement = expression.asKindOrThrow(SyntaxKind.JsxSelfClosingElement);
+        const tagName = selfClosingElement.getTagNameNode().getText();
+        const attributes = selfClosingElement
+            .getAttributes()
+            .map((attr) => attr.getText())
+            .join(" ");
+        // Build new render prop value with children moved inside.
+        const newRenderValue = attributes
+            ? `{<${tagName} ${attributes}>${childrenText}</${tagName}>}`
+            : `{<${tagName}>${childrenText}</${tagName}>}`;
+        // Get the parent tag name and other attributes.
+        const parentTagName = openingElement.getTagNameNode().getText();
+        const otherAttrs = openingElement
+            .getAttributes()
+            .filter((attr) => {
+            if (attr.getKind() === SyntaxKind.JsxAttribute) {
+                const attrName = attr
+                    .asKindOrThrow(SyntaxKind.JsxAttribute)
+                    .getNameNode()
+                    .getText();
+                return attrName !== "render";
+            }
+            return true;
+        })
+            .map((attr) => attr.getText())
+            .join(" ");
+        // Build new element text as self-closing since children are now in render.
+        const newAttrs = otherAttrs
+            ? `${otherAttrs} render=${newRenderValue}`
+            : `render=${newRenderValue}`;
+        const newElementText = `<${parentTagName} ${newAttrs} />`;
+        transformations.push({
+            elementStart: jsxElement.getStart(),
+            elementEnd: jsxElement.getEnd(),
+            newText: newElementText,
+        });
+    }
+    // Apply transformations in reverse order to preserve positions.
+    for (const info of transformations.reverse()) {
+        const fullText = sourceFile.getFullText();
+        const newFullText = fullText.substring(0, info.elementStart) +
+            info.newText +
+            fullText.substring(info.elementEnd);
+        sourceFile.replaceWithText(newFullText);
+    }
+    return sourceFile;
+};
+//# sourceMappingURL=transform-render.js.map

package/dist/utils/transformers/transform-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-render.js","sourceRoot":"","sources":["../../../src/utils/transformers/transform-render.ts"],"names":[],"mappings":"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"}

package/dist/utils/transformers/types.d.ts

@@ -0,0 +1,14 @@
+import type { SourceFile } from "ts-morph";
+export type TransformConfig = {
+    iconLibrary?: string;
+    menuColor?: string;
+    style?: string;
+};
+export type TransformOpts = {
+    filename: string;
+    raw: string;
+    config: TransformConfig;
+};
+export type Transformer<Output = SourceFile> = (opts: TransformOpts & {
+    sourceFile: SourceFile;
+}) => Promise<Output>;

package/dist/utils/transformers/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/utils/transformers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/transformers/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "trix-ui",
+  "version": "0.0.1",
+  "description": "Lite UI CLI, registry tooling, and templates.",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./schema": {
+      "types": "./dist/schema/index.d.ts",
+      "default": "./dist/schema/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "default": "./dist/icons/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
+    },
+    "./tailwind.css": {
+      "style": "./tailwind.css"
+    }
+  },
+  "bin": {
+    "ui": "dist/index.js",
+    "trix-ui": "dist/index.js"
+  },
+  "files": [
+    "dist",
+    "registry",
+    "templates",
+    "tailwind.css",
+    "README.md"
+  ],
+  "dependencies": {
+    "commander": "^14.0.2",
+    "eslint-plugin-tailwindcss": "3.18.2",
+    "postcss": "^8.5.6",
+    "postcss-selector-parser": "^7.1.1",
+    "ts-morph": "^27.0.2",
+    "zod": "^4.3.5"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.9",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "node --enable-source-maps --import tsx src/index.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "pub:beta": "pnpm build && pnpm publish --no-git-checks --access public --tag beta",
+    "pub:release": "pnpm build && pnpm publish --access public"
+  }
+}

package/registry/index.json

@@ -0,0 +1,242 @@
+{
+  "version": 1,
+  "components": [
+    {
+      "name": "button",
+      "description": "Button with variants and focus ring.",
+      "files": [
+        {
+          "source": "components/ui/button.tsx",
+          "target": "{{components}}/button.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "input",
+      "description": "Text input with consistent focus styles.",
+      "files": [
+        {
+          "source": "components/ui/input.tsx",
+          "target": "{{components}}/input.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "textarea",
+      "description": "Textarea with consistent focus styles.",
+      "files": [
+        {
+          "source": "components/ui/textarea.tsx",
+          "target": "{{components}}/textarea.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "select",
+      "description": "Native select styled for Tailwind.",
+      "files": [
+        {
+          "source": "components/ui/select.tsx",
+          "target": "{{components}}/select.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "checkbox",
+      "description": "Accessible checkbox built on Radix.",
+      "files": [
+        {
+          "source": "components/ui/checkbox.tsx",
+          "target": "{{components}}/checkbox.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": [
+          "@radix-ui/react-checkbox",
+          "clsx",
+          "tailwind-merge"
+        ]
+      }
+    },
+    {
+      "name": "switch",
+      "description": "Accessible switch built on Radix.",
+      "files": [
+        {
+          "source": "components/ui/switch.tsx",
+          "target": "{{components}}/switch.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["@radix-ui/react-switch", "clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "card",
+      "description": "Card container with header/content/footer.",
+      "files": [
+        {
+          "source": "components/ui/card.tsx",
+          "target": "{{components}}/card.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "badge",
+      "description": "Badge with variants.",
+      "files": [
+        {
+          "source": "components/ui/badge.tsx",
+          "target": "{{components}}/badge.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "dialog",
+      "description": "Dialog using Radix primitives.",
+      "files": [
+        {
+          "source": "components/ui/dialog.tsx",
+          "target": "{{components}}/dialog.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["@radix-ui/react-dialog", "clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "dropdown",
+      "description": "Dropdown menu using Radix primitives.",
+      "files": [
+        {
+          "source": "components/ui/dropdown.tsx",
+          "target": "{{components}}/dropdown.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": [
+          "@radix-ui/react-dropdown-menu",
+          "clsx",
+          "tailwind-merge"
+        ]
+      }
+    },
+    {
+      "name": "tabs",
+      "description": "Tabs using Radix primitives.",
+      "files": [
+        {
+          "source": "components/ui/tabs.tsx",
+          "target": "{{components}}/tabs.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["@radix-ui/react-tabs", "clsx", "tailwind-merge"]
+      }
+    },
+    {
+      "name": "toast",
+      "description": "Toast primitives using Radix.",
+      "files": [
+        {
+          "source": "components/ui/toast.tsx",
+          "target": "{{components}}/toast.tsx"
+        }
+      ],
+      "dependencies": {
+        "npm": ["@radix-ui/react-toast", "clsx", "tailwind-merge"]
+      }
+    }
+  ],
+  "sections": [
+    {
+      "name": "hero",
+      "description": "Hero section with headline, bullets, and CTAs.",
+      "files": [
+        {
+          "source": "sections/hero.tsx",
+          "target": "{{sections}}/hero.tsx"
+        }
+      ],
+      "dependencies": {
+        "local": ["badge", "button"]
+      }
+    },
+    {
+      "name": "feature-grid",
+      "description": "Feature grid with cards and headline copy.",
+      "files": [
+        {
+          "source": "sections/feature-grid.tsx",
+          "target": "{{sections}}/feature-grid.tsx"
+        }
+      ],
+      "dependencies": {
+        "local": ["badge", "card"]
+      }
+    },
+    {
+      "name": "cta",
+      "description": "Call-to-action block with headline and buttons.",
+      "files": [
+        {
+          "source": "sections/cta.tsx",
+          "target": "{{sections}}/cta.tsx"
+        }
+      ],
+      "dependencies": {
+        "local": ["button"]
+      }
+    }
+  ],
+  "wrappers": [
+    {
+      "name": "glow-wrapper",
+      "description": "Glow effect wrapper for highlighting key components.",
+      "files": [
+        {
+          "source": "wrappers/glow-wrapper.tsx",
+          "target": "{{wrappers}}/glow-wrapper.tsx"
+        }
+      ]
+    },
+    {
+      "name": "lift-wrapper",
+      "description": "Hover lift wrapper for subtle depth on interaction.",
+      "files": [
+        {
+          "source": "wrappers/lift-wrapper.tsx",
+          "target": "{{wrappers}}/lift-wrapper.tsx"
+        }
+      ]
+    },
+    {
+      "name": "border-wrapper",
+      "description": "Gradient border wrapper for featured content blocks.",
+      "files": [
+        {
+          "source": "wrappers/border-wrapper.tsx",
+          "target": "{{wrappers}}/border-wrapper.tsx"
+        }
+      ]
+    }
+  ]
+}