@framingui/ui 0.6.2 → 0.6.4

package/dist/index.mjs

@@ -1,11 +1,18 @@
 'use client';
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+  Separator,
+  buttonVariants,
+  cn
+} from "./chunk-RWYATDH5.mjs";
 
 // src/lib/tokens.ts
 var tokenVars = {
@@ -13,64 +20,64 @@ var tokenVars = {
   // Background Tokens
   // ========================================
   bg: {
-    background: "var(--tekton-bg-background)",
-    foreground: "var(--tekton-bg-foreground)",
-    card: "var(--tekton-bg-card)",
-    cardForeground: "var(--tekton-bg-card-foreground)",
-    popover: "var(--tekton-bg-popover)",
-    popoverForeground: "var(--tekton-bg-popover-foreground)",
-    primary: "var(--tekton-bg-primary)",
-    primaryForeground: "var(--tekton-bg-primary-foreground)",
-    secondary: "var(--tekton-bg-secondary)",
-    secondaryForeground: "var(--tekton-bg-secondary-foreground)",
-    muted: "var(--tekton-bg-muted)",
-    mutedForeground: "var(--tekton-bg-muted-foreground)",
-    accent: "var(--tekton-bg-accent)",
-    accentForeground: "var(--tekton-bg-accent-foreground)",
-    destructive: "var(--tekton-bg-destructive)",
-    destructiveForeground: "var(--tekton-bg-destructive-foreground)"
+    background: "var(--bg-background)",
+    foreground: "var(--bg-foreground)",
+    card: "var(--bg-card)",
+    cardForeground: "var(--bg-card-foreground)",
+    popover: "var(--bg-popover)",
+    popoverForeground: "var(--bg-popover-foreground)",
+    primary: "var(--bg-primary)",
+    primaryForeground: "var(--bg-primary-foreground)",
+    secondary: "var(--bg-secondary)",
+    secondaryForeground: "var(--bg-secondary-foreground)",
+    muted: "var(--bg-muted)",
+    mutedForeground: "var(--bg-muted-foreground)",
+    accent: "var(--bg-accent)",
+    accentForeground: "var(--bg-accent-foreground)",
+    destructive: "var(--bg-destructive)",
+    destructiveForeground: "var(--bg-destructive-foreground)"
   },
   // ========================================
   // Border Tokens
   // ========================================
   border: {
-    default: "var(--tekton-border-default)",
-    input: "var(--tekton-border-input)",
-    ring: "var(--tekton-border-ring)"
+    default: "var(--border-default)",
+    input: "var(--border-input)",
+    ring: "var(--border-ring)"
   },
   // ========================================
   // Radius Tokens
   // ========================================
   radius: {
-    sm: "var(--tekton-radius-sm)",
-    md: "var(--tekton-radius-md)",
-    lg: "var(--tekton-radius-lg)",
-    xl: "var(--tekton-radius-xl)",
-    full: "var(--tekton-radius-full)",
-    select: "var(--tekton-radius-select)"
+    sm: "var(--radius-sm)",
+    md: "var(--radius-md)",
+    lg: "var(--radius-lg)",
+    xl: "var(--radius-xl)",
+    full: "var(--radius-full)",
+    select: "var(--radius-select)"
   },
   // ========================================
   // Spacing Tokens (4px base)
   // ========================================
   spacing: {
-    0: "var(--tekton-spacing-0)",
-    1: "var(--tekton-spacing-1)",
-    2: "var(--tekton-spacing-2)",
-    3: "var(--tekton-spacing-3)",
-    4: "var(--tekton-spacing-4)",
-    5: "var(--tekton-spacing-5)",
-    6: "var(--tekton-spacing-6)",
-    8: "var(--tekton-spacing-8)",
-    10: "var(--tekton-spacing-10)",
-    12: "var(--tekton-spacing-12)",
-    16: "var(--tekton-spacing-16)"
+    0: "var(--spacing-0)",
+    1: "var(--spacing-1)",
+    2: "var(--spacing-2)",
+    3: "var(--spacing-3)",
+    4: "var(--spacing-4)",
+    5: "var(--spacing-5)",
+    6: "var(--spacing-6)",
+    8: "var(--spacing-8)",
+    10: "var(--spacing-10)",
+    12: "var(--spacing-12)",
+    16: "var(--spacing-16)"
   }
 };
 function isTokenReference(value) {
-  return value.startsWith("var(--tekton-") && value.endsWith(")");
+  return value.startsWith("var(--") && value.endsWith(")");
 }
 function extractTokenName(token) {
-  const match = token.match(/var\(--tekton-(.*)\)/);
+  const match = token.match(/var\(--(.*)\)/);
   return match ? match[1] : "";
 }
 
@@ -121,58 +128,70 @@ function themeToCSS(theme) {
   /* ========================================
      Component Tokens (@framingui/ui \uCEF4\uD3EC\uB10C\uD2B8\uC6A9)
      ======================================== */
-  --tekton-bg-background: ${resolveColor(tokens.semantic.background.canvas)};
-  --tekton-bg-foreground: ${textPrimary};
+  --bg-background: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-foreground: ${textPrimary};
 
-  --tekton-bg-card: ${resolveColor(tokens.semantic.background.surface.default)};
-  --tekton-bg-card-foreground: ${textPrimary};
+  --bg-card: ${resolveColor(tokens.semantic.background.surface.default)};
+  --bg-card-foreground: ${textPrimary};
 
-  --tekton-bg-popover: ${resolveColor(tokens.semantic.background.surface.default)};
-  --tekton-bg-popover-foreground: ${textPrimary};
+  --bg-popover: ${resolveColor(tokens.semantic.background.surface.default)};
+  --bg-popover-foreground: ${textPrimary};
 
-  --tekton-bg-primary: ${resolveColor(tokens.semantic.background.brand.default)};
-  --tekton-bg-primary-foreground: ${oklchToCSS(white)};
+  --bg-primary: ${resolveColor(tokens.semantic.background.brand.default)};
+  --bg-primary-foreground: ${oklchToCSS(white)};
 
-  --tekton-bg-secondary: ${resolveColor(tokens.semantic.background.surface.emphasis)};
-  --tekton-bg-secondary-foreground: ${textPrimary};
+  --bg-secondary: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --bg-secondary-foreground: ${textPrimary};
 
-  --tekton-bg-muted: ${resolveColor(tokens.semantic.background.surface.subtle)};
-  --tekton-bg-muted-foreground: ${textSecondary};
+  --bg-muted: ${resolveColor(tokens.semantic.background.surface.subtle)};
+  --bg-muted-foreground: ${textSecondary};
 
-  --tekton-bg-accent: ${resolveColor(tokens.semantic.background.surface.emphasis)};
-  --tekton-bg-accent-foreground: ${textPrimary};
+  --bg-accent: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --bg-accent-foreground: ${textPrimary};
 
-  --tekton-bg-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })}; /* Default red */
-  --tekton-bg-destructive-foreground: ${oklchToCSS(white)};
+  --bg-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })}; /* Default red */
+  --bg-destructive-foreground: ${oklchToCSS(white)};
+
+  --bg-base: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-success: ${resolveColor(tokens.semantic.background.brand.emphasis)};
 
   /* ========================================
      Border Tokens
      ======================================== */
-  --tekton-border-default: ${resolveColor(tokens.semantic.border.default.default)};
-  --tekton-border-input: ${resolveColor(tokens.semantic.border.default.subtle)};
-  --tekton-border-ring: ${resolveColor(tokens.semantic.background.brand.default)};
+  --border-default: ${resolveColor(tokens.semantic.border.default.default)};
+  --border-input: ${resolveColor(tokens.semantic.border.default.subtle)};
+  --border-ring: ${resolveColor(tokens.semantic.background.brand.default)};
+  --border-border: ${resolveColor(tokens.semantic.border.default.default)};
+  --border-primary: ${resolveColor(tokens.semantic.background.brand.default)};
 
   /* ========================================
      Page Semantic Tokens (\uD398\uC774\uC9C0 \uD15C\uD50C\uB9BF \uC778\uB77C\uC778 \uC2A4\uD0C0\uC77C\uC6A9)
      ======================================== */
-  --tekton-bg-canvas: ${resolveColor(tokens.semantic.background.canvas)};
-  --tekton-bg-surface: ${resolveColor(tokens.semantic.background.surface.default)};
-  --tekton-text-primary: ${textPrimary};
-  --tekton-text-secondary: ${textSecondary};
-  --tekton-text-tertiary: ${textTertiary};
-  --tekton-action-primary: ${textPrimary};
-  --tekton-action-primary-text: ${oklchToCSS(white)};
-  --tekton-border-emphasis: ${resolveColor(tokens.semantic.border.default.emphasis)};
+  --bg-canvas: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-surface: ${resolveColor(tokens.semantic.background.surface.default)};
+  --text-primary: ${textPrimary};
+  --text-secondary: ${textSecondary};
+  --text-tertiary: ${textTertiary};
+  --text-foreground: ${textPrimary};
+  --text-card-foreground: ${textPrimary};
+  --text-popover-foreground: ${textPrimary};
+  --text-muted-foreground: ${textSecondary};
+  --text-link: ${resolveColor(tokens.semantic.background.brand.default)};
+  --text-success: ${resolveColor(tokens.semantic.background.brand.emphasis)};
+  --text-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })};
+  --action-primary: ${textPrimary};
+  --action-primary-text: ${oklchToCSS(white)};
+  --border-emphasis: ${resolveColor(tokens.semantic.border.default.emphasis)};
 
   /* ========================================
      Radius Tokens
      ======================================== */
-  ${Object.entries(tokens.atomic.radius).map(([key, val]) => `--tekton-radius-${key}: ${val};`).join("\n  ")}
+  ${Object.entries(tokens.atomic.radius).map(([key, val]) => `--radius-${key}: ${val};`).join("\n  ")}
 
   /* ========================================
      Spacing Tokens
      ======================================== */
-  ${Object.entries(tokens.atomic.spacing).map(([key, val]) => `--tekton-spacing-${key}: ${val};`).join("\n  ")}
+  ${Object.entries(tokens.atomic.spacing).map(([key, val]) => `--spacing-${key}: ${val};`).join("\n  ")}
 }
 `;
   return css.trim();
@@ -296,155 +315,18 @@ function getMotionTransition(transition, motionSafe) {
   return transition;
 }
 
-// src/components/button.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
+// src/components/badge.tsx
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-xl)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90",
-        destructive: "bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/90",
-        outline: "border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
-        secondary: "bg-[var(--tekton-bg-secondary)] text-[var(--tekton-bg-secondary-foreground)] hover:bg-[var(--tekton-bg-secondary)]/80",
-        ghost: "hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
-        link: "text-[var(--tekton-bg-primary)] underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-[var(--tekton-spacing-4)] py-[var(--tekton-spacing-2)]",
-        sm: "h-9 rounded-[var(--tekton-radius-xl)] px-[var(--tekton-spacing-3)]",
-        lg: "h-11 rounded-[var(--tekton-radius-xl)] px-[var(--tekton-spacing-8)]",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
-  }
-);
-Button.displayName = "Button";
-
-// src/components/input.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Input = React2.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm ring-offset-[var(--tekton-bg-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--tekton-bg-muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/components/label.tsx
-import * as React3 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var labelVariants = cva2(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-// src/components/card.tsx
-import * as React4 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Card = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className: cn(
-        "rounded-[var(--tekton-radius-lg)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] text-[var(--tekton-bg-card-foreground)] shadow-sm",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var CardHeader = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex flex-col space-y-[var(--tekton-spacing-2)] p-[var(--tekton-spacing-6)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-CardHeader.displayName = "CardHeader";
-var CardTitle = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-    "h3",
-    {
-      ref,
-      className: cn("text-2xl font-semibold leading-none tracking-tight", className),
-      ...props
-    }
-  )
-);
-CardTitle.displayName = "CardTitle";
-var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  "p",
-  {
-    ref,
-    className: cn("text-sm text-[var(--tekton-bg-muted-foreground)]", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4("div", { ref, className: cn("p-[var(--tekton-spacing-6)] pt-0", className), ...props })
-);
-CardContent.displayName = "CardContent";
-var CardFooter = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className: cn("flex items-center p-[var(--tekton-spacing-6)] pt-0", className),
-      ...props
-    }
-  )
-);
-CardFooter.displayName = "CardFooter";
-
-// src/components/badge.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var badgeVariants = cva3(
-  "inline-flex items-center rounded-[var(--tekton-radius-full)] border px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-1)] text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2",
+var badgeVariants = cva(
+  "inline-flex items-center rounded-[var(--radius-full)] border px-[var(--spacing-3)] py-[var(--spacing-1)] text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/80",
-        secondary: "border-transparent bg-[var(--tekton-bg-secondary)] text-[var(--tekton-bg-secondary-foreground)] hover:bg-[var(--tekton-bg-secondary)]/80",
-        destructive: "border-transparent bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/80",
-        outline: "text-[var(--tekton-bg-foreground)]"
+        default: "border-transparent bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/80",
+        secondary: "border-transparent bg-[var(--bg-secondary)] text-[var(--bg-secondary-foreground)] hover:bg-[var(--bg-secondary)]/80",
+        destructive: "border-transparent bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)] hover:bg-[var(--bg-destructive)]/80",
+        outline: "text-[var(--bg-foreground)]"
       }
     },
     defaultVariants: {
@@ -453,19 +335,19 @@ var badgeVariants = cva3(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/avatar.tsx
-import * as React5 from "react";
+import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Avatar = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Avatar = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx2(
   AvatarPrimitive.Root,
   {
     ref,
     className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--tekton-radius-full)]",
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--radius-full)]",
       className
     ),
     ...props,
@@ -473,7 +355,7 @@ var Avatar = React5.forwardRef(({ className, children, ...props }, ref) => /* @_
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
   AvatarPrimitive.Image,
   {
     ref,
@@ -482,12 +364,12 @@ var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
   AvatarPrimitive.Fallback,
   {
     ref,
     className: cn(
-      "flex h-full w-full items-center justify-center rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-muted)]",
+      "flex h-full w-full items-center justify-center rounded-[var(--radius-full)] bg-[var(--bg-muted)]",
       className
     ),
     ...props
@@ -495,95 +377,75 @@ var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
-// src/components/separator.tsx
-import * as React6 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Separator = React6.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx7(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-[var(--tekton-border-default)]",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className
-    ),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
 // src/components/checkbox.tsx
-import * as React7 from "react";
+import * as React2 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CheckboxPrimitive.Root,
   {
     ref,
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-[var(--tekton-radius-sm)] border border-[var(--tekton-border-input)] ring-offset-[var(--tekton-bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--tekton-bg-primary)] data-[state=checked]:text-[var(--tekton-bg-primary-foreground)]",
+      "peer h-4 w-4 shrink-0 rounded-[var(--radius-sm)] border border-[var(--border-input)] ring-offset-[var(--bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--bg-primary)] data-[state=checked]:text-[var(--bg-primary-foreground)]",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx8(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx8(Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx3(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx3(Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import * as React8 from "react";
+import * as React3 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle } from "lucide-react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var RadioGroup = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx9(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var RadioGroup = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx4(
     RadioGroupPrimitive.Root,
     {
-      className: cn("grid gap-[var(--tekton-spacing-2)]", className),
+      className: cn("grid gap-[var(--spacing-2)]", className),
       ...props,
       ref
     }
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx9(
+var RadioGroupItem = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx4(
     RadioGroupPrimitive.Item,
     {
       ref,
       className: cn(
-        "aspect-square h-4 w-4 rounded-[var(--tekton-radius-full)] border border-[var(--tekton-border-input)] text-[var(--tekton-bg-primary)] ring-offset-[var(--tekton-bg-background)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "aspect-square h-4 w-4 rounded-[var(--radius-full)] border border-[var(--border-input)] text-[var(--bg-primary)] ring-offset-[var(--bg-background)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx9(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx9(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx4(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx4(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/switch.tsx
-import * as React9 from "react";
+import * as React4 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   SwitchPrimitives.Root,
   {
     className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-[var(--tekton-radius-full)] p-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--tekton-bg-background)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--tekton-bg-primary)] data-[state=unchecked]:bg-[var(--tekton-bg-muted)]",
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-[var(--radius-full)] p-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-background)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--bg-primary)] data-[state=unchecked]:bg-[var(--bg-muted)]",
       className
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx10(
+    children: /* @__PURE__ */ jsx5(
       SwitchPrimitives.Thumb,
       {
         className: cn(
-          "pointer-events-none block h-4 w-4 rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-background)] shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          "pointer-events-none block h-4 w-4 rounded-[var(--radius-full)] bg-[var(--bg-background)] shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
     )
@@ -592,15 +454,15 @@ var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/textarea.tsx
-import * as React10 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Textarea = React10.forwardRef(
+import * as React5 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Textarea = React5.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx6(
       "textarea",
       {
         className: cn(
-          "flex min-h-[80px] w-full rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm ring-offset-[var(--tekton-bg-background)] placeholder:text-[var(--tekton-bg-muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          "flex min-h-[80px] w-full rounded-[var(--radius-md)] border border-[var(--border-input)] bg-[var(--bg-background)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm ring-offset-[var(--bg-background)] placeholder:text-[var(--bg-muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ref,
@@ -612,13 +474,13 @@ var Textarea = React10.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/skeleton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: cn(
-        "animate-pulse rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-muted)]",
+        "animate-pulse rounded-[var(--radius-md)] bg-[var(--bg-muted)]",
         className
       ),
       ...props
@@ -627,24 +489,24 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/scroll-area.tsx
-import * as React11 from "react";
+import * as React6 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx13, jsxs } from "react/jsx-runtime";
-var ScrollArea = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+import { jsx as jsx8, jsxs } from "react/jsx-runtime";
+var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx13(ScrollBar, {}),
-      /* @__PURE__ */ jsx13(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx8(ScrollBar, {}),
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React11.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx13(
+var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx8(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -656,69 +518,69 @@ var ScrollBar = React11.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx13(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--tekton-radius-full)] bg-[var(--tekton-border-default)]" })
+    children: /* @__PURE__ */ jsx8(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--radius-full)] bg-[var(--border-default)]" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/select.tsx
-import * as React12 from "react";
+import * as React7 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "flex h-10 w-full items-center justify-between rounded-[var(--tekton-radius-select,var(--tekton-radius-md))] border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm ring-offset-[var(--tekton-bg-background)] placeholder:text-[var(--tekton-bg-muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full items-center justify-between rounded-[var(--radius-select,var(--radius-md))] border border-[var(--border-input)] bg-[var(--bg-background)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm ring-offset-[var(--bg-background)] placeholder:text-[var(--bg-muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx14(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx14(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx14(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx14(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React12.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx14(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
   SelectPrimitive.Content,
   {
     ref,
     className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-bg-popover-foreground)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] text-[var(--bg-popover-foreground)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx14(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx9(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -728,59 +590,59 @@ var SelectContent = React12.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx14(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   SelectPrimitive.Label,
   {
     ref,
     className: cn(
-      "py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm font-semibold",
+      "py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm font-semibold",
       className
     ),
     ...props
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm outline-none focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx14(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   SelectPrimitive.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-[var(--tekton-bg-muted)]", className),
+    className: cn("-mx-1 my-1 h-px bg-[var(--bg-muted)]", className),
     ...props
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/dialog.tsx
-import * as React13 from "react";
+import * as React8 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -792,8 +654,8 @@ var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
-  /* @__PURE__ */ jsx15(DialogOverlay, {}),
+var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+  /* @__PURE__ */ jsx10(DialogOverlay, {}),
   /* @__PURE__ */ jsxs3(
     DialogPrimitive.Content,
     {
@@ -806,17 +668,17 @@ var DialogContent = React13.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ jsxs3(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-400 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500", children: [
-          /* @__PURE__ */ jsx15(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx10(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx15("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx10("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx15(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx10(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -824,7 +686,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx15(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Title,
   {
     ref,
@@ -833,7 +695,7 @@ var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Description,
   {
     ref,
@@ -844,64 +706,64 @@ var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/dropdown-menu.tsx
-import * as React14 from "react";
+import * as React9 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check3, ChevronRight, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm outline-none focus:bg-[var(--tekton-bg-accent)] data-[state=open]:bg-[var(--tekton-bg-accent)]",
+      "flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm outline-none focus:bg-[var(--bg-accent)] data-[state=open]:bg-[var(--bg-accent)]",
       inset && "pl-8",
       className
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx11(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-1 text-[var(--tekton-bg-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-1 text-[var(--bg-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
     ...props
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
+var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
   DropdownMenuPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-1 text-[var(--tekton-bg-popover-foreground)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-1 text-[var(--bg-popover-foreground)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
     ...props
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx11(
   DropdownMenuPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
       className
     ),
@@ -909,45 +771,45 @@ var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] py-[var(--spacing-2)] pl-8 pr-[var(--spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx11(
   DropdownMenuPrimitive.Label,
   {
     ref,
     className: cn(
-      "px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm font-semibold",
+      "px-[var(--spacing-2)] py-[var(--spacing-2)] text-sm font-semibold",
       inset && "pl-8",
       className
     ),
@@ -955,50 +817,50 @@ var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   DropdownMenuPrimitive.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-[var(--tekton-bg-muted)]", className),
+    className: cn("-mx-1 my-1 h-px bg-[var(--bg-muted)]", className),
     ...props
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx16("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx11("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/table.tsx
-import * as React15 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Table = React15.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx17("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+import * as React10 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Table = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx12("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "tfoot",
   {
     ref,
     className: cn(
-      "border-t bg-[var(--tekton-bg-muted)]/50 font-medium [&>tr]:last:border-b-0",
+      "border-t bg-[var(--bg-muted)]/50 font-medium [&>tr]:last:border-b-0",
       className
     ),
     ...props
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React15.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableRow = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
     "tr",
     {
       ref,
       className: cn(
-        "border-b border-[var(--tekton-border-default)] transition-colors hover:bg-[var(--tekton-bg-muted)]/50 data-[state=selected]:bg-[var(--tekton-bg-muted)]",
+        "border-b border-[var(--border-default)] transition-colors hover:bg-[var(--bg-muted)]/50 data-[state=selected]:bg-[var(--bg-muted)]",
         className
       ),
       ...props
@@ -1006,36 +868,36 @@ var TableRow = React15.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableHead = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "th",
   {
     ref,
     className: cn(
-      "h-12 px-[var(--tekton-spacing-4)] text-left align-middle font-medium text-[var(--tekton-bg-muted-foreground)] [&:has([role=checkbox])]:pr-0",
+      "h-12 px-[var(--spacing-4)] text-left align-middle font-medium text-[var(--bg-muted-foreground)] [&:has([role=checkbox])]:pr-0",
       className
     ),
     ...props
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableCell = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "td",
   {
     ref,
     className: cn(
-      "p-[var(--tekton-spacing-4)] align-middle [&:has([role=checkbox])]:pr-0",
+      "p-[var(--spacing-4)] align-middle [&:has([role=checkbox])]:pr-0",
       className
     ),
     ...props
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "caption",
   {
     ref,
     className: cn(
-      "mt-[var(--tekton-spacing-4)] text-sm text-[var(--tekton-bg-muted-foreground)]",
+      "mt-[var(--spacing-4)] text-sm text-[var(--bg-muted-foreground)]",
       className
     ),
     ...props
@@ -1044,40 +906,40 @@ var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
-import * as React16 from "react";
+import * as React11 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   TabsPrimitive.List,
   {
     ref,
     className: cn(
-      "inline-flex h-10 items-center justify-center rounded-[var(--tekton-radius-xl)] bg-[var(--tekton-bg-muted)] p-1 text-[var(--tekton-bg-muted-foreground)]",
+      "inline-flex h-10 items-center justify-center rounded-[var(--radius-xl)] bg-[var(--bg-muted)] p-1 text-[var(--bg-muted-foreground)]",
       className
     ),
     ...props
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   TabsPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-xl)] px-[var(--tekton-spacing-3)] py-1.5 text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[var(--tekton-bg-background)] data-[state=active]:text-[var(--tekton-bg-foreground)] data-[state=active]:shadow-sm",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-xl)] px-[var(--spacing-3)] py-1.5 text-sm font-medium ring-offset-[var(--bg-background)] transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[var(--bg-background)] data-[state=active]:text-[var(--bg-foreground)] data-[state=active]:shadow-sm",
       className
     ),
     ...props
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   TabsPrimitive.Content,
   {
     ref,
     className: cn(
-      "mt-[var(--tekton-spacing-2)] ring-offset-[var(--tekton-bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2",
+      "mt-[var(--spacing-2)] ring-offset-[var(--bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2",
       className
     ),
     ...props
@@ -1086,31 +948,31 @@ var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/toast.tsx
-import * as React17 from "react";
+import * as React12 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva4 } from "class-variance-authority";
+import { cva as cva2 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var ToastViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   ToastPrimitives.Viewport,
   {
     ref,
     className: cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-[var(--tekton-spacing-4)] sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-[var(--spacing-4)] sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     ),
     ...props
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva4(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-[var(--tekton-spacing-4)] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] p-[var(--tekton-spacing-6)] pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+var toastVariants = cva2(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-[var(--spacing-4)] overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] p-[var(--spacing-6)] pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
       variant: {
-        default: "border bg-[var(--tekton-bg-background)] text-[var(--tekton-bg-foreground)]",
-        destructive: "destructive group border-[var(--tekton-bg-destructive)] bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)]"
+        default: "border bg-[var(--bg-background)] text-[var(--bg-foreground)]",
+        destructive: "destructive group border-[var(--bg-destructive)] bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)]"
       }
     },
     defaultVariants: {
@@ -1118,8 +980,8 @@ var toastVariants = cva4(
     }
   }
 );
-var Toast = React17.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx19(
+var Toast = React12.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx14(
     ToastPrimitives.Root,
     {
       ref,
@@ -1129,35 +991,35 @@ var Toast = React17.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var ToastAction = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   ToastPrimitives.Action,
   {
     ref,
     className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-[var(--tekton-radius-md)] border border-[var(--tekton-bg-muted)] bg-transparent px-[var(--tekton-spacing-3)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors hover:bg-[var(--tekton-bg-secondary)] focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-[var(--tekton-bg-muted)]/40 group-[.destructive]:hover:border-[var(--tekton-bg-destructive)]/30 group-[.destructive]:hover:bg-[var(--tekton-bg-destructive)] group-[.destructive]:hover:text-[var(--tekton-bg-destructive-foreground)] group-[.destructive]:focus:ring-[var(--tekton-bg-destructive)]",
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] border border-[var(--bg-muted)] bg-transparent px-[var(--spacing-3)] text-sm font-medium ring-offset-[var(--bg-background)] transition-colors hover:bg-[var(--bg-secondary)] focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-[var(--bg-muted)]/40 group-[.destructive]:hover:border-[var(--bg-destructive)]/30 group-[.destructive]:hover:bg-[var(--bg-destructive)] group-[.destructive]:hover:text-[var(--bg-destructive-foreground)] group-[.destructive]:focus:ring-[var(--bg-destructive)]",
       className
     ),
     ...props
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   ToastPrimitives.Close,
   {
     ref,
     className: cn(
-      "absolute right-2 top-2 rounded-[var(--tekton-radius-md)] p-1 text-[var(--tekton-bg-foreground)]/50 opacity-0 transition-opacity hover:text-[var(--tekton-bg-foreground)] focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      "absolute right-2 top-2 rounded-[var(--radius-md)] p-1 text-[var(--bg-foreground)]/50 opacity-0 transition-opacity hover:text-[var(--bg-foreground)] focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
       className
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx19(X2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx14(X2, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var ToastDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   ToastPrimitives.Description,
   {
     ref,
@@ -1168,19 +1030,19 @@ var ToastDescription = React17.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/tooltip.tsx
-import * as React18 from "react";
+import * as React13 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TooltipContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx15(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
-      "z-50 overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm text-[var(--tekton-bg-popover-foreground)] shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm text-[var(--bg-popover-foreground)] shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
     ...props
@@ -1189,19 +1051,19 @@ var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/popover.tsx
-import * as React19 from "react";
+import * as React14 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React19.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
   PopoverPrimitive.Content,
   {
     ref,
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-[var(--tekton-spacing-4)] text-[var(--tekton-bg-popover-foreground)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 w-72 rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] p-[var(--spacing-4)] text-[var(--bg-popover-foreground)] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
     ...props
@@ -1210,20 +1072,20 @@ var PopoverContent = React19.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/sheet.tsx
-import * as React20 from "react";
+import * as React15 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva5 } from "class-variance-authority";
+import { cva as cva3 } from "class-variance-authority";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SheetPrimitive.Overlay,
   {
     className: cn(
-      "fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-[var(--bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
     ...props,
@@ -1231,15 +1093,15 @@ var SheetOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva5(
-  "fixed z-50 gap-[var(--tekton-spacing-4)] bg-[var(--tekton-bg-background)] p-[var(--tekton-spacing-6)] shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+var sheetVariants = cva3(
+  "fixed z-50 gap-[var(--spacing-4)] bg-[var(--bg-background)] p-[var(--spacing-6)] shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
-        top: "inset-x-0 top-0 border-b border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        top: "inset-x-0 top-0 border-b border-[var(--border-default)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t border-[var(--border-default)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r border-[var(--border-default)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l border-[var(--border-default)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
     },
     defaultVariants: {
@@ -1247,66 +1109,66 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetContent = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-  /* @__PURE__ */ jsx22(SheetOverlay, {}),
+var SheetContent = React15.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
+  /* @__PURE__ */ jsx17(SheetOverlay, {}),
   /* @__PURE__ */ jsxs5(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
     children,
-    /* @__PURE__ */ jsxs5(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--tekton-radius-sm)] opacity-70 ring-offset-[var(--tekton-bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--tekton-bg-secondary)]", children: [
-      /* @__PURE__ */ jsx22(X3, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Close" })
+    /* @__PURE__ */ jsxs5(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-[var(--bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--bg-secondary)]", children: [
+      /* @__PURE__ */ jsx17(X3, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
-      "flex flex-col space-y-[var(--tekton-spacing-2)] text-center sm:text-left",
+      "flex flex-col space-y-[var(--spacing-2)] text-center sm:text-left",
       className
     ),
     ...props
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--tekton-spacing-2)]",
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--spacing-2)]",
       className
     ),
     ...props
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SheetPrimitive.Title,
   {
     ref,
-    className: cn("text-lg font-semibold text-[var(--tekton-bg-foreground)]", className),
+    className: cn("text-lg font-semibold text-[var(--bg-foreground)]", className),
     ...props
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SheetPrimitive.Description,
   {
     ref,
-    className: cn("text-sm text-[var(--tekton-bg-muted-foreground)]", className),
+    className: cn("text-sm text-[var(--bg-muted-foreground)]", className),
     ...props
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/alert-dialog.tsx
-import * as React21 from "react";
+import * as React16 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -1318,9 +1180,9 @@ var AlertDialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx23(
+var AlertDialogContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx18(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx18(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -1333,9 +1195,9 @@ var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx18("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx18(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1343,7 +1205,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -1352,7 +1214,7 @@ var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1361,9 +1223,9 @@ var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogCancel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -1374,10 +1236,10 @@ var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /*
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/progress.tsx
-import * as React22 from "react";
+import * as React17 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var Progress = React22.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx24(
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Progress = React17.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx19(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1386,14 +1248,14 @@ var Progress = React22.forwardRef(({ className, value, ...props }, ref) => /* @_
     "aria-valuemin": 0,
     "aria-valuemax": 100,
     className: cn(
-      "relative h-4 w-full overflow-hidden rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-secondary)]",
+      "relative h-4 w-full overflow-hidden rounded-[var(--radius-full)] bg-[var(--bg-secondary)]",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx24(
+    children: /* @__PURE__ */ jsx19(
       ProgressPrimitive.Indicator,
       {
-        className: "h-full w-full flex-1 bg-[var(--tekton-bg-primary)] transition-all",
+        className: "h-full w-full flex-1 bg-[var(--bg-primary)] transition-all",
         style: { transform: `translateX(-${100 - (value || 0)}%)` }
       }
     )
@@ -1402,11 +1264,11 @@ var Progress = React22.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/sidebar.tsx
-import * as React23 from "react";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
-var sidebarVariants = cva6(
-  "flex flex-col border-r border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] transition-all duration-300",
+import * as React18 from "react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+var sidebarVariants = cva4(
+  "flex flex-col border-r border-[var(--border-default)] bg-[var(--bg-background)] transition-all duration-300",
   {
     variants: {
       variant: {
@@ -1425,8 +1287,8 @@ var sidebarVariants = cva6(
     }
   }
 );
-var sidebarHeaderVariants = cva6(
-  "flex items-center gap-[var(--tekton-spacing-2)] border-b border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] p-[var(--tekton-spacing-4)]",
+var sidebarHeaderVariants = cva4(
+  "flex items-center gap-[var(--spacing-2)] border-b border-[var(--border-default)] bg-[var(--bg-card)] p-[var(--spacing-4)]",
   {
     variants: {
       size: {
@@ -1440,25 +1302,25 @@ var sidebarHeaderVariants = cva6(
     }
   }
 );
-var sidebarContentVariants = cva6("flex-1 overflow-y-auto p-[var(--tekton-spacing-4)]", {
+var sidebarContentVariants = cva4("flex-1 overflow-y-auto p-[var(--spacing-4)]", {
   variants: {
     spacing: {
-      default: "space-y-[var(--tekton-spacing-2)]",
-      compact: "space-y-[var(--tekton-spacing-1)]",
-      relaxed: "space-y-[var(--tekton-spacing-4)]"
+      default: "space-y-[var(--spacing-2)]",
+      compact: "space-y-[var(--spacing-1)]",
+      relaxed: "space-y-[var(--spacing-4)]"
     }
   },
   defaultVariants: {
     spacing: "default"
   }
 });
-var sidebarItemVariants = cva6(
-  "flex w-full items-center gap-[var(--tekton-spacing-3)] rounded-[var(--tekton-radius-md)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+var sidebarItemVariants = cva4(
+  "flex w-full items-center gap-[var(--spacing-3)] rounded-[var(--radius-md)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "text-[var(--tekton-bg-foreground)] hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
-        active: "bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90"
+        default: "text-[var(--bg-foreground)] hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
+        active: "bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90"
       }
     },
     defaultVariants: {
@@ -1466,24 +1328,24 @@ var sidebarItemVariants = cva6(
     }
   }
 );
-var sidebarSectionVariants = cva6("space-y-[var(--tekton-spacing-1)]", {
+var sidebarSectionVariants = cva4("space-y-[var(--spacing-1)]", {
   variants: {}
 });
-var sidebarSectionTitleVariants = cva6(
-  "px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-xs font-semibold uppercase tracking-wider text-[var(--tekton-text-muted-foreground)]",
+var sidebarSectionTitleVariants = cva4(
+  "px-[var(--spacing-3)] py-[var(--spacing-2)] text-xs font-semibold uppercase tracking-wider text-[var(--text-muted-foreground)]",
   {
     variants: {}
   }
 );
-var sidebarFooterVariants = cva6(
-  "border-t border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)]",
+var sidebarFooterVariants = cva4(
+  "border-t border-[var(--border-default)] p-[var(--spacing-4)]",
   {
     variants: {}
   }
 );
-var Sidebar = React23.forwardRef(
+var Sidebar = React18.forwardRef(
   ({ className, variant, size, collapsed, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         ref,
@@ -1496,19 +1358,19 @@ var Sidebar = React23.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarHeader = React23.forwardRef(
+var SidebarHeader = React18.forwardRef(
   ({ className, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
+    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarContent = React23.forwardRef(
+var SidebarContent = React18.forwardRef(
   ({ className, spacing, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
+    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
   }
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarItem = React23.forwardRef(
+var SidebarItem = React18.forwardRef(
   ({ className, variant, icon, badge, children, active, ...props }, ref) => {
     return /* @__PURE__ */ jsxs7(
       "button",
@@ -1517,36 +1379,36 @@ var SidebarItem = React23.forwardRef(
         className: cn(sidebarItemVariants({ variant: active ? "active" : variant, className })),
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsx25("span", { className: "flex-shrink-0", children: icon }),
-          /* @__PURE__ */ jsx25("span", { className: "flex-1 truncate text-left", children }),
-          badge && /* @__PURE__ */ jsx25("span", { className: "flex-shrink-0", children: badge })
+          icon && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsx20("span", { className: "flex-1 truncate text-left", children }),
+          badge && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0", children: badge })
         ]
       }
     );
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var SidebarSection = React23.forwardRef(
+var SidebarSection = React18.forwardRef(
   ({ className, title, collapsed, children, ...props }, ref) => {
-    const [isCollapsed, setIsCollapsed] = React23.useState(collapsed ?? false);
-    React23.useEffect(() => {
+    const [isCollapsed, setIsCollapsed] = React18.useState(collapsed ?? false);
+    React18.useEffect(() => {
       if (collapsed !== void 0) {
         setIsCollapsed(collapsed);
       }
     }, [collapsed]);
     return /* @__PURE__ */ jsxs7("div", { ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [
-      title && /* @__PURE__ */ jsx25(
+      title && /* @__PURE__ */ jsx20(
         "button",
         {
           className: cn(
             sidebarSectionTitleVariants(),
-            "w-full text-left hover:text-[var(--tekton-bg-foreground)] transition-colors"
+            "w-full text-left hover:text-[var(--bg-foreground)] transition-colors"
           ),
           onClick: () => setIsCollapsed(!isCollapsed),
           "aria-expanded": !isCollapsed,
           children: /* @__PURE__ */ jsxs7("span", { className: "flex items-center justify-between", children: [
             title,
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx20(
               "span",
               {
                 className: cn("transition-transform", isCollapsed ? "rotate-0" : "rotate-90"),
@@ -1557,30 +1419,30 @@ var SidebarSection = React23.forwardRef(
           ] })
         }
       ),
-      !isCollapsed && /* @__PURE__ */ jsx25("div", { className: "space-y-[var(--tekton-spacing-1)]", children })
+      !isCollapsed && /* @__PURE__ */ jsx20("div", { className: "space-y-[var(--spacing-1)]", children })
     ] });
   }
 );
 SidebarSection.displayName = "SidebarSection";
-var SidebarSectionTitle = React23.forwardRef(
+var SidebarSectionTitle = React18.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
   }
 );
 SidebarSectionTitle.displayName = "SidebarSectionTitle";
-var SidebarFooter = React23.forwardRef(
+var SidebarFooter = React18.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
+    return /* @__PURE__ */ jsx20("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/components/navigation-menu.tsx
-import * as React24 from "react";
+import * as React19 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
-var NavigationMenu = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+var NavigationMenu = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1588,17 +1450,17 @@ var NavigationMenu = React24.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx26(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx21(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var NavigationMenuList = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   NavigationMenuPrimitive.List,
   {
     ref,
     className: cn(
-      "group flex flex-1 list-none items-center justify-center gap-[var(--tekton-spacing-1)]",
+      "group flex flex-1 list-none items-center justify-center gap-[var(--spacing-1)]",
       className
     ),
     ...props
@@ -1606,10 +1468,10 @@ var NavigationMenuList = React24.forwardRef(({ className, ...props }, ref) => /*
 ));
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = cva7(
-  "group inline-flex h-10 w-max items-center justify-center rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-4)] py-[var(--tekton-spacing-2)] text-sm font-medium transition-colors hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)] focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[var(--tekton-bg-accent)]/50 data-[state=open]:bg-[var(--tekton-bg-accent)]/50"
+var navigationMenuTriggerStyle = cva5(
+  "group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius-md)] bg-[var(--bg-background)] px-[var(--spacing-4)] py-[var(--spacing-2)] text-sm font-medium transition-colors hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)] focus:bg-[var(--bg-accent)] focus:text-[var(--bg-accent-foreground)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[var(--bg-accent)]/50 data-[state=open]:bg-[var(--bg-accent)]/50"
 );
-var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var NavigationMenuTrigger = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1618,7 +1480,7 @@ var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx21(
         "svg",
         {
           width: "12",
@@ -1628,7 +1490,7 @@ var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props
           xmlns: "http://www.w3.org/2000/svg",
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx21(
             "path",
             {
               d: "M2.5 4.5L6 8L9.5 4.5",
@@ -1644,7 +1506,7 @@ var NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var NavigationMenuContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1657,11 +1519,11 @@ var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx26(
+var NavigationMenuViewport = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx21(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-text-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--radius-md)] border border-[var(--border-default)] bg-[var(--bg-popover)] text-[var(--text-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
       className
     ),
     ref,
@@ -1669,7 +1531,7 @@ var NavigationMenuViewport = React24.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var NavigationMenuIndicator = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1678,16 +1540,16 @@ var NavigationMenuIndicator = React24.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx26("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--tekton-border-default)] shadow-md" })
+    children: /* @__PURE__ */ jsx21("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--border-default)] shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/breadcrumb.tsx
-import * as React25 from "react";
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
-var breadcrumbVariants = cva8("flex items-center gap-[var(--tekton-spacing-2)]", {
+import * as React20 from "react";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+var breadcrumbVariants = cva6("flex items-center gap-[var(--spacing-2)]", {
   variants: {
     size: {
       sm: "text-xs",
@@ -1699,19 +1561,19 @@ var breadcrumbVariants = cva8("flex items-center gap-[var(--tekton-spacing-2)]",
     size: "default"
   }
 });
-var breadcrumbListVariants = cva8("flex flex-wrap items-center gap-1.5 break-words", {
+var breadcrumbListVariants = cva6("flex flex-wrap items-center gap-1.5 break-words", {
   variants: {}
 });
-var breadcrumbItemVariants = cva8("inline-flex items-center gap-1.5", {
+var breadcrumbItemVariants = cva6("inline-flex items-center gap-1.5", {
   variants: {}
 });
-var breadcrumbLinkVariants = cva8(
-  "transition-colors hover:text-[var(--tekton-bg-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 rounded-[var(--tekton-radius-sm)]",
+var breadcrumbLinkVariants = cva6(
+  "transition-colors hover:text-[var(--bg-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 rounded-[var(--radius-sm)]",
   {
     variants: {
       active: {
-        true: "text-[var(--tekton-bg-foreground)] font-medium pointer-events-none",
-        false: "text-[var(--tekton-text-muted-foreground)] underline-offset-4 hover:underline"
+        true: "text-[var(--bg-foreground)] font-medium pointer-events-none",
+        false: "text-[var(--text-muted-foreground)] underline-offset-4 hover:underline"
       }
     },
     defaultVariants: {
@@ -1719,18 +1581,18 @@ var breadcrumbLinkVariants = cva8(
     }
   }
 );
-var breadcrumbSeparatorVariants = cva8("text-[var(--tekton-text-muted-foreground)] select-none", {
+var breadcrumbSeparatorVariants = cva6("text-[var(--text-muted-foreground)] select-none", {
   variants: {}
 });
-var breadcrumbEllipsisVariants = cva8(
-  "inline-flex h-9 w-9 items-center justify-center text-[var(--tekton-text-muted-foreground)]",
+var breadcrumbEllipsisVariants = cva6(
+  "inline-flex h-9 w-9 items-center justify-center text-[var(--text-muted-foreground)]",
   {
     variants: {}
   }
 );
-var Breadcrumb = React25.forwardRef(
+var Breadcrumb = React20.forwardRef(
   ({ className, size, separator: _separator = "/", ...props }, ref) => {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx22(
       "nav",
       {
         ref,
@@ -1742,18 +1604,18 @@ var Breadcrumb = React25.forwardRef(
   }
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React25.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
+var BreadcrumbList = React20.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22("ol", { ref, className: cn(breadcrumbListVariants({ className })), ...props })
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React25.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
+var BreadcrumbItem = React20.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22("li", { ref, className: cn(breadcrumbItemVariants({ className })), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React25.forwardRef(
+var BreadcrumbLink = React20.forwardRef(
   ({ className, active, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? React25.Fragment : "a";
-    return /* @__PURE__ */ jsx27(
+    const Comp = asChild ? React20.Fragment : "a";
+    return /* @__PURE__ */ jsx22(
       Comp,
       {
         ref: asChild ? void 0 : ref,
@@ -1766,8 +1628,8 @@ var BreadcrumbLink = React25.forwardRef(
   }
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React25.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var BreadcrumbPage = React20.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
     "span",
     {
       ref,
@@ -1776,7 +1638,7 @@ var BreadcrumbPage = React25.forwardRef(
       "aria-current": "page",
       className: cn(
         breadcrumbLinkVariants({ active: true }),
-        "text-[var(--tekton-bg-foreground)]",
+        "text-[var(--bg-foreground)]",
         className
       ),
       ...props
@@ -1784,8 +1646,8 @@ var BreadcrumbPage = React25.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = React25.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var BreadcrumbSeparator = React20.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx22(
     "li",
     {
       ref,
@@ -1798,7 +1660,7 @@ var BreadcrumbSeparator = React25.forwardRef(
   )
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var BreadcrumbEllipsis = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
   "span",
   {
     ref,
@@ -1807,7 +1669,7 @@ var BreadcrumbEllipsis = React25.forwardRef(({ className, ...props }, ref) => /*
     className: cn(breadcrumbEllipsisVariants({ className })),
     ...props,
     children: [
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx22(
         "svg",
         {
           width: "15",
@@ -1816,7 +1678,7 @@ var BreadcrumbEllipsis = React25.forwardRef(({ className, ...props }, ref) => /*
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsx22(
             "path",
             {
               d: "M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z",
@@ -1827,22 +1689,22 @@ var BreadcrumbEllipsis = React25.forwardRef(({ className, ...props }, ref) => /*
           )
         }
       ),
-      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "More" })
     ]
   }
 ));
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/command.tsx
-import * as React26 from "react";
+import * as React21 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
-var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+var Command = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive,
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-text-popover-foreground)]",
+      "flex h-full w-full flex-col overflow-hidden rounded-[var(--radius-md)] bg-[var(--bg-popover)] text-[var(--text-popover-foreground)]",
       className
     ),
     ...props
@@ -1853,24 +1715,24 @@ var CommandDialog = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Dialog,
     {
       ...props,
       className: cn(
-        "fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+        "fixed inset-0 z-50 bg-[var(--bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       ),
-      children: /* @__PURE__ */ jsx28("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: /* @__PURE__ */ jsx28(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--tekton-text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
+      children: /* @__PURE__ */ jsx23("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--border-default)] bg-[var(--bg-background)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: /* @__PURE__ */ jsx23(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) })
     }
   );
 };
-var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var CommandInput = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
   "div",
   {
-    className: "flex items-center border-b border-[var(--tekton-border-default)] px-3",
+    className: "flex items-center border-b border-[var(--border-default)] px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx23(
         "svg",
         {
           width: "15",
@@ -1879,7 +1741,7 @@ var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           className: "mr-2 h-4 w-4 shrink-0 opacity-50",
-          children: /* @__PURE__ */ jsx28(
+          children: /* @__PURE__ */ jsx23(
             "path",
             {
               d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
@@ -1890,12 +1752,12 @@ var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
           )
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx23(
         CommandPrimitive.Input,
         {
           ref,
           className: cn(
-            "flex h-11 w-full rounded-[var(--tekton-radius-md)] bg-transparent py-3 text-sm outline-none placeholder:text-[var(--tekton-text-muted-foreground)] disabled:cursor-not-allowed disabled:opacity-50",
+            "flex h-11 w-full rounded-[var(--radius-md)] bg-transparent py-3 text-sm outline-none placeholder:text-[var(--text-muted-foreground)] disabled:cursor-not-allowed disabled:opacity-50",
             className
           ),
           ...props
@@ -1905,7 +1767,7 @@ var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandList = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive.List,
   {
     ref,
@@ -1914,42 +1776,42 @@ var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ jsx28(
+var CommandEmpty = React21.forwardRef((props, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive.Empty,
   {
     ref,
-    className: "py-6 text-center text-sm text-[var(--tekton-text-muted-foreground)]",
+    className: "py-6 text-center text-sm text-[var(--text-muted-foreground)]",
     ...props
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive.Group,
   {
     ref,
     className: cn(
-      "overflow-hidden p-1 text-[var(--tekton-bg-foreground)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--tekton-text-muted-foreground)]",
+      "overflow-hidden p-1 text-[var(--bg-foreground)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--text-muted-foreground)]",
       className
     ),
     ...props
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive.Separator,
   {
     ref,
-    className: cn("-mx-1 h-px bg-[var(--tekton-border-default)]", className),
+    className: cn("-mx-1 h-px bg-[var(--border-default)]", className),
     ...props
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandItem = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   CommandPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--tekton-bg-accent)] aria-selected:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-[var(--radius-sm)] px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--bg-accent)] aria-selected:text-[var(--bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props
@@ -1957,11 +1819,11 @@ var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       className: cn(
-        "ml-auto text-xs tracking-widest text-[var(--tekton-text-muted-foreground)]",
+        "ml-auto text-xs tracking-widest text-[var(--text-muted-foreground)]",
         className
       ),
       ...props
@@ -1972,9 +1834,9 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx24(
     DayPicker,
     {
       showOutsideDays,
@@ -1984,41 +1846,41 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         month: "space-y-4 w-full",
         caption: "relative flex justify-center items-center h-9 w-full",
         month_caption: "flex items-center",
-        caption_label: "text-sm font-black text-[var(--tekton-bg-foreground)]",
+        caption_label: "text-sm font-black text-[var(--bg-foreground)]",
         nav: "absolute inset-0 flex items-center justify-between pointer-events-none z-10 px-2",
         button_previous: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-          "hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
+          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          "hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 pointer-events-auto"
         ),
         button_next: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-          "hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
+          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          "hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 pointer-events-auto"
         ),
         month_grid: "w-full border-collapse space-y-1",
         weekdays: "flex w-full",
-        weekday: "text-[var(--tekton-bg-muted-foreground)] rounded-[var(--tekton-radius-md)] flex-1 font-normal text-[0.8rem] text-center",
+        weekday: "text-[var(--bg-muted-foreground)] rounded-[var(--radius-md)] flex-1 font-normal text-[0.8rem] text-center",
         week: "flex w-full mt-2",
-        day: "flex-1 aspect-square text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-[var(--tekton-radius-md)] [&:has([aria-selected].day-outside)]:bg-[var(--tekton-bg-accent)]/50 [&:has([aria-selected])]:bg-[var(--tekton-bg-accent)] first:[&:has([aria-selected])]:rounded-l-[var(--tekton-radius-md)] last:[&:has([aria-selected])]:rounded-r-[var(--tekton-radius-md)] focus-within:relative focus-within:z-20",
+        day: "flex-1 aspect-square text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-[var(--radius-md)] [&:has([aria-selected].day-outside)]:bg-[var(--bg-accent)]/50 [&:has([aria-selected])]:bg-[var(--bg-accent)] first:[&:has([aria-selected])]:rounded-l-[var(--radius-md)] last:[&:has([aria-selected])]:rounded-r-[var(--radius-md)] focus-within:relative focus-within:z-20",
         day_button: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-md)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-          "hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
+          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] text-sm font-medium ring-offset-[var(--bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          "hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
           "h-full w-full p-0 font-normal aria-selected:opacity-100"
         ),
         range_end: "day-range-end",
-        selected: "rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)] hover:text-[var(--tekton-bg-primary-foreground)] focus:bg-[var(--tekton-bg-primary)] focus:text-[var(--tekton-bg-primary-foreground)]",
-        today: "rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-accent)] text-[var(--tekton-bg-accent-foreground)]",
-        outside: "day-outside text-[var(--tekton-bg-muted-foreground)] opacity-50 aria-selected:bg-[var(--tekton-bg-accent)]/50 aria-selected:text-[var(--tekton-bg-muted-foreground)] aria-selected:opacity-30",
-        disabled: "text-[var(--tekton-bg-muted-foreground)] opacity-50",
-        range_middle: "aria-selected:bg-[var(--tekton-bg-accent)] aria-selected:text-[var(--tekton-bg-accent-foreground)]",
+        selected: "rounded-[var(--radius-md)] bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)] hover:text-[var(--bg-primary-foreground)] focus:bg-[var(--bg-primary)] focus:text-[var(--bg-primary-foreground)]",
+        today: "rounded-[var(--radius-md)] bg-[var(--bg-accent)] text-[var(--bg-accent-foreground)]",
+        outside: "day-outside text-[var(--bg-muted-foreground)] opacity-50 aria-selected:bg-[var(--bg-accent)]/50 aria-selected:text-[var(--bg-muted-foreground)] aria-selected:opacity-30",
+        disabled: "text-[var(--bg-muted-foreground)] opacity-50",
+        range_middle: "aria-selected:bg-[var(--bg-accent)] aria-selected:text-[var(--bg-accent-foreground)]",
         hidden: "invisible",
         ...classNames
       },
       components: {
         Chevron: ({ orientation }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx29(
+            return /* @__PURE__ */ jsx24(
               "svg",
               {
                 width: "15",
@@ -2027,7 +1889,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 className: "h-4 w-4",
-                children: /* @__PURE__ */ jsx29(
+                children: /* @__PURE__ */ jsx24(
                   "path",
                   {
                     d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z",
@@ -2039,7 +1901,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               }
             );
           }
-          return /* @__PURE__ */ jsx29(
+          return /* @__PURE__ */ jsx24(
             "svg",
             {
               width: "15",
@@ -2048,7 +1910,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               className: "h-4 w-4",
-              children: /* @__PURE__ */ jsx29(
+              children: /* @__PURE__ */ jsx24(
                 "path",
                 {
                   d: "M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",
@@ -2066,1259 +1928,6 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
   );
 }
 Calendar.displayName = "Calendar";
-
-// src/templates/types.ts
-var DEFAULT_RESPONSIVE_LAYOUT = {
-  mobile: {
-    padding: "var(--tekton-layout-padding-mobile)",
-    // 16px
-    gap: "var(--tekton-layout-gap-mobile)",
-    // 16px
-    columns: 4
-  },
-  tablet: {
-    padding: "var(--tekton-layout-padding-tablet)",
-    // 32px
-    gap: "var(--tekton-layout-gap-tablet)",
-    // 24px
-    columns: 8
-  },
-  desktop: {
-    padding: "var(--tekton-layout-padding-desktop)",
-    // 64px
-    gap: "var(--tekton-layout-gap-desktop)",
-    // 32px
-    columns: 12
-  }
-};
-var DEFAULT_BREAKPOINTS = {
-  mobile: 768,
-  tablet: 1024,
-  desktop: 1024
-};
-
-// src/templates/registry.ts
-var TemplateRegistry = class _TemplateRegistry {
-  static instance;
-  templates;
-  constructor() {
-    this.templates = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Get singleton instance
-   */
-  static getInstance() {
-    if (!_TemplateRegistry.instance) {
-      _TemplateRegistry.instance = new _TemplateRegistry();
-    }
-    return _TemplateRegistry.instance;
-  }
-  /**
-   * Register a template
-   */
-  register(template) {
-    if (this.templates.has(template.id)) {
-      console.warn(`Template "${template.id}" is already registered. Overwriting.`);
-    }
-    this.templates.set(template.id, {
-      template,
-      metadata: {
-        usageCount: 0
-      }
-    });
-  }
-  /**
-   * Register multiple templates
-   */
-  registerMany(templates) {
-    templates.forEach((template) => this.register(template));
-  }
-  /**
-   * Get template by ID
-   */
-  get(id) {
-    const entry = this.templates.get(id);
-    if (entry) {
-      entry.metadata.usageCount++;
-      entry.metadata.lastUsed = (/* @__PURE__ */ new Date()).toISOString();
-      return entry.template;
-    }
-    return void 0;
-  }
-  /**
-   * Get all templates
-   */
-  getAll() {
-    return Array.from(this.templates.values()).map((entry) => entry.template);
-  }
-  /**
-   * Get templates by category
-   */
-  getByCategory(category) {
-    return this.getAll().filter((template) => template.category === category);
-  }
-  /**
-   * Find templates by required components
-   * Returns templates that include ALL specified components
-   */
-  findByRequiredComponents(components) {
-    return this.getAll().filter((template) => {
-      return components.every((component) => template.requiredComponents.includes(component));
-    });
-  }
-  /**
-   * Search templates by keyword
-   * Searches in: id, name, description, tags
-   */
-  search(keyword) {
-    const lowerKeyword = keyword.toLowerCase();
-    return this.getAll().filter((template) => {
-      return template.id.toLowerCase().includes(lowerKeyword) || template.name.toLowerCase().includes(lowerKeyword) || template.description.toLowerCase().includes(lowerKeyword) || template.tags?.some((tag) => tag.toLowerCase().includes(lowerKeyword));
-    });
-  }
-  /**
-   * Get template metadata
-   */
-  getMetadata(id) {
-    return this.templates.get(id)?.metadata;
-  }
-  /**
-   * Get most used templates
-   */
-  getMostUsed(limit = 10) {
-    return Array.from(this.templates.values()).sort((a, b) => b.metadata.usageCount - a.metadata.usageCount).slice(0, limit).map((entry) => entry.template);
-  }
-  /**
-   * Get recently used templates
-   */
-  getRecentlyUsed(limit = 10) {
-    return Array.from(this.templates.values()).filter((entry) => entry.metadata.lastUsed).sort((a, b) => {
-      const dateA = new Date(a.metadata.lastUsed).getTime();
-      const dateB = new Date(b.metadata.lastUsed).getTime();
-      return dateB - dateA;
-    }).slice(0, limit).map((entry) => entry.template);
-  }
-  /**
-   * Clear all templates
-   */
-  clear() {
-    this.templates.clear();
-  }
-  /**
-   * Get template count
-   */
-  count() {
-    return this.templates.size;
-  }
-  /**
-   * Check if template exists
-   */
-  has(id) {
-    return this.templates.has(id);
-  }
-  /**
-   * Remove template
-   */
-  remove(id) {
-    return this.templates.delete(id);
-  }
-};
-var templateRegistry = TemplateRegistry.getInstance();
-
-// src/templates/auth/login.tsx
-import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
-function LoginTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Welcome Back";
-  const subtitle = texts.subtitle || "Sign in to your account";
-  const buttonLabel = texts.button_label || "Sign In";
-  const showSocialLogin = options.social_login ?? false;
-  const showRememberMe = options.remember_me ?? false;
-  return /* @__PURE__ */ jsxs11(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs11(Card, { className: "w-full max-w-md", children: [
-          /* @__PURE__ */ jsxs11(CardHeader, { children: [
-            slots.logo && /* @__PURE__ */ jsx30("div", { className: "mb-[var(--tekton-spacing-4)]", children: slots.logo }),
-            /* @__PURE__ */ jsx30(CardTitle, { children: title }),
-            /* @__PURE__ */ jsx30(CardDescription, { children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsxs11(CardContent, { className: "space-y-[var(--tekton-spacing-4)]", children: [
-            /* @__PURE__ */ jsxs11("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx30(Label, { htmlFor: "email", children: "Email" }),
-              /* @__PURE__ */ jsx30(Input, { id: "email", type: "email", placeholder: "Enter your email" })
-            ] }),
-            /* @__PURE__ */ jsxs11("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx30(Label, { htmlFor: "password", children: "Password" }),
-                slots.forgotPassword && /* @__PURE__ */ jsx30("div", { children: slots.forgotPassword })
-              ] }),
-              /* @__PURE__ */ jsx30(Input, { id: "password", type: "password", placeholder: "Enter your password" })
-            ] }),
-            showRememberMe && slots.rememberMe && /* @__PURE__ */ jsx30("div", { className: "flex items-center space-x-[var(--tekton-spacing-2)]", children: slots.rememberMe }),
-            /* @__PURE__ */ jsx30(Button, { className: "w-full", children: buttonLabel }),
-            showSocialLogin && slots.socialLogin && /* @__PURE__ */ jsxs11(Fragment2, { children: [
-              /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx30("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx30(Separator, {}) }),
-                /* @__PURE__ */ jsx30("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx30("span", { className: "bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-2)] text-[var(--tekton-text-muted-foreground)]", children: "Or continue with" }) })
-              ] }),
-              /* @__PURE__ */ jsx30("div", { className: "grid grid-cols-2 gap-[var(--tekton-spacing-4)]", children: slots.socialLogin })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx30(CardFooter, { children: slots.footer || /* @__PURE__ */ jsxs11("p", { className: "text-sm text-center w-full text-[var(--tekton-text-muted-foreground)]", children: [
-            "Don't have an account?",
-            " ",
-            /* @__PURE__ */ jsx30("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Sign up" })
-          ] }) })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var LoginTemplate = {
-  id: "auth.login",
-  name: "Login",
-  category: "auth",
-  description: "Standard login screen with email and password",
-  skeleton: {
-    shell: "centered-card",
-    page: "auth-page",
-    sections: [
-      {
-        id: "login-form",
-        name: "Login Form",
-        slot: "main",
-        required: true,
-        Component: LoginTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "button_label"],
-    optional: ["social_login", "remember_me"],
-    slots: ["logo", "forgotPassword", "rememberMe", "socialLogin", "footer"]
-  },
-  requiredComponents: ["Button", "Input", "Form", "Card", "Label"],
-  Component: LoginTemplateComponent,
-  version: "1.0.0",
-  created: "2026-01-31",
-  updated: "2026-01-31",
-  tags: ["auth", "login", "form"]
-};
-
-// src/templates/auth/signup.tsx
-import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
-function SignupTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Create Account";
-  const subtitle = texts.subtitle || "Sign up to get started";
-  const buttonLabel = texts.button_label || "Sign Up";
-  const showSocialSignup = options.social_signup ?? false;
-  return /* @__PURE__ */ jsxs12(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs12(Card, { className: "w-full max-w-md", children: [
-          /* @__PURE__ */ jsxs12(CardHeader, { children: [
-            slots.logo && /* @__PURE__ */ jsx31("div", { className: "mb-[var(--tekton-spacing-4)]", children: slots.logo }),
-            /* @__PURE__ */ jsx31(CardTitle, { children: title }),
-            /* @__PURE__ */ jsx31(CardDescription, { children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsxs12(CardContent, { className: "space-y-[var(--tekton-spacing-4)]", children: [
-            /* @__PURE__ */ jsxs12("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx31(Label, { htmlFor: "name", children: "Name" }),
-              /* @__PURE__ */ jsx31(Input, { id: "name", type: "text", placeholder: "Enter your name" })
-            ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx31(Label, { htmlFor: "email", children: "Email" }),
-              /* @__PURE__ */ jsx31(Input, { id: "email", type: "email", placeholder: "Enter your email" })
-            ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx31(Label, { htmlFor: "password", children: "Password" }),
-              /* @__PURE__ */ jsx31(Input, { id: "password", type: "password", placeholder: "Enter your password" })
-            ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx31(Label, { htmlFor: "password-confirm", children: "Confirm Password" }),
-              /* @__PURE__ */ jsx31(Input, { id: "password-confirm", type: "password", placeholder: "Confirm your password" })
-            ] }),
-            slots.termsCheckbox && /* @__PURE__ */ jsx31("div", { className: "flex items-start space-x-[var(--tekton-spacing-2)]", children: slots.termsCheckbox }),
-            /* @__PURE__ */ jsx31(Button, { className: "w-full", children: buttonLabel }),
-            showSocialSignup && slots.socialSignup && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-              /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx31(Separator, {}) }),
-                /* @__PURE__ */ jsx31("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx31("span", { className: "bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-2)] text-[var(--tekton-text-muted-foreground)]", children: "Or sign up with" }) })
-              ] }),
-              /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-2 gap-[var(--tekton-spacing-4)]", children: slots.socialSignup })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx31(CardFooter, { children: slots.footer || /* @__PURE__ */ jsxs12("p", { className: "text-sm text-center w-full text-[var(--tekton-text-muted-foreground)]", children: [
-            "Already have an account?",
-            " ",
-            /* @__PURE__ */ jsx31("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Sign in" })
-          ] }) })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var SignupTemplate = {
-  id: "auth.signup",
-  name: "Signup",
-  category: "auth",
-  description: "Standard signup screen with name, email, and password",
-  skeleton: {
-    shell: "centered-card",
-    page: "auth-page",
-    sections: [
-      {
-        id: "signup-form",
-        name: "Signup Form",
-        slot: "main",
-        required: true,
-        Component: SignupTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "button_label"],
-    optional: ["social_signup"],
-    slots: ["logo", "termsCheckbox", "socialSignup", "footer"]
-  },
-  requiredComponents: ["Button", "Input", "Form", "Card", "Label", "Checkbox"],
-  Component: SignupTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["auth", "signup", "registration", "form"]
-};
-
-// src/templates/auth/forgot-password.tsx
-import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
-function ForgotPasswordTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {}
-}) {
-  const title = texts.title || "Forgot Password?";
-  const subtitle = texts.subtitle || "Enter your email address and we'll send you a reset link";
-  const buttonLabel = texts.button_label || "Send Reset Link";
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs13(Card, { className: "w-full max-w-md", children: [
-          /* @__PURE__ */ jsxs13(CardHeader, { children: [
-            slots.logo && /* @__PURE__ */ jsx32("div", { className: "mb-[var(--tekton-spacing-4)]", children: slots.logo }),
-            /* @__PURE__ */ jsx32(CardTitle, { children: title }),
-            /* @__PURE__ */ jsx32(CardDescription, { children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsxs13(CardContent, { className: "space-y-[var(--tekton-spacing-4)]", children: [
-            /* @__PURE__ */ jsxs13("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-              /* @__PURE__ */ jsx32(Label, { htmlFor: "email", children: "Email" }),
-              /* @__PURE__ */ jsx32(Input, { id: "email", type: "email", placeholder: "Enter your email" })
-            ] }),
-            /* @__PURE__ */ jsx32(Button, { className: "w-full", children: buttonLabel })
-          ] }),
-          /* @__PURE__ */ jsx32(CardFooter, { children: slots.footer || /* @__PURE__ */ jsxs13("p", { className: "text-sm text-center w-full text-[var(--tekton-text-muted-foreground)]", children: [
-            "Remember your password?",
-            " ",
-            /* @__PURE__ */ jsx32("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Back to login" })
-          ] }) })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var ForgotPasswordTemplate = {
-  id: "auth.forgot-password",
-  name: "Forgot Password",
-  category: "auth",
-  description: "Password reset screen with email input",
-  skeleton: {
-    shell: "centered-card",
-    page: "auth-page",
-    sections: [
-      {
-        id: "forgot-password-form",
-        name: "Forgot Password Form",
-        slot: "main",
-        required: true,
-        Component: ForgotPasswordTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "button_label"],
-    optional: [],
-    slots: ["logo", "footer"]
-  },
-  requiredComponents: ["Button", "Input", "Form", "Card", "Label"],
-  Component: ForgotPasswordTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["auth", "password", "reset", "forgot"]
-};
-
-// src/templates/auth/verification.tsx
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
-function VerificationTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Verify Your Email";
-  const subtitle = texts.subtitle || "We've sent a verification link to your email address";
-  const buttonLabel = texts.button_label || "Continue";
-  const showResend = options.show_resend ?? true;
-  const userEmail = options.user_email || "user@example.com";
-  return /* @__PURE__ */ jsxs14(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs14(Card, { className: "w-full max-w-md", children: [
-          /* @__PURE__ */ jsxs14(CardHeader, { children: [
-            slots.icon && /* @__PURE__ */ jsx33("div", { className: "mb-[var(--tekton-spacing-4)]", children: slots.icon }),
-            /* @__PURE__ */ jsx33(CardTitle, { children: title }),
-            /* @__PURE__ */ jsx33(CardDescription, { children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsxs14(CardContent, { className: "space-y-[var(--tekton-spacing-4)]", children: [
-            /* @__PURE__ */ jsx33("div", { className: "bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-3)] rounded-[var(--tekton-radius-md)] text-center", children: /* @__PURE__ */ jsx33("p", { className: "text-sm font-medium", children: userEmail }) }),
-            /* @__PURE__ */ jsx33(Button, { className: "w-full", children: buttonLabel }),
-            showResend && /* @__PURE__ */ jsx33("div", { className: "text-center", children: /* @__PURE__ */ jsxs14("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: [
-              "Didn't receive the email?",
-              " ",
-              /* @__PURE__ */ jsx33("button", { className: "text-[var(--tekton-text-primary)] hover:underline", children: "Resend" })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsx33(CardFooter, { children: slots.footer || /* @__PURE__ */ jsxs14("p", { className: "text-sm text-center w-full text-[var(--tekton-text-muted-foreground)]", children: [
-            "Wrong email?",
-            " ",
-            /* @__PURE__ */ jsx33("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Change email address" })
-          ] }) })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var VerificationTemplate = {
-  id: "auth.verification",
-  name: "Email Verification",
-  category: "auth",
-  description: "Email verification screen with resend option",
-  skeleton: {
-    shell: "centered-card",
-    page: "auth-page",
-    sections: [
-      {
-        id: "verification-message",
-        name: "Verification Message",
-        slot: "main",
-        required: true,
-        Component: VerificationTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "button_label"],
-    optional: ["show_resend", "user_email"],
-    slots: ["icon", "footer"]
-  },
-  requiredComponents: ["Button", "Card"],
-  Component: VerificationTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["auth", "verification", "email", "confirm"]
-};
-
-// src/templates/core/landing.tsx
-import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
-function LandingTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {}
-}) {
-  const title = texts.title || "Welcome Back";
-  const subtitle = texts.subtitle || "Start a new conversation or continue where you left off";
-  const ctaLabel = texts.cta_label || "New Conversation";
-  return /* @__PURE__ */ jsxs15("div", { className: `min-h-screen flex ${className}`, children: [
-    slots.sidebar && /* @__PURE__ */ jsx34("aside", { className: "w-64 border-r border-[var(--tekton-border-default)] bg-[var(--tekton-bg-muted)]", children: slots.sidebar }),
-    /* @__PURE__ */ jsxs15("main", { className: "flex-1 flex flex-col", children: [
-      slots.header && /* @__PURE__ */ jsx34("header", { className: "border-b border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)]", children: slots.header }),
-      /* @__PURE__ */ jsx34("div", { className: "flex-1 flex flex-col items-center justify-center p-[var(--tekton-spacing-8)]", children: /* @__PURE__ */ jsxs15("div", { className: "max-w-2xl w-full text-center space-y-[var(--tekton-spacing-6)]", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-          /* @__PURE__ */ jsx34("h1", { className: "text-3xl font-bold", children: title }),
-          /* @__PURE__ */ jsx34("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })
-        ] }),
-        /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(Button, { size: "lg", children: ctaLabel }) }),
-        slots.recentActivity && /* @__PURE__ */ jsx34("div", { className: "mt-[var(--tekton-spacing-8)]", children: slots.recentActivity }),
-        slots.suggestions && /* @__PURE__ */ jsx34("div", { className: "mt-[var(--tekton-spacing-6)]", children: slots.suggestions })
-      ] }) })
-    ] }),
-    children
-  ] });
-}
-var LandingTemplate = {
-  id: "core.landing",
-  name: "Landing",
-  category: "marketing",
-  description: "Main dashboard landing page with sidebar and CTA",
-  skeleton: {
-    shell: "sidebar-layout",
-    page: "main-page",
-    sections: [
-      {
-        id: "landing-content",
-        name: "Landing Content",
-        slot: "main",
-        required: true,
-        Component: LandingTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "sidebar",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "cta_label"],
-    optional: [],
-    slots: ["sidebar", "header", "recentActivity", "suggestions"]
-  },
-  requiredComponents: ["Button"],
-  Component: LandingTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["core", "landing", "dashboard", "home"]
-};
-
-// src/templates/core/preferences.tsx
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
-function PreferencesTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {}
-}) {
-  const title = texts.title || "Preferences";
-  const subtitle = texts.subtitle || "Manage your account settings and preferences";
-  const saveLabel = texts.save_label || "Save Changes";
-  return /* @__PURE__ */ jsxs16("div", { className: `min-h-screen flex ${className}`, children: [
-    slots.settingsNav && /* @__PURE__ */ jsx35("aside", { className: "w-64 border-r border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)] bg-[var(--tekton-bg-muted)]", children: slots.settingsNav }),
-    /* @__PURE__ */ jsx35("main", { className: "flex-1 p-[var(--tekton-spacing-8)]", children: /* @__PURE__ */ jsxs16("div", { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "mb-[var(--tekton-spacing-8)]", children: [
-        /* @__PURE__ */ jsx35("h1", { className: "text-3xl font-bold mb-[var(--tekton-spacing-2)]", children: title }),
-        /* @__PURE__ */ jsx35("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-[var(--tekton-spacing-6)]", children: [
-        slots.generalSettings && /* @__PURE__ */ jsxs16(Card, { children: [
-          /* @__PURE__ */ jsxs16(CardHeader, { children: [
-            /* @__PURE__ */ jsx35(CardTitle, { children: "General" }),
-            /* @__PURE__ */ jsx35(CardDescription, { children: "Manage your general preferences" })
-          ] }),
-          /* @__PURE__ */ jsx35(CardContent, { children: slots.generalSettings })
-        ] }),
-        slots.appearanceSettings && /* @__PURE__ */ jsxs16(Card, { children: [
-          /* @__PURE__ */ jsxs16(CardHeader, { children: [
-            /* @__PURE__ */ jsx35(CardTitle, { children: "Appearance" }),
-            /* @__PURE__ */ jsx35(CardDescription, { children: "Customize the look and feel" })
-          ] }),
-          /* @__PURE__ */ jsx35(CardContent, { children: slots.appearanceSettings })
-        ] }),
-        slots.notificationsSettings && /* @__PURE__ */ jsxs16(Card, { children: [
-          /* @__PURE__ */ jsxs16(CardHeader, { children: [
-            /* @__PURE__ */ jsx35(CardTitle, { children: "Notifications" }),
-            /* @__PURE__ */ jsx35(CardDescription, { children: "Manage notification preferences" })
-          ] }),
-          /* @__PURE__ */ jsx35(CardContent, { children: slots.notificationsSettings })
-        ] }),
-        slots.additionalSettings && slots.additionalSettings
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "mt-[var(--tekton-spacing-8)] flex justify-end gap-[var(--tekton-spacing-4)]", children: [
-        /* @__PURE__ */ jsx35(Button, { variant: "outline", children: "Cancel" }),
-        /* @__PURE__ */ jsx35(Button, { children: saveLabel })
-      ] })
-    ] }) }),
-    children
-  ] });
-}
-var PreferencesTemplate = {
-  id: "core.preferences",
-  name: "Preferences",
-  category: "form",
-  description: "Settings and preferences page with categorized options",
-  skeleton: {
-    shell: "sidebar-layout",
-    page: "settings-page",
-    sections: [
-      {
-        id: "preferences-content",
-        name: "Preferences Content",
-        slot: "main",
-        required: true,
-        Component: PreferencesTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "sidebar",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "save_label"],
-    optional: [],
-    slots: [
-      "settingsNav",
-      "generalSettings",
-      "appearanceSettings",
-      "notificationsSettings",
-      "additionalSettings"
-    ]
-  },
-  requiredComponents: ["Button", "Card", "Switch", "Select"],
-  Component: PreferencesTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["core", "settings", "preferences", "configuration"]
-};
-
-// src/templates/core/profile.tsx
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
-function ProfileTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Profile";
-  const subtitle = texts.subtitle || "Manage your profile information";
-  const saveLabel = texts.save_label || "Save Changes";
-  const userName = String(options.user_name || "John Doe");
-  const userEmail = String(options.user_email || "john@example.com");
-  return /* @__PURE__ */ jsxs17("div", { className: `min-h-screen p-[var(--tekton-spacing-8)] ${className}`, children: [
-    /* @__PURE__ */ jsxs17("div", { className: "max-w-3xl mx-auto", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "mb-[var(--tekton-spacing-8)]", children: [
-        /* @__PURE__ */ jsx36("h1", { className: "text-3xl font-bold mb-[var(--tekton-spacing-2)]", children: title }),
-        /* @__PURE__ */ jsx36("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxs17(Card, { children: [
-        /* @__PURE__ */ jsxs17(CardHeader, { children: [
-          /* @__PURE__ */ jsx36(CardTitle, { children: "Personal Information" }),
-          /* @__PURE__ */ jsx36(CardDescription, { children: "Update your profile details" })
-        ] }),
-        /* @__PURE__ */ jsxs17(CardContent, { className: "space-y-[var(--tekton-spacing-6)]", children: [
-          slots.avatar && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-[var(--tekton-spacing-4)]", children: [
-            /* @__PURE__ */ jsx36("div", { children: slots.avatar }),
-            /* @__PURE__ */ jsxs17("div", { children: [
-              /* @__PURE__ */ jsx36(Button, { variant: "outline", size: "sm", children: "Change Photo" }),
-              /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--tekton-text-muted-foreground)] mt-[var(--tekton-spacing-2)]", children: "JPG, PNG. Max 2MB" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-            /* @__PURE__ */ jsx36(Label, { htmlFor: "name", children: "Name" }),
-            /* @__PURE__ */ jsx36(Input, { id: "name", type: "text", defaultValue: userName })
-          ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-            /* @__PURE__ */ jsx36(Label, { htmlFor: "email", children: "Email" }),
-            /* @__PURE__ */ jsx36(Input, { id: "email", type: "email", defaultValue: userEmail, disabled: true }),
-            /* @__PURE__ */ jsx36("p", { className: "text-xs text-[var(--tekton-text-muted-foreground)]", children: "Contact support to change your email address" })
-          ] }),
-          slots.bioField && /* @__PURE__ */ jsx36("div", { className: "space-y-[var(--tekton-spacing-2)]", children: slots.bioField }),
-          slots.additionalFields && slots.additionalFields
-        ] })
-      ] }),
-      slots.additionalSections && /* @__PURE__ */ jsx36("div", { className: "mt-[var(--tekton-spacing-6)]", children: slots.additionalSections }),
-      /* @__PURE__ */ jsxs17("div", { className: "mt-[var(--tekton-spacing-8)] flex justify-end gap-[var(--tekton-spacing-4)]", children: [
-        /* @__PURE__ */ jsx36(Button, { variant: "outline", children: "Cancel" }),
-        /* @__PURE__ */ jsx36(Button, { children: saveLabel })
-      ] })
-    ] }),
-    children
-  ] });
-}
-var ProfileTemplate = {
-  id: "core.profile",
-  name: "Profile",
-  category: "form",
-  description: "User profile page with editable information",
-  skeleton: {
-    shell: "centered-layout",
-    page: "profile-page",
-    sections: [
-      {
-        id: "profile-content",
-        name: "Profile Content",
-        slot: "main",
-        required: true,
-        Component: ProfileTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "save_label"],
-    optional: ["user_name", "user_email"],
-    slots: ["avatar", "bioField", "additionalFields", "additionalSections"]
-  },
-  requiredComponents: ["Button", "Input", "Form", "Card", "Label", "Avatar"],
-  Component: ProfileTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["core", "profile", "account", "user"]
-};
-
-// src/templates/feedback/loading.tsx
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
-function LoadingTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const message = texts.message || "Loading...";
-  const showMessage = options.show_message ?? true;
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-[var(--tekton-spacing-4)]", children: [
-          slots.spinner || /* @__PURE__ */ jsx37("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[var(--tekton-border-primary)]" }),
-          showMessage && /* @__PURE__ */ jsx37("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: message })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var LoadingTemplate = {
-  id: "feedback.loading",
-  name: "Loading",
-  category: "feedback",
-  description: "Loading state screen with spinner and optional message",
-  skeleton: {
-    shell: "centered",
-    page: "feedback-page",
-    sections: [
-      {
-        id: "loading-indicator",
-        name: "Loading Indicator",
-        slot: "main",
-        required: true,
-        Component: LoadingTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["message"],
-    optional: ["show_message"],
-    slots: ["spinner"]
-  },
-  requiredComponents: [],
-  Component: LoadingTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["feedback", "loading", "spinner", "state"]
-};
-
-// src/templates/feedback/error.tsx
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
-function ErrorTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Something Went Wrong";
-  const message = texts.message || "An error occurred. Please try again.";
-  const retryLabel = texts.retry_label || "Try Again";
-  const showRetry = options.show_retry ?? true;
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs19("div", { className: "max-w-md text-center space-y-[var(--tekton-spacing-6)]", children: [
-          slots.icon || /* @__PURE__ */ jsx38("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx38("div", { className: "rounded-full bg-[var(--tekton-bg-destructive)] bg-opacity-10 p-[var(--tekton-spacing-4)]", children: /* @__PURE__ */ jsx38(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-12 w-12 text-[var(--tekton-text-destructive)]",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsx38(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-                }
-              )
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs19("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-            /* @__PURE__ */ jsx38("h2", { className: "text-2xl font-bold", children: title }),
-            /* @__PURE__ */ jsx38("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: message })
-          ] }),
-          slots.errorDetails && /* @__PURE__ */ jsx38("div", { className: "text-left bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.errorDetails }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-[var(--tekton-spacing-3)]", children: [
-            showRetry && /* @__PURE__ */ jsx38(Button, { className: "w-full", children: retryLabel }),
-            slots.additionalActions && slots.additionalActions
-          ] })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var ErrorTemplate = {
-  id: "feedback.error",
-  name: "Error",
-  category: "feedback",
-  description: "Error state screen with message and retry option",
-  skeleton: {
-    shell: "centered",
-    page: "feedback-page",
-    sections: [
-      {
-        id: "error-message",
-        name: "Error Message",
-        slot: "main",
-        required: true,
-        Component: ErrorTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "message", "retry_label"],
-    optional: ["show_retry"],
-    slots: ["icon", "errorDetails", "additionalActions"]
-  },
-  requiredComponents: ["Button"],
-  Component: ErrorTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["feedback", "error", "failure", "state"]
-};
-
-// src/templates/feedback/empty.tsx
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
-function EmptyTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "No Items Found";
-  const message = texts.message || "Get started by creating your first item";
-  const ctaLabel = texts.cta_label || "Create New";
-  const showCta = options.show_cta ?? true;
-  return /* @__PURE__ */ jsxs20(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs20("div", { className: "max-w-md text-center space-y-[var(--tekton-spacing-6)]", children: [
-          slots.illustration || /* @__PURE__ */ jsx39("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx39("div", { className: "rounded-full bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-8)]", children: /* @__PURE__ */ jsx39(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-16 w-16 text-[var(--tekton-text-muted-foreground)]",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsx39(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
-                }
-              )
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs20("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-            /* @__PURE__ */ jsx39("h2", { className: "text-2xl font-bold", children: title }),
-            /* @__PURE__ */ jsx39("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: message })
-          ] }),
-          showCta && /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39(Button, { size: "lg", children: ctaLabel }) }),
-          slots.helpText && /* @__PURE__ */ jsx39("div", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: slots.helpText })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var EmptyTemplate = {
-  id: "feedback.empty",
-  name: "Empty",
-  category: "feedback",
-  description: "Empty state screen with call-to-action",
-  skeleton: {
-    shell: "centered",
-    page: "feedback-page",
-    sections: [
-      {
-        id: "empty-state",
-        name: "Empty State",
-        slot: "main",
-        required: true,
-        Component: EmptyTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "message", "cta_label"],
-    optional: ["show_cta"],
-    slots: ["illustration", "helpText"]
-  },
-  requiredComponents: ["Button"],
-  Component: EmptyTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["feedback", "empty", "state", "no-data"]
-};
-
-// src/templates/feedback/confirmation.tsx
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
-function ConfirmationTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Are You Sure?";
-  const message = texts.message || "This action cannot be undone.";
-  const confirmLabel = texts.confirm_label || "Confirm";
-  const cancelLabel = texts.cancel_label || "Cancel";
-  const isDestructive = options.is_destructive ?? false;
-  return /* @__PURE__ */ jsxs21(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs21(Card, { className: "w-full max-w-md", children: [
-          /* @__PURE__ */ jsxs21(CardHeader, { children: [
-            isDestructive && slots.warningIcon && /* @__PURE__ */ jsx40("div", { className: "mb-[var(--tekton-spacing-2)]", children: slots.warningIcon }),
-            /* @__PURE__ */ jsx40(CardTitle, { children: title }),
-            /* @__PURE__ */ jsx40(CardDescription, { children: message })
-          ] }),
-          /* @__PURE__ */ jsx40(CardContent, { children: slots.details && /* @__PURE__ */ jsx40("div", { className: "bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.details }) }),
-          /* @__PURE__ */ jsxs21(CardFooter, { className: "flex justify-end gap-[var(--tekton-spacing-3)]", children: [
-            /* @__PURE__ */ jsx40(Button, { variant: "outline", children: cancelLabel }),
-            /* @__PURE__ */ jsx40(Button, { variant: isDestructive ? "destructive" : "default", children: confirmLabel })
-          ] })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var ConfirmationTemplate = {
-  id: "feedback.confirmation",
-  name: "Confirmation",
-  category: "feedback",
-  description: "Confirmation dialog for important actions",
-  skeleton: {
-    shell: "centered-card",
-    page: "feedback-page",
-    sections: [
-      {
-        id: "confirmation-dialog",
-        name: "Confirmation Dialog",
-        slot: "main",
-        required: true,
-        Component: ConfirmationTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "message", "confirm_label", "cancel_label"],
-    optional: ["is_destructive"],
-    slots: ["warningIcon", "details"]
-  },
-  requiredComponents: ["Button", "Card"],
-  Component: ConfirmationTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["feedback", "confirmation", "dialog", "warning"]
-};
-
-// src/templates/feedback/success.tsx
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
-function SuccessTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {},
-  options = {}
-}) {
-  const title = texts.title || "Success!";
-  const message = texts.message || "Your action was completed successfully";
-  const ctaLabel = texts.cta_label || "Continue";
-  const showCta = options.show_cta ?? true;
-  return /* @__PURE__ */ jsxs22(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs22("div", { className: "max-w-md text-center space-y-[var(--tekton-spacing-6)]", children: [
-          slots.icon || /* @__PURE__ */ jsx41("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx41("div", { className: "rounded-full bg-[var(--tekton-bg-success)] bg-opacity-10 p-[var(--tekton-spacing-4)]", children: /* @__PURE__ */ jsx41(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-12 w-12 text-[var(--tekton-text-success)]",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsx41(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-                }
-              )
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [
-            /* @__PURE__ */ jsx41("h2", { className: "text-2xl font-bold", children: title }),
-            /* @__PURE__ */ jsx41("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: message })
-          ] }),
-          slots.details && /* @__PURE__ */ jsx41("div", { className: "text-left bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.details }),
-          showCta && /* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsx41(Button, { className: "w-full", size: "lg", children: ctaLabel }) }),
-          slots.additionalActions && /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-[var(--tekton-spacing-3)]", children: slots.additionalActions })
-        ] }),
-        children
-      ]
-    }
-  );
-}
-var SuccessTemplate = {
-  id: "feedback.success",
-  name: "Success",
-  category: "feedback",
-  description: "Success state screen with confirmation message",
-  skeleton: {
-    shell: "centered",
-    page: "feedback-page",
-    sections: [
-      {
-        id: "success-message",
-        name: "Success Message",
-        slot: "main",
-        required: true,
-        Component: SuccessTemplateComponent
-      }
-    ]
-  },
-  layout: {
-    type: "centered",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "message", "cta_label"],
-    optional: ["show_cta"],
-    slots: ["icon", "details", "additionalActions"]
-  },
-  requiredComponents: ["Button"],
-  Component: SuccessTemplateComponent,
-  version: "1.0.0",
-  created: "2026-02-01",
-  updated: "2026-02-01",
-  tags: ["feedback", "success", "confirmation", "state"]
-};
-
-// src/templates/dashboard/overview.tsx
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
-function DashboardTemplateComponent({
-  children,
-  className = "",
-  slots = {},
-  texts = {}
-}) {
-  const title = texts.title || "Dashboard";
-  const subtitle = texts.subtitle || "Welcome to your dashboard";
-  return /* @__PURE__ */ jsxs23("div", { className: `min-h-screen flex ${className}`, children: [
-    slots.sidebar && /* @__PURE__ */ jsx42("aside", { className: "w-64 border-r border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] hidden lg:block", children: slots.sidebar }),
-    /* @__PURE__ */ jsxs23("main", { className: "flex-1 overflow-auto bg-[var(--tekton-bg-background)]", children: [
-      /* @__PURE__ */ jsx42("header", { className: "sticky top-0 z-10 border-b border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)]/80 backdrop-blur-md p-[var(--tekton-spacing-4)]", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsx42("h1", { className: "text-2xl font-bold text-[var(--tekton-text-foreground)]", children: title }),
-          /* @__PURE__ */ jsx42("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: subtitle })
-        ] }),
-        slots.headerActions && /* @__PURE__ */ jsx42("div", { children: slots.headerActions })
-      ] }) }),
-      /* @__PURE__ */ jsxs23("div", { className: "py-[var(--tekton-layout-section-py,var(--tekton-spacing-6))] px-[var(--tekton-layout-container-px,var(--tekton-spacing-6))] space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))] max-w-[var(--tekton-layout-container-xl)] mx-auto", children: [
-        slots.metrics && /* @__PURE__ */ jsx42("div", { className: "grid gap-[var(--tekton-spacing-4)] grid-cols-2 lg:grid-cols-4", children: slots.metrics }),
-        /* @__PURE__ */ jsx42(Separator, {}),
-        /* @__PURE__ */ jsxs23("div", { className: "grid gap-x-[var(--tekton-layout-grid-gap-x,var(--tekton-spacing-6))] gap-y-[var(--tekton-layout-grid-gap-y,var(--tekton-spacing-6))] lg:grid-cols-12", children: [
-          slots.primaryContent && /* @__PURE__ */ jsx42("div", { className: "lg:col-span-8 space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))]", children: slots.primaryContent }),
-          slots.secondaryContent && /* @__PURE__ */ jsx42("div", { className: "lg:col-span-4 space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))]", children: /* @__PURE__ */ jsxs23(Card, { className: "h-full", children: [
-            /* @__PURE__ */ jsxs23(CardHeader, { children: [
-              /* @__PURE__ */ jsx42(CardTitle, { children: texts.secondary_title || "Activity" }),
-              /* @__PURE__ */ jsx42(CardDescription, { children: texts.secondary_description || "Recent updates" })
-            ] }),
-            /* @__PURE__ */ jsx42(CardContent, { className: "p-0", children: slots.secondaryContent })
-          ] }) })
-        ] }),
-        slots.additionalSections && /* @__PURE__ */ jsx42("div", { children: slots.additionalSections })
-      ] })
-    ] }),
-    children
-  ] });
-}
-var DashboardTemplate = {
-  id: "dashboard.overview",
-  name: "Dashboard Overview",
-  category: "dashboard",
-  description: "Standard dashboard layout with sidebar, metrics, and content areas (12-column grid)",
-  skeleton: {
-    shell: "sidebar-layout",
-    page: "dashboard-page",
-    sections: [
-      {
-        id: "dashboard-sidebar",
-        name: "Sidebar Navigation",
-        slot: "sidebar",
-        required: false,
-        Component: () => null
-      },
-      {
-        id: "dashboard-main",
-        name: "Main Content",
-        slot: "primaryContent",
-        required: true,
-        Component: () => null
-      },
-      {
-        id: "dashboard-side",
-        name: "Side Panel",
-        slot: "secondaryContent",
-        required: false,
-        Component: () => null
-      }
-    ]
-  },
-  layout: {
-    type: "sidebar",
-    responsive: DEFAULT_RESPONSIVE_LAYOUT
-  },
-  customizable: {
-    texts: ["title", "subtitle", "texts.secondary_title", "texts.secondary_description"],
-    optional: ["metrics", "additionalSections"],
-    slots: [
-      "sidebar",
-      "headerActions",
-      "metrics",
-      "primaryContent",
-      "secondaryContent",
-      "additionalSections"
-    ]
-  },
-  requiredComponents: ["Card", "Separator"],
-  Component: DashboardTemplateComponent,
-  version: "1.1.0",
-  created: "2026-01-31",
-  updated: "2026-02-01",
-  tags: ["dashboard", "overview", "analytics"]
-};
-
-// src/templates/index.ts
-templateRegistry.registerMany([
-  // Auth
-  LoginTemplate,
-  SignupTemplate,
-  ForgotPasswordTemplate,
-  VerificationTemplate,
-  // Core
-  LandingTemplate,
-  PreferencesTemplate,
-  ProfileTemplate,
-  // Feedback
-  LoadingTemplate,
-  ErrorTemplate,
-  EmptyTemplate,
-  ConfirmationTemplate,
-  SuccessTemplate,
-  // Dashboard
-  DashboardTemplate
-]);
 export {
   AlertDialog,
   AlertDialogAction,
@@ -3360,12 +1969,6 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-  ConfirmationTemplate,
-  ConfirmationTemplateComponent,
-  DEFAULT_BREAKPOINTS,
-  DEFAULT_RESPONSIVE_LAYOUT,
-  DashboardTemplate,
-  DashboardTemplateComponent,
   Dialog,
   DialogClose,
   DialogContent,
@@ -3391,20 +1994,8 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-  EmptyTemplate,
-  EmptyTemplateComponent,
-  ErrorTemplate,
-  ErrorTemplateComponent,
-  ForgotPasswordTemplate,
-  ForgotPasswordTemplateComponent,
   Input,
   Label,
-  LandingTemplate,
-  LandingTemplateComponent,
-  LoadingTemplate,
-  LoadingTemplateComponent,
-  LoginTemplate,
-  LoginTemplateComponent,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -3416,10 +2007,6 @@ export {
   Popover,
   PopoverContent,
   PopoverTrigger,
-  PreferencesTemplate,
-  PreferencesTemplateComponent,
-  ProfileTemplate,
-  ProfileTemplateComponent,
   Progress,
   RadioGroup,
   RadioGroupItem,
@@ -3453,11 +2040,7 @@ export {
   SidebarItem,
   SidebarSection,
   SidebarSectionTitle,
-  SignupTemplate,
-  SignupTemplateComponent,
   Skeleton,
-  SuccessTemplate,
-  SuccessTemplateComponent,
   Switch,
   Table,
   TableBody,
@@ -3471,7 +2054,6 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
-  TemplateRegistry,
   Textarea,
   Toast,
   ToastAction,
@@ -3484,8 +2066,6 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-  VerificationTemplate,
-  VerificationTemplateComponent,
   badgeVariants,
   buttonVariants,
   cn,
@@ -3503,7 +2083,6 @@ export {
   setThemeId,
   sidebarVariants,
   slideVariants,
-  templateRegistry,
   themeToCSS,
   tokenVars,
   transitions,