czero 0.1.0

package/dist/react/index.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+
+const Button = React.forwardRef(({ className = "", variant = "primary", size = "md", loading = false, disabled, children, ...props }, ref) => {
+    const classes = [
+        "cz-btn",
+        `cz-btn-${variant}`,
+        `cz-btn-${size}`,
+        className,
+    ].filter(Boolean).join(" ");
+    return (jsxs("button", { ref: ref, className: classes, disabled: disabled || loading, ...props, children: [loading && (jsxs("svg", { className: "cz-animate-spin cz-h-4 cz-w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: "cz-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: "cz-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })), children] }));
+});
+Button.displayName = "Button";
+
+const Input = React.forwardRef(({ className = "", label, error, size = "md", id, ...props }, ref) => {
+    const inputId = id || React.useId();
+    const inputClasses = [
+        "cz-input",
+        `cz-input-${size}`,
+        error && "cz-input-error",
+        className,
+    ].filter(Boolean).join(" ");
+    return (jsxs("div", { className: "cz-flex cz-flex-col cz-gap-1.5", children: [label && (jsx("label", { htmlFor: inputId, className: "cz-label", children: label })), jsx("input", { ref: ref, id: inputId, className: inputClasses, ...props }), error && jsx("span", { className: "cz-error", children: error })] }));
+});
+Input.displayName = "Input";
+
+const CardRoot = React.forwardRef(({ className = "", noPadding, ...props }, ref) => {
+    const classes = [
+        "cz-card",
+        noPadding && "cz-card-no-padding",
+        className,
+    ].filter(Boolean).join(" ");
+    return jsx("div", { ref: ref, className: classes, ...props });
+});
+CardRoot.displayName = "Card";
+const CardHeader = React.forwardRef(({ className = "", ...props }, ref) => (jsx("div", { ref: ref, className: `cz-card-header ${className}`, ...props })));
+CardHeader.displayName = "Card.Header";
+const CardTitle = React.forwardRef(({ className = "", ...props }, ref) => (jsx("h3", { ref: ref, className: `cz-card-title ${className}`, ...props })));
+CardTitle.displayName = "Card.Title";
+const CardDescription = React.forwardRef(({ className = "", ...props }, ref) => (jsx("p", { ref: ref, className: `cz-card-description ${className}`, ...props })));
+CardDescription.displayName = "Card.Description";
+const CardBody = React.forwardRef(({ className = "", ...props }, ref) => (jsx("div", { ref: ref, className: `cz-card-body ${className}`, ...props })));
+CardBody.displayName = "Card.Body";
+const CardFooter = React.forwardRef(({ className = "", ...props }, ref) => (jsx("div", { ref: ref, className: `cz-card-footer ${className}`, ...props })));
+CardFooter.displayName = "Card.Footer";
+const Card = Object.assign(CardRoot, {
+    Header: CardHeader,
+    Title: CardTitle,
+    Description: CardDescription,
+    Body: CardBody,
+    Footer: CardFooter,
+});
+
+const Badge = React.forwardRef(({ className = "", variant = "default", size = "md", ...props }, ref) => {
+    const classes = [
+        "cz-badge",
+        `cz-badge-${variant}`,
+        `cz-badge-${size}`,
+        className,
+    ].filter(Boolean).join(" ");
+    return jsx("span", { ref: ref, className: classes, ...props });
+});
+Badge.displayName = "Badge";
+
+export { Badge, Button, Card, Input };
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/components/button.tsx","../../../src/react/components/input.tsx","../../../src/react/components/card.tsx","../../../src/react/components/badge.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nexport interface ButtonProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"danger\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  loading?: boolean;\r\n}\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  (\r\n    {\r\n      className = \"\",\r\n      variant = \"primary\",\r\n      size = \"md\",\r\n      loading = false,\r\n      disabled,\r\n      children,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const classes = [\r\n      \"cz-btn\",\r\n      `cz-btn-${variant}`,\r\n      `cz-btn-${size}`,\r\n      className,\r\n    ].filter(Boolean).join(\" \");\r\n\r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={classes}\r\n        disabled={disabled || loading}\r\n        {...props}\r\n      >\r\n        {loading && (\r\n          <svg\r\n            className=\"cz-animate-spin cz-h-4 cz-w-4\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n          >\r\n            <circle\r\n              className=\"cz-opacity-25\"\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"10\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"4\"\r\n            />\r\n            <path\r\n              className=\"cz-opacity-75\"\r\n              fill=\"currentColor\"\r\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n            />\r\n          </svg>\r\n        )}\r\n        {children}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButton.displayName = \"Button\";\r\n","import * as React from \"react\";\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\r\n  label?: string;\r\n  error?: string;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className = \"\", label, error, size = \"md\", id, ...props }, ref) => {\r\n    const inputId = id || React.useId();\r\n\r\n    const inputClasses = [\r\n      \"cz-input\",\r\n      `cz-input-${size}`,\r\n      error && \"cz-input-error\",\r\n      className,\r\n    ].filter(Boolean).join(\" \");\r\n\r\n    return (\r\n      <div className=\"cz-flex cz-flex-col cz-gap-1.5\">\r\n        {label && (\r\n          <label htmlFor={inputId} className=\"cz-label\">\r\n            {label}\r\n          </label>\r\n        )}\r\n        <input\r\n          ref={ref}\r\n          id={inputId}\r\n          className={inputClasses}\r\n          {...props}\r\n        />\r\n        {error && <span className=\"cz-error\">{error}</span>}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"Input\";\r\n","import * as React from \"react\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  noPadding?: boolean;\n}\n\nconst CardRoot = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className = \"\", noPadding, ...props }, ref) => {\n    const classes = [\n      \"cz-card\",\n      noPadding && \"cz-card-no-padding\",\n      className,\n    ].filter(Boolean).join(\" \");\n\n    return <div ref={ref} className={classes} {...props} />;\n  }\n);\nCardRoot.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className = \"\", ...props }, ref) => (\n  <div ref={ref} className={`cz-card-header ${className}`} {...props} />\n));\nCardHeader.displayName = \"Card.Header\";\n\nconst CardTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className = \"\", ...props }, ref) => (\n  <h3 ref={ref} className={`cz-card-title ${className}`} {...props} />\n));\nCardTitle.displayName = \"Card.Title\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className = \"\", ...props }, ref) => (\n  <p ref={ref} className={`cz-card-description ${className}`} {...props} />\n));\nCardDescription.displayName = \"Card.Description\";\n\nconst CardBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className = \"\", ...props }, ref) => (\n  <div ref={ref} className={`cz-card-body ${className}`} {...props} />\n));\nCardBody.displayName = \"Card.Body\";\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className = \"\", ...props }, ref) => (\n  <div ref={ref} className={`cz-card-footer ${className}`} {...props} />\n));\nCardFooter.displayName = \"Card.Footer\";\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n","import * as React from \"react\";\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  variant?: \"default\" | \"primary\" | \"success\" | \"danger\" | \"warning\" | \"outline\";\r\n  size?: \"sm\" | \"md\";\r\n}\r\n\r\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\r\n  ({ className = \"\", variant = \"default\", size = \"md\", ...props }, ref) => {\r\n    const classes = [\r\n      \"cz-badge\",\r\n      `cz-badge-${variant}`,\r\n      `cz-badge-${size}`,\r\n      className,\r\n    ].filter(Boolean).join(\" \");\r\n\r\n    return <span ref={ref} className={classes} {...props} />;\r\n  }\r\n);\r\n\r\nBadge.displayName = \"Badge\";\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/react/react/components/badge.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: "default" | "primary" | "success" | "danger" | "warning" | "outline";
+    size?: "sm" | "md";
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=badge.d.ts.map

package/dist/react/react/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/react/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,oFAWjB,CAAC"}

package/dist/react/react/components/button.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
+    size?: "sm" | "md" | "lg";
+    loading?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/react/react/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/react/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,uFAqDlB,CAAC"}

package/dist/react/react/components/card.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    noPadding?: boolean;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=card.d.ts.map

package/dist/react/react/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/react/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuDD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC"}

package/dist/react/react/components/input.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: string;
+    error?: string;
+    size?: "sm" | "md" | "lg";
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/react/react/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/react/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,qFA4BjB,CAAC"}

package/dist/react/react/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * CZero React Components
+ */
+export { Button, type ButtonProps } from "./components/button";
+export { Input, type InputProps } from "./components/input";
+export { Card, type CardProps } from "./components/card";
+export { Badge, type BadgeProps } from "./components/badge";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/react/react/lib/cn.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Class name utility - combines clsx and tailwind-merge
+ * Used for conditional and merged class names
+ */
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/react/react/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../../src/react/lib/cn.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/reset.css

@@ -0,0 +1,21 @@
+/**
+ * CZero Minimal Reset
+ */
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+body {
+  line-height: var(--cz-font-lineHeight-normal);
+  -webkit-font-smoothing: antialiased;
+  font-family: var(--cz-font-fontFamily);
+}
+
+button, input, textarea, select {
+  font: inherit;
+}

package/dist/styles.css

@@ -0,0 +1,431 @@
+/**
+ * CZero Minimal Reset
+ */
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+body {
+  line-height: var(--cz-font-lineHeight-normal);
+  -webkit-font-smoothing: antialiased;
+  font-family: var(--cz-font-fontFamily);
+}
+
+button, input, textarea, select {
+  font: inherit;
+}
+/**
+ * CZero Design Tokens
+ * Auto-generated from theme.config.ts - DO NOT EDIT MANUALLY
+ */
+
+:root {
+  --cz-color-bg: 0 0% 100%;
+  --cz-color-fg: 220 15% 10%;
+  --cz-color-primary: 222 47% 45%;
+  --cz-color-primaryFg: 0 0% 100%;
+  --cz-color-secondary: 220 10% 95%;
+  --cz-color-secondaryFg: 220 15% 10%;
+  --cz-color-muted: 220 10% 95%;
+  --cz-color-mutedFg: 220 10% 40%;
+  --cz-color-danger: 0 70% 55%;
+  --cz-color-dangerFg: 0 0% 100%;
+  --cz-color-success: 142 70% 45%;
+  --cz-color-successFg: 0 0% 100%;
+  --cz-color-warning: 38 92% 50%;
+  --cz-color-warningFg: 0 0% 100%;
+  --cz-color-border: 220 13% 90%;
+  --cz-color-ring: 222 47% 45%;
+  --cz-radius-none: 0;
+  --cz-radius-sm: 0.25rem;
+  --cz-radius-md: 0.5rem;
+  --cz-radius-lg: 0.75rem;
+  --cz-radius-xl: 1rem;
+  --cz-radius-full: 9999px;
+  --cz-shadow-none: none;
+  --cz-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
+  --cz-shadow-md: 0 2px 4px rgb(0 0 0 / 0.08);
+  --cz-shadow-lg: 0 4px 12px rgb(0 0 0 / 0.12);
+  --cz-spacing-xs: 0.25rem;
+  --cz-spacing-sm: 0.5rem;
+  --cz-spacing-md: 0.75rem;
+  --cz-spacing-lg: 1rem;
+  --cz-spacing-xl: 1.5rem;
+  --cz-spacing-2xl: 2rem;
+  --cz-transition-fast: 150ms ease;
+  --cz-transition-normal: 200ms ease;
+  --cz-transition-slow: 300ms ease;
+  --cz-font-fontFamily: Inter, system-ui, -apple-system, sans-serif;
+  --cz-font-size-xs: 0.75rem;
+  --cz-font-size-sm: 0.875rem;
+  --cz-font-size-md: 1rem;
+  --cz-font-size-lg: 1.125rem;
+  --cz-font-size-xl: 1.25rem;
+  --cz-font-weight-normal: 400;
+  --cz-font-weight-medium: 500;
+  --cz-font-weight-semibold: 600;
+  --cz-font-weight-bold: 700;
+  --cz-font-lineHeight-tight: 1.25;
+  --cz-font-lineHeight-normal: 1.5;
+  --cz-font-lineHeight-relaxed: 1.75;
+}
+
+.dark {
+  --cz-color-bg: 220 40% 3%;
+  --cz-color-fg: 210 40% 96%;
+  --cz-color-primary: 210 80% 65%;
+  --cz-color-primaryFg: 220 40% 3%;
+  --cz-color-secondary: 220 8% 25%;
+  --cz-color-secondaryFg: 210 40% 96%;
+  --cz-color-muted: 220 8% 20%;
+  --cz-color-mutedFg: 220 10% 60%;
+  --cz-color-danger: 0 80% 65%;
+  --cz-color-dangerFg: 0 0% 100%;
+  --cz-color-success: 142 70% 55%;
+  --cz-color-successFg: 0 0% 100%;
+  --cz-color-warning: 38 92% 60%;
+  --cz-color-warningFg: 0 0% 0%;
+  --cz-color-border: 220 10% 20%;
+  --cz-color-ring: 210 80% 65%;
+}
+/**
+ * CZero Component Styles
+ * Pure CSS using --cz-* design tokens
+ */
+
+/* ===== UTILITIES ===== */
+
+/* Display */
+.cz-inline-flex { display: inline-flex; }
+.cz-flex { display: flex; }
+.cz-flex-col { flex-direction: column; }
+.cz-items-center { align-items: center; }
+.cz-justify-center { justify-content: center; }
+.cz-flex-wrap { flex-wrap: wrap; }
+
+/* Gap */
+.cz-gap-1 { gap: 0.25rem; }
+.cz-gap-1\.5 { gap: 0.375rem; }
+.cz-gap-2 { gap: 0.5rem; }
+
+/* Width */
+.cz-w-full { width: 100%; }
+
+/* Whitespace */
+.cz-whitespace-nowrap { white-space: nowrap; }
+
+/* Opacity */
+.cz-opacity-25 { opacity: 0.25; }
+.cz-opacity-50 { opacity: 0.5; }
+.cz-opacity-75 { opacity: 0.75; }
+
+/* Animation */
+@keyframes cz-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+.cz-animate-spin { animation: cz-spin 1s linear infinite; }
+
+/* Sizing */
+.cz-h-4 { height: 1rem; }
+.cz-w-4 { width: 1rem; }
+.cz-h-8 { height: 2rem; }
+.cz-h-10 { height: 2.5rem; }
+.cz-h-12 { height: 3rem; }
+
+/* Padding */
+.cz-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
+.cz-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
+.cz-px-4 { padding-left: 1rem; padding-right: 1rem; }
+.cz-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
+.cz-py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
+.cz-p-lg { padding: var(--cz-spacing-lg); }
+.cz-pb-md { padding-bottom: var(--cz-spacing-md); }
+.cz-pt-md { padding-top: var(--cz-spacing-md); }
+.cz-px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
+
+/* Margin */
+.cz-mb-md { margin-bottom: var(--cz-spacing-md); }
+.cz-mt-md { margin-top: var(--cz-spacing-md); }
+
+/* Typography */
+.cz-text-xs { font-size: var(--cz-font-size-xs); }
+.cz-text-sm { font-size: var(--cz-font-size-sm); }
+.cz-text-md { font-size: var(--cz-font-size-md); }
+.cz-text-lg { font-size: var(--cz-font-size-lg); }
+.cz-font-medium { font-weight: var(--cz-font-weight-medium); }
+.cz-font-semibold { font-weight: var(--cz-font-weight-semibold); }
+.cz-leading-tight { line-height: var(--cz-font-lineHeight-tight); }
+
+/* Colors - Background */
+.cz-bg-bg { background-color: hsl(var(--cz-color-bg)); }
+.cz-bg-primary { background-color: hsl(var(--cz-color-primary)); }
+.cz-bg-secondary { background-color: hsl(var(--cz-color-secondary)); }
+.cz-bg-muted { background-color: hsl(var(--cz-color-muted)); }
+.cz-bg-danger { background-color: hsl(var(--cz-color-danger)); }
+.cz-bg-success { background-color: hsl(var(--cz-color-success)); }
+.cz-bg-warning { background-color: hsl(var(--cz-color-warning)); }
+.cz-bg-transparent { background-color: transparent; }
+
+/* Colors - Text */
+.cz-text-fg { color: hsl(var(--cz-color-fg)); }
+.cz-text-primary-fg { color: hsl(var(--cz-color-primaryFg)); }
+.cz-text-secondary-fg { color: hsl(var(--cz-color-secondaryFg)); }
+.cz-text-muted-fg { color: hsl(var(--cz-color-mutedFg)); }
+.cz-text-danger { color: hsl(var(--cz-color-danger)); }
+.cz-text-danger-fg { color: hsl(var(--cz-color-dangerFg)); }
+.cz-text-success-fg { color: hsl(var(--cz-color-successFg)); }
+.cz-text-warning-fg { color: hsl(var(--cz-color-warningFg)); }
+
+/* Border */
+.cz-border { border-width: 1px; border-style: solid; }
+.cz-border-b { border-bottom-width: 1px; border-bottom-style: solid; }
+.cz-border-t { border-top-width: 1px; border-top-style: solid; }
+.cz-border-border { border-color: hsl(var(--cz-color-border)); }
+.cz-border-danger { border-color: hsl(var(--cz-color-danger)); }
+
+/* Border Radius */
+.cz-rounded-sm { border-radius: var(--cz-radius-sm); }
+.cz-rounded-md { border-radius: var(--cz-radius-md); }
+.cz-rounded-lg { border-radius: var(--cz-radius-lg); }
+.cz-rounded-full { border-radius: var(--cz-radius-full); }
+
+/* Shadow */
+.cz-shadow-sm { box-shadow: var(--cz-shadow-sm); }
+
+/* Transitions */
+.cz-transition { transition: all var(--cz-transition-fast); }
+
+/* States */
+.cz-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Focus */
+.cz-focus-ring:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px hsl(var(--cz-color-bg)), 0 0 0 4px hsl(var(--cz-color-ring));
+}
+
+.cz-focus-ring:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px hsl(var(--cz-color-bg)), 0 0 0 4px hsl(var(--cz-color-ring));
+}
+
+/* Hover states */
+.cz-hover-opacity:hover { opacity: 0.9; }
+.cz-hover-muted:hover { background-color: hsl(var(--cz-color-muted)); }
+
+/* ===== BUTTON ===== */
+
+.cz-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border-radius: var(--cz-radius-md);
+  font-weight: var(--cz-font-weight-medium);
+  transition: all var(--cz-transition-fast);
+  cursor: pointer;
+  border: none;
+}
+
+.cz-btn:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px hsl(var(--cz-color-bg)), 0 0 0 4px hsl(var(--cz-color-ring));
+}
+
+.cz-btn:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+/* Button Sizes */
+.cz-btn-sm { height: 2rem; padding: 0 0.75rem; font-size: var(--cz-font-size-sm); }
+.cz-btn-md { height: 2.5rem; padding: 0 1rem; font-size: var(--cz-font-size-md); }
+.cz-btn-lg { height: 3rem; padding: 0 1.5rem; font-size: var(--cz-font-size-lg); }
+
+/* Button Variants */
+.cz-btn-primary {
+  background-color: hsl(var(--cz-color-primary));
+  color: hsl(var(--cz-color-primaryFg));
+}
+.cz-btn-primary:hover { opacity: 0.9; }
+
+.cz-btn-secondary {
+  background-color: hsl(var(--cz-color-secondary));
+  color: hsl(var(--cz-color-secondaryFg));
+}
+.cz-btn-secondary:hover { opacity: 0.8; }
+
+.cz-btn-outline {
+  background-color: transparent;
+  border: 1px solid hsl(var(--cz-color-border));
+  color: hsl(var(--cz-color-fg));
+}
+.cz-btn-outline:hover { background-color: hsl(var(--cz-color-muted)); }
+
+.cz-btn-ghost {
+  background-color: transparent;
+  color: hsl(var(--cz-color-fg));
+}
+.cz-btn-ghost:hover { background-color: hsl(var(--cz-color-muted)); }
+
+.cz-btn-danger {
+  background-color: hsl(var(--cz-color-danger));
+  color: hsl(var(--cz-color-dangerFg));
+}
+.cz-btn-danger:hover { opacity: 0.9; }
+
+/* ===== INPUT ===== */
+
+.cz-input {
+  width: 100%;
+  border-radius: var(--cz-radius-md);
+  border: 1px solid hsl(var(--cz-color-border));
+  background-color: hsl(var(--cz-color-bg));
+  color: hsl(var(--cz-color-fg));
+  transition: all var(--cz-transition-fast);
+}
+
+.cz-input::placeholder {
+  color: hsl(var(--cz-color-mutedFg));
+}
+
+.cz-input:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px hsl(var(--cz-color-ring));
+}
+
+.cz-input:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.cz-input-error {
+  border-color: hsl(var(--cz-color-danger));
+}
+.cz-input-error:focus {
+  box-shadow: 0 0 0 2px hsl(var(--cz-color-danger));
+}
+
+/* Input Sizes */
+.cz-input-sm { height: 2rem; padding: 0 0.5rem; font-size: var(--cz-font-size-sm); }
+.cz-input-md { height: 2.5rem; padding: 0 0.75rem; font-size: var(--cz-font-size-md); }
+.cz-input-lg { height: 3rem; padding: 0 1rem; font-size: var(--cz-font-size-lg); }
+
+/* ===== CARD ===== */
+
+.cz-card {
+  border-radius: var(--cz-radius-lg);
+  border: 1px solid hsl(var(--cz-color-border));
+  background-color: hsl(var(--cz-color-bg));
+  box-shadow: var(--cz-shadow-sm);
+  padding: var(--cz-spacing-lg);
+}
+
+.cz-card-no-padding {
+  padding: 0;
+}
+
+.cz-card-header {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  padding-bottom: var(--cz-spacing-md);
+  border-bottom: 1px solid hsl(var(--cz-color-border));
+  margin-bottom: var(--cz-spacing-md);
+}
+
+.cz-card-title {
+  font-size: var(--cz-font-size-lg);
+  font-weight: var(--cz-font-weight-semibold);
+  color: hsl(var(--cz-color-fg));
+  line-height: var(--cz-font-lineHeight-tight);
+}
+
+.cz-card-description {
+  font-size: var(--cz-font-size-sm);
+  color: hsl(var(--cz-color-mutedFg));
+}
+
+.cz-card-body {
+  color: hsl(var(--cz-color-fg));
+}
+
+.cz-card-footer {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding-top: var(--cz-spacing-md);
+  margin-top: var(--cz-spacing-md);
+  border-top: 1px solid hsl(var(--cz-color-border));
+}
+
+/* ===== BADGE ===== */
+
+.cz-badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--cz-radius-full);
+  font-weight: var(--cz-font-weight-medium);
+  white-space: nowrap;
+}
+
+/* Badge Sizes */
+.cz-badge-sm { padding: 0.125rem 0.375rem; font-size: 0.7rem; }
+.cz-badge-md { padding: 0.125rem 0.5rem; font-size: var(--cz-font-size-xs); }
+
+/* Badge Variants */
+.cz-badge-default {
+  background-color: hsl(var(--cz-color-secondary));
+  color: hsl(var(--cz-color-secondaryFg));
+}
+
+.cz-badge-primary {
+  background-color: hsl(var(--cz-color-primary));
+  color: hsl(var(--cz-color-primaryFg));
+}
+
+.cz-badge-success {
+  background-color: hsl(var(--cz-color-success));
+  color: hsl(var(--cz-color-successFg));
+}
+
+.cz-badge-danger {
+  background-color: hsl(var(--cz-color-danger));
+  color: hsl(var(--cz-color-dangerFg));
+}
+
+.cz-badge-warning {
+  background-color: hsl(var(--cz-color-warning));
+  color: hsl(var(--cz-color-warningFg));
+}
+
+.cz-badge-outline {
+  background-color: transparent;
+  border: 1px solid hsl(var(--cz-color-border));
+  color: hsl(var(--cz-color-fg));
+}
+
+/* ===== LABEL ===== */
+
+.cz-label {
+  font-size: var(--cz-font-size-sm);
+  font-weight: var(--cz-font-weight-medium);
+  color: hsl(var(--cz-color-fg));
+}
+
+/* ===== ERROR TEXT ===== */
+
+.cz-error {
+  font-size: var(--cz-font-size-sm);
+  color: hsl(var(--cz-color-danger));
+}