@framingui/ui 0.6.0

package/dist/index.mjs

@@ -0,0 +1,3509 @@
+'use client';
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/tokens.ts
+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)"
+  },
+  // ========================================
+  // Border Tokens
+  // ========================================
+  border: {
+    default: "var(--tekton-border-default)",
+    input: "var(--tekton-border-input)",
+    ring: "var(--tekton-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)"
+  },
+  // ========================================
+  // 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)"
+  }
+};
+function isTokenReference(value) {
+  return value.startsWith("var(--tekton-") && value.endsWith(")");
+}
+function extractTokenName(token) {
+  const match = token.match(/var\(--tekton-(.*)\)/);
+  return match ? match[1] : "";
+}
+
+// src/lib/theme-loader.ts
+function oklchToCSS(color) {
+  return `oklch(${color.l} ${color.c} ${color.h})`;
+}
+function resolveSemanticToken(reference, theme) {
+  const parts = reference.split(".");
+  if (parts[0] !== "atomic") {
+    return reference;
+  }
+  let current = theme.tokens;
+  for (const part of parts) {
+    if (current && typeof current === "object") {
+      current = current[part];
+    } else {
+      return reference;
+    }
+  }
+  return current;
+}
+function getWhiteColor(theme) {
+  const { color } = theme.tokens.atomic;
+  if (color.neutral && "white" in color.neutral) {
+    return color.neutral.white;
+  }
+  if (color.white) {
+    return color.white;
+  }
+  return { l: 1, c: 0, h: 0 };
+}
+function themeToCSS(theme) {
+  const { tokens } = theme;
+  const white = getWhiteColor(theme);
+  const resolveColor = (ref) => {
+    const resolved = resolveSemanticToken(ref, theme);
+    if (typeof resolved === "object" && "l" in resolved) {
+      return oklchToCSS(resolved);
+    }
+    return String(resolved);
+  };
+  const textPrimary = tokens.semantic.text ? resolveColor(tokens.semantic.text.primary) : tokens.atomic.color.neutral?.[900] ? oklchToCSS(tokens.atomic.color.neutral[900]) : oklchToCSS({ l: 0.12, c: 0.01, h: 0 });
+  const textSecondary = tokens.semantic.text ? resolveColor(tokens.semantic.text.secondary) : tokens.atomic.color.neutral?.[500] ? oklchToCSS(tokens.atomic.color.neutral[500]) : oklchToCSS({ l: 0.58, c: 0.02, h: 0 });
+  const textTertiary = tokens.semantic.text?.muted ? resolveColor(tokens.semantic.text.muted) : tokens.atomic.color.neutral?.[400] ? oklchToCSS(tokens.atomic.color.neutral[400]) : oklchToCSS({ l: 0.72, c: 0.02, h: 0 });
+  const css = `
+:root, [data-theme="${theme.id}"] {
+  /* ========================================
+     Component Tokens (@framingui/ui \uCEF4\uD3EC\uB10C\uD2B8\uC6A9)
+     ======================================== */
+  --tekton-bg-background: ${resolveColor(tokens.semantic.background.canvas)};
+  --tekton-bg-foreground: ${textPrimary};
+
+  --tekton-bg-card: ${resolveColor(tokens.semantic.background.surface.default)};
+  --tekton-bg-card-foreground: ${textPrimary};
+
+  --tekton-bg-popover: ${resolveColor(tokens.semantic.background.surface.default)};
+  --tekton-bg-popover-foreground: ${textPrimary};
+
+  --tekton-bg-primary: ${resolveColor(tokens.semantic.background.brand.default)};
+  --tekton-bg-primary-foreground: ${oklchToCSS(white)};
+
+  --tekton-bg-secondary: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --tekton-bg-secondary-foreground: ${textPrimary};
+
+  --tekton-bg-muted: ${resolveColor(tokens.semantic.background.surface.subtle)};
+  --tekton-bg-muted-foreground: ${textSecondary};
+
+  --tekton-bg-accent: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --tekton-bg-accent-foreground: ${textPrimary};
+
+  --tekton-bg-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })}; /* Default red */
+  --tekton-bg-destructive-foreground: ${oklchToCSS(white)};
+
+  /* ========================================
+     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)};
+
+  /* ========================================
+     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)};
+
+  /* ========================================
+     Radius Tokens
+     ======================================== */
+  ${Object.entries(tokens.atomic.radius).map(([key, val]) => `--tekton-radius-${key}: ${val};`).join("\n  ")}
+
+  /* ========================================
+     Spacing Tokens
+     ======================================== */
+  ${Object.entries(tokens.atomic.spacing).map(([key, val]) => `--tekton-spacing-${key}: ${val};`).join("\n  ")}
+}
+`;
+  return css.trim();
+}
+function injectThemeCSS(theme) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const css = themeToCSS(theme);
+  const existingStyle = document.getElementById("tekton-theme");
+  if (existingStyle) {
+    existingStyle.remove();
+  }
+  const style = document.createElement("style");
+  style.id = "tekton-theme";
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+function getCurrentThemeId() {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const root = document.documentElement;
+  return root.getAttribute("data-theme");
+}
+function setThemeId(themeId) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.setAttribute("data-theme", themeId);
+}
+
+// src/lib/motion.ts
+import { useEffect, useState } from "react";
+var motionTokens = {
+  duration: {
+    instant: 0,
+    fast: 100,
+    moderate: 200,
+    slow: 300,
+    complex: 500
+  },
+  easing: {
+    linear: [0, 0, 1, 1],
+    standard: [0, 0, 0.2, 1],
+    // ease-out
+    emphasized: [0.2, 0, 0, 1],
+    // emphasized
+    decelerate: [0, 0, 0.2, 1],
+    accelerate: [0.4, 0, 1, 1]
+  }
+};
+var transitions = {
+  fast: {
+    duration: motionTokens.duration.fast / 1e3,
+    ease: motionTokens.easing.standard
+  },
+  moderate: {
+    duration: motionTokens.duration.moderate / 1e3,
+    ease: motionTokens.easing.standard
+  },
+  slow: {
+    duration: motionTokens.duration.slow / 1e3,
+    ease: motionTokens.easing.emphasized
+  },
+  spring: {
+    type: "spring",
+    stiffness: 300,
+    damping: 30
+  }
+};
+var fadeVariants = {
+  hidden: { opacity: 0 },
+  visible: { opacity: 1 },
+  exit: { opacity: 0 }
+};
+var slideVariants = {
+  fromLeft: {
+    hidden: { x: -20, opacity: 0 },
+    visible: { x: 0, opacity: 1 },
+    exit: { x: -20, opacity: 0 }
+  },
+  fromRight: {
+    hidden: { x: 20, opacity: 0 },
+    visible: { x: 0, opacity: 1 },
+    exit: { x: 20, opacity: 0 }
+  },
+  fromTop: {
+    hidden: { y: -20, opacity: 0 },
+    visible: { y: 0, opacity: 1 },
+    exit: { y: -20, opacity: 0 }
+  },
+  fromBottom: {
+    hidden: { y: 20, opacity: 0 },
+    visible: { y: 0, opacity: 1 },
+    exit: { y: 20, opacity: 0 }
+  }
+};
+var scaleVariants = {
+  hidden: { scale: 0.95, opacity: 0 },
+  visible: { scale: 1, opacity: 1 },
+  exit: { scale: 0.95, opacity: 0 }
+};
+function useMotionSafe() {
+  const [motionSafe, setMotionSafe] = useState(true);
+  useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setMotionSafe(!mediaQuery.matches);
+    const handleChange = (e) => {
+      setMotionSafe(!e.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  return motionSafe;
+}
+function getMotionTransition(transition, motionSafe) {
+  if (!motionSafe) {
+    return { duration: 0.01 };
+  }
+  return transition;
+}
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+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",
+  {
+    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)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx5("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/avatar.tsx
+import * as React5 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(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-[var(--tekton-radius-full)]",
+      className
+    ),
+    ...props,
+    children
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-muted)]",
+      className
+    ),
+    ...props
+  }
+));
+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 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(
+  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)]",
+      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" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/radio-group.tsx
+import * as React8 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(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-[var(--tekton-spacing-2)]", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx9(
+    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",
+        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" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/switch.tsx
+import * as React9 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(
+  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)]",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx10(
+      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"
+        )
+      }
+    )
+  }
+));
+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(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx11(
+      "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",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/skeleton.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(
+    "div",
+    {
+      className: cn(
+        "animate-pulse rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-muted)]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/scroll-area.tsx
+import * as React11 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(
+  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, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React11.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx13(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx13(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--tekton-radius-full)] bg-[var(--tekton-border-default)]" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/select.tsx
+import * as React12 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";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React12.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-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",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx14(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx14(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  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" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  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" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React12.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx14(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",
+      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(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx14(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm font-semibold",
+      className
+    ),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React12.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",
+      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 })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--tekton-bg-muted)]", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/dialog.tsx
+import * as React13 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";
+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(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/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
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+  /* @__PURE__ */ jsx15(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs3(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white 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",
+        className
+      ),
+      ...props,
+      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" })
+        ] })
+      ]
+    }
+  )
+] }));
+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 });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx15(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-neutral-500", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/dropdown-menu.tsx
+import * as React14 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";
+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(
+  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)]",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
+  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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+  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",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React14.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",
+      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" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React14.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",
+      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" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--tekton-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 });
+};
+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 }) })
+);
+Table.displayName = "Table";
+var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17("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 }));
+TableBody.displayName = "TableBody";
+var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-[var(--tekton-bg-muted)]/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+    "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)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  "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",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-[var(--tekton-spacing-4)] align-middle [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  "caption",
+  {
+    ref,
+    className: cn(
+      "mt-[var(--tekton-spacing-4)] text-sm text-[var(--tekton-bg-muted-foreground)]",
+      className
+    ),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/tabs.tsx
+import * as React16 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  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)]",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/toast.tsx
+import * as React17 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva4 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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]",
+      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",
+  {
+    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)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Toast = React17.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx19(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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)]",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx19(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 }));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// src/components/tooltip.tsx
+import * as React18 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx20 } 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(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/popover.tsx
+import * as React19 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx21 } 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(
+  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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/sheet.tsx
+import * as React20 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva5 } from "class-variance-authority";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx22, 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(
+  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",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+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",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
+  /* @__PURE__ */ jsx22(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" })
+    ] })
+  ] })
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-[var(--tekton-spacing-2)] text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--tekton-spacing-2)]",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-[var(--tekton-bg-foreground)]", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-[var(--tekton-bg-muted-foreground)]", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/alert-dialog.tsx
+import * as React21 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx23, 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(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/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,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx23(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white 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",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+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 });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-neutral-500", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/progress.tsx
+import * as React22 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(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    value,
+    "aria-valuenow": value ?? void 0,
+    "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)]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx24(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-[var(--tekton-bg-primary)] transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+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",
+  {
+    variants: {
+      variant: {
+        default: "shadow-sm",
+        compact: "shadow-none"
+      },
+      size: {
+        default: "w-64",
+        compact: "w-16",
+        expanded: "w-80"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+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)]",
+  {
+    variants: {
+      size: {
+        default: "h-16",
+        compact: "h-16 justify-center",
+        expanded: "h-20"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var sidebarContentVariants = cva6("flex-1 overflow-y-auto p-[var(--tekton-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)]"
+    }
+  },
+  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",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var sidebarSectionVariants = cva6("space-y-[var(--tekton-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)]",
+  {
+    variants: {}
+  }
+);
+var sidebarFooterVariants = cva6(
+  "border-t border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)]",
+  {
+    variants: {}
+  }
+);
+var Sidebar = React23.forwardRef(
+  ({ className, variant, size, collapsed, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25(
+      "div",
+      {
+        ref,
+        className: cn(sidebarVariants({ variant, size: collapsed ? "compact" : size, className })),
+        role: "navigation",
+        "aria-label": "Main sidebar navigation",
+        ...props
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarHeader = React23.forwardRef(
+  ({ className, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
+  }
+);
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarContent = React23.forwardRef(
+  ({ className, spacing, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarContentVariants({ spacing, className })), ...props });
+  }
+);
+SidebarContent.displayName = "SidebarContent";
+var SidebarItem = React23.forwardRef(
+  ({ className, variant, icon, badge, children, active, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        ref,
+        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 })
+        ]
+      }
+    );
+  }
+);
+SidebarItem.displayName = "SidebarItem";
+var SidebarSection = React23.forwardRef(
+  ({ className, title, collapsed, children, ...props }, ref) => {
+    const [isCollapsed, setIsCollapsed] = React23.useState(collapsed ?? false);
+    React23.useEffect(() => {
+      if (collapsed !== void 0) {
+        setIsCollapsed(collapsed);
+      }
+    }, [collapsed]);
+    return /* @__PURE__ */ jsxs7("div", { ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [
+      title && /* @__PURE__ */ jsx25(
+        "button",
+        {
+          className: cn(
+            sidebarSectionTitleVariants(),
+            "w-full text-left hover:text-[var(--tekton-bg-foreground)] transition-colors"
+          ),
+          onClick: () => setIsCollapsed(!isCollapsed),
+          "aria-expanded": !isCollapsed,
+          children: /* @__PURE__ */ jsxs7("span", { className: "flex items-center justify-between", children: [
+            title,
+            /* @__PURE__ */ jsx25(
+              "span",
+              {
+                className: cn("transition-transform", isCollapsed ? "rotate-0" : "rotate-90"),
+                "aria-hidden": "true",
+                children: "\u203A"
+              }
+            )
+          ] })
+        }
+      ),
+      !isCollapsed && /* @__PURE__ */ jsx25("div", { className: "space-y-[var(--tekton-spacing-1)]", children })
+    ] });
+  }
+);
+SidebarSection.displayName = "SidebarSection";
+var SidebarSectionTitle = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
+  }
+);
+SidebarSectionTitle.displayName = "SidebarSectionTitle";
+var SidebarFooter = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25("div", { ref, className: cn(sidebarFooterVariants({ className })), ...props });
+  }
+);
+SidebarFooter.displayName = "SidebarFooter";
+
+// src/components/navigation-menu.tsx
+import * as React24 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(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx26(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 list-none items-center justify-center gap-[var(--tekton-spacing-1)]",
+      className
+    ),
+    ...props
+  }
+));
+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 NavigationMenuTrigger = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx26(
+        "svg",
+        {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          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(
+            "path",
+            {
+              d: "M2.5 4.5L6 8L9.5 4.5",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+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(
+  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)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      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" })
+  }
+));
+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)]", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var breadcrumbListVariants = cva8("flex flex-wrap items-center gap-1.5 break-words", {
+  variants: {}
+});
+var breadcrumbItemVariants = cva8("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)]",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      active: false
+    }
+  }
+);
+var breadcrumbSeparatorVariants = cva8("text-[var(--tekton-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)]",
+  {
+    variants: {}
+  }
+);
+var Breadcrumb = React25.forwardRef(
+  ({ className, size, separator: _separator = "/", ...props }, ref) => {
+    return /* @__PURE__ */ jsx27(
+      "nav",
+      {
+        ref,
+        "aria-label": "breadcrumb",
+        className: cn(breadcrumbVariants({ size, className })),
+        ...props
+      }
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React25.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("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 })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React25.forwardRef(
+  ({ className, active, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? React25.Fragment : "a";
+    return /* @__PURE__ */ jsx27(
+      Comp,
+      {
+        ref: asChild ? void 0 : ref,
+        className: cn(breadcrumbLinkVariants({ active, className })),
+        "aria-current": active ? "page" : void 0,
+        ...asChild ? {} : props,
+        children: asChild ? props.children : props.children
+      }
+    );
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React25.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn(
+        breadcrumbLinkVariants({ active: true }),
+        "text-[var(--tekton-bg-foreground)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = React25.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx27(
+    "li",
+    {
+      ref,
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(breadcrumbSeparatorVariants({ className })),
+      ...props,
+      children: children ?? "/"
+    }
+  )
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(
+  "span",
+  {
+    ref,
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn(breadcrumbEllipsisVariants({ className })),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx27(
+        "svg",
+        {
+          width: "15",
+          height: "15",
+          viewBox: "0 0 15 15",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx27(
+            "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",
+              fill: "currentColor",
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "More" })
+    ]
+  }
+));
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/command.tsx
+import * as React26 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(
+  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)]",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx28(
+    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"
+      ),
+      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 }) })
+    }
+  );
+};
+var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  "div",
+  {
+    className: "flex items-center border-b border-[var(--tekton-border-default)] px-3",
+    "cmdk-input-wrapper": "",
+    children: [
+      /* @__PURE__ */ jsx28(
+        "svg",
+        {
+          width: "15",
+          height: "15",
+          viewBox: "0 0 15 15",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+          children: /* @__PURE__ */ jsx28(
+            "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",
+              fill: "currentColor",
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx28(
+        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",
+            className
+          ),
+          ...props
+        }
+      )
+    ]
+  }
+));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ jsx28(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm text-[var(--tekton-text-muted-foreground)]",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  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)]",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-[var(--tekton-border-default)]", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  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",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx28(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-[var(--tekton-text-muted-foreground)]",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/calendar.tsx
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx29(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "relative flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        month_caption: "flex justify-center items-center h-7",
+        caption_label: "text-sm font-medium text-[var(--tekton-bg-foreground)]",
+        nav: "absolute top-0 inset-x-0 flex items-center justify-between h-7 z-10",
+        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)]",
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        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)]",
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-[var(--tekton-bg-muted-foreground)] rounded-[var(--tekton-radius-md)] w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: "h-9 w-9 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_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)]",
+          "h-9 w-9 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)]",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx29(
+              "svg",
+              {
+                width: "15",
+                height: "15",
+                viewBox: "0 0 15 15",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx29(
+                  "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",
+                    fill: "currentColor",
+                    fillRule: "evenodd",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx29(
+            "svg",
+            {
+              width: "15",
+              height: "15",
+              viewBox: "0 0 15 15",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-4 w-4",
+              children: /* @__PURE__ */ jsx29(
+                "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",
+                  fill: "currentColor",
+                  fillRule: "evenodd",
+                  clipRule: "evenodd"
+                }
+              )
+            }
+          );
+        }
+      },
+      ...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,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmationTemplate,
+  ConfirmationTemplateComponent,
+  DEFAULT_BREAKPOINTS,
+  DEFAULT_RESPONSIVE_LAYOUT,
+  DashboardTemplate,
+  DashboardTemplateComponent,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyTemplate,
+  EmptyTemplateComponent,
+  ErrorTemplate,
+  ErrorTemplateComponent,
+  ForgotPasswordTemplate,
+  ForgotPasswordTemplateComponent,
+  Input,
+  Label,
+  LandingTemplate,
+  LandingTemplateComponent,
+  LoadingTemplate,
+  LoadingTemplateComponent,
+  LoginTemplate,
+  LoginTemplateComponent,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  PreferencesTemplate,
+  PreferencesTemplateComponent,
+  ProfileTemplate,
+  ProfileTemplateComponent,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarItem,
+  SidebarSection,
+  SidebarSectionTitle,
+  SignupTemplate,
+  SignupTemplateComponent,
+  Skeleton,
+  SuccessTemplate,
+  SuccessTemplateComponent,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TemplateRegistry,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  VerificationTemplate,
+  VerificationTemplateComponent,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  extractTokenName,
+  fadeVariants,
+  getCurrentThemeId,
+  getMotionTransition,
+  injectThemeCSS,
+  isTokenReference,
+  motionTokens,
+  navigationMenuTriggerStyle,
+  oklchToCSS,
+  resolveSemanticToken,
+  scaleVariants,
+  setThemeId,
+  sidebarVariants,
+  slideVariants,
+  templateRegistry,
+  themeToCSS,
+  tokenVars,
+  transitions,
+  useMotionSafe
+};