czero 0.2.0 → 0.2.5

package/package.json

@@ -1,92 +1,93 @@
-{
-  "name": "czero",
-  "version": "0.2.0",
-  "type": "module",
-  "description": "A lightweight, design-token-driven React component library with Radix UI primitives",
-  "main": "./dist/react/index.cjs",
-  "module": "./dist/react/index.js",
-  "types": "./dist/react/index.d.ts",
-  "bin": {
-    "czero": "./dist/cli/index.js"
-  },
-  "exports": {
-    "./styles.css": "./dist/styles.css",
-    "./components.css": "./dist/components.css",
-    "./reset.css": "./dist/reset.css",
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
-    },
-    "./presets": {
-      "types": "./dist/presets/index.d.ts",
-      "import": "./dist/presets/index.js"
-    },
-    "./config": {
-      "types": "./dist/core/types/config.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build:tokens": "tsx src/core/build-tokens.ts",
-    "build:css": "pwsh -Command \"Copy-Item src/core/styles/reset.css dist/reset.css; Copy-Item src/core/styles/components.css dist/components.css; Get-Content src/core/styles/reset.css, src/core/styles/tokens.css, src/core/styles/components.css | Set-Content dist/styles.css\"",
-    "build:components": "rollup -c",
-    "build:cli": "npx esbuild cli/index.ts --bundle --platform=node --format=esm --outdir=dist/cli --packages=external",
-    "build": "npm run build:tokens && npm run build:css && npm run build:components && npm run build:cli",
-    "dev": "rollup -c -w",
-    "typecheck": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-alert-dialog": "^1.1.0",
-    "@radix-ui/react-aspect-ratio": "^1.1.0",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-checkbox": "^1.1.0",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.1.0",
-    "@radix-ui/react-dropdown-menu": "^2.1.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-popover": "^1.1.0",
-    "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-radio-group": "^1.2.0",
-    "@radix-ui/react-scroll-area": "^1.2.0",
-    "@radix-ui/react-select": "^2.1.0",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slider": "^1.2.0",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.0",
-    "@radix-ui/react-tooltip": "^1.1.0",
-    "@radix-ui/react-visually-hidden": "^1.1.0"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^25.0.3",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
-    "esbuild": "^0.24.2",
-    "rollup": "^4.9.6",
-    "rollup-plugin-dts": "^6.1.0",
-    "tslib": "^2.6.2",
-    "tsx": "^4.7.0",
-    "typescript": "^5.3.3"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "ui",
-    "design-system",
-    "design-tokens",
-    "cli"
-  ],
-  "license": "MIT"
-}
+{
+  "name": "czero",
+  "version": "0.2.5",
+  "type": "module",
+  "description": "A lightweight, design-token-driven React component library with Radix UI primitives",
+  "main": "./dist/react/index.cjs",
+  "module": "./dist/react/index.js",
+  "types": "./dist/react/index.d.ts",
+  "bin": {
+    "czero": "./dist/cli/index.js",
+    "czero20": "./dist/cli/index.js"
+  },
+  "exports": {
+    "./styles.css": "./dist/styles.css",
+    "./components.css": "./dist/components.css",
+    "./reset.css": "./dist/reset.css",
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./presets": {
+      "types": "./dist/presets/index.d.ts",
+      "import": "./dist/presets/index.js"
+    },
+    "./config": {
+      "types": "./dist/core/types/config.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build:tokens": "tsx src/core/build-tokens.ts",
+    "build:css": "mkdir -p dist && cp src/core/styles/reset.css dist/reset.css && cp src/core/styles/components.css dist/components.css && cat src/core/styles/reset.css src/core/styles/tokens.css src/core/styles/components.css > dist/styles.css",
+    "build:components": "rollup -c",
+    "build:cli": "npx esbuild cli/index.ts --bundle --platform=node --format=esm --outdir=dist/cli --packages=external",
+    "build": "npm run build:tokens && npm run build:css && npm run build:components && npm run build:cli",
+    "dev": "rollup -c -w",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.0",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.0",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.0",
+    "@radix-ui/react-dropdown-menu": "^2.1.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.0",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.0",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.0",
+    "@radix-ui/react-tooltip": "^1.1.0",
+    "@radix-ui/react-visually-hidden": "^1.1.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^25.0.3",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "esbuild": "^0.24.2",
+    "rollup": "^4.9.6",
+    "rollup-plugin-dts": "^6.1.0",
+    "tslib": "^2.6.2",
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.3"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "design-system",
+    "design-tokens",
+    "cli"
+  ],
+  "license": "MIT"
+}

package/dist/cli-new/cli/build-css.d.ts

@@ -1,19 +0,0 @@
-/**
- * CZero CSS Builder
- * Builds complete CSS from config using component generators
- */
-import type { CZeroConfig } from "../src/core/types/config";
-/**
- * Build complete component CSS from config
- * Merges user config with defaults and generates CSS for each component
- */
-export declare function buildComponentsCSS(config: CZeroConfig): string;
-/**
- * Get legacy components CSS from file
- * Used for components that haven't been migrated to the new generator system
- */
-export declare function getLegacyComponentsCSS(componentsPath: string, excludeComponents?: string[]): string;
-/**
- * Validate config structure
- */
-export declare function validateConfig(config: unknown): CZeroConfig;

package/dist/cli-new/cli/build-css.js

@@ -1,88 +0,0 @@
-/**
- * CZero CSS Builder
- * Builds complete CSS from config using component generators
- */
-import { componentDefaults } from "../src/core/component-defaults";
-import { deepMerge } from "./utils/deep-merge";
-import { generateButtonCSS, generateInputCSS, generateCardCSS, generateSwitchCSS, generateCheckboxCSS, } from "./generators";
-/**
- * Build complete component CSS from config
- * Merges user config with defaults and generates CSS for each component
- */
-export function buildComponentsCSS(config) {
-    // Merge user component config with defaults
-    const components = deepMerge(componentDefaults, config.components || {});
-    let css = "";
-    // Add before custom CSS
-    if (config.customCSS?.before) {
-        css += `/* Custom CSS (before) */\n${config.customCSS.before}\n\n`;
-    }
-    // Generate CSS for each component
-    // Only generating for the 5 implemented components for now
-    if (components.button) {
-        css += generateButtonCSS(components.button);
-        css += "\n";
-    }
-    if (components.input) {
-        css += generateInputCSS(components.input);
-        css += "\n";
-    }
-    if (components.card) {
-        css += generateCardCSS(components.card);
-        css += "\n";
-    }
-    if (components.switch) {
-        css += generateSwitchCSS(components.switch);
-        css += "\n";
-    }
-    if (components.checkbox) {
-        css += generateCheckboxCSS(components.checkbox);
-        css += "\n";
-    }
-    // Add after custom CSS
-    if (config.customCSS?.after) {
-        css += `/* Custom CSS (after) */\n${config.customCSS.after}\n`;
-    }
-    return css;
-}
-/**
- * Get legacy components CSS from file
- * Used for components that haven't been migrated to the new generator system
- */
-export function getLegacyComponentsCSS(componentsPath, excludeComponents = ["button", "input", "card", "switch", "checkbox"]) {
-    // For now, we read the entire file
-    // In the future, we could parse and exclude specific sections
-    // This is a migration helper
-    const fs = require("fs");
-    if (!fs.existsSync(componentsPath)) {
-        return "";
-    }
-    let css = fs.readFileSync(componentsPath, "utf-8");
-    // Remove sections for components that are now generated
-    // This is a simple approach - in production you'd want more robust parsing
-    for (const component of excludeComponents) {
-        // Remove the component section from the CSS
-        // Looking for patterns like /* ===== BUTTON ===== */ to the next /* ===== */ or end
-        const sectionRegex = new RegExp(`\\/\\*\\s*=====\\s*${component.toUpperCase()}\\s*=====\\s*\\*\\/[\\s\\S]*?(?=\\/\\*\\s*=====|$)`, "gi");
-        css = css.replace(sectionRegex, "");
-    }
-    return css;
-}
-/**
- * Validate config structure
- */
-export function validateConfig(config) {
-    if (typeof config !== "object" || config === null) {
-        return {};
-    }
-    // Basic validation - in production you'd want more robust checking
-    const validConfig = config;
-    // Warn about unknown top-level keys
-    const validKeys = ["color", "radius", "shadow", "spacing", "typography", "transition", "breakpoints", "components", "customCSS"];
-    for (const key of Object.keys(validConfig)) {
-        if (!validKeys.includes(key)) {
-            console.warn(`⚠️  Unknown config key: "${key}"`);
-        }
-    }
-    return validConfig;
-}

package/dist/cli-new/cli/generators/button.d.ts

@@ -1,9 +0,0 @@
-/**
- * CZero Button CSS Generator
- * Generates CSS for button component from config tokens
- */
-import type { ButtonTokens } from "../../src/core/types/config";
-/**
- * Generate all button CSS including variables, base styles, sizes, variants, and states
- */
-export declare function generateButtonCSS(config: ButtonTokens): string;

package/dist/cli-new/cli/generators/button.js

@@ -1,224 +0,0 @@
-/**
- * CZero Button CSS Generator
- * Generates CSS for button component from config tokens
- */
-import { resolveToken, componentVarName } from "../token-resolver";
-/**
- * Generate all button CSS including variables, base styles, sizes, variants, and states
- */
-export function generateButtonCSS(config) {
-    let css = "";
-    css += "/* ===== BUTTON ===== */\n\n";
-    // Generate CSS variables
-    css += generateButtonVariables(config);
-    css += "\n";
-    // Generate base styles
-    css += generateButtonBase();
-    css += "\n";
-    // Generate size variants
-    css += generateButtonSizes(config);
-    css += "\n";
-    // Generate color variants
-    if (config.variants) {
-        css += generateButtonVariants(config.variants);
-        css += "\n";
-    }
-    // Generate icon button styles
-    css += generateButtonIcon(config);
-    css += "\n";
-    // Generate loading state styles
-    css += generateButtonLoading(config);
-    css += "\n";
-    // Append custom CSS
-    if (config.customCSS) {
-        css += `/* Custom Button CSS */\n${config.customCSS}\n`;
-    }
-    return css;
-}
-/**
- * Generate CSS variables for button component
- */
-function generateButtonVariables(config) {
-    const vars = [];
-    // Size-based variables
-    if (config.height) {
-        for (const [size, value] of Object.entries(config.height)) {
-            vars.push(`  ${componentVarName("button", "height", size)}: ${resolveToken(value)};`);
-        }
-    }
-    if (config.paddingX) {
-        for (const [size, value] of Object.entries(config.paddingX)) {
-            vars.push(`  ${componentVarName("button", "paddingX", size)}: ${resolveToken(value)};`);
-        }
-    }
-    if (config.fontSize && typeof config.fontSize === "object") {
-        for (const [size, value] of Object.entries(config.fontSize)) {
-            vars.push(`  ${componentVarName("button", "fontSize", size)}: ${resolveToken(value)};`);
-        }
-    }
-    if (config.iconSize) {
-        for (const [size, value] of Object.entries(config.iconSize)) {
-            vars.push(`  ${componentVarName("button", "iconSize", size)}: ${resolveToken(value)};`);
-        }
-    }
-    // Single-value variables
-    if (config.gap) {
-        vars.push(`  ${componentVarName("button", "gap")}: ${resolveToken(config.gap)};`);
-    }
-    if (config.fontWeight) {
-        vars.push(`  ${componentVarName("button", "fontWeight")}: ${resolveToken(config.fontWeight)};`);
-    }
-    if (config.borderRadius) {
-        vars.push(`  ${componentVarName("button", "borderRadius")}: ${resolveToken(config.borderRadius)};`);
-    }
-    if (config.borderWidth) {
-        vars.push(`  ${componentVarName("button", "borderWidth")}: ${resolveToken(config.borderWidth)};`);
-    }
-    if (config.transition) {
-        vars.push(`  ${componentVarName("button", "transition")}: ${resolveToken(config.transition)};`);
-    }
-    // State variables
-    if (config.states?.hover?.opacity) {
-        vars.push(`  ${componentVarName("button", "hoverOpacity")}: ${config.states.hover.opacity};`);
-    }
-    if (config.states?.focus?.ringWidth) {
-        vars.push(`  ${componentVarName("button", "focusRingWidth")}: ${config.states.focus.ringWidth};`);
-    }
-    if (config.states?.focus?.ringOffset) {
-        vars.push(`  ${componentVarName("button", "focusRingOffset")}: ${config.states.focus.ringOffset};`);
-    }
-    if (config.states?.focus?.ringColor) {
-        vars.push(`  ${componentVarName("button", "focusRingColor")}: ${resolveToken(config.states.focus.ringColor)};`);
-    }
-    if (config.states?.disabled?.opacity) {
-        vars.push(`  ${componentVarName("button", "disabledOpacity")}: ${config.states.disabled.opacity};`);
-    }
-    // Animation variables
-    if (config.animations?.loading?.duration) {
-        vars.push(`  ${componentVarName("button", "loadingDuration")}: ${config.animations.loading.duration};`);
-    }
-    if (config.animations?.loading?.timing) {
-        vars.push(`  ${componentVarName("button", "loadingTiming")}: ${config.animations.loading.timing};`);
-    }
-    // Variant variables
-    if (config.variants) {
-        for (const [name, variant] of Object.entries(config.variants)) {
-            if (variant.bg) {
-                vars.push(`  --cz-btn-${name}-bg: ${resolveToken(variant.bg)};`);
-            }
-            if (variant.color) {
-                vars.push(`  --cz-btn-${name}-color: ${resolveToken(variant.color)};`);
-            }
-            if (variant.borderColor) {
-                vars.push(`  --cz-btn-${name}-border-color: ${resolveToken(variant.borderColor)};`);
-            }
-        }
-    }
-    return `:root {\n${vars.join("\n")}\n}\n`;
-}
-/**
- * Generate base button styles
- */
-function generateButtonBase() {
-    return `.cz-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--cz-btn-gap);
-  border-radius: var(--cz-btn-border-radius);
-  font-weight: var(--cz-btn-font-weight);
-  transition: all var(--cz-btn-transition);
-  cursor: pointer;
-  border: var(--cz-btn-border-width) solid transparent;
-}
-
-.cz-btn:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--cz-btn-focus-ring-offset) hsl(var(--cz-color-bg)),
-              0 0 0 calc(var(--cz-btn-focus-ring-offset) + var(--cz-btn-focus-ring-width)) var(--cz-btn-focus-ring-color);
-}
-
-.cz-btn:disabled {
-  pointer-events: none;
-  opacity: var(--cz-btn-disabled-opacity);
-}
-`;
-}
-/**
- * Generate button size variants
- */
-function generateButtonSizes(config) {
-    const sizes = ["sm", "md", "lg"];
-    let css = "/* Button Sizes */\n";
-    for (const size of sizes) {
-        css += `.cz-btn-${size} {
-  height: var(--cz-btn-height-${size});
-  padding: 0 var(--cz-btn-padding-x-${size});
-  font-size: var(--cz-btn-font-size-${size});
-}\n`;
-    }
-    return css;
-}
-/**
- * Generate button color variants
- */
-function generateButtonVariants(variants) {
-    let css = "/* Button Variants */\n";
-    for (const [name, variant] of Object.entries(variants)) {
-        // Base variant styles
-        css += `.cz-btn-${name} {\n`;
-        css += `  background: var(--cz-btn-${name}-bg);\n`;
-        css += `  color: var(--cz-btn-${name}-color);\n`;
-        if (variant.borderColor && variant.borderColor !== "transparent") {
-            css += `  border-color: var(--cz-btn-${name}-border-color);\n`;
-        }
-        if (variant.textDecoration) {
-            css += `  text-decoration: ${variant.textDecoration};\n`;
-            css += `  text-underline-offset: 4px;\n`;
-        }
-        css += `}\n`;
-        // Hover styles
-        if (variant.hover) {
-            css += `.cz-btn-${name}:hover {\n`;
-            if (variant.hover.opacity) {
-                css += `  opacity: ${variant.hover.opacity};\n`;
-            }
-            if (variant.hover.bg) {
-                css += `  background: ${resolveToken(variant.hover.bg)};\n`;
-            }
-            if (variant.textDecoration) {
-                css += `  text-decoration-thickness: 2px;\n`;
-            }
-            css += `}\n`;
-        }
-    }
-    return css;
-}
-/**
- * Generate icon button styles
- */
-function generateButtonIcon(config) {
-    return `/* Button Icon Size */
-.cz-btn-icon {
-  padding: 0;
-}
-.cz-btn-icon.cz-btn-sm { width: var(--cz-btn-icon-size-sm); height: var(--cz-btn-icon-size-sm); }
-.cz-btn-icon.cz-btn-md { width: var(--cz-btn-icon-size-md); height: var(--cz-btn-icon-size-md); }
-.cz-btn-icon.cz-btn-lg { width: var(--cz-btn-icon-size-lg); height: var(--cz-btn-icon-size-lg); }
-`;
-}
-/**
- * Generate loading button styles
- */
-function generateButtonLoading(config) {
-    return `/* Button Loading State */
-.cz-btn-loading { position: relative; }
-.cz-btn-spinner {
-  width: 1rem;
-  height: 1rem;
-  animation: cz-spin var(--cz-btn-loading-duration) var(--cz-btn-loading-timing) infinite;
-  flex-shrink: 0;
-}
-.cz-btn-content { opacity: 1; }
-`;
-}

package/dist/cli-new/cli/generators/card.d.ts

@@ -1,9 +0,0 @@
-/**
- * CZero Card CSS Generator
- * Generates CSS for card component from config tokens
- */
-import type { CardTokens } from "../../src/core/types/config";
-/**
- * Generate all card CSS including variables and styles
- */
-export declare function generateCardCSS(config: CardTokens): string;

package/dist/cli-new/cli/generators/card.js

@@ -1,104 +0,0 @@
-/**
- * CZero Card CSS Generator
- * Generates CSS for card component from config tokens
- */
-import { resolveToken } from "../token-resolver";
-/**
- * Generate all card CSS including variables and styles
- */
-export function generateCardCSS(config) {
-    let css = "";
-    css += "/* ===== CARD ===== */\n\n";
-    css += generateCardVariables(config);
-    css += "\n";
-    css += generateCardBase();
-    css += "\n";
-    if (config.customCSS) {
-        css += `/* Custom Card CSS */\n${config.customCSS}\n`;
-    }
-    return css;
-}
-function generateCardVariables(config) {
-    const vars = [];
-    if (config.padding)
-        vars.push(`  --cz-card-padding: ${resolveToken(config.padding)};`);
-    if (config.borderRadius)
-        vars.push(`  --cz-card-border-radius: ${resolveToken(config.borderRadius)};`);
-    if (config.borderWidth)
-        vars.push(`  --cz-card-border-width: ${resolveToken(config.borderWidth)};`);
-    if (config.borderColor)
-        vars.push(`  --cz-card-border-color: ${resolveToken(config.borderColor)};`);
-    if (config.bg)
-        vars.push(`  --cz-card-bg: ${resolveToken(config.bg)};`);
-    if (config.shadow)
-        vars.push(`  --cz-card-shadow: ${resolveToken(config.shadow)};`);
-    // Header
-    if (config.header?.paddingBottom)
-        vars.push(`  --cz-card-header-padding-bottom: ${resolveToken(config.header.paddingBottom)};`);
-    if (config.header?.marginBottom)
-        vars.push(`  --cz-card-header-margin-bottom: ${resolveToken(config.header.marginBottom)};`);
-    // Title
-    if (config.title?.fontSize)
-        vars.push(`  --cz-card-title-font-size: ${resolveToken(config.title.fontSize)};`);
-    if (config.title?.fontWeight)
-        vars.push(`  --cz-card-title-font-weight: ${resolveToken(config.title.fontWeight)};`);
-    if (config.title?.color)
-        vars.push(`  --cz-card-title-color: ${resolveToken(config.title.color)};`);
-    // Description
-    if (config.description?.fontSize)
-        vars.push(`  --cz-card-description-font-size: ${resolveToken(config.description.fontSize)};`);
-    if (config.description?.color)
-        vars.push(`  --cz-card-description-color: ${resolveToken(config.description.color)};`);
-    // Footer
-    if (config.footer?.paddingTop)
-        vars.push(`  --cz-card-footer-padding-top: ${resolveToken(config.footer.paddingTop)};`);
-    if (config.footer?.marginTop)
-        vars.push(`  --cz-card-footer-margin-top: ${resolveToken(config.footer.marginTop)};`);
-    if (config.footer?.gap)
-        vars.push(`  --cz-card-footer-gap: ${config.footer.gap};`);
-    return `:root {\n${vars.join("\n")}\n}\n`;
-}
-function generateCardBase() {
-    return `.cz-card {
-  border-radius: var(--cz-card-border-radius);
-  border: var(--cz-card-border-width) solid var(--cz-card-border-color);
-  background-color: var(--cz-card-bg);
-  box-shadow: var(--cz-card-shadow);
-  padding: var(--cz-card-padding);
-}
-
-.cz-card-no-padding { padding: 0; }
-
-.cz-card-header {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-  padding-bottom: var(--cz-card-header-padding-bottom);
-  border-bottom: var(--cz-card-border-width) solid var(--cz-card-border-color);
-  margin-bottom: var(--cz-card-header-margin-bottom);
-}
-
-.cz-card-title {
-  font-size: var(--cz-card-title-font-size);
-  font-weight: var(--cz-card-title-font-weight);
-  color: var(--cz-card-title-color);
-  line-height: var(--cz-font-lineHeight-tight);
-}
-
-.cz-card-description {
-  font-size: var(--cz-card-description-font-size);
-  color: var(--cz-card-description-color);
-}
-
-.cz-card-body { color: var(--cz-card-title-color); }
-
-.cz-card-footer {
-  display: flex;
-  align-items: center;
-  gap: var(--cz-card-footer-gap);
-  padding-top: var(--cz-card-footer-padding-top);
-  margin-top: var(--cz-card-footer-margin-top);
-  border-top: var(--cz-card-border-width) solid var(--cz-card-border-color);
-}
-`;
-}

package/dist/cli-new/cli/generators/checkbox.d.ts

@@ -1,6 +0,0 @@
-/**
- * CZero Checkbox CSS Generator
- * Generates CSS for checkbox component from config tokens
- */
-import type { CheckboxTokens } from "../../src/core/types/config";
-export declare function generateCheckboxCSS(config: CheckboxTokens): string;