@nebutra/ui 0.2.2 → 0.2.3

package/dist/primitives/index.js

@@ -1,15 +1,15 @@
 "use client";
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
-import { ChevronUpDown, Check, ChevronRight, ChevronDown, ArrowRight, MagnifyingGlass, Plus, Cross, Star, VerifiedCheck, MoreHorizontal, ArrowLeft, RotateClockwise, Copy, CheckCircle, Status, LoaderCircle, EyeOff, Eye, Warning, Hash, Code, Link as Link$1, Information, Minus, Shield, RefreshClockwise, External, Message, ArrowUpRight, ChartTrendingUp, ChartTrendingDown, LockClosed, ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, Question, ChevronUp, MoreVertical, DeviceDesktop, Sun, Moon, Sparkles, Pause, Play, SpeakerOff, SpeakerVolumeLoud, SpeakerVolumeQuiet, Trash, FolderOpen, FolderClosed, File, CrossCircle, ClockDashed, FaceHappy, FaceSmile, FaceUnhappy, FaceSad, Image, PlayFill, FileText } from '@nebutra/icons';
+import { ChevronUpDown, Check, ChevronRight, ChevronDown, ArrowRight, MagnifyingGlass, Plus, Cross, Star, VerifiedCheck, MoreHorizontal, ArrowLeft, RotateClockwise, Copy, CheckCircle, Status, LoaderCircle, EyeOff, Eye, Warning, Information, Minus, Shield, RefreshClockwise, External, Message, ArrowUpRight, ChartTrendingUp, ChartTrendingDown, LockClosed, ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, Question, ChevronUp, MoreVertical, DeviceDesktop, Sun, Moon, Sparkles, Pause, Play, SpeakerOff, SpeakerVolumeLoud, SpeakerVolumeQuiet, Trash, Hash, Code, Link as Link$1, FolderOpen, FolderClosed, File, CrossCircle, ClockDashed, FaceHappy, FaceSmile, FaceUnhappy, FaceSad, Image, PlayFill, FileText } from '@nebutra/icons';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React45 from 'react';
 import React45__default, { useState, useMemo, useEffect, createContext, memo, useId, useRef, use, useCallback, isValidElement, Children, cloneElement, useImperativeHandle, Component, useEffectEvent, createElement, Suspense } from 'react';
-import { useReducedMotion, AnimatePresence, motion, LayoutGroup, useMotionValue, useMotionTemplate, LazyMotion, domAnimation, m, useInView, animate, useScroll, useVelocity, useSpring, useTransform, useAnimationFrame } from 'framer-motion';
+import { useReducedMotion, AnimatePresence, motion, LayoutGroup, LazyMotion, domAnimation, useMotionValue, useMotionTemplate, m, useInView, animate, useScroll, useVelocity, useSpring, useTransform, useAnimationFrame } from 'framer-motion';
 import { cva } from 'class-variance-authority';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
-import { colors, flow, emerge, motionDurationSec, brandSpring } from '@nebutra/brand';
+import { colors, brandSpring, flow, emerge, motionDurationSec } from '@nebutra/brand';
 export { brandSpring } from '@nebutra/brand';
 import Image4 from 'next/image';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
@@ -140,6 +140,10 @@ function cn(...inputs) {
 }
 
 // src/utils/primitive-props.ts
+function asPlainStyle(style) {
+  if (style == null || typeof style === "function") return {};
+  return style;
+}
 function withHtmlProps(Component2) {
   return Component2;
 }
@@ -172,7 +176,7 @@ var AccordionTrigger = ({
   {
     ref,
     className: cn(
-      "font-medium flex flex-1 items-center justify-between transition-[color,box-shadow] duration-flow ease-out hover:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none [&[data-panel-open]>svg]:rotate-45",
+      "font-medium flex flex-1 items-center justify-between transition-[color,box-shadow] duration-flow ease-out hover:text-muted-foreground focus-visible:outline-none [&[data-panel-open]>svg]:rotate-45",
       size === "small" ? "py-2.5 text-sm" : "py-4 text-[15px]",
       className
     ),
@@ -211,6 +215,47 @@ var AccordionContent = ({
 );
 AccordionContent.displayName = "AccordionContent";
 
+// src/tokens/motion.ts
+var motionDurations = {
+  /** 200ms — state flow (modal, dropdown, tab — default) */
+  flow: 200,
+  /** 300ms — content unveil (slide, expand, accordion, drawer) */
+  reveal: 300,
+  /** 500ms — hero-grade cinematic (landing entrance, big delight) */
+  cinematic: 500
+};
+var easings = {
+  easeOut: [0, 0, 0.2, 1],
+  easeInOut: [0.4, 0, 0.2, 1],
+  spring: [0.34, 1.56, 0.64, 1]};
+var motionVariants = {
+  fadeInUp: {
+    initial: { opacity: 0, y: 20 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: 10 }
+  },
+  scaleIn: {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 }
+  }};
+var staggerContainers = {
+  fast: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.05, delayChildren: 0.1 } }
+  },
+  normal: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.1, delayChildren: 0.2 } }
+  },
+  slow: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.15, delayChildren: 0.3 } }
+  }
+};
+var viewportSettings = {
+  once: { once: true, margin: "-100px" }};
+
 // src/utils/brand-colors.ts
 var BRAND_FALLBACK = {
   /** VI 云毓蓝 — identity only */
@@ -282,7 +327,7 @@ var StatusBadge = ({ status }) => {
       className: cn("rounded px-1.5 py-0.5 text-xs", colorClasses[status]),
       initial: { scale: 1 },
       animate: { scale: [1, 1.08, 1] },
-      transition: { duration: 0.35, ease: [0.34, 1.56, 0.64, 1] },
+      transition: { duration: 0.35, ease: easings.spring },
       children: status
     },
     status
@@ -381,7 +426,7 @@ var AgentPlan = ({
       opacity: 1,
       overflow: "visible",
       transition: {
-        duration: 0.25,
+        duration: motionDurations.reveal / 1e3,
         staggerChildren: prefersReducedMotion2 ? 0 : 0.05,
         ease: [0.2, 0.65, 0.3, 0.9]
       }
@@ -400,7 +445,7 @@ var AgentPlan = ({
     {
       className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow",
       initial: { opacity: 0, y: 10 },
-      animate: { opacity: 1, y: 0, transition: { duration: 0.3 } },
+      animate: { opacity: 1, y: 0, transition: { duration: motionDurations.reveal / 1e3 } },
       children: /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden p-4", children: /* @__PURE__ */ jsx("ul", { className: "space-y-1 overflow-hidden", children: tasks.map((task, index) => {
         const isExpanded = expandedTasks.includes(task.id);
         const isCompleted = task.status === "completed";
@@ -781,7 +826,7 @@ function Alert({
             className: cn(
               "group shrink-0 size-4 inline-flex items-center justify-center rounded-[var(--radius-sm)]",
               "opacity-70 hover:opacity-100 transition-opacity",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+              "focus-visible:outline-none"
             ),
             children: /* @__PURE__ */ jsx(Cross, { className: "size-4" })
           }
@@ -948,7 +993,7 @@ var shadowClasses = {
   "2xl": "shadow-2xl"};
 
 // src/tokens/components/overlay.ts
-var overlayFocusRingClassName = "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+var overlayFocusRingClassName = "outline-none";
 var overlayZIndex = {
   backdrop: 1040,
   modal: 1050,
@@ -1038,7 +1083,6 @@ var buttonVariants = cva(
     "rounded-[var(--btn-default-radius,var(--radius-md))]",
     "text-[length:var(--control-font-size-md,0.875rem)] font-[number:var(--font-weight-medium,500)]",
     "transition-colors duration-micro ease-out",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
     "disabled:pointer-events-none disabled:opacity-50",
     "aria-busy:cursor-wait"
   ].join(" "),
@@ -1065,8 +1109,30 @@ var buttonVariants = cva(
       },
       shape: {
         default: "",
-        square: "",
-        circle: ""
+        // Radius from --btn-default-radius / --radius-md — brand-switchable.
+        // Do not hardcode rounded-md here; a language must be able to retarget
+        // the corner treatment of every icon trigger at once.
+        square: "rounded-[var(--btn-default-radius,var(--radius-md))]",
+        // Pill radius token, not Tailwind rounded-full — same 9999px default,
+        // but a brand that ships a softer "circle" can override --radius-pill.
+        circle: "rounded-[var(--radius-pill,9999px)]",
+        pill: "rounded-[var(--radius-pill,9999px)]"
+      },
+      // Icon-only box size — orthogonal to `size` (which tunes text-button
+      // height/padding/font together) and to `shape` (which picks the
+      // corner treatment). Only takes effect combined with shape="square"
+      // or shape="circle" (see compoundVariants below); every other
+      // combination ignores it. 28/32/36 cover the icon-trigger sizes that
+      // actually occur in the app — 24/40/48 are already reachable via
+      // shape + size (tiny/default/lg). Heights read --control-height-icon-*
+      // so density-aware Brand Packages can scale them with the ladder.
+      iconSize: {
+        sm: "",
+        // 28px default
+        md: "",
+        // 32px default
+        lg: ""
+        // 36px default
       }
     },
     compoundVariants: [
@@ -1077,22 +1143,56 @@ var buttonVariants = cva(
       {
         shape: "circle",
         size: "tiny",
-        className: "w-[var(--control-height-tiny,1.5rem)] px-0 rounded-full"
+        className: "w-[var(--control-height-tiny,1.5rem)] px-0"
       },
       {
         shape: "circle",
         size: "sm",
-        className: "w-[var(--control-height-sm,2rem)] px-0 rounded-full"
+        className: "w-[var(--control-height-sm,2rem)] px-0"
       },
       {
         shape: "circle",
         size: "default",
-        className: "w-[var(--control-height-md,2.5rem)] px-0 rounded-full"
+        className: "w-[var(--control-height-md,2.5rem)] px-0"
       },
       {
         shape: "circle",
         size: "lg",
-        className: "w-[var(--control-height-lg,3rem)] px-0 rounded-full"
+        className: "w-[var(--control-height-lg,3rem)] px-0"
+      },
+      // iconSize wins over the size-driven box above — matched on shape +
+      // iconSize only, so it applies regardless of whatever `size` was
+      // passed (or left at its "default" fallback). Corner treatment stays
+      // on the shape variant (token-backed); only the box is set here.
+      {
+        shape: "square",
+        iconSize: "sm",
+        className: "h-[var(--control-height-icon-sm,1.75rem)] w-[var(--control-height-icon-sm,1.75rem)] px-0"
+      },
+      {
+        shape: "square",
+        iconSize: "md",
+        className: "h-[var(--control-height-icon-md,2rem)] w-[var(--control-height-icon-md,2rem)] px-0"
+      },
+      {
+        shape: "square",
+        iconSize: "lg",
+        className: "h-[var(--control-height-icon-lg,2.25rem)] w-[var(--control-height-icon-lg,2.25rem)] px-0"
+      },
+      {
+        shape: "circle",
+        iconSize: "sm",
+        className: "h-[var(--control-height-icon-sm,1.75rem)] w-[var(--control-height-icon-sm,1.75rem)] px-0"
+      },
+      {
+        shape: "circle",
+        iconSize: "md",
+        className: "h-[var(--control-height-icon-md,2rem)] w-[var(--control-height-icon-md,2rem)] px-0"
+      },
+      {
+        shape: "circle",
+        iconSize: "lg",
+        className: "h-[var(--control-height-icon-lg,2.25rem)] w-[var(--control-height-icon-lg,2.25rem)] px-0"
       }
     ],
     defaultVariants: {
@@ -1237,46 +1337,6 @@ var AlertDialogCancel = ({
   );
 };
 AlertDialogCancel.displayName = "AlertDialogCancel";
-
-// src/tokens/motion.ts
-var motionDurations = {
-  /** 200ms — state flow (modal, dropdown, tab — default) */
-  flow: 200,
-  /** 300ms — content unveil (slide, expand, accordion, drawer) */
-  reveal: 300,
-  /** 500ms — hero-grade cinematic (landing entrance, big delight) */
-  cinematic: 500
-};
-var easings = {
-  easeOut: [0, 0, 0.2, 1],
-  easeInOut: [0.4, 0, 0.2, 1]};
-var motionVariants = {
-  fadeInUp: {
-    initial: { opacity: 0, y: 20 },
-    animate: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: 10 }
-  },
-  scaleIn: {
-    initial: { opacity: 0, scale: 0.95 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.95 }
-  }};
-var staggerContainers = {
-  fast: {
-    initial: {},
-    animate: { transition: { staggerChildren: 0.05, delayChildren: 0.1 } }
-  },
-  normal: {
-    initial: {},
-    animate: { transition: { staggerChildren: 0.1, delayChildren: 0.2 } }
-  },
-  slow: {
-    initial: {},
-    animate: { transition: { staggerChildren: 0.15, delayChildren: 0.3 } }
-  }
-};
-var viewportSettings = {
-  once: { once: true, margin: "-100px" }};
 var fadeInVariant = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
@@ -1303,13 +1363,61 @@ var PRESETS = {
   /** Fade + rise */
   fadeUp: motionVariants.fadeInUp,
   /** Scale in */
-  scale: motionVariants.scaleIn
+  scale: motionVariants.scaleIn,
+  /**
+   * Keyed content swap — short, symmetric, blur-softened. Rises in, sinks out.
+   * Shorter and shallower than `emerge` on purpose: a swap replaces content the
+   * reader is already looking at, so it must resolve inside the reveal rail.
+   * Pair with `AnimateSwap`.
+   */
+  swap: {
+    initial: { opacity: 0, y: 10, filter: "blur(4px)" },
+    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+    exit: { opacity: 0, y: -10, filter: "blur(4px)" },
+    transition: { duration: motionDurations.reveal / 1e3 }
+  },
+  /** Off-canvas panel entering from the right edge (drawer, sheet). */
+  slideFromRight: {
+    initial: { x: "100%" },
+    animate: { x: 0 },
+    exit: { x: "100%" },
+    transition: brandSpring.default
+  },
+  /** Off-canvas panel entering from the left edge. */
+  slideFromLeft: {
+    initial: { x: "-100%" },
+    animate: { x: 0 },
+    exit: { x: "-100%" },
+    transition: brandSpring.default
+  },
+  /** Off-canvas panel entering from the top edge (banner, command bar). */
+  slideFromTop: {
+    initial: { y: "-100%" },
+    animate: { y: 0 },
+    exit: { y: "-100%" },
+    transition: brandSpring.default
+  },
+  /** Off-canvas panel entering from the bottom edge (mobile action sheet). */
+  slideFromBottom: {
+    initial: { y: "100%" },
+    animate: { y: 0 },
+    exit: { y: "100%" },
+    transition: brandSpring.default
+  }
 };
 function MotionDiv(props) {
   return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(m.div, { ...props }) });
 }
 function AnimateIn(props) {
-  const { children, preset = "emerge", delay = 0, duration, inView = false, className } = props;
+  const {
+    children,
+    preset = "emerge",
+    delay = 0,
+    duration,
+    inView = false,
+    className,
+    ...rest
+  } = props;
   const shouldReduce = useReducedMotion();
   const base = PRESETS[preset] || PRESETS.emerge;
   const initial = shouldReduce ? { opacity: 0 } : base.initial;
@@ -1324,6 +1432,7 @@ function AnimateIn(props) {
     return /* @__PURE__ */ jsx(
       MotionDiv,
       {
+        ...rest,
         className,
         initial,
         whileInView: animate2,
@@ -1337,6 +1446,7 @@ function AnimateIn(props) {
   return /* @__PURE__ */ jsx(
     MotionDiv,
     {
+      ...rest,
       className,
       initial,
       animate: animate2,
@@ -1346,6 +1456,10 @@ function AnimateIn(props) {
     }
   );
 }
+function AnimateSwap(props) {
+  const { swapKey, ...animateInProps } = props;
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(AnimateIn, { ...animateInProps }, swapKey) }) });
+}
 function AnimateInGroup(props) {
   const { children, stagger = "normal", inView = false, className } = props;
   const shouldReduce = useReducedMotion();
@@ -1973,7 +2087,7 @@ function AnimatedShinyText({
   );
 }
 var badgeVariants = cva(
-  "inline-flex justify-center items-center align-middle shrink-0 rounded-full font-sans font-medium whitespace-nowrap tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 border border-transparent",
+  "inline-flex justify-center items-center align-middle shrink-0 rounded-full font-sans font-medium whitespace-nowrap tabular-nums transition-colors focus-visible:outline-none border border-transparent",
   {
     variants: {
       variant: {
@@ -1995,15 +2109,26 @@ var badgeVariants = cva(
         purple: "bg-secondary text-secondary-foreground fill-current",
         "purple-subtle": "bg-secondary/40 text-secondary-foreground fill-current border-transparent",
         amber: "bg-warning text-warning-foreground fill-current",
-        "amber-subtle": "bg-warning/15 text-warning fill-current border-transparent",
+        "amber-subtle": (
+          // --warning is a FILL (2.13:1). As ink on its own tint it measured 1.91:1.
+          // --warning-strong is the AA-safe amber foreground: 5.01:1 light / 6.20:1 dark.
+          "bg-warning/10 text-[hsl(var(--warning-strong))] fill-current border-transparent"
+        ),
         red: "bg-destructive text-destructive-foreground fill-current",
-        "red-subtle": "bg-destructive/15 text-destructive fill-current border-transparent",
+        "red-subtle": (
+          // --destructive is fill-only in dark (2.01:1 as ink on its own tint).
+          // --destructive-strong: 4.58:1 light / 4.97:1 dark.
+          "bg-destructive/10 text-[hsl(var(--destructive-strong))] fill-current border-transparent"
+        ),
         pink: "bg-accent text-accent-foreground fill-current",
         "pink-subtle": "bg-accent/40 text-accent-foreground fill-current border-transparent",
         green: "bg-success text-success-foreground fill-current",
-        "green-subtle": "bg-success/15 text-success fill-current border-transparent",
+        "green-subtle": (
+          // --success-strong closes the 4.49:1 light gap: 4.99:1 light / 4.83:1 dark.
+          "bg-success/10 text-[hsl(var(--success-strong))] fill-current border-transparent"
+        ),
         teal: "bg-info text-info-foreground fill-current",
-        "teal-subtle": "bg-info/15 text-info fill-current border-transparent",
+        "teal-subtle": "bg-info/10 text-info fill-current border-transparent",
         inverted: "bg-foreground text-background fill-current",
         // Special visual treatments (intentional product design, not brand hex)
         trial: "bg-gradient-to-br from-trial-start to-trial-end text-primary-foreground fill-current",
@@ -2344,7 +2469,7 @@ function AssistedPasswordConfirmation({
         children: /* @__PURE__ */ jsx(
           motion.input,
           {
-            className: "h-full w-full rounded-[var(--radius-xl)] border-2 border-border bg-background px-3.5 py-3 tracking-[0.4em] text-foreground outline-none transition-colors placeholder:tracking-normal focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30",
+            className: "h-full w-full rounded-[var(--radius-xl)] border-2 border-border bg-background px-3.5 py-3 tracking-[0.4em] text-foreground outline-none transition-colors placeholder:tracking-normal focus-visible:border-ring",
             type: "password",
             placeholder,
             value: confirmPassword,
@@ -2528,9 +2653,18 @@ function getAvatarFallbackClass(size) {
 }
 function getAvatarStyle(size, style) {
   if (typeof size !== "number") return style;
-  return {
+  const numericVars = {
     "--avatar-size": `${size}px`,
-    "--avatar-font-size": `${Math.max(10, Math.round(size * 0.375))}px`,
+    "--avatar-font-size": `${Math.max(10, Math.round(size * 0.375))}px`
+  };
+  if (typeof style === "function") {
+    return (state) => ({
+      ...numericVars,
+      ...style(state)
+    });
+  }
+  return {
+    ...numericVars,
     ...style
   };
 }
@@ -3000,7 +3134,7 @@ function AvatarSmartGroup({
             {
               type: "button",
               "aria-label": user.role ? `${user.name}, ${user.role}` : user.name,
-              className: `rounded-full ring-2 ${ringColor} transition-transform duration-200 cursor-pointer border-none bg-transparent p-0 outline-none`,
+              className: `rounded-full ring-2 ${ringColor} transition-transform duration-micro cursor-pointer border-none bg-transparent p-0 outline-none`,
               style: {
                 marginLeft: index > 0 && overlap < 0 ? `${overlap}px` : void 0,
                 transform: activeKey === userKey ? `scale(${hoverScale})` : "scale(1)",
@@ -3574,7 +3708,7 @@ var Badge1 = ({
   return /* @__PURE__ */ jsx(Badge, { className: badgeClassName, icon, size, variant, ...props, children });
 };
 var baseBadgeVariants = cva(
-  "inline-flex items-center justify-center border border-transparent font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
+  "inline-flex items-center justify-center border border-transparent font-medium focus-visible:outline-none [&_svg]:-ms-px [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -3809,7 +3943,7 @@ function BaseBadge({
   return element;
 }
 var baseButtonVariants = cva(
-  "cursor-pointer group whitespace-nowrap focus-visible:outline-none inline-flex items-center justify-center has-data-[arrow=true]:justify-between whitespace-nowrap text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
+  "cursor-pointer group whitespace-nowrap inline-flex items-center justify-center has-data-[arrow=true]:justify-between whitespace-nowrap text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -3851,12 +3985,12 @@ var baseButtonVariants = cva(
         circle: "rounded-full"
       },
       mode: {
-        default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        default: "",
+        icon: "",
         link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent",
         input: `
             justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background
-            focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/30
+            focus-visible:border-ring
             [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-none [[data-state=open]>&]:ring-[3px]
             [[data-state=open]>&]:ring-ring/30
             aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
@@ -4225,7 +4359,10 @@ function Spinner({ className }) {
     }
   );
 }
-function getIconSizeClass(size) {
+function getIconSizeClass(size, iconSize2) {
+  if (iconSize2 === "sm") return "[&>svg]:size-3.5";
+  if (iconSize2 === "md") return "[&>svg]:size-3.5";
+  if (iconSize2 === "lg") return "[&>svg]:size-4";
   switch (size) {
     case "tiny":
       return "[&>svg]:size-3";
@@ -4240,7 +4377,10 @@ function getIconSizeClass(size) {
       return "[&>svg]:size-4";
   }
 }
-function getSpinnerSizeClass(size) {
+function getSpinnerSizeClass(size, iconSize2) {
+  if (iconSize2 === "sm") return "size-3.5";
+  if (iconSize2 === "md") return "size-3.5";
+  if (iconSize2 === "lg") return "size-4";
   switch (size) {
     case "tiny":
       return "size-3";
@@ -4265,10 +4405,10 @@ function resolveShadowClass(shadow) {
   const level = shadow === true ? "md" : shadow;
   return SHADOW_CLASSES[level];
 }
-function ButtonContent({ loading, prefix, suffix, size, children }) {
-  const iconSizeClass = getIconSizeClass(size);
+function ButtonContent({ loading, prefix, suffix, size, iconSize: iconSize2, children }) {
+  const iconSizeClass = getIconSizeClass(size, iconSize2);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    loading && /* @__PURE__ */ jsx(Spinner, { className: getSpinnerSizeClass(size) }),
+    loading && /* @__PURE__ */ jsx(Spinner, { className: getSpinnerSizeClass(size, iconSize2) }),
     prefix != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("shrink-0", iconSizeClass), children: prefix }),
     children,
     suffix != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("shrink-0", iconSizeClass), children: suffix })
@@ -4279,6 +4419,7 @@ var Button = ({
   variant,
   size,
   shape,
+  iconSize: iconSize2,
   asChild = false,
   loading = false,
   disabled,
@@ -4296,11 +4437,21 @@ var Button = ({
     Comp,
     {
       ref,
-      className: cn(buttonVariants({ variant, size, shape }), shadowClass, className),
+      className: cn(buttonVariants({ variant, size, shape, iconSize: iconSize2 }), shadowClass, className),
       disabled: isDisabled,
       "aria-busy": loading || void 0,
       ...props,
-      children: asChild ? children : /* @__PURE__ */ jsx(ButtonContent, { loading, prefix, suffix, size, children })
+      children: asChild ? children : /* @__PURE__ */ jsx(
+        ButtonContent,
+        {
+          loading,
+          prefix,
+          suffix,
+          size,
+          iconSize: iconSize2,
+          children
+        }
+      )
     }
   );
 };
@@ -4310,6 +4461,7 @@ var ButtonLink = ({
   variant,
   size,
   shape,
+  iconSize: iconSize2,
   prefix,
   suffix,
   shadow,
@@ -4329,14 +4481,24 @@ var ButtonLink = ({
     {
       ref,
       className: cn(
-        buttonVariants({ variant, size, shape }),
+        buttonVariants({ variant, size, shape, iconSize: iconSize2 }),
         shadowClass,
         loading && "pointer-events-none opacity-50",
         className
       ),
       ...loadingProps,
       ...props,
-      children: /* @__PURE__ */ jsx(ButtonContent, { loading, prefix, suffix, size, children })
+      children: /* @__PURE__ */ jsx(
+        ButtonContent,
+        {
+          loading,
+          prefix,
+          suffix,
+          size,
+          iconSize: iconSize2,
+          children
+        }
+      )
     }
   );
 };
@@ -5140,7 +5302,7 @@ function Browser(props) {
                 type: "button",
                 onClick: handleCopy,
                 "aria-label": copied ? "Address copied" : "Copy address",
-                className: "flex-shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                className: "flex-shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none",
                 children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3" })
               }
             )
@@ -5307,7 +5469,7 @@ function BulkActionBar({
     {
       className: cn(
         "z-50 flex items-center gap-3 rounded-[var(--radius-lg)] border bg-background/95 px-4 py-2.5 shadow-lg backdrop-blur-sm",
-        "animate-in slide-in-from-bottom-2 duration-200",
+        "animate-in slide-in-from-bottom-2 duration-reveal",
         fixed && position === "bottom" && "fixed bottom-4 left-1/2 -translate-x-1/2",
         fixed && position === "top" && "fixed top-4 left-1/2 -translate-x-1/2",
         !fixed && "relative",
@@ -5724,7 +5886,7 @@ function CardSpotlight({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "pointer-events-none absolute z-0 -inset-px rounded-[var(--radius-md)] opacity-0 transition duration-300 motion-reduce:transition-none group-hover/spotlight:opacity-100",
+            className: "pointer-events-none absolute z-0 -inset-px rounded-[var(--radius-md)] opacity-0 transition duration-reveal motion-reduce:transition-none group-hover/spotlight:opacity-100",
             style: {
               backgroundColor: color,
               maskImage: useMotionTemplate`
@@ -6193,8 +6355,68 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
+var DEFAULT_STROKE_WIDTH = 1.6;
+function CheckGlyph({
+  size = 16,
+  width,
+  height,
+  strokeWidth = DEFAULT_STROKE_WIDTH,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "shrink-0",
+      viewBox: "0 0 16 16",
+      width: width ?? size,
+      height: height ?? size,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.2 5.6L6.8 10L4.8 8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth
+        }
+      )
+    }
+  );
+}
+function IndeterminateGlyph({
+  size = 16,
+  width,
+  height,
+  strokeWidth = DEFAULT_STROKE_WIDTH,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: "shrink-0",
+      viewBox: "0 0 16 16",
+      width: width ?? size,
+      height: height ?? size,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "4",
+          x2: "12",
+          y1: "8",
+          y2: "8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth
+        }
+      )
+    }
+  );
+}
 var getInputClasses = (checked, disabled, indeterminate) => {
-  let className = "relative border w-4 h-4 duration-200 rounded inline-flex items-center justify-center";
+  let className = "relative border w-4 h-4 duration-micro rounded inline-flex items-center justify-center";
   if (disabled) {
     if (!checked || indeterminate) {
       className += " bg-geist-gray-100 border-geist-gray-500";
@@ -6257,26 +6479,7 @@ var Checkbox = ({
             className: "sr-only"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: getInputClasses(checked, disabled, indeterminate), children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", className: "shrink-0", height: "16", viewBox: "0 0 20 20", width: "16", children: indeterminate ? /* @__PURE__ */ jsx(
-          "line",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            x1: "5",
-            x2: "15",
-            y1: "10",
-            y2: "10"
-          }
-        ) : /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 7L8.5 12.5L6 10",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2"
-          }
-        ) }) }),
+        /* @__PURE__ */ jsx("span", { className: getInputClasses(checked, disabled, indeterminate), children: indeterminate ? /* @__PURE__ */ jsx(IndeterminateGlyph, {}) : /* @__PURE__ */ jsx(CheckGlyph, {}) }),
         children && /* @__PURE__ */ jsx("span", { className: "ml-2", children })
       ]
     }
@@ -6321,8 +6524,8 @@ var choiceboxItemVariants = cva(
   [
     "relative flex flex-1 flex-col gap-1 rounded-[var(--radius-lg)] border p-4",
     "cursor-pointer select-none",
-    "transition-colors duration-150 ease-out",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+    "transition-colors duration-micro ease-out",
+    "focus-visible:outline-none"
   ].join(" "),
   {
     variants: {
@@ -6901,6 +7104,11 @@ var overlayPrimitiveClassNames = {
     "data-[highlighted]:bg-accent data-[popup-open]:bg-accent"
   ].join(" "),
   menuCheckboxItem: [menuItemBaseClassName, menuHighlightedClassName, "pl-8"].join(" "),
+  menuFilterInput: [
+    "h-7 w-full rounded-[var(--radius-sm)] bg-muted px-2 text-sm text-foreground",
+    "placeholder:text-muted-foreground outline-none"
+  ].join(" "),
+  menuEmpty: "px-2 py-3 text-center text-sm text-muted-foreground",
   menuIndicator: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center text-muted-foreground",
   menubarRoot: "flex h-10 items-center space-x-1 rounded-[var(--radius-md)] border border-border bg-background p-1 outline-none",
   menubarTrigger: [
@@ -7110,6 +7318,40 @@ var DropdownMenuRadioItem = ({
   }
 );
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var MENU_RESERVED_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "Enter", "Tab"]);
+var DropdownMenuFilterInput = ({
+  className,
+  onKeyDown,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "input",
+  {
+    ref,
+    type: "search",
+    className: cn(overlayPrimitiveClassNames.menuFilterInput, className),
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (!MENU_RESERVED_KEYS.has(event.key)) {
+        event.stopPropagation();
+      }
+    },
+    ...props
+  }
+);
+DropdownMenuFilterInput.displayName = "DropdownMenuFilterInput";
+var DropdownMenuEmpty = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "presentation",
+    className: cn(overlayPrimitiveClassNames.menuEmpty, className),
+    ...props
+  }
+);
+DropdownMenuEmpty.displayName = "DropdownMenuEmpty";
 var DropdownMenuLabel = ({
   className,
   inset,
@@ -8439,7 +8681,6 @@ var comboboxTriggerVariants = cva(
     "text-[length:var(--combobox-font-size)] ring-offset-background",
     "transition-colors duration-micro ease-out",
     "placeholder:text-muted-foreground",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "[&>span]:line-clamp-1 [&>span]:text-left"
   ].join(" "),
@@ -8451,7 +8692,7 @@ var comboboxTriggerVariants = cva(
         large: ""
       },
       error: {
-        true: "border-destructive focus-visible:ring-destructive",
+        true: "border-destructive",
         false: ""
       }
     },
@@ -8936,11 +9177,11 @@ var formControlInvalidClassNames = {
 };
 var inputVariants = cva(
   [
-    "flex h-[var(--input-height)] w-full rounded-[var(--input-radius)] border border-input bg-background",
-    "px-[var(--input-padding-x)] text-[length:var(--input-font-size)] text-foreground shadow-xs",
+    "flex h-[var(--input-height)] w-full rounded-[var(--input-radius)]",
+    "px-[var(--input-padding-x)] text-[length:var(--input-font-size)] text-foreground",
     "transition-[background-color,border-color,box-shadow,color] duration-micro ease-out",
     "placeholder:text-muted-foreground",
-    formControlFocusClassNames.input,
+    "outline-none",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "read-only:bg-muted/70 read-only:cursor-default",
     "file:h-full file:border-0 file:border-e file:border-solid file:border-input file:bg-transparent",
@@ -8963,11 +9204,31 @@ var inputVariants = cva(
         prefix: "pl-[var(--input-padding-left)]",
         suffix: "pr-[var(--input-padding-right)]",
         both: "pl-[var(--input-padding-left)] pr-[var(--input-padding-right)]"
+      },
+      /**
+       * `bare` drops the field's own stroke, fill and lift so it can sit inside
+       * a container that already provides them — a footer subscribe group, a
+       * search well, a segmented composer. Those surfaces were each being built
+       * by hand with a raw <input>, because overriding the bordered look from
+       * outside is not reliable: `border-transparent` passed via className and
+       * `border-input` from the base are both border-color utilities, so which
+       * one wins depends on their order in the generated stylesheet rather than
+       * on the order they were written. That is why the stroke, fill and shadow
+       * live in this variant instead of the base — the two tones now never emit
+       * a competing declaration.
+       *
+       * A bare field draws no focus ring of its own. The container owns it, so
+       * the ring surrounds the whole group rather than a box inside it.
+       */
+      tone: {
+        bordered: `border border-input bg-background shadow-xs ${formControlFocusClassNames.input}`,
+        bare: "border-0 bg-transparent shadow-none"
       }
     },
     defaultVariants: {
       size: "md",
-      affix: "none"
+      affix: "none",
+      tone: "bordered"
     }
   }
 );
@@ -8990,7 +9251,7 @@ var inputControlButtonVariants = cva(
     "absolute right-[var(--input-control-inset)] top-1/2 flex size-[var(--input-control-size)] -translate-y-1/2 items-center justify-center",
     "rounded-[var(--radius-sm)] text-muted-foreground transition-colors duration-micro ease-out",
     "hover:bg-accent hover:text-foreground",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+    "focus-visible:outline-none",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:size-[var(--input-control-icon-size)]"
   ].join(" ")
@@ -9029,7 +9290,7 @@ function getInputStyle(size, style) {
     "--input-focus-ring-width": `${inputTokens.focusRingWidth}px`,
     borderRadius: "var(--input-radius)",
     outline: "none",
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getAffixMode(prefix, hasRightAdornment) {
@@ -9055,6 +9316,7 @@ var Input = ({
     className,
     type = "text",
     size = "md",
+    tone = "bordered",
     prefix,
     suffix,
     clearable,
@@ -9174,7 +9436,7 @@ var Input = ({
       "aria-describedby": describedBy,
       "aria-busy": loading || void 0,
       className: cn(
-        inputVariants({ size, affix }),
+        inputVariants({ size, affix, tone }),
         type === "file" && "p-0 pr-[var(--input-padding-x)] text-muted-foreground",
         className
       ),
@@ -9891,7 +10153,7 @@ var ContextCardTrigger = ({
               "transition-[opacity,transform,display] duration-[var(--context-card-duration)] ease-[var(--context-card-easing)]",
               "data-starting-style:opacity-0 data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-ending-style:scale-[0.98]",
               "motion-reduce:transition-none motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:scale-100",
-              "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "",
               "data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom",
               className
             ),
@@ -10195,20 +10457,27 @@ var ContextMenu = Object.assign(ContextMenuRoot, {
   SubTrigger: ContextMenuSubTrigger,
   SubContent: ContextMenuSubContent
 });
+var COPIED_TINT = "text-[hsl(var(--success-strong))]";
+function CopiedAnnouncement({ copied, message }) {
+  return /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", children: copied ? message : "" });
+}
 function CopyButton({
   value,
   label,
+  copiedLabel = "Copied",
   successMessage = "Copied to clipboard",
   tooltipText = "Copy",
   iconType = "copy",
+  iconPosition = "leading",
   showToast = true,
+  timeout = 2e3,
   onCopied,
   variant = "ghost",
   size = "icon",
   className,
   ...props
 }) {
-  const [copied, setCopied] = React45.useState(false);
+  const { copied, copy } = useCopyToClipboard({ successMessage, showToast, timeout });
   const IconComponent = {
     copy: Copy,
     link: Link$1,
@@ -10216,38 +10485,30 @@ function CopyButton({
     hash: Hash
   }[iconType];
   const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(value);
-      setCopied(true);
-      if (showToast) {
-        toast.success(successMessage);
-      }
-      onCopied?.(value);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch (error) {
-      console.error("Failed to copy:", error);
-      toast.error("Failed to copy to clipboard");
-    }
+    if (await copy(value)) onCopied?.(value);
   };
+  const icon = copied ? /* @__PURE__ */ jsx(Check, { className: COPIED_TINT }) : /* @__PURE__ */ jsx(IconComponent, {});
+  const iconSlot = iconPosition === "trailing" ? { suffix: icon } : { prefix: icon };
   const button = /* @__PURE__ */ jsxs(
     Button,
     {
       variant,
       size,
       onClick: handleCopy,
-      className: cn("transition-colors", copied && "text-green-600 dark:text-green-400", className),
+      className: cn("transition-colors", className),
+      ...iconSlot,
       ...props,
       children: [
-        copied ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(IconComponent, { className: "size-4" }),
-        label && /* @__PURE__ */ jsx("span", { className: "ml-1.5", children: label }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: tooltipText })
+        label && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: copied && copiedLabel ? copiedLabel : label }),
+        !label && /* @__PURE__ */ jsx("span", { className: "sr-only", children: tooltipText }),
+        /* @__PURE__ */ jsx(CopiedAnnouncement, { copied, message: successMessage })
       ]
     }
   );
   if (!label) {
     return /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: copied ? "Copied!" : tooltipText }) })
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: copied ? "Copied" : tooltipText }) })
     ] });
   }
   return button;
@@ -10303,6 +10564,36 @@ function CopyCodeButton({
     }
   );
 }
+function CopyMenuItem({
+  value,
+  children,
+  successMessage = "Copied to clipboard",
+  showToast = false,
+  timeout = 2e3,
+  closeOnCopy = false,
+  onCopied,
+  className,
+  ...props
+}) {
+  const { copied, copy } = useCopyToClipboard({ successMessage, showToast, timeout });
+  const handleCopy = async () => {
+    if (await copy(value)) onCopied?.(value);
+  };
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      closeOnClick: closeOnCopy,
+      onClick: handleCopy,
+      className: cn("cursor-pointer", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1", children }),
+        copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: cn("size-4", COPIED_TINT) }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(CopiedAnnouncement, { copied, message: successMessage })
+      ]
+    }
+  );
+}
 function CopyableField({ value, label, truncate = true, className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
     label && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground shrink-0", children: [
@@ -10343,35 +10634,684 @@ function useCopyToClipboard(options = {}) {
   );
   return { copied, copy };
 }
-var Description = function Description2({
-  ref,
-  title,
-  content,
-  tooltip,
-  className
-}) {
-  return /* @__PURE__ */ jsxs("dl", { ref, className: cn("font-sans", className), children: [
-    /* @__PURE__ */ jsxs("dt", { className: "flex items-center gap-1 text-muted-foreground text-sm capitalize", children: [
-      title,
-      tooltip && /* @__PURE__ */ jsx(ContextCard.Trigger, { content: tooltip, side: "top", sideOffset: 6, children: /* @__PURE__ */ jsx(Information, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }) })
-    ] }),
-    /* @__PURE__ */ jsx("dd", { className: "mt-1 font-medium text-foreground text-sm", children: content })
-  ] });
-};
-function DisplayCard({
-  className,
-  icon = /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-blue-300" }),
-  title = "Featured",
-  description = "Discover amazing content",
-  date = "Just now",
-  titleClassName = "text-blue-500"
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex h-36 w-[22rem] -skew-y-[8deg] select-none flex-col justify-between rounded-[var(--radius-xl)] border-2 bg-muted/70 backdrop-blur-sm px-4 py-3 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-700",
-        "after:absolute after:-right-1 after:top-[-5%] after:h-[110%] after:w-[20rem] after:bg-gradient-to-l after:from-background after:to-transparent after:content-['']",
+
+// src/tokens/components/empty-state.ts
+var emptyStateTokens = {
+  root: {
+    minHeight: {
+      sm: primitiveSpacing[16] * 2,
+      md: primitiveSpacing[24] * 2,
+      lg: primitiveSpacing[16] * 4
+    },
+    paddingX: {
+      sm: primitiveSpacing[4],
+      md: primitiveSpacing[6],
+      lg: primitiveSpacing[8]
+    },
+    paddingY: {
+      sm: primitiveSpacing[8],
+      md: primitiveSpacing[10],
+      lg: primitiveSpacing[14]
+    },
+    radius: primitiveRadius.lg
+  },
+  content: {
+    maxWidth: primitiveSpacing[14] * 8,
+    descriptionMaxWidth: primitiveSpacing[12] * 8,
+    stackGap: primitiveSpacing[4],
+    copyGap: primitiveSpacing[2],
+    actionsGap: primitiveSpacing[2]
+  },
+  icon: {
+    size: primitiveSizing.lg,
+    radius: primitiveRadius.lg
+  },
+  typography: {
+    title: {
+      sm: primitiveFontSize.sm,
+      md: primitiveFontSize.base,
+      lg: primitiveFontSize.lg
+    },
+    description: {
+      sm: primitiveFontSize.xs,
+      md: primitiveFontSize.sm,
+      lg: primitiveFontSize.sm
+    },
+    titleWeight: primitiveFontWeight.semibold,
+    titleLineHeight: primitiveSpacing[6],
+    descriptionLineHeight: primitiveSpacing[6]
+  }
+};
+var variantClassName = {
+  "blank-slate": "border border-dashed border-border bg-background",
+  informational: "border border-border bg-card",
+  educational: "border border-border bg-card",
+  guide: "border border-border bg-muted/30",
+  "no-results": "border border-dashed border-border bg-background",
+  cleared: "border border-dashed border-border bg-muted/20",
+  permission: "border border-border bg-card",
+  error: "border border-destructive/25 bg-destructive/5"
+};
+var iconToneClassName = {
+  "blank-slate": "text-muted-foreground",
+  informational: "text-primary",
+  educational: "text-primary",
+  guide: "text-primary",
+  "no-results": "text-muted-foreground",
+  cleared: "text-muted-foreground",
+  permission: "text-muted-foreground",
+  error: "text-destructive"
+};
+var emptyStateCssVars = (size) => ({
+  "--empty-state-min-height": `${emptyStateTokens.root.minHeight[size]}px`,
+  "--empty-state-padding-x": `${emptyStateTokens.root.paddingX[size]}px`,
+  "--empty-state-padding-y": `${emptyStateTokens.root.paddingY[size]}px`,
+  "--empty-state-radius": `${emptyStateTokens.root.radius}px`,
+  "--empty-state-content-max-width": `${emptyStateTokens.content.maxWidth}px`,
+  "--empty-state-description-max-width": `${emptyStateTokens.content.descriptionMaxWidth}px`,
+  "--empty-state-stack-gap": `${emptyStateTokens.content.stackGap}px`,
+  "--empty-state-copy-gap": `${emptyStateTokens.content.copyGap}px`,
+  "--empty-state-actions-gap": `${emptyStateTokens.content.actionsGap}px`,
+  "--empty-state-icon-size": `${emptyStateTokens.icon.size}px`,
+  "--empty-state-icon-radius": `${emptyStateTokens.icon.radius}px`,
+  "--empty-state-title-size": `${emptyStateTokens.typography.title[size]}px`,
+  "--empty-state-description-size": `${emptyStateTokens.typography.description[size]}px`,
+  "--empty-state-title-weight": `${emptyStateTokens.typography.titleWeight}`,
+  "--empty-state-title-line-height": `${emptyStateTokens.typography.titleLineHeight}px`,
+  "--empty-state-description-line-height": `${emptyStateTokens.typography.descriptionLineHeight}px`
+});
+var EmptyStateIcon = ({
+  className,
+  icon,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "aria-hidden": "true",
+    className: cn(
+      "flex size-[var(--empty-state-icon-size)] shrink-0 items-center justify-center rounded-[var(--empty-state-icon-radius)] bg-muted",
+      className
+    ),
+    ...props,
+    children: icon
+  }
+);
+EmptyStateIcon.displayName = "EmptyState.Icon";
+var EmptyStateRoot = ({
+  className,
+  title,
+  description,
+  icon,
+  children,
+  action,
+  link,
+  style,
+  variant = "blank-slate",
+  size = "md",
+  align = "center",
+  live = false,
+  ref,
+  ...props
+}) => {
+  const actions = children ?? [action, link].filter(Boolean);
+  const hasActions = React45.Children.toArray(actions).length > 0;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      ref,
+      "aria-live": live ? "polite" : void 0,
+      className: cn(
+        "flex min-h-[var(--empty-state-min-height)] w-full flex-col justify-center rounded-[var(--empty-state-radius)] px-[var(--empty-state-padding-x)] py-[var(--empty-state-padding-y)]",
+        variantClassName[variant],
+        align === "center" ? "items-center text-center" : "items-start text-left",
+        className
+      ),
+      style: { ...emptyStateCssVars(size), ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex max-w-[var(--empty-state-content-max-width)] flex-col gap-[var(--empty-state-stack-gap)]",
+            align === "center" ? "items-center" : "items-start"
+          ),
+          children: [
+            icon ? /* @__PURE__ */ jsx("div", { className: cn("[&>div]:bg-muted", iconToneClassName[variant]), children: icon }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "space-y-[var(--empty-state-copy-gap)]", children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-[var(--empty-state-title-weight)] text-[length:var(--empty-state-title-size)] leading-[var(--empty-state-title-line-height)] text-foreground", children: title }),
+              description ? /* @__PURE__ */ jsx("p", { className: "max-w-[var(--empty-state-description-max-width)] text-[length:var(--empty-state-description-size)] leading-[var(--empty-state-description-line-height)] text-muted-foreground", children: description }) : null
+            ] }),
+            hasActions ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex flex-wrap gap-[var(--empty-state-actions-gap)]",
+                  align === "center" ? "justify-center" : "justify-start"
+                ),
+                children: actions
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+};
+EmptyStateRoot.displayName = "EmptyState.Root";
+var EmptyState = {
+  Root: EmptyStateRoot,
+  Icon: EmptyStateIcon
+};
+function asCssLength(value) {
+  if (value === void 0) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function shapeRadiusClass(props) {
+  if (props.pill) return "rounded-full";
+  if (props.squared) return "rounded-[var(--radius-sm)]";
+  return "rounded-[var(--radius-md)]";
+}
+function Skeleton(props) {
+  const {
+    width,
+    height,
+    boxHeight,
+    pill: _pill,
+    rounded: _rounded,
+    squared: _squared,
+    animated: animatedProp,
+    show: showProp,
+    children,
+    isLoaded,
+    disableAnimation,
+    className,
+    style,
+    ...rest
+  } = props;
+  const show = showProp !== void 0 ? showProp : !isLoaded;
+  const animated = animatedProp !== void 0 ? animatedProp : !disableAnimation;
+  if (!show && children) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const sizeStyle = {
+    width: asCssLength(width),
+    height: asCssLength(height),
+    minHeight: asCssLength(boxHeight)
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-busy": "true",
+      "aria-hidden": "true",
+      "data-loaded": !show,
+      className: cn(
+        "bg-muted",
+        shapeRadiusClass(props),
+        animated && "animate-pulse motion-reduce:animate-none",
+        className
+      ),
+      style: { ...sizeStyle, ...style },
+      ...rest,
+      children: children && // biome-ignore lint/a11y/useSemanticElements: this <div> isn't a landmark; `inert` is the relevant a11y signal.
+      /* @__PURE__ */ jsx("div", { className: "invisible", inert: true, "aria-hidden": "true", children })
+    }
+  );
+}
+function SkeletonText({
+  lines = 3,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      height: 16,
+      className: cn(i === lines - 1 ? "w-[60%]" : i === 0 ? "w-full" : "w-[80%]")
+    },
+    i
+  )) });
+}
+function SkeletonAvatar({
+  size = "md",
+  className,
+  ...props
+}) {
+  const px = size === "sm" ? 32 : size === "lg" ? 48 : 40;
+  return /* @__PURE__ */ jsx(Skeleton, { pill: true, width: px, height: px, className, ...props });
+}
+function SkeletonCard({ className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-4", className), ...props, children: [
+    /* @__PURE__ */ jsx(Skeleton, { height: 128, className: "w-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: "w-3/4" }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: "w-1/2" })
+    ] })
+  ] });
+}
+
+// src/tokens/components/table.ts
+var tableTokens = {
+  wrapper: {
+    minWidth: 248,
+    padding: primitiveSpacing[6],
+    radius: primitiveRadius.lg
+  },
+  row: {
+    radius: primitiveRadius.sm
+  },
+  cell: {
+    paddingX: primitiveSpacing[2],
+    paddingY: 10
+  },
+  header: {
+    height: primitiveSpacing[10]
+  },
+  typography: {
+    size: primitiveFontSize.sm,
+    headingWeight: primitiveFontWeight.medium,
+    bodyWeight: primitiveFontWeight.normal
+  },
+  spacer: {
+    bodyTop: primitiveSpacing[3]
+  },
+  motion: {
+    duration: primitiveTransition.duration.micro,
+    easing: primitiveTransition.easing.default
+  }
+};
+var ALIGNMENT_CLASS = {
+  start: "text-left",
+  center: "text-center",
+  end: "text-right"
+};
+function createTableVars(style, bare) {
+  return {
+    "--table-min-width": `${tableTokens.wrapper.minWidth}px`,
+    "--table-padding": `${tableTokens.wrapper.padding}px`,
+    "--table-radius": `${tableTokens.wrapper.radius}px`,
+    "--table-row-radius": `${tableTokens.row.radius}px`,
+    "--table-cell-padding-x": `${tableTokens.cell.paddingX}px`,
+    "--table-cell-padding-y": `${tableTokens.cell.paddingY}px`,
+    "--table-header-height": `${tableTokens.header.height}px`,
+    "--table-font-size": `${tableTokens.typography.size}px`,
+    "--table-heading-weight": tableTokens.typography.headingWeight,
+    "--table-body-weight": tableTokens.typography.bodyWeight,
+    "--table-body-spacer": bare ? "0px" : `${tableTokens.spacer.bodyTop}px`,
+    "--table-motion-duration": `${tableTokens.motion.duration}ms`,
+    "--table-motion-easing": tableTokens.motion.easing,
+    ...style
+  };
+}
+var TableRoot = ({
+  className,
+  wrapperClassName,
+  wrapperStyle,
+  style,
+  bare = false,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "relative w-full overflow-auto",
+      !bare && "min-w-[var(--table-min-width)] rounded-[var(--table-radius)] border border-border bg-card p-[var(--table-padding)]",
+      wrapperClassName
+    ),
+    style: createTableVars(wrapperStyle, bare),
+    children: /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn(
+          "w-full border-collapse caption-bottom text-[length:var(--table-font-size)] font-[var(--table-body-weight)] text-foreground",
+          className
+        ),
+        style,
+        ...props
+      }
+    )
+  }
+);
+TableRoot.displayName = "Table";
+var TableColgroup = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx("colgroup", { ref, className, ...props });
+TableColgroup.displayName = "TableColgroup";
+var TableCol = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx("col", { ref, className, ...props });
+TableCol.displayName = "TableCol";
+var TableHeader = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx("thead", { ref, className: cn("border-b border-border", className), ...props });
+TableHeader.displayName = "TableHeader";
+var TableBody = ({
+  className,
+  striped = false,
+  bordered = false,
+  interactive = false,
+  virtualize = false,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("tbody", { "aria-hidden": "true", className: "table-row h-[var(--table-body-spacer)]" }),
+  /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      ref,
+      "data-virtualized": virtualize ? "" : void 0,
+      className: cn(
+        "[&_tr:last-child]:border-b-0",
+        striped && "[&_tr:where(:nth-child(odd))]:bg-muted/45",
+        bordered && "[&_tr]:border-b [&_tr]:border-border",
+        interactive && "[&_tr]:cursor-default [&_tr:hover]:bg-muted/70 [&_tr:focus-within]:bg-muted/70",
+        className
+      ),
+      ...props
+    }
+  )
+] });
+TableBody.displayName = "TableBody";
+var TableFooter = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("border-t border-border", className), ...props });
+TableFooter.displayName = "TableFooter";
+var TableRow = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "[&_td:first-child]:rounded-l-[var(--table-row-radius)] [&_td:last-child]:rounded-r-[var(--table-row-radius)] transition-colors duration-[var(--table-motion-duration)] ease-[var(--table-motion-easing)] motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+);
+TableRow.displayName = "TableRow";
+var TableHead = ({
+  className,
+  numeric = false,
+  alignment,
+  scope = "col",
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    scope,
+    className: cn(
+      "h-[var(--table-header-height)] px-[var(--table-cell-padding-x)] text-left align-middle font-[var(--table-heading-weight)] text-muted-foreground",
+      "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-px",
+      !alignment && "last:text-right",
+      numeric && "text-right font-mono tabular-nums",
+      alignment && ALIGNMENT_CLASS[alignment],
+      className
+    ),
+    ...props
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = ({
+  className,
+  numeric = false,
+  alignment,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn(
+      "px-[var(--table-cell-padding-x)] py-[var(--table-cell-padding-y)] align-middle",
+      "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-px",
+      !alignment && "last:text-right",
+      numeric && "text-right font-mono tabular-nums",
+      alignment && ALIGNMENT_CLASS[alignment],
+      className
+    ),
+    ...props
+  }
+);
+TableCell.displayName = "TableCell";
+var TableCaption = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+TableCaption.displayName = "TableCaption";
+var Table = TableRoot;
+Table.Body = TableBody;
+Table.Caption = TableCaption;
+Table.Cell = TableCell;
+Table.Col = TableCol;
+Table.Colgroup = TableColgroup;
+Table.Footer = TableFooter;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+var DEFAULT_MIN_BODY_ROWS = 5;
+var DEFAULT_ROW_HEIGHT = 44;
+var alignClassName = {
+  start: "justify-start text-left",
+  center: "justify-center text-center",
+  end: "justify-end text-right"
+};
+function AlignedCellContent({
+  align,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 items-center gap-2", alignClassName[align], className), children });
+}
+function hasError(error) {
+  return error !== void 0 && error !== null && error !== false && error !== "";
+}
+function resolveStatus(status, error, rows) {
+  if (status === "error" || hasError(error)) return "error";
+  if (status === "loading") return "loading";
+  if (status === "empty" || rows.length === 0) return "empty";
+  return "idle";
+}
+function DataList({
+  columns,
+  rows,
+  getRowKey,
+  status,
+  isRefreshing = false,
+  error,
+  errorTitle = "Something went wrong",
+  onRetry,
+  retryLabel = "Try again",
+  emptyTitle = "Nothing here",
+  emptyDescription,
+  emptyIcon,
+  emptyAction,
+  minBodyRows = DEFAULT_MIN_BODY_ROWS,
+  rowHeight = DEFAULT_ROW_HEIGHT,
+  pagination,
+  striped = false,
+  interactive = false,
+  onRowClick,
+  label,
+  className,
+  scrollClassName,
+  style,
+  "data-testid": dataTestId
+}) {
+  const resolved = resolveStatus(status, error, rows);
+  const columnCount = Math.max(columns.length, 1);
+  const reservedFloor = Math.max(minBodyRows, 0) * rowHeight;
+  const skeletonRowCount = Math.max(minBodyRows, 1);
+  const rowsAreInteractive = interactive || onRowClick !== void 0;
+  const busy = resolved === "loading" || isRefreshing;
+  const handleRowKeyDown = (event, row, index) => {
+    if (onRowClick === void 0) return;
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    onRowClick(row, index);
+  };
+  const header = /* @__PURE__ */ jsx(
+    TableHeader,
+    {
+      className: "border-b-0",
+      children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(
+        TableHead,
+        {
+          numeric: column.numeric ?? false,
+          style: column.width === void 0 ? void 0 : { width: column.width },
+          className: cn(
+            // Cell x-padding is 8px in the primitive, which is tight once the
+            // card padding is zeroed. 12px restores the rhythm.
+            "bg-muted/45 px-3 text-xs uppercase tracking-[0.04em] text-muted-foreground",
+            "first:rounded-l-[var(--table-row-radius)] last:rounded-r-[var(--table-row-radius)]",
+            column.headClassName
+          ),
+          children: /* @__PURE__ */ jsx(AlignedCellContent, { align: column.align ?? "start", children: column.header })
+        },
+        column.id
+      )) })
+    }
+  );
+  let body;
+  if (resolved === "error") {
+    body = /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columnCount, className: "px-3", style: { height: reservedFloor }, children: /* @__PURE__ */ jsx(
+      EmptyStateRoot,
+      {
+        live: true,
+        variant: "error",
+        size: "sm",
+        className: "min-h-0 border-0 bg-destructive/5 px-4 py-4",
+        title: errorTitle,
+        description: error,
+        ...onRetry === void 0 ? {} : {
+          action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, children: retryLabel })
+        }
+      }
+    ) }) });
+  } else if (resolved === "loading") {
+    body = Array.from({ length: skeletonRowCount }).map((_, rowIndex) => /* @__PURE__ */ jsx(TableRow, { "aria-hidden": "true", children: columns.map((column) => /* @__PURE__ */ jsx(TableCell, { className: "px-3", style: { height: rowHeight }, children: /* @__PURE__ */ jsx(AlignedCellContent, { align: column.align ?? "start", children: /* @__PURE__ */ jsx(Skeleton, { height: 12, style: { width: column.loadingWidth ?? "60%", minWidth: 40 } }) }) }, column.id)) }, `data-list-skeleton-${rowIndex}`));
+  } else if (resolved === "empty") {
+    body = /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columnCount, className: "px-3", style: { height: reservedFloor }, children: /* @__PURE__ */ jsx(
+      EmptyStateRoot,
+      {
+        live: true,
+        variant: "no-results",
+        size: "sm",
+        className: "min-h-0 border-0 bg-transparent px-4 py-4",
+        title: emptyTitle,
+        ...emptyDescription === void 0 ? {} : { description: emptyDescription },
+        ...emptyIcon === void 0 ? {} : { icon: emptyIcon },
+        ...emptyAction === void 0 ? {} : { action: emptyAction }
+      }
+    ) }) });
+  } else {
+    body = rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+      TableRow,
+      {
+        ...onRowClick === void 0 ? {} : {
+          tabIndex: 0,
+          onClick: () => onRowClick(row, rowIndex),
+          onKeyDown: (event) => handleRowKeyDown(event, row, rowIndex)
+        },
+        className: cn(onRowClick !== void 0 && "cursor-pointer"),
+        children: columns.map((column) => /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            numeric: column.numeric ?? false,
+            className: cn("px-3", column.cellClassName),
+            style: { height: rowHeight },
+            children: /* @__PURE__ */ jsx(AlignedCellContent, { align: column.align ?? "start", children: column.cell(row, rowIndex) })
+          },
+          column.id
+        ))
+      },
+      getRowKey(row, rowIndex)
+    ));
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative w-full min-w-0", className),
+      style,
+      "data-status": resolved,
+      "data-refreshing": isRefreshing ? "" : void 0,
+      "data-testid": dataTestId,
+      "aria-busy": busy || void 0,
+      children: [
+        isRefreshing ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-0.5 overflow-hidden rounded-full",
+            children: /* @__PURE__ */ jsx("div", { className: "h-full w-full animate-pulse bg-primary/70 motion-reduce:animate-none" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          Table,
+          {
+            "aria-label": label,
+            wrapperClassName: cn(
+              "min-w-0 rounded-none border-0 bg-transparent p-0",
+              resolved === "idle" && isRefreshing && "opacity-70 transition-opacity motion-reduce:transition-none",
+              scrollClassName
+            ),
+            children: [
+              header,
+              /* @__PURE__ */ jsx(TableBody, { striped, interactive: rowsAreInteractive, children: body })
+            ]
+          }
+        ),
+        pagination === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-[var(--radius-md)] bg-muted/35 px-3 py-2", children: pagination })
+      ]
+    }
+  );
+}
+DataList.displayName = "DataList";
+var Description = function Description2({
+  ref,
+  title,
+  content,
+  tooltip,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("dl", { ref, className: cn("font-sans", className), children: [
+    /* @__PURE__ */ jsxs("dt", { className: "flex items-center gap-1 text-muted-foreground text-sm capitalize", children: [
+      title,
+      tooltip && /* @__PURE__ */ jsx(ContextCard.Trigger, { content: tooltip, side: "top", sideOffset: 6, children: /* @__PURE__ */ jsx(Information, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }) })
+    ] }),
+    /* @__PURE__ */ jsx("dd", { className: "mt-1 font-medium text-foreground text-sm", children: content })
+  ] });
+};
+function DisplayCard({
+  className,
+  icon = /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-blue-300" }),
+  title = "Featured",
+  description = "Discover amazing content",
+  date = "Just now",
+  titleClassName = "text-blue-500"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex h-36 w-[22rem] -skew-y-[8deg] select-none flex-col justify-between rounded-[var(--radius-xl)] border-2 bg-muted/70 backdrop-blur-sm px-4 py-3 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-700",
+        "after:absolute after:-right-1 after:top-[-5%] after:h-[110%] after:w-[20rem] after:bg-gradient-to-l after:from-background after:to-transparent after:content-['']",
         "hover:border-white/20 hover:bg-muted",
         "[&>*]:flex [&>*]:items-center [&>*]:gap-2",
         className
@@ -11425,7 +12365,7 @@ function CircleProgress({ percentage, reduceMotion }) {
         cy: size / 2,
         r: radius,
         fill: "none",
-        stroke: "var(--muted)",
+        stroke: "hsl(var(--muted))",
         strokeWidth
       }
     ),
@@ -11436,7 +12376,7 @@ function CircleProgress({ percentage, reduceMotion }) {
         cy: size / 2,
         r: radius,
         fill: "none",
-        stroke: "var(--foreground)",
+        stroke: "hsl(var(--foreground))",
         strokeWidth,
         strokeDasharray: circumference,
         initial: false,
@@ -11519,7 +12459,7 @@ function TocClosedPill({
       },
       transition: reduceMotion ? { duration: 0 } : { ...islandTween, delay: isExpanded ? 0 : motionDurationSec.micro },
       className: cn(
-        "absolute inset-0 flex w-full items-center gap-4 border-0 bg-transparent px-4 text-left text-foreground outline-none focus-visible:ring-2 focus-visible:ring-foreground/40 sm:px-5",
+        "absolute inset-0 flex w-full items-center gap-4 border-0 bg-transparent px-4 text-left text-foreground outline-none sm:px-5",
         isExpanded && "pointer-events-none"
       ),
       children: [
@@ -11636,7 +12576,7 @@ function TocMenuItem({
       style: { paddingLeft: `${paddingLeft}px` },
       className: cn(
         "group flex w-full shrink-0 cursor-pointer items-center rounded-[var(--radius-lg)] border-none py-2 pr-3 text-left text-sm transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal ease-out",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/40",
+        "focus-visible:outline-none",
         isActive && "bg-foreground/10 font-medium text-foreground",
         !isActive && isHovered && "bg-foreground/5 text-foreground/85",
         !isActive && !isHovered && "bg-transparent text-foreground/45"
@@ -12075,293 +13015,123 @@ function ApprovalFooter({ isPending, approval }) {
         "button",
         {
           type: "button",
-          onClick: handleReject,
-          className: "h-7 rounded-[var(--radius-sm)] border border-border bg-transparent px-2 text-xs font-medium text-foreground transition-colors duration-micro hover:bg-accent",
-          children: rejectLabel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleApprove,
-          className: "h-7 rounded-[var(--radius-sm)] bg-primary px-2 text-xs font-medium text-primary-foreground transition-colors duration-micro hover:bg-primary/90",
-          children: approveLabel
-        }
-      )
-    ] })
-  ] });
-}
-function EditTool({
-  state = "completed",
-  variant = "edit",
-  filePath,
-  oldContent,
-  newContent,
-  approval,
-  maxDiffLines = 2e3,
-  className
-}) {
-  const isPending = state === "pending";
-  const isWaiting = state === "waiting";
-  const isWrite = variant === "write";
-  const fileName = filePath?.split("/").pop();
-  const diffOps = getDiffOps({ isWaiting, isWrite, oldContent, newContent, maxDiffLines });
-  const exceededCap = !isWaiting && diffOps === null && (oldContent !== void 0 || newContent !== void 0);
-  const stats = diffOps ? countDiffStats(diffOps) : null;
-  const diffLineCounts = /* @__PURE__ */ new Map();
-  useEffect(() => {
-    if (!isPending || !approval) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") approval.onReject?.();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [isPending, approval]);
-  const headerLabel = isWaiting ? "Generating..." : isPending ? `${isWrite ? "Creating" : "Editing"}${fileName ? ` ${fileName}` : ""}` : `${isWrite ? "Created" : "Edited"}${fileName ? ` ${fileName}` : ""}`;
-  const hasBody = diffOps && diffOps.length > 0 || exceededCap;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "aria-label": fileName ? `${headerLabel} (${fileName})` : headerLabel,
-      className: cn(
-        "w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "header",
-          {
-            className: cn(
-              "flex h-7 items-center justify-between bg-muted px-2.5",
-              hasBody || approval ? "border-b border-border" : ""
-            ),
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-1.5", children: isPending || isWaiting ? /* @__PURE__ */ jsx(TextShimmer, { as: "span", className: "text-xs", children: headerLabel }) : /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: headerLabel }) }),
-              stats && !isPending && !isWaiting && (stats.added > 0 || stats.removed > 0) && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 gap-2 font-mono text-[11px] text-muted-foreground", children: [
-                stats.added > 0 && /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
-                  "+",
-                  stats.added
-                ] }),
-                stats.removed > 0 && /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
-                  "-",
-                  stats.removed
-                ] })
-              ] })
-            ]
-          }
-        ),
-        exceededCap && /* @__PURE__ */ jsxs("div", { className: "bg-background p-3 text-xs text-muted-foreground", children: [
-          "Diff exceeds ",
-          maxDiffLines.toLocaleString(),
-          " lines: open the file to view changes."
-        ] }),
-        diffOps && diffOps.length > 0 && /* @__PURE__ */ jsx("div", { className: "overflow-x-auto bg-background font-mono text-[12px] leading-[1.5]", children: diffOps.map((op) => {
-          const stableKey = getDiffLineKey(op, diffLineCounts);
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex min-w-0 items-start",
-                op.type === "add" && "bg-[hsl(var(--success)/0.1)] text-success",
-                op.type === "remove" && "bg-[hsl(var(--destructive)/0.1)] text-destructive",
-                op.type === "context" && "text-foreground/80"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: cn(
-                      "w-4 shrink-0 select-none text-center",
-                      op.type === "add" && "text-success",
-                      op.type === "remove" && "text-destructive",
-                      op.type === "context" && "text-muted-foreground/60"
-                    ),
-                    children: op.type === "add" ? "+" : op.type === "remove" ? "-" : " "
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 whitespace-pre pr-2", children: op.text || " " })
-              ]
-            },
-            stableKey
-          );
-        }) }),
-        approval && /* @__PURE__ */ jsx(ApprovalFooter, { isPending, approval })
-      ]
-    }
-  );
-}
-
-// src/tokens/components/empty-state.ts
-var emptyStateTokens = {
-  root: {
-    minHeight: {
-      sm: primitiveSpacing[16] * 2,
-      md: primitiveSpacing[24] * 2,
-      lg: primitiveSpacing[16] * 4
-    },
-    paddingX: {
-      sm: primitiveSpacing[4],
-      md: primitiveSpacing[6],
-      lg: primitiveSpacing[8]
-    },
-    paddingY: {
-      sm: primitiveSpacing[8],
-      md: primitiveSpacing[10],
-      lg: primitiveSpacing[14]
-    },
-    radius: primitiveRadius.lg
-  },
-  content: {
-    maxWidth: primitiveSpacing[14] * 8,
-    descriptionMaxWidth: primitiveSpacing[12] * 8,
-    stackGap: primitiveSpacing[4],
-    copyGap: primitiveSpacing[2],
-    actionsGap: primitiveSpacing[2]
-  },
-  icon: {
-    size: primitiveSizing.lg,
-    radius: primitiveRadius.lg
-  },
-  typography: {
-    title: {
-      sm: primitiveFontSize.sm,
-      md: primitiveFontSize.base,
-      lg: primitiveFontSize.lg
-    },
-    description: {
-      sm: primitiveFontSize.xs,
-      md: primitiveFontSize.sm,
-      lg: primitiveFontSize.sm
-    },
-    titleWeight: primitiveFontWeight.semibold,
-    titleLineHeight: primitiveSpacing[6],
-    descriptionLineHeight: primitiveSpacing[6]
-  }
-};
-var variantClassName = {
-  "blank-slate": "border border-dashed border-border bg-background",
-  informational: "border border-border bg-card",
-  educational: "border border-border bg-card",
-  guide: "border border-border bg-muted/30",
-  "no-results": "border border-dashed border-border bg-background",
-  cleared: "border border-dashed border-border bg-muted/20",
-  permission: "border border-border bg-card",
-  error: "border border-destructive/25 bg-destructive/5"
-};
-var iconToneClassName = {
-  "blank-slate": "text-muted-foreground",
-  informational: "text-primary",
-  educational: "text-primary",
-  guide: "text-primary",
-  "no-results": "text-muted-foreground",
-  cleared: "text-muted-foreground",
-  permission: "text-muted-foreground",
-  error: "text-destructive"
-};
-var emptyStateCssVars = (size) => ({
-  "--empty-state-min-height": `${emptyStateTokens.root.minHeight[size]}px`,
-  "--empty-state-padding-x": `${emptyStateTokens.root.paddingX[size]}px`,
-  "--empty-state-padding-y": `${emptyStateTokens.root.paddingY[size]}px`,
-  "--empty-state-radius": `${emptyStateTokens.root.radius}px`,
-  "--empty-state-content-max-width": `${emptyStateTokens.content.maxWidth}px`,
-  "--empty-state-description-max-width": `${emptyStateTokens.content.descriptionMaxWidth}px`,
-  "--empty-state-stack-gap": `${emptyStateTokens.content.stackGap}px`,
-  "--empty-state-copy-gap": `${emptyStateTokens.content.copyGap}px`,
-  "--empty-state-actions-gap": `${emptyStateTokens.content.actionsGap}px`,
-  "--empty-state-icon-size": `${emptyStateTokens.icon.size}px`,
-  "--empty-state-icon-radius": `${emptyStateTokens.icon.radius}px`,
-  "--empty-state-title-size": `${emptyStateTokens.typography.title[size]}px`,
-  "--empty-state-description-size": `${emptyStateTokens.typography.description[size]}px`,
-  "--empty-state-title-weight": `${emptyStateTokens.typography.titleWeight}`,
-  "--empty-state-title-line-height": `${emptyStateTokens.typography.titleLineHeight}px`,
-  "--empty-state-description-line-height": `${emptyStateTokens.typography.descriptionLineHeight}px`
-});
-var EmptyStateIcon = ({
-  className,
-  icon,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    "aria-hidden": "true",
-    className: cn(
-      "flex size-[var(--empty-state-icon-size)] shrink-0 items-center justify-center rounded-[var(--empty-state-icon-radius)] bg-muted",
-      className
-    ),
-    ...props,
-    children: icon
-  }
-);
-EmptyStateIcon.displayName = "EmptyState.Icon";
-var EmptyStateRoot = ({
-  className,
-  title,
-  description,
-  icon,
-  children,
-  action,
-  link,
-  style,
-  variant = "blank-slate",
-  size = "md",
-  align = "center",
-  live = false,
-  ref,
-  ...props
-}) => {
-  const actions = children ?? [action, link].filter(Boolean);
-  const hasActions = React45.Children.toArray(actions).length > 0;
-  return /* @__PURE__ */ jsx(
+          onClick: handleReject,
+          className: "h-7 rounded-[var(--radius-sm)] border border-border bg-transparent px-2 text-xs font-medium text-foreground transition-colors duration-micro hover:bg-accent",
+          children: rejectLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleApprove,
+          className: "h-7 rounded-[var(--radius-sm)] bg-primary px-2 text-xs font-medium text-primary-foreground transition-colors duration-micro hover:bg-primary/90",
+          children: approveLabel
+        }
+      )
+    ] })
+  ] });
+}
+function EditTool({
+  state = "completed",
+  variant = "edit",
+  filePath,
+  oldContent,
+  newContent,
+  approval,
+  maxDiffLines = 2e3,
+  className
+}) {
+  const isPending = state === "pending";
+  const isWaiting = state === "waiting";
+  const isWrite = variant === "write";
+  const fileName = filePath?.split("/").pop();
+  const diffOps = getDiffOps({ isWaiting, isWrite, oldContent, newContent, maxDiffLines });
+  const exceededCap = !isWaiting && diffOps === null && (oldContent !== void 0 || newContent !== void 0);
+  const stats = diffOps ? countDiffStats(diffOps) : null;
+  const diffLineCounts = /* @__PURE__ */ new Map();
+  useEffect(() => {
+    if (!isPending || !approval) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") approval.onReject?.();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [isPending, approval]);
+  const headerLabel = isWaiting ? "Generating..." : isPending ? `${isWrite ? "Creating" : "Editing"}${fileName ? ` ${fileName}` : ""}` : `${isWrite ? "Created" : "Edited"}${fileName ? ` ${fileName}` : ""}`;
+  const hasBody = diffOps && diffOps.length > 0 || exceededCap;
+  return /* @__PURE__ */ jsxs(
     "section",
     {
-      ref,
-      "aria-live": live ? "polite" : void 0,
+      "aria-label": fileName ? `${headerLabel} (${fileName})` : headerLabel,
       className: cn(
-        "flex min-h-[var(--empty-state-min-height)] w-full flex-col justify-center rounded-[var(--empty-state-radius)] px-[var(--empty-state-padding-x)] py-[var(--empty-state-padding-y)]",
-        variantClassName[variant],
-        align === "center" ? "items-center text-center" : "items-start text-left",
+        "w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card",
         className
       ),
-      style: { ...emptyStateCssVars(size), ...style },
-      ...props,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex max-w-[var(--empty-state-content-max-width)] flex-col gap-[var(--empty-state-stack-gap)]",
-            align === "center" ? "items-center" : "items-start"
-          ),
-          children: [
-            icon ? /* @__PURE__ */ jsx("div", { className: cn("[&>div]:bg-muted", iconToneClassName[variant]), children: icon }) : null,
-            /* @__PURE__ */ jsxs("div", { className: "space-y-[var(--empty-state-copy-gap)]", children: [
-              /* @__PURE__ */ jsx("h3", { className: "font-[var(--empty-state-title-weight)] text-[length:var(--empty-state-title-size)] leading-[var(--empty-state-title-line-height)] text-foreground", children: title }),
-              description ? /* @__PURE__ */ jsx("p", { className: "max-w-[var(--empty-state-description-max-width)] text-[length:var(--empty-state-description-size)] leading-[var(--empty-state-description-line-height)] text-muted-foreground", children: description }) : null
-            ] }),
-            hasActions ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "flex flex-wrap gap-[var(--empty-state-actions-gap)]",
-                  align === "center" ? "justify-center" : "justify-start"
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
+          {
+            className: cn(
+              "flex h-7 items-center justify-between bg-muted px-2.5",
+              hasBody || approval ? "border-b border-border" : ""
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-1.5", children: isPending || isWaiting ? /* @__PURE__ */ jsx(TextShimmer, { as: "span", className: "text-xs", children: headerLabel }) : /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: headerLabel }) }),
+              stats && !isPending && !isWaiting && (stats.added > 0 || stats.removed > 0) && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 gap-2 font-mono text-[11px] text-muted-foreground", children: [
+                stats.added > 0 && /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
+                  "+",
+                  stats.added
+                ] }),
+                stats.removed > 0 && /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+                  "-",
+                  stats.removed
+                ] })
+              ] })
+            ]
+          }
+        ),
+        exceededCap && /* @__PURE__ */ jsxs("div", { className: "bg-background p-3 text-xs text-muted-foreground", children: [
+          "Diff exceeds ",
+          maxDiffLines.toLocaleString(),
+          " lines: open the file to view changes."
+        ] }),
+        diffOps && diffOps.length > 0 && /* @__PURE__ */ jsx("div", { className: "overflow-x-auto bg-background font-mono text-[12px] leading-[1.5]", children: diffOps.map((op) => {
+          const stableKey = getDiffLineKey(op, diffLineCounts);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex min-w-0 items-start",
+                op.type === "add" && "bg-[hsl(var(--success)/0.1)] text-success",
+                op.type === "remove" && "bg-[hsl(var(--destructive)/0.1)] text-destructive",
+                op.type === "context" && "text-foreground/80"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "w-4 shrink-0 select-none text-center",
+                      op.type === "add" && "text-success",
+                      op.type === "remove" && "text-destructive",
+                      op.type === "context" && "text-muted-foreground/60"
+                    ),
+                    children: op.type === "add" ? "+" : op.type === "remove" ? "-" : " "
+                  }
                 ),
-                children: actions
-              }
-            ) : null
-          ]
-        }
-      )
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 whitespace-pre pr-2", children: op.text || " " })
+              ]
+            },
+            stableKey
+          );
+        }) }),
+        approval && /* @__PURE__ */ jsx(ApprovalFooter, { isPending, approval })
+      ]
     }
   );
-};
-EmptyStateRoot.displayName = "EmptyState.Root";
-var EmptyState = {
-  Root: EmptyStateRoot,
-  Icon: EmptyStateIcon
-};
+}
 var InputOTP = ({
   className,
   containerClassName,
@@ -12506,6 +13276,7 @@ function EntityRoot({
   as,
   left,
   right,
+  chevron = false,
   children,
   className,
   ...props
@@ -12518,8 +13289,9 @@ function EntityRoot({
     {
       className: cn(
         "flex w-full items-center gap-3 px-4 py-3 text-left",
-        // Clickable rows get hover + focus-visible affordance.
-        isButton && "cursor-pointer transition-colors hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+        // Clickable rows get hover + focus-visible affordance, plus `group`
+        // so trailing affordances (the chevron below) can react to hover.
+        isButton && "group cursor-pointer transition-colors hover:bg-accent/40 focus-visible:outline-none",
         className
       ),
       ...buttonDefaults,
@@ -12527,7 +13299,16 @@ function EntityRoot({
       children: [
         left && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: left }),
         /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-3", children }),
-        right && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: right })
+        (right || isButton && chevron) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          right,
+          isButton && chevron && /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: "h-3.5 w-3.5 shrink-0 text-neutral-10 transition-transform group-hover:translate-x-0.5",
+              "aria-hidden": "true"
+            }
+          )
+        ] })
       ]
     }
   );
@@ -13108,8 +13889,8 @@ function ExpandableTabs({
         const Icon = tab.icon;
         const isSelected = selected === index;
         const tabClassName = cn(
-          "relative rounded-[var(--radius-xl)] py-2 text-sm font-medium transition-colors duration-300",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "relative rounded-[var(--radius-xl)] py-2 text-sm font-medium transition-colors duration-flow",
+          "focus-visible:outline-none",
           isSelected ? cn("bg-muted", activeColor) : "text-muted-foreground hover:bg-muted hover:text-foreground"
         );
         const tabContent = (
@@ -13210,7 +13991,7 @@ function getTextareaStyle(size, style) {
     "--textarea-focus-ring-width": `${textareaTokens.focusRingWidth}px`,
     borderRadius: "var(--textarea-radius)",
     outline: "none",
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getTextareaFieldStyle() {
@@ -13851,7 +14632,7 @@ function getSelectTriggerStyle(size, style) {
     "--select-focus-ring-width": `${selectTokens.focusRingWidth}px`,
     borderRadius: "var(--select-radius)",
     outline: "none",
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getNativeSelectStyle(size, style) {
@@ -13870,7 +14651,7 @@ function getNativeSelectStyle(size, style) {
     "--select-message-gap": `${selectTokens.messageGap}px`,
     "--select-duration": `${selectTokens.motion.duration}ms`,
     "--select-easing": selectTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getSelectContentStyle(style) {
@@ -13890,7 +14671,7 @@ function getSelectContentStyle(style) {
     "--select-item-indicator-size": `${selectTokens.item.indicatorSize}px`,
     "--select-item-indicator-icon-size": `${selectTokens.item.indicatorIconSize}px`,
     zIndex: overlayZIndex.popover,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function textOf(node) {
@@ -14501,7 +15282,7 @@ function FeedbackDefault({
               "button",
               {
                 "aria-label": "Close feedback",
-                className: "inline-flex size-7 items-center justify-center rounded-[var(--feedback-radius)] text-muted-foreground transition-[background-color,color] duration-[var(--feedback-duration)] ease-[var(--feedback-easing)] hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                className: "inline-flex size-7 items-center justify-center rounded-[var(--feedback-radius)] text-muted-foreground transition-[background-color,color] duration-[var(--feedback-duration)] ease-[var(--feedback-easing)] hover:bg-accent hover:text-accent-foreground focus-visible:outline-none",
                 onClick: closeAndReturnFocus,
                 type: "button",
                 children: /* @__PURE__ */ jsx(Cross, { "aria-hidden": "true", size: 14 })
@@ -14747,7 +15528,7 @@ function FileAttachment({
             className: cn(
               "absolute -right-1.5 -top-1.5 z-10 flex size-4 items-center justify-center",
               "rounded-full border border-border bg-background text-muted-foreground",
-              "opacity-0 transition-opacity duration-150 ease-out",
+              "opacity-0 transition-opacity duration-micro ease-out",
               "group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100",
               "hover:text-foreground active:scale-[0.97]"
             ),
@@ -15017,7 +15798,7 @@ var FileCard = function FileCard2({
     /* @__PURE__ */ jsx("div", { className: "ring-border relative z-1 h-18 w-14 space-y-3 rounded-[var(--radius-md)] bg-card p-2 ring-1", children: /* @__PURE__ */ jsx(Renderer, {}) })
   ] });
 };
-var pillBaseClass = "inline-flex items-center justify-center shrink-0 whitespace-nowrap rounded-full font-medium border transition-colors duration-150 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+var pillBaseClass = "inline-flex items-center justify-center shrink-0 whitespace-nowrap rounded-full font-medium border transition-colors duration-flow cursor-pointer focus-visible:outline-none";
 var pillSizeClass = {
   sm: "h-8 px-3 text-xs gap-1.5",
   md: "h-9 px-4 text-sm gap-1.5"
@@ -17665,9 +18446,9 @@ function InteractiveFrostedGlassCard({
       element.removeEventListener("pointerleave", handlePointerLeave);
     };
   }, []);
-  const cardClasses = isElevated ? `group relative w-full overflow-hidden rounded-[var(--radius-3xl)] border border-cyan/25 bg-neutral-950/60 p-8 backdrop-blur-3xl transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-500 hover:border-cyan/40 shadow-[0_8px_32px_rgba(0,0,0,0.4),0_0_60px_rgba(11,241,195,0.08)] hover:shadow-[0_12px_48px_rgba(0,0,0,0.5),0_0_80px_rgba(11,241,195,0.12)]` : `group relative w-full overflow-hidden rounded-[var(--radius-3xl)] border border-white/10 bg-white/5 p-8 backdrop-blur-2xl transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-500 hover:border-white/20 shadow-none hover:shadow-[0_4px_16px_rgba(255,255,255,0.05)]`;
-  const glowColor = isElevated ? `radial-gradient(600px circle at ${mousePosition.x}px ${mousePosition.y}px, rgba(11,241,195,0.15), transparent 40%)` : `radial-gradient(600px circle at ${mousePosition.x}px ${mousePosition.y}px, rgba(255,255,255,0.06), transparent 40%)`;
-  const iconBgClass = isElevated ? "flex h-12 w-12 items-center justify-center rounded-[var(--radius-2xl)] bg-cyan/10 text-cyan backdrop-blur-md border border-cyan/20 shadow-[0_0_20px_rgba(11,241,195,0.1)]" : "flex h-12 w-12 items-center justify-center rounded-[var(--radius-2xl)] bg-white/5 text-white/80 backdrop-blur-md border border-white/10";
+  const cardClasses = isElevated ? `group relative w-full overflow-hidden rounded-[var(--radius-3xl)] border border-cyan/25 bg-neutral-950/60 p-8 backdrop-blur-3xl transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-500 hover:border-cyan/40 shadow-glow-accent hover:shadow-glow-accent-lg` : `group relative w-full overflow-hidden rounded-[var(--radius-3xl)] border border-white/10 bg-white/5 p-8 backdrop-blur-2xl transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-500 hover:border-white/20 shadow-none hover:shadow-[0_4px_16px_rgba(255,255,255,0.05)]`;
+  const glowColor = isElevated ? `radial-gradient(600px circle at ${mousePosition.x}px ${mousePosition.y}px, color-mix(in srgb, var(--brand-accent) 15%, transparent), transparent 40%)` : `radial-gradient(600px circle at ${mousePosition.x}px ${mousePosition.y}px, rgba(255,255,255,0.06), transparent 40%)`;
+  const iconBgClass = isElevated ? "flex h-12 w-12 items-center justify-center rounded-[var(--radius-2xl)] bg-cyan/10 text-cyan backdrop-blur-md border border-cyan/20 shadow-glow-accent-sm" : "flex h-12 w-12 items-center justify-center rounded-[var(--radius-2xl)] bg-white/5 text-white/80 backdrop-blur-md border border-white/10";
   const noiseFilterId = `cardNoise_${variant}`;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -18317,7 +19098,7 @@ function getSpinnerStyle(size, style) {
     "--spinner-bar-radius": `${spinnerTokens.barRadius}px`,
     "--spinner-duration": `${spinnerTokens.motion.duration}ms`,
     "--spinner-easing": spinnerTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getBarOpacity(index) {
@@ -18615,7 +19396,7 @@ function MagicCard({
     radial-gradient(${gradientSize}px circle at ${mouseX}px ${mouseY}px,
     ${gradientFrom},
     ${gradientTo},
-    var(--border) 100%
+    hsl(var(--border)) 100%
     )
   `;
   const spotlightGradient = useMotionTemplate`
@@ -18668,9 +19449,9 @@ function MagicCard({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "bg-border pointer-events-none absolute inset-0 rounded-[inherit] duration-300 group-hover:opacity-100",
+            className: "bg-border pointer-events-none absolute inset-0 rounded-[inherit] duration-reveal group-hover:opacity-100",
             style: {
-              background: shouldReduceMotion ? `linear-gradient(135deg, ${gradientFrom}, ${gradientTo}, var(--border) 100%)` : borderGradient
+              background: shouldReduceMotion ? `linear-gradient(135deg, ${gradientFrom}, ${gradientTo}, hsl(var(--border)) 100%)` : borderGradient
             }
           }
         ),
@@ -18678,7 +19459,7 @@ function MagicCard({
         /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "pointer-events-none absolute inset-px rounded-[inherit] opacity-0 transition-opacity duration-300 group-hover:opacity-100",
+            className: "pointer-events-none absolute inset-px rounded-[inherit] opacity-0 transition-opacity duration-reveal group-hover:opacity-100",
             style: {
               background: shouldReduceMotion ? "transparent" : spotlightGradient,
               opacity: gradientOpacity
@@ -18890,7 +19671,7 @@ function McpTool({
                 {
                   "aria-hidden": "true",
                   className: cn(
-                    "size-3 shrink-0 text-muted-foreground transition-transform duration-150 ease-out",
+                    "size-3 shrink-0 text-muted-foreground transition-transform duration-flow ease-out",
                     isOpen ? "rotate-90" : "rotate-0"
                   )
                 }
@@ -19563,7 +20344,7 @@ function getMessageContentStyle(density, style) {
     "--message-content-paragraph-margin": `${densityToken.paragraphMargin}px`,
     "--message-content-heading-margin": `${densityToken.headingMargin}px`,
     "--message-content-pre-margin": `${densityToken.preMargin}px`,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function MessageContent({
@@ -19630,8 +20411,8 @@ function MetricCard({
     }
   };
   const trendColors = {
-    up: "text-emerald-600 dark:text-emerald-400",
-    down: "text-red-600 dark:text-red-400",
+    up: "text-[hsl(var(--success-strong))]",
+    down: "text-[hsl(var(--destructive-strong))]",
     neutral: "text-muted-foreground"
   };
   const TrendIcon = trend === "up" ? ChartTrendingUp : trend === "down" ? ChartTrendingDown : Minus;
@@ -19669,9 +20450,9 @@ function MetricCardBordered({ className, ...props }) {
 }
 function StatItem({ label, value, color = "neutral", className }) {
   const colorClasses = {
-    success: "bg-emerald-500",
-    warning: "bg-amber-500",
-    error: "bg-red-500",
+    success: "bg-success",
+    warning: "bg-warning",
+    error: "bg-destructive",
     info: "bg-info",
     neutral: "bg-muted-foreground"
   };
@@ -20052,7 +20833,7 @@ var MultiSelectTrigger = ({
         "gap-[var(--multi-select-trigger-gap)] rounded-[var(--multi-select-trigger-radius)] border border-input bg-background",
         "px-[var(--multi-select-trigger-padding-x)] text-left text-[length:var(--multi-select-trigger-font-size)] text-foreground shadow-xs",
         "transition-[background-color,border-color,box-shadow,color] duration-[var(--multi-select-duration)] ease-[var(--multi-select-easing)]",
-        "hover:bg-accent/60 focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "hover:bg-accent/60 focus-visible:border-ring focus-visible:outline-none",
         "disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -20243,7 +21024,7 @@ var MultiSelectRow = ({
                 "peer size-[var(--multi-select-checkbox-size)] appearance-none rounded-[var(--radius-sm)] border border-input bg-background",
                 "transition-[background-color,border-color,box-shadow] duration-[var(--multi-select-duration)] ease-[var(--multi-select-easing)]",
                 "hover:border-ring checked:border-primary checked:bg-primary",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                "focus-visible:outline-none"
               )
             }
           ),
@@ -20273,7 +21054,7 @@ var MultiSelectRow = ({
             className: cn(
               "min-w-[var(--multi-select-action-min-width)] shrink-0 rounded-[var(--radius-sm)] px-2 py-1 text-right text-[length:var(--multi-select-row-description-size)] font-medium text-muted-foreground",
               "opacity-0 transition-[background-color,color,opacity] duration-[var(--multi-select-duration)] ease-[var(--multi-select-easing)]",
-              "hover:bg-background hover:text-foreground focus-visible:bg-background focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              "hover:bg-background hover:text-foreground focus-visible:bg-background focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none",
               "group-hover:opacity-100 group-focus-within:opacity-100"
             ),
             children: action.label
@@ -21233,37 +22014,6 @@ var switchTokens = {
   }
 };
 
-// src/tokens/components/table.ts
-var tableTokens = {
-  wrapper: {
-    minWidth: 248,
-    padding: primitiveSpacing[6],
-    radius: primitiveRadius.lg
-  },
-  row: {
-    radius: primitiveRadius.sm
-  },
-  cell: {
-    paddingX: primitiveSpacing[2],
-    paddingY: 10
-  },
-  header: {
-    height: primitiveSpacing[10]
-  },
-  typography: {
-    size: primitiveFontSize.sm,
-    headingWeight: primitiveFontWeight.medium,
-    bodyWeight: primitiveFontWeight.normal
-  },
-  spacer: {
-    bodyTop: primitiveSpacing[3]
-  },
-  motion: {
-    duration: primitiveTransition.duration.micro,
-    easing: primitiveTransition.easing.default
-  }
-};
-
 // src/tokens/components/tabs.ts
 var tabsSizes = {
   xs: {
@@ -21662,7 +22412,7 @@ function NotificationMessageList({
         /* @__PURE__ */ jsx("div", { className: "relative z-0 space-y-2", children: messages.map((msg, i) => /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "notification-animate-scale-up flex cursor-pointer items-start gap-3 rounded-[var(--radius-lg)] border p-3 transition duration-300 ease-in-out hover:bg-muted/50",
+            className: "notification-animate-scale-up flex cursor-pointer items-start gap-3 rounded-[var(--radius-lg)] border p-3 transition duration-reveal ease-in-out hover:bg-muted/50",
             style: { animationDelay: `${i * animationDelay}ms` },
             children: [
               /* @__PURE__ */ jsx(
@@ -21726,7 +22476,7 @@ function PaginationRail({
         "group flex min-h-[var(--pagination-min-height)] min-w-0 items-center gap-[var(--pagination-gap)] rounded-[var(--pagination-radius)] border border-border bg-background",
         "px-[var(--pagination-padding-x)] py-[var(--pagination-padding-y)] text-foreground shadow-xs",
         "transition-[background-color,border-color,box-shadow,color,transform] duration-[var(--pagination-duration)] ease-[var(--pagination-easing)]",
-        "hover:border-ring hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "hover:border-ring hover:bg-accent focus-visible:outline-none",
         "motion-reduce:transition-none",
         isPrevious ? "justify-start text-left" : "justify-end text-right"
       ),
@@ -22288,7 +23038,7 @@ var variantMap = {
     cta: "text-foreground decoration-border hover:text-foreground hover:decoration-foreground"
   }
 };
-var ctaBase = "font-medium underline underline-offset-[5px] transition-colors duration-100";
+var ctaBase = "font-medium underline underline-offset-[5px] transition-colors duration-micro";
 function ProjectBanner({
   variant = "info",
   label,
@@ -22895,7 +23645,7 @@ var radioControlClassName = cn(
   "transition-[background-color,border-color,box-shadow] duration-[var(--radio-motion-duration)] ease-[var(--radio-motion-easing)]",
   "after:size-[var(--radio-dot-size)] after:scale-0 after:rounded-[var(--radius-full)] after:bg-current after:opacity-0 after:transition-[opacity,transform] after:duration-[var(--radio-motion-duration)] after:ease-[var(--radio-motion-easing)] after:content-['']",
   "peer-checked:border-[var(--neutral-12)] peer-checked:after:scale-100 peer-checked:after:opacity-100",
-  "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2",
+  "peer-focus-visible:outline-none",
   "peer-disabled:border-[var(--neutral-5)] peer-disabled:bg-muted peer-disabled:text-[var(--neutral-8)]"
 );
 function useRadioGroupContext() {
@@ -23109,7 +23859,10 @@ var RadioGroupCardItem = ({
     {
       ref,
       className: cn(
-        "relative flex flex-col items-center justify-center rounded-[var(--radius-lg)] border-2 border-muted bg-popover p-4 hover:bg-accent outline-none hover:text-accent-foreground peer-data-state-checked:border-primary data-state-checked:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        // Base UI radio emits `data-checked` / `data-unchecked`. The Radix-era
+        // `data-state-checked:` selectors this shipped with never matched, so the
+        // selected card had no visual state at all.
+        "relative flex flex-col items-center justify-center rounded-[var(--radius-lg)] border-2 border-muted bg-popover p-4 hover:bg-accent outline-none hover:text-accent-foreground data-[checked]:border-primary focus-visible:outline-none",
         className
       ),
       ...props,
@@ -23137,7 +23890,9 @@ var RadioGroupStackedItem = ({
     {
       ref,
       className: cn(
-        "relative flex w-full flex-row items-center justify-between rounded-[var(--radius-lg)] border px-4 py-3 text-left hover:bg-accent outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 peer-data-state-checked:border-primary peer-data-state-checked:bg-primary/5 data-state-checked:border-primary data-state-checked:bg-primary/5",
+        // Base UI radio emits `data-checked` / `data-unchecked`; the Radix-era
+        // `data-state-checked:` selectors never matched.
+        "relative flex w-full flex-row items-center justify-between rounded-[var(--radius-lg)] border px-4 py-3 text-left hover:bg-accent outline-none focus-visible:outline-none data-[checked]:border-primary data-[checked]:bg-primary/5",
         className
       ),
       ...props,
@@ -23172,8 +23927,8 @@ function ReactionChip({
           const isActive = selected === em;
           const btnClassName = cn(
             "rounded-full p-1 text-base leading-none",
-            "transition-transform duration-150 ease-out",
-            "hover:scale-110 focus-visible:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+            "transition-transform duration-micro ease-out",
+            "hover:scale-110 focus-visible:scale-110 focus-visible:outline-none",
             isActive && "bg-muted ring-1 ring-border dark:bg-muted/70"
           );
           const handleMouseDown = (evt) => evt.preventDefault();
@@ -23222,7 +23977,7 @@ function ReactionBadge({ emoji, count, bump = false, className }) {
       className: cn(
         "inline-flex items-center gap-1 rounded-full",
         "bg-muted px-2 py-0.5 text-xs text-foreground/80 ring-1 ring-border",
-        "transition-transform duration-200 ease-out",
+        "transition-transform duration-micro ease-out",
         bump ? "scale-110" : "scale-100",
         className
       ),
@@ -23270,7 +24025,7 @@ function MessageWithReactions({
         className
       ),
       children: [
-        children || /* @__PURE__ */ jsx("p", { className: "text-pretty", children: text }),
+        children ?? (text ? /* @__PURE__ */ jsx("p", { className: "text-pretty", children: text }) : null),
         activeReactions.length > 0 && /* @__PURE__ */ jsx(
           "div",
           {
@@ -23286,7 +24041,7 @@ function MessageWithReactions({
             className: cn(
               "pointer-events-none absolute -top-3 right-0 z-10",
               "translate-y-1 opacity-0",
-              "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-200 ease-out",
+              "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-micro ease-out",
               "group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100",
               "focus-within:pointer-events-auto focus-within:translate-y-0 focus-within:opacity-100"
             ),
@@ -23466,7 +24221,7 @@ var ResizableHandle = ({
   Separator$2,
   {
     className: cn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       className
     ),
     ...props,
@@ -24014,7 +24769,7 @@ function ScrollerButton({
         "absolute z-20 grid size-[var(--scroller-button-size)] place-items-center rounded-[var(--scroller-button-radius)]",
         "border border-border bg-background text-muted-foreground shadow-[var(--scroller-button-shadow)]",
         "transition-[background-color,border-color,color,opacity,transform] duration-[var(--scroller-duration)] ease-[var(--scroller-easing)]",
-        "hover:border-ring hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "hover:border-ring hover:text-foreground focus-visible:outline-none",
         "disabled:pointer-events-none disabled:opacity-0 motion-reduce:transition-none",
         axis === "x" && direction === "previous" && "left-[var(--scroller-button-offset)] top-1/2 -translate-y-1/2",
         axis === "x" && direction === "next" && "right-[var(--scroller-button-offset)] top-1/2 -translate-y-1/2",
@@ -24109,7 +24864,7 @@ function Scroller({
             onScroll: updateEdgeState,
             className: cn(
               "h-[var(--scroller-height)] rounded-[var(--scroller-radius)] outline-none",
-              "scroll-smooth overscroll-contain focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 motion-reduce:scroll-auto",
+              "scroll-smooth overscroll-contain motion-reduce:scroll-auto",
               resolveScrollClasses(overflow)
             ),
             children: /* @__PURE__ */ jsx(
@@ -24236,7 +24991,7 @@ function SearchTool({
                 {
                   "aria-hidden": "true",
                   className: cn(
-                    "size-3 shrink-0 text-muted-foreground transition-transform duration-150 ease-out",
+                    "size-3 shrink-0 text-muted-foreground transition-transform duration-flow ease-out",
                     isOpen ? "rotate-90" : "rotate-0"
                   )
                 }
@@ -24288,7 +25043,7 @@ function getSheetStyle(style) {
     "--sheet-shadow": sheetTokens.surface.shadow,
     "--sheet-duration": `${overlayTokens.motion.duration}ms`,
     "--sheet-easing": overlayTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function Sheet({ modal = "trap-focus", disablePointerDismissal = true, ...props }) {
@@ -24660,7 +25415,7 @@ var ShowMore = ({
               "h-[var(--show-more-trigger-height)] rounded-[var(--show-more-radius)] px-[var(--show-more-trigger-padding-x)]",
               "transition-[background-color,border-color,color] duration-[var(--show-more-duration)] ease-[var(--show-more-easing)]",
               "hover:border-border hover:bg-muted",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "focus-visible:outline-none",
               "disabled:pointer-events-none disabled:opacity-50",
               "motion-reduce:transition-none",
               buttonClassName
@@ -24679,106 +25434,20 @@ var ShowMore = ({
                 }
               )
             ]
-          }
-        ) }),
-        !noBorder && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn("h-px flex-1 bg-[var(--neutral-7)]", dividerClassName)
-          }
-        )
-      ]
-    }
-  );
-};
-ShowMore.displayName = "ShowMore";
-function asCssLength(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "number" ? `${value}px` : value;
-}
-function shapeRadiusClass(props) {
-  if (props.pill) return "rounded-full";
-  if (props.squared) return "rounded-[var(--radius-sm)]";
-  return "rounded-[var(--radius-md)]";
-}
-function Skeleton(props) {
-  const {
-    width,
-    height,
-    boxHeight,
-    pill: _pill,
-    rounded: _rounded,
-    squared: _squared,
-    animated: animatedProp,
-    show: showProp,
-    children,
-    isLoaded,
-    disableAnimation,
-    className,
-    style,
-    ...rest
-  } = props;
-  const show = showProp !== void 0 ? showProp : !isLoaded;
-  const animated = animatedProp !== void 0 ? animatedProp : !disableAnimation;
-  if (!show && children) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const sizeStyle = {
-    width: asCssLength(width),
-    height: asCssLength(height),
-    minHeight: asCssLength(boxHeight)
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-busy": "true",
-      "aria-hidden": "true",
-      "data-loaded": !show,
-      className: cn(
-        "bg-muted",
-        shapeRadiusClass(props),
-        animated && "animate-pulse motion-reduce:animate-none",
-        className
-      ),
-      style: { ...sizeStyle, ...style },
-      ...rest,
-      children: children && // biome-ignore lint/a11y/useSemanticElements: this <div> isn't a landmark; `inert` is the relevant a11y signal.
-      /* @__PURE__ */ jsx("div", { className: "invisible", inert: true, "aria-hidden": "true", children })
+          }
+        ) }),
+        !noBorder && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: cn("h-px flex-1 bg-[var(--neutral-7)]", dividerClassName)
+          }
+        )
+      ]
     }
   );
-}
-function SkeletonText({
-  lines = 3,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      height: 16,
-      className: cn(i === lines - 1 ? "w-[60%]" : i === 0 ? "w-full" : "w-[80%]")
-    },
-    i
-  )) });
-}
-function SkeletonAvatar({
-  size = "md",
-  className,
-  ...props
-}) {
-  const px = size === "sm" ? 32 : size === "lg" ? 48 : 40;
-  return /* @__PURE__ */ jsx(Skeleton, { pill: true, width: px, height: px, className, ...props });
-}
-function SkeletonCard({ className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-4", className), ...props, children: [
-    /* @__PURE__ */ jsx(Skeleton, { height: 128, className: "w-full" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: "w-3/4" }),
-      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: "w-1/2" })
-    ] })
-  ] });
-}
+};
+ShowMore.displayName = "ShowMore";
 function isArraySliderProps(props) {
   return props.valueMode === "array" || Array.isArray(props.value) || Array.isArray(props.defaultValue);
 }
@@ -24813,7 +25482,7 @@ function getSliderStyle(progress, style) {
     "--slider-duration": `${sliderTokens.motion.duration}ms`,
     "--slider-easing": sliderTokens.motion.easing,
     "--slider-progress": `${progress}%`,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function formatSliderValue(value, unit) {
@@ -24929,7 +25598,7 @@ var Slider = ({
             onBlur,
             className: cn(
               "h-[var(--slider-height)] w-full cursor-pointer appearance-none rounded-[var(--slider-radius)] bg-[linear-gradient(to_right,var(--slider-track-fill)_0,var(--slider-track-fill)_var(--slider-progress),var(--slider-track-background)_var(--slider-progress),var(--slider-track-background)_100%)] bg-[length:100%_var(--slider-track-height)] bg-center bg-no-repeat outline-none",
-              "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              "disabled:cursor-not-allowed disabled:opacity-50",
               "[&::-moz-range-thumb]:size-[var(--slider-thumb-size)] [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border [&::-moz-range-thumb]:border-border [&::-moz-range-thumb]:bg-[var(--slider-thumb-background)] [&::-moz-range-thumb]:shadow-[var(--slider-thumb-shadow)]",
               "[&::-webkit-slider-thumb]:size-[var(--slider-thumb-size)] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-border [&::-webkit-slider-thumb]:bg-[var(--slider-thumb-background)] [&::-webkit-slider-thumb]:shadow-[var(--slider-thumb-shadow)]",
               "[&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:duration-[var(--slider-duration)] [&::-moz-range-thumb]:ease-[var(--slider-easing)]",
@@ -24962,7 +25631,7 @@ var SliderNumberFlow = ({
       /* @__PURE__ */ jsx(
         Slider$1.Thumb,
         {
-          className: "relative block h-5 w-5 rounded-full border border-border bg-background shadow-xs ring-1 ring-border/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          className: "relative block h-5 w-5 rounded-full border border-border bg-background shadow-xs ring-1 ring-border/40 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
           "aria-label": "Slider Value",
           children: (Array.isArray(value) ? value[0] : value) != null && /* @__PURE__ */ jsx(
             NumberFlow,
@@ -25406,10 +26075,10 @@ function StatusBadge2({
   ...props
 }) {
   const iconColorClasses = {
-    success: "text-emerald-600 dark:text-emerald-500",
-    error: "text-red-600 dark:text-red-500",
-    warning: "text-amber-600 dark:text-amber-500",
-    info: "text-blue-600 dark:text-blue-500",
+    success: "text-[hsl(var(--success-strong))]",
+    error: "text-[hsl(var(--destructive-strong))]",
+    warning: "text-[hsl(var(--warning-strong))]",
+    info: "text-info",
     default: "text-muted-foreground"
   };
   return /* @__PURE__ */ jsxs("span", { className: cn(statusBadgeVariants({ status }), className), ...props, children: [
@@ -25614,9 +26283,9 @@ function Stepper({
                           "relative flex items-center justify-center rounded-full border-2 transition-[background-color,border-color,box-shadow,color,opacity,transform]",
                           config.icon,
                           status === "completed" && "border-primary bg-primary text-white",
-                          status === "current" && "border-primary bg-white text-primary dark:bg-slate-900",
-                          status === "pending" && "border-slate-300 bg-white text-slate-400 dark:border-slate-600 dark:bg-slate-900",
-                          status === "error" && "border-red-500 bg-red-500 text-white",
+                          status === "current" && "border-primary bg-background text-primary",
+                          status === "pending" && "border-neutral-6 bg-background text-muted-foreground",
+                          status === "error" && "border-destructive bg-destructive text-destructive-foreground",
                           clickable && "cursor-pointer hover:scale-105"
                         ),
                         children: status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx("span", { className: cn("font-medium", config.text), children: index + 1 })
@@ -25628,7 +26297,7 @@ function Stepper({
                         className: cn(
                           "transition-colors",
                           orientation === "horizontal" ? cn(config.connector, "mx-2") : "my-2 h-8 w-0.5",
-                          index < currentStep ? "bg-primary" : "bg-slate-200 dark:bg-slate-700"
+                          index < currentStep ? "bg-primary" : "bg-neutral-4"
                         )
                       }
                     )
@@ -25643,8 +26312,8 @@ function Stepper({
                       "font-medium",
                       config.text,
                       status === "completed" && "text-primary",
-                      status === "current" && "text-slate-900 dark:text-slate-100",
-                      status === "pending" && "text-slate-400 dark:text-slate-500"
+                      status === "current" && "text-foreground",
+                      status === "pending" && "text-muted-foreground"
                     ),
                     children: [
                       step.title,
@@ -25745,7 +26414,7 @@ function ProgressStepper({
 }) {
   const progress = (currentStep + 1) / totalSteps * 100;
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-slate-200 dark:bg-slate-700", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-full overflow-hidden rounded-full bg-neutral-4", children: /* @__PURE__ */ jsx(
       "div",
       {
         className: "h-full rounded-full bg-primary transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300",
@@ -25818,7 +26487,7 @@ function getSwitchStyle(size, style) {
     "--switch-control-radius": `${switchTokens.controlRadius}px`,
     "--switch-duration": `${switchTokens.motion.duration}ms`,
     "--switch-easing": switchTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getSwitchControlStyle(size, style) {
@@ -25829,7 +26498,7 @@ function getSwitchControlStyle(size, style) {
     "--switch-control-padding-x": `${sizeTokens.paddingX}px`,
     "--switch-icon-size": `${sizeTokens.iconSize}px`,
     "--switch-font-size": `${sizeTokens.fontSize}px`,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 var SwitchRoot = function SwitchRoot2({
@@ -25939,7 +26608,7 @@ var SwitchControl = function SwitchControl2({
               "inline-flex h-full w-full items-center justify-center gap-1.5 whitespace-nowrap rounded-[var(--switch-control-radius)] px-[var(--switch-control-padding-x)] font-medium text-[length:var(--switch-font-size)]",
               "text-muted-foreground transition-[background-color,box-shadow,color] duration-[var(--switch-duration)] ease-[var(--switch-easing)]",
               "peer-checked:bg-background peer-checked:text-foreground peer-checked:shadow-sm",
-              "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
+              "",
               "peer-disabled:pointer-events-none peer-disabled:text-muted-foreground/60",
               "[&_svg]:size-[var(--switch-icon-size)]"
             ),
@@ -25958,177 +26627,6 @@ SwitchControl.displayName = "Switch.Control";
 var Switch = Object.assign(SwitchRoot, {
   Control: SwitchControl
 });
-function createTableVars(style) {
-  return {
-    "--table-min-width": `${tableTokens.wrapper.minWidth}px`,
-    "--table-padding": `${tableTokens.wrapper.padding}px`,
-    "--table-radius": `${tableTokens.wrapper.radius}px`,
-    "--table-row-radius": `${tableTokens.row.radius}px`,
-    "--table-cell-padding-x": `${tableTokens.cell.paddingX}px`,
-    "--table-cell-padding-y": `${tableTokens.cell.paddingY}px`,
-    "--table-header-height": `${tableTokens.header.height}px`,
-    "--table-font-size": `${tableTokens.typography.size}px`,
-    "--table-heading-weight": tableTokens.typography.headingWeight,
-    "--table-body-weight": tableTokens.typography.bodyWeight,
-    "--table-body-spacer": `${tableTokens.spacer.bodyTop}px`,
-    "--table-motion-duration": `${tableTokens.motion.duration}ms`,
-    "--table-motion-easing": tableTokens.motion.easing,
-    ...style
-  };
-}
-var TableRoot = ({
-  className,
-  wrapperClassName,
-  wrapperStyle,
-  style,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "relative w-full min-w-[var(--table-min-width)] overflow-auto rounded-[var(--table-radius)] border border-border bg-card p-[var(--table-padding)]",
-      wrapperClassName
-    ),
-    style: createTableVars(wrapperStyle),
-    children: /* @__PURE__ */ jsx(
-      "table",
-      {
-        ref,
-        className: cn(
-          "w-full border-collapse caption-bottom text-[length:var(--table-font-size)] font-[var(--table-body-weight)] text-foreground",
-          className
-        ),
-        style,
-        ...props
-      }
-    )
-  }
-);
-TableRoot.displayName = "Table";
-var TableColgroup = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("colgroup", { ref, className, ...props });
-TableColgroup.displayName = "TableColgroup";
-var TableCol = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("col", { ref, className, ...props });
-TableCol.displayName = "TableCol";
-var TableHeader = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("thead", { ref, className: cn("border-b border-border", className), ...props });
-TableHeader.displayName = "TableHeader";
-var TableBody = ({
-  className,
-  striped = false,
-  bordered = false,
-  interactive = false,
-  virtualize = false,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("tbody", { "aria-hidden": "true", className: "table-row h-[var(--table-body-spacer)]" }),
-  /* @__PURE__ */ jsx(
-    "tbody",
-    {
-      ref,
-      "data-virtualized": virtualize ? "" : void 0,
-      className: cn(
-        "[&_tr:last-child]:border-b-0",
-        striped && "[&_tr:where(:nth-child(odd))]:bg-muted/45",
-        bordered && "[&_tr]:border-b [&_tr]:border-border",
-        interactive && "[&_tr]:cursor-default [&_tr:hover]:bg-muted/70 [&_tr:focus-within]:bg-muted/70",
-        className
-      ),
-      ...props
-    }
-  )
-] });
-TableBody.displayName = "TableBody";
-var TableFooter = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("border-t border-border", className), ...props });
-TableFooter.displayName = "TableFooter";
-var TableRow = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "[&_td:first-child]:rounded-l-[var(--table-row-radius)] [&_td:last-child]:rounded-r-[var(--table-row-radius)] transition-colors duration-[var(--table-motion-duration)] ease-[var(--table-motion-easing)] motion-reduce:transition-none",
-      className
-    ),
-    ...props
-  }
-);
-TableRow.displayName = "TableRow";
-var TableHead = ({
-  className,
-  numeric = false,
-  scope = "col",
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "th",
-  {
-    ref,
-    scope,
-    className: cn(
-      "h-[var(--table-header-height)] px-[var(--table-cell-padding-x)] text-left align-middle font-[var(--table-heading-weight)] text-muted-foreground",
-      "last:text-right [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-px",
-      numeric && "text-right font-mono tabular-nums",
-      className
-    ),
-    ...props
-  }
-);
-TableHead.displayName = "TableHead";
-var TableCell = ({
-  className,
-  numeric = false,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "td",
-  {
-    ref,
-    className: cn(
-      "px-[var(--table-cell-padding-x)] py-[var(--table-cell-padding-y)] align-middle",
-      "last:text-right [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-px",
-      numeric && "text-right font-mono tabular-nums",
-      className
-    ),
-    ...props
-  }
-);
-TableCell.displayName = "TableCell";
-var TableCaption = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
-TableCaption.displayName = "TableCaption";
-var Table = TableRoot;
-Table.Body = TableBody;
-Table.Caption = TableCaption;
-Table.Cell = TableCell;
-Table.Col = TableCol;
-Table.Colgroup = TableColgroup;
-Table.Footer = TableFooter;
-Table.Head = TableHead;
-Table.Header = TableHeader;
-Table.Row = TableRow;
 var BaseRoot = withHtmlProps(Tabs$1.Root);
 var BaseList = withHtmlProps(Tabs$1.List);
 var BaseTrigger = withHtmlProps(Tabs$1.Tab);
@@ -26173,7 +26671,7 @@ var tabsListVariants = cva(
   }
 );
 var tabsTriggerVariants = cva(
-  "relative inline-flex h-[calc(var(--tabs-height)-var(--tabs-padding)*2)] min-w-[var(--tabs-trigger-min-width)] shrink-0 cursor-pointer items-center justify-center gap-[var(--tabs-trigger-gap)] whitespace-nowrap rounded-[var(--tabs-trigger-radius)] px-[var(--tabs-trigger-padding-x)] font-medium text-[length:var(--tabs-font-size)] outline-none transition-[background-color,border-color,box-shadow,color,opacity] duration-[var(--tabs-duration)] ease-[var(--tabs-easing)] focus-visible:ring-[length:var(--tabs-focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--tabs-focus-ring-offset)] focus-visible:ring-offset-background disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:size-[var(--tabs-icon-size)] [&_svg]:shrink-0",
+  "relative inline-flex h-[calc(var(--tabs-height)-var(--tabs-padding)*2)] min-w-[var(--tabs-trigger-min-width)] shrink-0 cursor-pointer items-center justify-center gap-[var(--tabs-trigger-gap)] whitespace-nowrap rounded-[var(--tabs-trigger-radius)] px-[var(--tabs-trigger-padding-x)] font-medium text-[length:var(--tabs-font-size)] outline-none transition-[background-color,border-color,box-shadow,color,opacity] duration-[var(--tabs-duration)] ease-[var(--tabs-easing)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:size-[var(--tabs-icon-size)] [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -26210,7 +26708,7 @@ var tabsIndicatorVariants = cva(
   }
 );
 var tabsContentVariants = cva(
-  "mt-[var(--tabs-panel-gap)] text-[length:var(--tabs-font-size)] text-muted-foreground focus-visible:outline-none focus-visible:ring-[length:var(--tabs-focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--tabs-focus-ring-offset)] focus-visible:ring-offset-background",
+  "mt-[var(--tabs-panel-gap)] text-[length:var(--tabs-font-size)] text-muted-foreground focus-visible:outline-none",
   {
     variants: {
       variant: {
@@ -26252,7 +26750,7 @@ function getTabsStyle(size, style) {
     "--tabs-badge-font-size": `${tabsTokens.badgeFontSize}px`,
     "--tabs-duration": `${tabsTokens.motion.duration}ms`,
     "--tabs-easing": tabsTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function getFirstEnabledValue(tabs) {
@@ -26787,7 +27285,7 @@ function getThemeSwitcherStyle(size, style) {
     "--theme-switcher-focus-ring-offset": `${themeSwitcherTokens.focusRingOffset}px`,
     "--theme-switcher-duration": `${themeSwitcherTokens.motion.duration}ms`,
     "--theme-switcher-easing": themeSwitcherTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function isThemeSwitcherValue(value) {
@@ -26881,7 +27379,7 @@ function getThemeToggleStyle(size, style) {
     "--theme-toggle-radius": `${token.radius}px`,
     "--theme-toggle-duration": `${themeToggleTokens.motion.duration}ms`,
     "--theme-toggle-easing": themeToggleTokens.motion.easing,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 function readDocumentTheme() {
@@ -27006,7 +27504,6 @@ var ThemeToggle = ({
         "inline-flex size-[var(--theme-toggle-size)] shrink-0 items-center justify-center rounded-[var(--theme-toggle-radius)] p-[var(--theme-toggle-padding)] text-foreground",
         "transition-[background-color,color,box-shadow] duration-[var(--theme-toggle-duration)] ease-[var(--theme-toggle-easing)]",
         "hover:bg-accent hover:text-accent-foreground",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         "disabled:pointer-events-none disabled:opacity-50",
         "motion-reduce:transition-none",
         className
@@ -27331,7 +27828,7 @@ function getToggleStyle(size, color, style) {
     "--toggle-thumb": colorTokens.thumb,
     "--toggle-icon-on": colorTokens.iconOn,
     "--toggle-icon-off": colorTokens.iconOff,
-    ...style
+    ...asPlainStyle(style)
   };
 }
 var Toggle = ({
@@ -27405,7 +27902,7 @@ var Toggle = ({
           "border-[var(--toggle-track-border)] transition-[background-color,border-color] duration-[var(--toggle-duration)] ease-[var(--toggle-easing)]",
           "peer-checked:bg-[var(--toggle-track-on)]",
           "peer-checked:[&>span]:translate-x-[var(--toggle-thumb-translate)] peer-checked:[&>span]:text-[var(--toggle-icon-on)]",
-          "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
+          "",
           "peer-disabled:cursor-not-allowed peer-disabled:opacity-60",
           "motion-reduce:transition-none"
         ),
@@ -27458,7 +27955,10 @@ var toggleGroupVariants = cva(
     variants: {
       variant: {
         default: "",
-        outline: "bg-transparent border"
+        outline: "bg-transparent border",
+        // Segmented pill look — theme-toggle / mode-pills style. Rounded-full
+        // track with a rounded-full active segment (see toggleGroupItemVariants).
+        pill: "rounded-full bg-neutral-2 p-0.5"
       }
     },
     defaultVariants: {
@@ -27467,12 +27967,13 @@ var toggleGroupVariants = cva(
   }
 );
 var toggleGroupItemVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] px-3 py-1.5 text-sm font-medium ring-offset-background transition-[background-color,box-shadow,color,opacity] duration-flow ease-out motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm",
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[var(--radius-md)] px-3 py-1.5 text-sm font-medium ring-offset-background transition-[background-color,box-shadow,color,opacity] duration-flow ease-out motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm",
   {
     variants: {
       variant: {
         default: "",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+        pill: "rounded-full text-neutral-11 hover:text-neutral-12 data-[state=on]:bg-primary/5 data-[state=on]:text-primary data-[state=on]:shadow-none"
       },
       size: {
         default: "h-9 px-3",
@@ -27530,7 +28031,17 @@ var ToggleGroup = ({
     }
     onValueChange?.(newValue);
   }
-  return /* @__PURE__ */ jsx("div", { ref, className: cn(toggleGroupVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx(ToggleGroupValueContext.Provider, { value, children: /* @__PURE__ */ jsx(ToggleGroupChangeContext.Provider, { value: changeToggleGroupValue, children: /* @__PURE__ */ jsx(ToggleGroupDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(ToggleGroupVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(ToggleGroupSizeContext.Provider, { value: size, children }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: type === "single" ? "radiogroup" : "group",
+      "data-toggle-group-root": "",
+      className: cn(toggleGroupVariants({ variant }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx(ToggleGroupValueContext.Provider, { value, children: /* @__PURE__ */ jsx(ToggleGroupChangeContext.Provider, { value: changeToggleGroupValue, children: /* @__PURE__ */ jsx(ToggleGroupDisabledContext.Provider, { value: disabled, children: /* @__PURE__ */ jsx(ToggleGroupVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(ToggleGroupSizeContext.Provider, { value: size, children }) }) }) }) }) })
+    }
+  );
 };
 ToggleGroup.displayName = "ToggleGroup";
 var ToggleGroupItem = ({
@@ -27548,7 +28059,8 @@ var ToggleGroupItem = ({
   function toggleItemSelection(event) {
     if (isDisabled) return;
     if (context.type === "single") {
-      context.onValueChange(isSelected ? "" : value);
+      if (isSelected) return;
+      context.onValueChange(value);
     } else {
       const currentArray = Array.isArray(context.value) ? context.value : [];
       context.onValueChange(
@@ -27557,26 +28069,75 @@ var ToggleGroupItem = ({
     }
     props.onClick?.(event);
   }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      disabled: isDisabled,
-      "data-state": isSelected ? "on" : "off",
-      "aria-pressed": isSelected,
-      className: cn(
-        toggleGroupItemVariants({
-          variant: variant ?? context.variant,
-          size: size ?? context.size
-        }),
-        className,
-        "focus-visible:z-10"
-      ),
-      onClick: toggleItemSelection,
-      ...props,
-      children
+  function handleItemKeyDown(event) {
+    props.onKeyDown?.(event);
+    if (context.type !== "single" || event.defaultPrevented) return;
+    const container = event.currentTarget.closest("[data-toggle-group-root]");
+    if (!container) return;
+    const items = Array.from(
+      container.querySelectorAll("[data-toggle-item]:not(:disabled)")
+    );
+    const currentIndex = items.indexOf(event.currentTarget);
+    if (currentIndex === -1 || items.length === 0) return;
+    const focusAndSelect = (targetIndex) => {
+      const wrapped = (targetIndex % items.length + items.length) % items.length;
+      const target = items[wrapped];
+      if (!target) return;
+      target.focus();
+      const targetValue = target.dataset.toggleValue;
+      if (targetValue !== void 0) context.onValueChange(targetValue);
+    };
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        event.preventDefault();
+        focusAndSelect(currentIndex + 1);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        event.preventDefault();
+        focusAndSelect(currentIndex - 1);
+        break;
+      case "Home":
+        event.preventDefault();
+        focusAndSelect(0);
+        break;
+      case "End":
+        event.preventDefault();
+        focusAndSelect(items.length - 1);
+        break;
     }
+  }
+  const rovingTabIndex = context.type === "single" ? isSelected || context.value === "" ? 0 : -1 : void 0;
+  return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: see comment above.
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled: isDisabled,
+        "data-state": isSelected ? "on" : "off",
+        "data-toggle-item": "",
+        "data-toggle-value": value,
+        role: context.type === "single" ? "radio" : void 0,
+        "aria-checked": context.type === "single" ? isSelected : void 0,
+        "aria-pressed": context.type === "multiple" ? isSelected : void 0,
+        tabIndex: rovingTabIndex,
+        className: cn(
+          toggleGroupItemVariants({
+            variant: variant ?? context.variant,
+            size: size ?? context.size
+          }),
+          className,
+          "focus-visible:z-10"
+        ),
+        onClick: toggleItemSelection,
+        ...props,
+        onKeyDown: handleItemKeyDown,
+        children
+      }
+    )
   );
 };
 ToggleGroupItem.displayName = "ToggleGroupItem";
@@ -28247,9 +28808,13 @@ var Beam = ({ seed, width, x, delay, duration }) => {
         "--x": `${x}`,
         "--width": `${width}`,
         "--aspect-ratio": `${aspectRatio}`,
-        "--background": `linear-gradient(hsl(${hue} 80% 60%), transparent)`
+        // Not `--background`. That is the core semantic surface token, and
+        // setting it here overrides it for the whole subtree — any descendant
+        // resolving hsl(var(--background)) would get hsl(a gradient) and lose
+        // its declaration entirely.
+        "--beam-fill": `linear-gradient(hsl(${hue} 80% 60%), transparent)`
       },
-      className: "absolute left-[var(--x)] top-0 [aspect-ratio:1/var(--aspect-ratio)] [background:var(--background)] [width:var(--width)]",
+      className: "absolute left-[var(--x)] top-0 [aspect-ratio:1/var(--aspect-ratio)] [background:var(--beam-fill)] [width:var(--width)]",
       initial: { y: "100cqmax", x: "-50%" },
       animate: { y: "-100%", x: "-50%" },
       transition: {
@@ -28270,7 +28835,10 @@ var WarpBackground = ({
   beamDelayMax = 3,
   beamDelayMin = 0,
   beamDuration = 3,
-  gridColor = "var(--border)",
+  // hsl(), because this lands in a gradient colour stop and --border holds bare
+  // HSL channels. Unwrapped it invalidates the whole background shorthand and
+  // the grid does not draw at all.
+  gridColor = "hsl(var(--border))",
   ...props
 }) => {
   const shouldReduceMotion = useReducedMotion();
@@ -28617,6 +29185,6 @@ function XPostSkeleton({ className }) {
   );
 }
 
-export { ANIMATED_GRADIENT_CSS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentPlan, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AnimateIn, AnimateInGroup, AnimatedBeam, AnimatedCircularProgressBar, AnimatedExportIcon, AnimatedGradientText, AnimatedGroup, AnimatedHikeCard, AnimatedList, AnimatedListItem, AnimatedShinyText, AnimatedSpan, AnimatedThemeToggler, Announcement, AnnouncementTag, AnnouncementTitle, AppleLiquidGlassSwitcher, AspectRatio, AssistedPasswordConfirmation, AuroraBackground, AuroraText, Avatar, AvatarCircles, AvatarFallback, AvatarGroup, AvatarImage, AvatarSmartGroup, AvatarWithIcon, Awards, Badge, Badge1, BarsLoader, BaseBadge, BaseBadgeButton, BaseBadgeDot, BaseButton, BaseButtonArrow, BentoCard, BentoGrid, BitbucketAvatar, Book, BorderTrail, Box, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Browser, BrowserMockup, BulkActionBar, BulkActionConfirmDialog, Button, ButtonLink, CanvasRevealEffect, Card, CardContent, CardDescription, CardErrorBoundary, CardFooter, CardHeader, CardSpotlight, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxGroup, ChoiceboxGroup, CircularLoader, CircularUI, ClassicLoader, ClientXPostCard, CodeBlock, CodeBlockLanguageIcon, Collapse, CollapseGroup, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorBadge, Combobox, ComboboxEmpty, ComboboxGroupSub, ComboboxInput, ComboboxList, ComboboxOptionItem, ComboboxRoot, ComboboxSeparator, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMenu, CommandMenuEmpty, CommandMenuGroup, CommandMenuInput, CommandMenuItem, CommandMenuList, CommandMenuResults, CommandMenuRoot, CommandMenuSeparator, CommandMenuShortcut, CommandResults, CommandSeparator, CommandShortcut, CompactBulkActionBar, Confetti, ConfettiButton, ConfirmDeleteDialog, ConfirmDialog, ContextCard, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyCodeButton, CopyIdButton, CopyLinkButton, CopyableField, DITHERING_SHAPES, DITHERING_TYPES, Description, DestructiveActionModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiceBearAvatar, DisplayCards, DitheringBackground, DitheringShader, DotPattern, DotsLoader, DottedMap, DottedWorldMap, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DualModeImage, DynamicIslandTOC, EditTool, EmptyState, EmptyStateIcon, EmptyStateRoot, Enable2FACard, Entity, ErrorSurface as Error, ErrorBoundary, ErrorMessage, ExpandableGallery, ExpandableTabs, ExpandingTextarea, FallbackCard, FeatureArrowCard, FeatureCard, CardContent as FeatureCardContent, FeatureCardDecorator, FeatureCardHeader, FeatureCheckItem, FeatureGate, FeatureIconItem, Feedback, Field, FileAttachment, FileCard, FilterPills, Flex, FlickeringGrid, FloatingBulkActionBar, Folder, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Gauge, GeistTooltip, GitHubAvatar, GitHubCalendar, GitLabAvatar, GithubInlineDiff, Globe, GradientAnimatedText, GrainCloudsBackground, GrainGradientBackground, Grid, GridCell, GridFeatureCard, GridPatternCard, GridPatternCardBody, GridRoot, GridSystem, Heading, HexGrid, Highlighter, HoverCard, HoverCardContent, HoverCardTrigger, InfiniteSlider, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InteractiveCard, InteractiveFrostedGlassCard, IphoneMockup, Kbd, KpiCard, LINE_SHADOW_CSS, Label, LetterGlitch, LightRays, LineShadowText, Loader, LoadingDots, MCP_DEFAULT_MAX_ARGS_SHOWN, MCP_DEFAULT_MAX_ARG_VALUE_CHARS, MCP_DEFAULT_MAX_OUTPUT_CHARS, MacbookPro, MagicCard, Material, McpTool, Menu, MenuButton, MenuContainer, MenuItem, MenuItemLocked, MenuLink, MenuSection, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MeshGradientBg, MessageContent, MessageWithReactions, MetricCard, MetricCardBordered, MetricGrid, MiddleTruncate, Modal, MultiSelectContent, MultiSelectRoot, MultiSelectRow, MultiSelectTrigger, MultipleSelector, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NeuroNoiseBg, NoisePatternCard, NoisePatternCardBody, Note, NotificationMessageList, Pagination, PaginationControl, PanelErrorBoundary, Phone, Popover, PopoverAnchor, PopoverContent, PopoverPositioner, PopoverTrigger, PricingCard, PricingCardBadge, PricingCardBody, PricingCardDescription, PricingCardHeader, PricingCardList, PricingCardListItem, PricingCardMainPrice, PricingCardOriginalPrice, PricingCardPeriod, PricingCardPlan, PricingCardPlanName, PricingCardPrice, PricingCardRoot, PricingCardSeparator, Progress, ProgressStepper, ProgressiveBlur, ProjectBanner, PulseDotLoader, PulseLoader, QuestionPrompt, QuestionTool, RadioGroup, RadioGroupCard, RadioGroupCardItem, RadioGroupItem, RadioGroupStacked, RadioGroupStackedItem, ReactionBadge, ReactionChip, RelativeTimeCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, SEARCH_DEFAULT_MAX_HEIGHT_PX, Safari, ScrollVelocityContainer, ScrollVelocityRow, Scroller, SearchTool, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShineBorder, ShowMore, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, SliderNumberFlow, Spinner2 as Spinner, SplitButton, SplitButtonMenuItem, Stack, StarsCanvas, StatItem, StatusBadge2 as StatusBadge, StatusDot, Stepper, StepperContent, StepperNavigation, StepperProvider, SubagentTool, Switch, Table, TableBody, TableCaption, TableCell, TableCol, TableColgroup, TableErrorBoundary, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Terminal, TerminalLoader, Text, TextBlinkLoader, TextDotsLoader, TextLoop, TextScramble, TextShimmer, TextShimmerLoader, Textarea, ThemeSwitcher, ThemeToggle, Toaster, TodoTool, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TreeExpander, TreeIcon, TreeLabel, TreeLines, TreeNode, TreeNodeContent, TreeNodeTrigger, TreeProvider, TreeView, TypingAnimation, TypingLoader, UpgradeBanner, VideoPlayer, VideoText, WarpBackground, WaveAnimation, WaveLoader, WavesBg, WordFadeIn, XPostCard, XPostSkeleton, alertVariants, ariaPatterns, badgeVariants, baseBadgeVariants, baseButtonVariants, breakpoints, buttonVariants, choiceboxItemVariants, colorBadgeSizes, colorBadgeVariants, containerWidths, contrastRequirements, fixNumberedListBreaks, flexLayouts, focusRing, formatShortRelative, getCurrentBreakpoint, getDensitySpacing, getSpacing, gridLayouts, isBreakpoint, labelVariants, mediaQueries, minTouchTarget, navigationMenuTriggerStyle, normalizeCodeBlockLanguage, normalizeCodeFenceLanguages, normalizeMessageMarkdown, prefersReducedMotion, progressIndicatorVariants, progressVariants, resolveCodeBlockLanguageIcon, responsive, responsivePatterns, skipLinkStyle, spacing, spacingPatterns, spacingToCss, statusBadgeVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, toggleGroupItemVariants, toggleGroupVariants, useBulkSelection, useCarousel, useChart, useConfirmDialog, useCopyToClipboard, useDebounce, useFeatureGate, useFormField, useStepper, useStepperContext, useToasts, visuallyHidden, withErrorBoundary, wrap, zIndex };
+export { ANIMATED_GRADIENT_CSS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentPlan, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AnimateIn, AnimateInGroup, AnimateSwap, AnimatedBeam, AnimatedCircularProgressBar, AnimatedExportIcon, AnimatedGradientText, AnimatedGroup, AnimatedHikeCard, AnimatedList, AnimatedListItem, AnimatedShinyText, AnimatedSpan, AnimatedThemeToggler, Announcement, AnnouncementTag, AnnouncementTitle, AppleLiquidGlassSwitcher, AspectRatio, AssistedPasswordConfirmation, AuroraBackground, AuroraText, Avatar, AvatarCircles, AvatarFallback, AvatarGroup, AvatarImage, AvatarSmartGroup, AvatarWithIcon, Awards, Badge, Badge1, BarsLoader, BaseBadge, BaseBadgeButton, BaseBadgeDot, BaseButton, BaseButtonArrow, BentoCard, BentoGrid, BitbucketAvatar, Book, BorderTrail, Box, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Browser, BrowserMockup, BulkActionBar, BulkActionConfirmDialog, Button, ButtonLink, CanvasRevealEffect, Card, CardContent, CardDescription, CardErrorBoundary, CardFooter, CardHeader, CardSpotlight, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, CheckGlyph, Checkbox, CheckboxGroup, ChoiceboxGroup, CircularLoader, CircularUI, ClassicLoader, ClientXPostCard, CodeBlock, CodeBlockLanguageIcon, Collapse, CollapseGroup, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorBadge, Combobox, ComboboxEmpty, ComboboxGroupSub, ComboboxInput, ComboboxList, ComboboxOptionItem, ComboboxRoot, ComboboxSeparator, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandMenu, CommandMenuEmpty, CommandMenuGroup, CommandMenuInput, CommandMenuItem, CommandMenuList, CommandMenuResults, CommandMenuRoot, CommandMenuSeparator, CommandMenuShortcut, CommandResults, CommandSeparator, CommandShortcut, CompactBulkActionBar, Confetti, ConfettiButton, ConfirmDeleteDialog, ConfirmDialog, ContextCard, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyCodeButton, CopyIdButton, CopyLinkButton, CopyMenuItem, CopyableField, DITHERING_SHAPES, DITHERING_TYPES, DataList, Description, DestructiveActionModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiceBearAvatar, DisplayCards, DitheringBackground, DitheringShader, DotPattern, DotsLoader, DottedMap, DottedWorldMap, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuEmpty, DropdownMenuFilterInput, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DualModeImage, DynamicIslandTOC, EditTool, EmptyState, EmptyStateIcon, EmptyStateRoot, Enable2FACard, Entity, ErrorSurface as Error, ErrorBoundary, ErrorMessage, ExpandableGallery, ExpandableTabs, ExpandingTextarea, FallbackCard, FeatureArrowCard, FeatureCard, CardContent as FeatureCardContent, FeatureCardDecorator, FeatureCardHeader, FeatureCheckItem, FeatureGate, FeatureIconItem, Feedback, Field, FileAttachment, FileCard, FilterPills, Flex, FlickeringGrid, FloatingBulkActionBar, Folder, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Gauge, GeistTooltip, GitHubAvatar, GitHubCalendar, GitLabAvatar, GithubInlineDiff, Globe, GradientAnimatedText, GrainCloudsBackground, GrainGradientBackground, Grid, GridCell, GridFeatureCard, GridPatternCard, GridPatternCardBody, GridRoot, GridSystem, Heading, HexGrid, Highlighter, HoverCard, HoverCardContent, HoverCardTrigger, IndeterminateGlyph, InfiniteSlider, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InteractiveCard, InteractiveFrostedGlassCard, IphoneMockup, Kbd, KpiCard, LINE_SHADOW_CSS, Label, LetterGlitch, LightRays, LineShadowText, Loader, LoadingDots, MCP_DEFAULT_MAX_ARGS_SHOWN, MCP_DEFAULT_MAX_ARG_VALUE_CHARS, MCP_DEFAULT_MAX_OUTPUT_CHARS, MacbookPro, MagicCard, Material, McpTool, Menu, MenuButton, MenuContainer, MenuItem, MenuItemLocked, MenuLink, MenuSection, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MeshGradientBg, MessageContent, MessageWithReactions, MetricCard, MetricCardBordered, MetricGrid, MiddleTruncate, Modal, MultiSelectContent, MultiSelectRoot, MultiSelectRow, MultiSelectTrigger, MultipleSelector, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NeuroNoiseBg, NoisePatternCard, NoisePatternCardBody, Note, NotificationMessageList, Pagination, PaginationControl, PanelErrorBoundary, Phone, Popover, PopoverAnchor, PopoverContent, PopoverPositioner, PopoverTrigger, PricingCard, PricingCardBadge, PricingCardBody, PricingCardDescription, PricingCardHeader, PricingCardList, PricingCardListItem, PricingCardMainPrice, PricingCardOriginalPrice, PricingCardPeriod, PricingCardPlan, PricingCardPlanName, PricingCardPrice, PricingCardRoot, PricingCardSeparator, Progress, ProgressStepper, ProgressiveBlur, ProjectBanner, PulseDotLoader, PulseLoader, QuestionPrompt, QuestionTool, RadioGroup, RadioGroupCard, RadioGroupCardItem, RadioGroupItem, RadioGroupStacked, RadioGroupStackedItem, ReactionBadge, ReactionChip, RelativeTimeCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, SEARCH_DEFAULT_MAX_HEIGHT_PX, Safari, ScrollVelocityContainer, ScrollVelocityRow, Scroller, SearchTool, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShineBorder, ShowMore, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonText, Slider, SliderNumberFlow, Spinner2 as Spinner, SplitButton, SplitButtonMenuItem, Stack, StarsCanvas, StatItem, StatusBadge2 as StatusBadge, StatusDot, Stepper, StepperContent, StepperNavigation, StepperProvider, SubagentTool, Switch, Table, TableBody, TableCaption, TableCell, TableCol, TableColgroup, TableErrorBoundary, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Terminal, TerminalLoader, Text, TextBlinkLoader, TextDotsLoader, TextLoop, TextScramble, TextShimmer, TextShimmerLoader, Textarea, ThemeSwitcher, ThemeToggle, Toaster, TodoTool, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TreeExpander, TreeIcon, TreeLabel, TreeLines, TreeNode, TreeNodeContent, TreeNodeTrigger, TreeProvider, TreeView, TypingAnimation, TypingLoader, UpgradeBanner, VideoPlayer, VideoText, WarpBackground, WaveAnimation, WaveLoader, WavesBg, WordFadeIn, XPostCard, XPostSkeleton, alertVariants, ariaPatterns, badgeVariants, baseBadgeVariants, baseButtonVariants, breakpoints, buttonVariants, choiceboxItemVariants, colorBadgeSizes, colorBadgeVariants, containerWidths, contrastRequirements, fixNumberedListBreaks, flexLayouts, focusRing, formatShortRelative, getCurrentBreakpoint, getDensitySpacing, getSpacing, gridLayouts, isBreakpoint, labelVariants, mediaQueries, minTouchTarget, navigationMenuTriggerStyle, normalizeCodeBlockLanguage, normalizeCodeFenceLanguages, normalizeMessageMarkdown, prefersReducedMotion, progressIndicatorVariants, progressVariants, resolveCodeBlockLanguageIcon, responsive, responsivePatterns, skipLinkStyle, spacing, spacingPatterns, spacingToCss, statusBadgeVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, toggleGroupItemVariants, toggleGroupVariants, useBulkSelection, useCarousel, useChart, useConfirmDialog, useCopyToClipboard, useDebounce, useFeatureGate, useFormField, useStepper, useStepperContext, useToasts, visuallyHidden, withErrorBoundary, wrap, zIndex };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map