@nebutra/ui 0.2.3 → 3.0.0

package/dist/primitives/index.js

@@ -1,12 +1,13 @@
 "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, 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 { ChevronUpDown, Check, ChevronRight, ChevronDown, ArrowRight, MagnifyingGlass, Plus, Cross, Star, VerifiedCheck, MoreHorizontal, ArrowLeft, RotateClockwise, Copy, CheckCircle, Status, LoaderCircle, EyeOff, Eye, Warning, Calendar as Calendar$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, 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 { extendTailwindMerge } 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, LazyMotion, domAnimation, useMotionValue, useMotionTemplate, m, useInView, animate, useScroll, useVelocity, useSpring, useTransform, useAnimationFrame } from 'framer-motion';
+import { tokenColor, fontStack, tokenValue } from '@nebutra/tokens/values';
 import { cva } from 'class-variance-authority';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import { colors, brandSpring, flow, emerge, motionDurationSec } from '@nebutra/brand';
@@ -18,6 +19,7 @@ import Link from 'next/link';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
+import { DayPicker, UI, DayFlag, SelectionState } from 'react-day-picker';
 import { Canvas, useThree, useFrame } from '@react-three/fiber';
 import * as THREE from 'three';
 import useEmblaCarousel from 'embla-carousel-react';
@@ -34,6 +36,7 @@ import { Input as Input$1 } from '@base-ui/react/input';
 import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
+import { parse, isValid, format, subDays, startOfWeek, eachDayOfInterval, endOfWeek, addDays, isSameDay } from 'date-fns';
 import { Dithering, GrainGradient, MeshGradient, NeuroNoise, Waves } from '@paper-design/shaders-react';
 import { createMap } from 'piri';
 import DottedMap2 from 'dotted-map';
@@ -42,7 +45,6 @@ import { OTPInput, OTPInputContext } from 'input-otp';
 import { useOnClickOutside, useDebounceValue } from 'usehooks-ts';
 import { Select as Select$1 } from '@base-ui/react/select';
 import { FormProvider, Controller, useFormContext } from 'react-hook-form';
-import { subDays, startOfWeek, eachDayOfInterval, endOfWeek, addDays, format, isSameDay } from 'date-fns';
 import createGlobe from 'cobe';
 import { annotate } from 'rough-notation';
 import useMeasure from 'react-use-measure';
@@ -89,7 +91,7 @@ var skipLinkStyle = {
     whiteSpace: "normal",
     backgroundColor: "canvas.default",
     color: "fg.default",
-    zIndex: 9999,
+    zIndex: "var(--layer-devtools)",
     ...focusRing
   }
 };
@@ -135,6 +137,80 @@ var contrastRequirements = {
   /** WCAG AAA for large text */
   largeTextAAA: 4.5
 };
+
+// src/utils/tw-merge-theme.generated.ts
+var TW_MERGE_THEME = {
+  breakpoint: ["3xl", "shell", "tight", "xs"],
+  container: ["content", "text", "wide"],
+  ease: ["brand", "in", "in-out", "out", "spring"],
+  font: ["cn", "display", "heading", "mono", "sans"],
+  leading: ["display", "heading"],
+  radius: ["2xl", "3xl", "button", "card", "full", "lg", "md", "none", "panel", "sm", "xl", "xs"],
+  shadow: [
+    "2xl",
+    "ambient-glow",
+    "ambient-lg",
+    "ambient-md",
+    "ambient-sm",
+    "brand",
+    "brand-lg",
+    "glass-lg",
+    "glass-md",
+    "glass-sm",
+    "glow-accent",
+    "glow-accent-lg",
+    "glow-accent-sm",
+    "glow-primary",
+    "lg",
+    "md",
+    "sheen",
+    "sm",
+    "xl",
+    "xs"
+  ],
+  text: [
+    "2xl",
+    "2xs",
+    "3xl",
+    "4xl",
+    "5xl",
+    "6xl",
+    "7xl",
+    "8xl",
+    "9xl",
+    "base",
+    "body",
+    "display",
+    "label",
+    "lg",
+    "meta",
+    "sm",
+    "ui",
+    "xl",
+    "xs"
+  ],
+  tracking: ["display", "heading", "label", "tight"]
+};
+var TW_MERGE_CLASS_GROUPS = {
+  duration: [{ duration: ["cinematic", "flow", "micro", "reveal"] }]
+};
+
+// src/utils/cn.ts
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: Object.fromEntries(
+      Object.entries(TW_MERGE_THEME).map(([key, values]) => [key, [...values]])
+    ),
+    classGroups: Object.fromEntries(
+      Object.entries(TW_MERGE_CLASS_GROUPS).map(([key, groups]) => [
+        key,
+        groups.map(
+          (group) => Object.fromEntries(Object.entries(group).map(([k, v]) => [k, [...v]]))
+        )
+      ])
+    )
+  }
+});
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -147,17 +223,17 @@ function asPlainStyle(style) {
 function withHtmlProps(Component2) {
   return Component2;
 }
-var RadixItem = withHtmlProps(Accordion$1.Item);
-var RadixHeader = withHtmlProps(Accordion$1.Header);
-var RadixTrigger = withHtmlProps(Accordion$1.Trigger);
-var RadixContent = withHtmlProps(Accordion$1.Panel);
+var AccordionItemBase = withHtmlProps(Accordion$1.Item);
+var AccordionHeaderBase = withHtmlProps(Accordion$1.Header);
+var AccordionTriggerBase = withHtmlProps(Accordion$1.Trigger);
+var AccordionPanelBase = withHtmlProps(Accordion$1.Panel);
 var Accordion = Accordion$1.Root;
 var AccordionItem = ({
   className,
   ref,
   ...props
 }) => /* @__PURE__ */ jsx(
-  RadixItem,
+  AccordionItemBase,
   {
     ref,
     className: cn("border-b border-border/70 last:border-b-0", className),
@@ -171,8 +247,8 @@ var AccordionTrigger = ({
   size = "default",
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(RadixHeader, { className: "flex", children: /* @__PURE__ */ jsxs(
-  RadixTrigger,
+}) => /* @__PURE__ */ jsx(AccordionHeaderBase, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionTriggerBase,
   {
     ref,
     className: cn(
@@ -204,11 +280,11 @@ var AccordionContent = ({
   ref,
   ...props
 }) => /* @__PURE__ */ jsx(
-  RadixContent,
+  AccordionPanelBase,
   {
     ref,
     ...keepMounted ? { keepMounted: true } : {},
-    className: "text-sm leading-relaxed data-[ending-style]:animate-accordion-up data-[open]:animate-accordion-down overflow-hidden text-muted-foreground transition-[height,opacity] duration-flow ease-out",
+    className: "text-sm leading-relaxed h-[var(--accordion-panel-height,auto)] data-[starting-style]:h-0 data-[ending-style]:h-0 overflow-hidden text-muted-foreground transition-[height,opacity] duration-flow ease-out",
     ...props,
     children: /* @__PURE__ */ jsx("div", { className: cn(size === "small" ? "pb-2.5 pt-0" : "pb-4 pt-0", className), children })
   }
@@ -225,14 +301,14 @@ var motionDurations = {
   cinematic: 500
 };
 var easings = {
-  easeOut: [0, 0, 0.2, 1],
+  easeOut: [0.16, 1, 0.3, 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 }
+    initial: { opacity: 0, transform: "translateY(20px)" },
+    animate: { opacity: 1, transform: "translateY(0px)" },
+    exit: { opacity: 0, transform: "translateY(10px)" }
   },
   scaleIn: {
     initial: { opacity: 0, scale: 0.95 },
@@ -242,30 +318,35 @@ var motionVariants = {
 var staggerContainers = {
   fast: {
     initial: {},
-    animate: { transition: { staggerChildren: 0.05, delayChildren: 0.1 } }
+    animate: { transition: { staggerChildren: 0.04, delayChildren: 0 } }
   },
   normal: {
     initial: {},
-    animate: { transition: { staggerChildren: 0.1, delayChildren: 0.2 } }
+    animate: { transition: { staggerChildren: 0.06, delayChildren: 0.04 } }
   },
   slow: {
     initial: {},
-    animate: { transition: { staggerChildren: 0.15, delayChildren: 0.3 } }
+    animate: { transition: { staggerChildren: 0.08, delayChildren: 0.05 } }
   }
 };
 var viewportSettings = {
   once: { once: true, margin: "-100px" }};
-
-// src/utils/brand-colors.ts
 var BRAND_FALLBACK = {
   /** VI 云毓蓝 — identity only */
-  primary: "#0033FE",
-  accent: "#0BF1C3",
-  tertiary: "#5c7cfa",
-  primaryDark: "#002ad4",
-  backDark: "#000830",
-  /** Soft product action (matches themes/light --primary ≈ #254bfa) */
-  productPrimary: "#254bfa"};
+  primary: tokenColor("--brand-primary"),
+  accent: tokenColor("--brand-accent"),
+  tertiary: tokenColor("--brand-tertiary"),
+  primaryDark: tokenColor("--nebutra-blue-600"),
+  backDark: tokenColor("--nebutra-blue-950"),
+  /** Product action — semantic --primary */
+  productPrimary: tokenColor("--primary"),
+  /**
+   * Brand mark fallback (= product action: the factory recipe sets
+   * --brand-mark: var(--primary)). Skins may diverge.
+   */
+  brandMark: tokenColor("--primary"),
+  brandMarkForeground: tokenColor("--primary-foreground")
+};
 function readCssVar(name, fallback) {
   if (typeof window === "undefined" || typeof document === "undefined") {
     return fallback;
@@ -281,7 +362,10 @@ function asCssColor(value, fallback) {
   return `hsl(${v})`;
 }
 function getProductPrimary() {
-  return asCssColor(readCssVar("--primary", "228 85% 56%"), BRAND_FALLBACK.productPrimary);
+  return asCssColor(
+    readCssVar("--primary", tokenValue("--primary")),
+    BRAND_FALLBACK.productPrimary
+  );
 }
 function getBrandPrimary() {
   return asCssVarColor("--brand-primary", BRAND_FALLBACK.primary);
@@ -302,23 +386,23 @@ var StatusIcon = ({
   const sizeClass = size === "sm" ? "h-3.5 w-3.5" : "h-4.5 w-4.5";
   switch (status) {
     case "completed":
-      return /* @__PURE__ */ jsx(CheckCircle, { className: cn(sizeClass, "text-green-500") });
+      return /* @__PURE__ */ jsx(CheckCircle, { className: cn(sizeClass, "text-success-strong") });
     case "in-progress":
       return /* @__PURE__ */ jsx(ClockDashed, { className: cn(sizeClass, "text-primary") });
     case "need-help":
-      return /* @__PURE__ */ jsx(Warning, { className: cn(sizeClass, "text-yellow-500") });
+      return /* @__PURE__ */ jsx(Warning, { className: cn(sizeClass, "text-warning-strong") });
     case "failed":
-      return /* @__PURE__ */ jsx(CrossCircle, { className: cn(sizeClass, "text-red-500") });
+      return /* @__PURE__ */ jsx(CrossCircle, { className: cn(sizeClass, "text-destructive-strong") });
     default:
       return /* @__PURE__ */ jsx(Status, { className: cn(sizeClass, "text-muted-foreground") });
   }
 };
 var StatusBadge = ({ status }) => {
   const colorClasses = {
-    completed: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+    completed: "bg-success/15 text-success-strong",
     "in-progress": "bg-primary/10 text-primary",
-    "need-help": "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
-    failed: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+    "need-help": "bg-warning/15 text-warning-strong",
+    failed: "bg-destructive/15 text-destructive-strong",
     pending: "bg-muted text-muted-foreground"
   };
   return /* @__PURE__ */ jsx(
@@ -712,7 +796,7 @@ var alertVariants = cva("flex items-stretch w-full gap-2 group-[.toaster]:w-(--w
     {
       variant: "destructive",
       appearance: "outline",
-      className: "border border-border bg-background text-destructive [&_[data-slot=alert-close]]:text-foreground"
+      className: "border border-border bg-background text-destructive-strong [&_[data-slot=alert-close]]:text-foreground"
     },
     {
       variant: "success",
@@ -782,7 +866,7 @@ var alertVariants = cva("flex items-stretch w-full gap-2 group-[.toaster]:w-(--w
     {
       variant: "mono",
       icon: "destructive",
-      className: "[&_[data-slot=alert-icon]]:text-destructive"
+      className: "[&_[data-slot=alert-icon]]:text-destructive-strong"
     },
     {
       variant: "mono",
@@ -804,6 +888,7 @@ function Alert({
   appearance,
   close = false,
   onClose,
+  closeLabel = "Dismiss",
   children,
   ...props
 }) {
@@ -821,7 +906,7 @@ function Alert({
           {
             type: "button",
             onClick: onClose,
-            "aria-label": "Dismiss",
+            "aria-label": closeLabel,
             "data-slot": "alert-close",
             className: cn(
               "group shrink-0 size-4 inline-flex items-center justify-center rounded-[var(--radius-sm)]",
@@ -865,7 +950,7 @@ function AlertContent({ className, ...props }) {
   );
 }
 ({
-  // Nebutra Blue (云毓蓝) — technology & trust — VI: #0033FE
+  // Nebutra Blue (云毓蓝) — technology & trust
   blue50: colors.primary[50],
   blue100: colors.primary[100],
   blue200: colors.primary[200],
@@ -878,7 +963,7 @@ function AlertContent({ className, ...props }) {
   blue800: colors.primary[800],
   blue900: colors.primary[900],
   blue950: colors.primary[950],
-  // Nebutra Cyan (云毓青) — data flow & intelligence — VI: #0BF1C3
+  // Nebutra Cyan (云毓青) — data flow & intelligence
   cyan50: colors.accent[50],
   cyan100: colors.accent[100],
   cyan200: colors.accent[200],
@@ -903,6 +988,13 @@ function AlertContent({ className, ...props }) {
   neutral800: colors.neutral[800],
   neutral900: colors.neutral[900],
   neutral950: colors.neutral[950],
+  // deepest — used as dark background
+  // Semantic raw colors — VI §Color Specifications. The 500s are the status
+  // tokens; the 600 hover steps have no token of their own.
+  // NOTE: info = brand blue, not sky/teal
+  red500: tokenColor("--status-danger"),
+  green500: tokenColor("--status-success"),
+  amber500: tokenColor("--status-warning"),
   white: colors.white,
   black: colors.black
 });
@@ -958,6 +1050,18 @@ var primitiveFontWeight = {
   normal: 400,
   medium: 500,
   semibold: 600};
+({
+  /** Default body/UI stack — Geist with CJK falling through to MiSans */
+  sans: fontStack("--font-sans"),
+  /** CJK-locale stack (same order as sans, minus Latin-only system faces) */
+  cnSans: fontStack("--font-cn"),
+  /** Display / hero headlines */
+  display: fontStack("--font-display"),
+  /** Headings */
+  heading: fontStack("--font-heading"),
+  /** Code / monospace */
+  mono: fontStack("--font-mono")
+});
 var primitiveShadow = {
   sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
@@ -975,7 +1079,7 @@ var primitiveTransition = {
     // hero entrance, big delight moments
   },
   easing: {
-    default: "ease-out",
+    default: "var(--ease-brand)",
     inOut: "cubic-bezier(0.4, 0, 0.2, 1)"
   }
 };
@@ -1009,80 +1113,85 @@ var overlayTokens = {
   }};
 var overlayClassNames = {
   focusRing: overlayFocusRingClassName,
-  backdrop: "fixed inset-0 bg-black/40 backdrop-blur-sm transition-[opacity,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none",
+  backdrop: (
+    // allow-palette: dialog backdrop dims arbitrary app content behind it, must stay dark in both themes
+    "fixed inset-0 bg-black/40 transition-[opacity] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)] data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)] motion-reduce:transition-none"
+  ),
   modalSurface: [
     "fixed left-1/2 top-1/2 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4",
-    "border border-border/60 bg-background/95 p-6 text-foreground backdrop-blur-xl",
+    "bg-background p-6 text-foreground",
     "rounded-[var(--radius-xl)]",
-    shadowClasses["2xl"],
+    "shadow-[0_0_0_1px_var(--edge-soft),var(--elevation-overlay)]",
     "outline-none",
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0",
+    "transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)]",
     "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
   ].join(" "),
   commandSurface: [
     "fixed left-1/2 top-[18vh] w-[calc(100vw-2rem)] max-w-xl -translate-x-1/2 overflow-hidden",
     "rounded-[var(--radius-lg)] border border-border/70 bg-popover text-popover-foreground",
-    shadowClasses["2xl"],
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-starting-style:translate-y-[-0.5rem] data-starting-style:scale-95 data-starting-style:opacity-0",
-    "data-ending-style:translate-y-[-0.5rem] data-ending-style:scale-95 data-ending-style:opacity-0",
-    "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
+    shadowClasses["2xl"]
   ].join(" "),
   menuSurface: [
-    "min-w-32 overflow-hidden rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-1 text-popover-foreground backdrop-blur-md",
+    "min-w-32 origin-[var(--transform-origin)] overflow-hidden rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-1 text-popover-foreground backdrop-blur-md",
     shadowClasses.xl,
-    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+    "outline-none transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-[starting-style]:scale-[0.97] data-[starting-style]:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)]",
     "motion-reduce:transition-none motion-reduce:data-[starting-style]:transform-none motion-reduce:data-[ending-style]:transform-none"
   ].join(" "),
   selectSurface: [
-    "max-h-[var(--select-content-max-height)] min-w-[var(--select-content-min-width)] overflow-hidden",
+    "max-h-[var(--select-content-max-height)] min-w-[var(--select-content-min-width)] origin-[var(--transform-origin)] overflow-hidden",
     "rounded-[var(--select-content-radius)] border border-border/70 bg-popover/95 text-popover-foreground backdrop-blur-md",
     "shadow-[var(--select-content-shadow)] outline-none",
-    "transition-[opacity,transform,display] duration-[var(--select-duration)] ease-[var(--select-easing)]",
-    "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0",
+    "transition-[opacity,transform] duration-[var(--select-duration)] ease-[var(--ease-brand)]",
+    "data-starting-style:scale-[0.97] data-starting-style:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0",
     "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
   ].join(" "),
   navigationMenuSurface: [
-    "min-w-32 overflow-hidden rounded-[var(--radius-xl)] border border-border/70 bg-popover/95 text-popover-foreground backdrop-blur-md",
+    "min-w-32 origin-[var(--transform-origin)] overflow-hidden rounded-[var(--radius-xl)] border border-border/70 bg-popover/95 text-popover-foreground backdrop-blur-md",
     shadowClasses.xl,
-    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+    "outline-none transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-[starting-style]:scale-[0.97] data-[starting-style]:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)]",
     "motion-reduce:transition-none motion-reduce:data-[starting-style]:transform-none motion-reduce:data-[ending-style]:transform-none"
   ].join(" "),
   popoverSurface: [
-    "w-72 rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-4 text-popover-foreground backdrop-blur-md",
+    "w-72 origin-[var(--transform-origin)] rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-4 text-popover-foreground backdrop-blur-md",
     shadowClasses.xl,
-    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-[open]:opacity-100 data-[closed]:opacity-0 data-[closed]:scale-95 data-[open]:scale-100",
+    "outline-none transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-[open]:opacity-100 data-[closed]:opacity-0 data-[closed]:scale-[0.97] data-[open]:scale-100 data-[closed]:duration-[var(--motion-duration-micro)]",
     "motion-reduce:transition-none motion-reduce:data-[closed]:transform-none motion-reduce:data-[open]:transform-none"
   ].join(" "),
   tooltipSurface: [
-    "overflow-hidden rounded-[var(--radius-md)] border border-border/70 bg-popover/95 px-3 py-1.5 text-sm text-popover-foreground backdrop-blur-md",
+    "origin-[var(--transform-origin)] overflow-hidden rounded-[var(--radius-md)] border border-border/70 bg-popover/95 px-3 py-1.5 text-sm text-popover-foreground backdrop-blur-md",
     shadowClasses.md,
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0",
+    "transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-starting-style:scale-[0.97] data-starting-style:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)]",
+    "data-[instant]:duration-0",
     "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
   ].join(" "),
   sheetBackdrop: [
     "fixed inset-0 bg-[var(--sheet-overlay-background)] backdrop-blur-[var(--sheet-overlay-blur)]",
-    "transition-[opacity,backdrop-filter,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none"
+    "transition-[opacity] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)] motion-reduce:transition-none"
   ].join(" "),
   sheetSurface: [
     "fixed flex flex-col overflow-hidden border border-border bg-[var(--sheet-background)] text-foreground shadow-[var(--sheet-shadow)]",
-    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none"
+    "outline-none transition-[opacity,transform] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-[var(--motion-duration-micro)] motion-reduce:transition-none"
   ].join(" "),
-  closeButton: `absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-background ${overlayFocusRingClassName} transition-opacity duration-[var(--motion-duration-micro)] ease-[var(--ease-out)] hover:opacity-100 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground motion-reduce:transition-none`
+  closeButton: `absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-background ${overlayFocusRingClassName} transition-opacity duration-[var(--motion-duration-micro)] ease-[var(--ease-brand)] hover:opacity-100 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground motion-reduce:transition-none`
 };
 var buttonVariants = cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "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",
+    // `transform` is in the property list on purpose: without it the
+    // active:scale-[0.97] press snapped instantly and the button felt dead
+    // under the finger. Duration/ease stay on the flow rail — motion
+    // governance pins them (primitives/__tests__/motion-governance.test.ts).
+    "transition-[color,background-color,border-color,box-shadow,transform] duration-flow ease-[var(--ease-brand)]",
+    "active:scale-[0.97] motion-reduce:active:scale-100 motion-reduce:transition-none",
     "disabled:pointer-events-none disabled:opacity-50",
     "aria-busy:cursor-wait"
   ].join(" "),
@@ -1091,7 +1200,7 @@ var buttonVariants = cva(
       variant: {
         // Recipe-driven via packages/design/tokens/recipe.css (.btn-brand-default)
         default: "btn-brand-default",
-        ink: "bg-[var(--neutral-12)] text-[var(--neutral-1)] ring-1 ring-inset ring-[color:var(--neutral-1)]/5 hover:bg-[var(--neutral-11)] hover:-translate-y-px active:translate-y-0 transition-[transform,background-color] duration-micro",
+        ink: "bg-neutral-12 text-neutral-1 ring-1 ring-inset ring-neutral-1/5 hover:bg-neutral-11 hover:-translate-y-px active:translate-y-0 transition-[transform,background-color] duration-micro",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -1371,37 +1480,37 @@ var PRESETS = {
    * 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)" },
+    initial: { opacity: 0, transform: "translateY(10px)", filter: "blur(4px)" },
+    animate: { opacity: 1, transform: "translateY(0px)", filter: "blur(0px)" },
+    exit: { opacity: 0, transform: "translateY(-10px)", 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%" },
+    initial: { transform: "translateX(100%)" },
+    animate: { transform: "translateX(0%)" },
+    exit: { transform: "translateX(100%)" },
     transition: brandSpring.default
   },
   /** Off-canvas panel entering from the left edge. */
   slideFromLeft: {
-    initial: { x: "-100%" },
-    animate: { x: 0 },
-    exit: { x: "-100%" },
+    initial: { transform: "translateX(-100%)" },
+    animate: { transform: "translateX(0%)" },
+    exit: { transform: "translateX(-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%" },
+    initial: { transform: "translateY(-100%)" },
+    animate: { transform: "translateY(0%)" },
+    exit: { transform: "translateY(-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%" },
+    initial: { transform: "translateY(100%)" },
+    animate: { transform: "translateY(0%)" },
+    exit: { transform: "translateY(100%)" },
     transition: brandSpring.default
   }
 };
@@ -1411,7 +1520,7 @@ function MotionDiv(props) {
 function AnimateIn(props) {
   const {
     children,
-    preset = "emerge",
+    preset = "fade",
     delay = 0,
     duration,
     inView = false,
@@ -1419,7 +1528,7 @@ function AnimateIn(props) {
     ...rest
   } = props;
   const shouldReduce = useReducedMotion();
-  const base = PRESETS[preset] || PRESETS.emerge;
+  const base = PRESETS[preset] || PRESETS.fade;
   const initial = shouldReduce ? { opacity: 0 } : base.initial;
   const animate2 = shouldReduce ? { opacity: 1 } : base.animate;
   const exit = shouldReduce ? { opacity: 0 } : "exit" in base ? base.exit : void 0;
@@ -2078,7 +2187,7 @@ function AnimatedShinyText({
       className: cn(
         "mx-auto max-w-md text-muted-foreground/70",
         // Shine gradient
-        "bg-gradient-to-r from-transparent via-black/80 via-50% to-transparent dark:via-white/80",
+        "bg-gradient-to-r from-transparent via-foreground/80 via-50% to-transparent",
         className
       ),
       ...props,
@@ -2131,8 +2240,14 @@ var badgeVariants = cva(
         "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",
-        turbo: "bg-gradient-to-br from-turbo-start to-turbo-end text-primary-foreground fill-current",
+        trial: (
+          // allow-palette: the trial gradient is fixed and vivid in both themes, so its ink is fixed white
+          "bg-gradient-to-br from-trial-start to-trial-end text-white fill-current"
+        ),
+        turbo: (
+          // allow-palette: the turbo gradient is fixed and vivid in both themes, so its ink is fixed white
+          "bg-gradient-to-br from-turbo-start to-turbo-end text-white fill-current"
+        ),
         pill: "bg-background text-foreground fill-foreground border-border hover:bg-muted/50 focus-visible:bg-muted/50",
         beta: "border-transparent bg-muted text-muted-foreground",
         new: "border-transparent bg-primary/10 text-primary",
@@ -2295,62 +2410,66 @@ function AppleLiquidGlassSwitcher({
       setInternalValue(newValue);
     }
   };
-  return /* @__PURE__ */ jsxs("fieldset", { className: "relative inline-flex items-center p-1.5 rounded-full bg-black/40 dark:bg-black/60 border border-white/10 shadow-[0_8px_32px_0_rgba(0,0,0,0.3)] backdrop-blur-[20px] overflow-hidden", children: [
-    /* @__PURE__ */ jsx("legend", { className: "sr-only", children: "Choose theme" }),
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-0 opacity-[0.15] mix-blend-overlay", children: /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("filter", { id: "noise", children: /* @__PURE__ */ jsx(
-        "feTurbulence",
-        {
-          type: "fractalNoise",
-          baseFrequency: "0.8",
-          numOctaves: "4",
-          stitchTiles: "stitch"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", filter: "url(#noise)" })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "relative z-10 flex w-full", children: themeOptions.map((option) => {
-      const isActive = activeValue === option.value;
-      return /* @__PURE__ */ jsxs(
-        "label",
-        {
-          htmlFor: `theme-switch-${option.value}`,
-          className: `relative cursor-pointer p-3 rounded-full transition-colors duration-300 ease-in-out ${isActive ? "text-white" : "text-white/50 hover:text-white/80"}`,
-          title: option.label,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: option.label }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                id: `theme-switch-${option.value}`,
-                className: "sr-only",
-                type: "radio",
-                name: "theme",
-                value: option.value,
-                checked: isActive,
-                onChange: () => handleChange(option.value)
-              }
-            ),
-            isActive && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                ...shouldReduceMotion ? {} : { layoutId: "apple-glass-switcher-active" },
-                className: "absolute inset-0 rounded-full bg-white/20 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4),0_2px_10px_rgba(0,0,0,0.2)] backdrop-blur-md",
-                initial: false,
-                transition: shouldReduceMotion ? { duration: 0 } : {
-                  type: "spring",
-                  stiffness: 400,
-                  damping: 30
+  return (
+    // allow-palette: fixed dark liquid-glass pill, deliberately identical across themes
+    /* @__PURE__ */ jsxs("fieldset", { className: "relative inline-flex items-center p-1.5 rounded-full bg-black/40 dark:bg-black/60 border border-white/10 shadow-[0_8px_32px_0_rgba(0,0,0,0.3)] backdrop-blur-[20px] overflow-hidden", children: [
+      /* @__PURE__ */ jsx("legend", { className: "sr-only", children: "Choose theme" }),
+      /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-0 opacity-[0.15] mix-blend-overlay", children: /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx("filter", { id: "noise", children: /* @__PURE__ */ jsx(
+          "feTurbulence",
+          {
+            type: "fractalNoise",
+            baseFrequency: "0.8",
+            numOctaves: "4",
+            stitchTiles: "stitch"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", filter: "url(#noise)" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative z-10 flex w-full", children: themeOptions.map((option) => {
+        const isActive = activeValue === option.value;
+        return /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: `theme-switch-${option.value}`,
+            className: `relative cursor-pointer p-3 rounded-full transition-colors duration-300 ease-in-out ${// allow-palette: fixed dark liquid-glass pill, deliberately identical across themes
+            isActive ? "text-white" : "text-white/50 hover:text-white/80"}`,
+            title: option.label,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: option.label }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: `theme-switch-${option.value}`,
+                  className: "sr-only",
+                  type: "radio",
+                  name: "theme",
+                  value: option.value,
+                  checked: isActive,
+                  onChange: () => handleChange(option.value)
                 }
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "relative z-10 flex items-center justify-center", children: option.icon })
-          ]
-        },
-        option.value
-      );
-    }) })
-  ] });
+              ),
+              isActive && /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  ...shouldReduceMotion ? {} : { layoutId: "apple-glass-switcher-active" },
+                  className: "absolute inset-0 rounded-full bg-white/20 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4),0_2px_10px_rgba(0,0,0,0.2)] backdrop-blur-md",
+                  initial: false,
+                  transition: shouldReduceMotion ? { duration: 0 } : {
+                    type: "spring",
+                    stiffness: 400,
+                    damping: 30
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "relative z-10 flex items-center justify-center", children: option.icon })
+            ]
+          },
+          option.value
+        );
+      }) })
+    ] })
+  );
 }
 var AspectRatio = ({
   ratio = 1,
@@ -2376,7 +2495,8 @@ function AssistedPasswordConfirmation({
   onConfirmChange,
   onMatch,
   className,
-  showHint = true
+  showHint = true,
+  inputLabel = "Confirm password"
 }) {
   const [confirmPassword, setConfirmPassword] = useState("");
   const [shake, setShake] = useState(false);
@@ -2403,7 +2523,7 @@ function AssistedPasswordConfirmation({
   }, [passwordsMatch, confirmPassword.length, onMatch]);
   const getLetterStatus = (letter, index) => {
     if (!confirmPassword[index]) return "";
-    return confirmPassword[index] === letter ? "bg-emerald-500/20" : "bg-red-500/20";
+    return confirmPassword[index] === letter ? "bg-success/20" : "bg-destructive/20";
   };
   const bounceAnimation = {
     x: shouldReduceMotion ? 0 : shake ? [-10, 10, -10, 10, 0] : 0,
@@ -2475,7 +2595,7 @@ function AssistedPasswordConfirmation({
             value: confirmPassword,
             onChange: handleConfirmPasswordChange,
             animate: borderAnimation,
-            "aria-label": "Confirm password"
+            "aria-label": inputLabel
           }
         )
       }
@@ -2850,7 +2970,7 @@ function AvatarCircles({
         children: /* @__PURE__ */ jsx(
           Image4,
           {
-            className: "rounded-full border-2 border-white",
+            className: "rounded-full border-2 border-background",
             src: avatar.imageUrl,
             width: size,
             height: size,
@@ -2886,7 +3006,7 @@ var GitHubIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 fill
 var GitLabIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
-    "aria-label": "gitlab",
+    "aria-label": "GitLab",
     height: "14",
     viewBox: "0 0 24 22",
     width: "14",
@@ -3041,20 +3161,65 @@ function DiceBearAvatar({
     /* @__PURE__ */ jsx(AvatarFallback, { size, children: getAvatarInitials(seed) })
   ] });
 }
-var DEFAULT_TOOLTIP_DELAY_MS = 150;
+
+// src/tokens/components/interaction.ts
+var interaction = {
+  /**
+   * Tooltips. The first one waits so a sweeping pointer does not strobe;
+   * once one is open, its neighbours open instantly if the pointer arrives
+   * within the skip window. Radix Tooltip defaults: delayDuration 700,
+   * skipDelayDuration 300. Vercel/Kowalski: "delay the first tooltip only".
+   */
+  tooltip: { delayMs: 700, skipWindowMs: 300 }};
+var DEFAULT_TOOLTIP_DELAY_MS = interaction.tooltip.delayMs;
+var SKIP_DELAY_WINDOW_MS = interaction.tooltip.skipWindowMs;
+var lastTooltipOpenAt = 0;
+var skipDelayListeners = /* @__PURE__ */ new Set();
+function markTooltipOpened() {
+  lastTooltipOpenAt = Date.now();
+  for (const listener of skipDelayListeners) listener();
+}
+function shouldSkipDelay() {
+  return Date.now() - lastTooltipOpenAt < SKIP_DELAY_WINDOW_MS;
+}
+function useSkipDelay() {
+  const [, tick] = React45.useReducer((count) => count + 1, 0);
+  React45.useEffect(() => {
+    skipDelayListeners.add(tick);
+    return () => {
+      skipDelayListeners.delete(tick);
+    };
+  }, []);
+  return shouldSkipDelay();
+}
+var TooltipInstantContext = React45.createContext(false);
 var TooltipProvider = ({
   children,
   delayDuration = DEFAULT_TOOLTIP_DELAY_MS
 }) => {
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: delayDuration, children });
+  const skipDelay = useSkipDelay();
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: skipDelay ? 0 : delayDuration, children });
 };
 var Tooltip = ({
   delayDuration,
   children,
+  onOpenChange,
   ...props
 }) => {
-  const delay = delayDuration ?? DEFAULT_TOOLTIP_DELAY_MS;
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay, children: /* @__PURE__ */ jsx(Tooltip$1.Root, { ...props, children }) });
+  const skipDelay = useSkipDelay();
+  const instant2 = delayDuration == null && skipDelay;
+  const delay = delayDuration ?? (instant2 ? 0 : DEFAULT_TOOLTIP_DELAY_MS);
+  return /* @__PURE__ */ jsx(TooltipInstantContext.Provider, { value: instant2, children: /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay, children: /* @__PURE__ */ jsx(
+    Tooltip$1.Root,
+    {
+      ...props,
+      onOpenChange: (open, eventDetails) => {
+        if (open) markTooltipOpened();
+        onOpenChange?.(open, eventDetails);
+      },
+      children
+    }
+  ) }) });
 };
 var TooltipTrigger = ({
   asChild,
@@ -3084,25 +3249,29 @@ var TooltipContent = ({
   alignOffset = 0,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
-  Tooltip$1.Positioner,
-  {
-    side,
-    align,
-    sideOffset,
-    alignOffset,
-    style: { zIndex: overlayZIndex.tooltip },
-    children: /* @__PURE__ */ jsx(
-      Tooltip$1.Popup,
-      {
-        ref,
-        className: cn(overlayClassNames.tooltipSurface, className),
-        style: { zIndex: overlayZIndex.tooltip, ...style },
-        ...props
-      }
-    )
-  }
-) });
+}) => {
+  const instant2 = React45.use(TooltipInstantContext);
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
+    Tooltip$1.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      alignOffset,
+      style: { zIndex: overlayZIndex.tooltip },
+      children: /* @__PURE__ */ jsx(
+        Tooltip$1.Popup,
+        {
+          ref,
+          className: cn(overlayClassNames.tooltipSurface, className),
+          "data-instant": instant2 || void 0,
+          style: { zIndex: overlayZIndex.tooltip, ...style },
+          ...props
+        }
+      )
+    }
+  ) });
+};
 TooltipContent.displayName = "TooltipContent";
 function getAvatarUserKey(user) {
   return [user.name, user.role ?? "member", user.image ?? "no-image"].join("|");
@@ -3176,10 +3345,17 @@ function AvatarSmartGroup({
   ) });
 }
 var levelColors = {
-  bronze: "from-amber-600 to-amber-800",
-  silver: "from-gray-400 to-gray-600",
-  gold: "from-yellow-400 to-yellow-600",
-  platinum: "from-muted to-muted-foreground"
+  // Bronze, silver and gold are materials, not brand roles: a Brand Package
+  // must not turn a gold medal indigo, so these stay literal.
+  // Each material carries its own ink: the pill used text-primary-foreground,
+  // which flips to near-black with the House ink in dark mode.
+  // allow-palette: medal material colour (bronze) and its ink, not a themeable role
+  bronze: "from-amber-600 to-amber-800 text-white",
+  // allow-palette: medal material colour (silver) and its ink, not a themeable role
+  silver: "from-gray-500 to-gray-700 text-white",
+  // allow-palette: medal material colour (gold) and its ink, not a themeable role
+  gold: "from-yellow-400 to-yellow-600 text-amber-950",
+  platinum: "from-muted to-muted-foreground text-foreground"
 };
 function Awards({
   variant = "badge",
@@ -3244,7 +3420,7 @@ function Awards({
               {
                 d: createSerratedPath(),
                 strokeWidth: "0.2",
-                className: "fill-white stroke-black dark:fill-black"
+                className: "fill-background stroke-foreground"
               }
             ),
             /* @__PURE__ */ jsx(
@@ -3253,17 +3429,17 @@ function Awards({
                 cx: "96",
                 cy: "96",
                 r: "78",
-                className: "fill-white stroke-black dark:fill-black",
+                className: "fill-background stroke-foreground",
                 strokeWidth: "0.2"
               }
             ),
-            /* @__PURE__ */ jsx("text", { className: "fill-white text-xl font-bold", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("text", { className: "fill-background text-xl font-bold", children: /* @__PURE__ */ jsx(
               "textPath",
               {
                 href: "#top-curve",
                 startOffset: "50%",
                 textAnchor: "middle",
-                className: "fill-black",
+                className: "fill-foreground",
                 children: title
               }
             ) }),
@@ -3273,7 +3449,7 @@ function Awards({
                 href: "#bottom-curve",
                 startOffset: "50%",
                 textAnchor: "middle",
-                className: "fill-black",
+                className: "fill-foreground",
                 children: subtitle
               }
             ) })
@@ -3318,7 +3494,7 @@ function Awards({
               "div",
               {
                 className: cn(
-                  "mt-6 mb-2 inline-block rounded-[var(--radius-md)] px-4 py-1 tracking-wider text-white",
+                  "mt-6 mb-2 inline-block rounded-[var(--radius-md)] px-4 py-1 tracking-wider",
                   `bg-gradient-to-r ${levelColors[level]}`
                 ),
                 children: level.toUpperCase()
@@ -3824,7 +4000,7 @@ var baseBadgeVariants = cva(
       {
         variant: "destructive",
         appearance: "ghost",
-        className: "text-destructive"
+        className: "text-destructive-strong"
       },
       { size: "lg", appearance: "ghost", className: "px-0" },
       { size: "md", appearance: "ghost", className: "px-0" },
@@ -3942,379 +4118,6 @@ function BaseBadge({
   });
   return element;
 }
-var baseButtonVariants = cva(
-  "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: {
-        primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90",
-        mono: "bg-foreground text-background hover:bg-foreground/90 data-[state=open]:bg-foreground/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90",
-        outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent",
-        dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground",
-        ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-        dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground",
-        foreground: "",
-        inverse: ""
-      },
-      appearance: {
-        default: "",
-        ghost: ""
-      },
-      underline: {
-        solid: "",
-        dashed: ""
-      },
-      underlined: {
-        solid: "",
-        dashed: ""
-      },
-      size: {
-        lg: "h-10 rounded-[var(--radius-md)] px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
-        md: "h-8.5 rounded-[var(--radius-md)] px-3 gap-1.5 text-[0.8125rem] leading-(--text-sm--line-height) [&_svg:not([class*=size-])]:size-4",
-        sm: "h-7 rounded-[var(--radius-md)] px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5",
-        icon: "size-8.5 rounded-[var(--radius-md)] [&_svg:not([class*=size-])]:size-4 shrink-0"
-      },
-      autoHeight: {
-        true: "",
-        false: ""
-      },
-      shape: {
-        default: "",
-        circle: "rounded-full"
-      },
-      mode: {
-        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
-            [[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
-            in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10  dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20
-          `
-      },
-      placeholder: {
-        true: "text-muted-foreground",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "ghost",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "outline",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "outline",
-        mode: "input",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
-      },
-      {
-        size: "md",
-        autoHeight: true,
-        className: "h-auto min-h-8.5"
-      },
-      {
-        size: "sm",
-        autoHeight: true,
-        className: "h-auto min-h-7"
-      },
-      {
-        size: "lg",
-        autoHeight: true,
-        className: "h-auto min-h-10"
-      },
-      {
-        variant: "primary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "mono",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "secondary",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "outline",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "dashed",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "destructive",
-        mode: "default",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "primary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "mono",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "secondary",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "outline",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "dashed",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "destructive",
-        mode: "icon",
-        appearance: "default",
-        className: "shadow-xs"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "primary",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-primary hover:text-primary/90 [&_svg]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "inverse",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underline: "solid",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underline: "dashed",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underlined: "solid",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
-      },
-      {
-        variant: "foreground",
-        mode: "link",
-        underlined: "dashed",
-        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
-      },
-      {
-        variant: "primary",
-        appearance: "ghost",
-        className: "bg-transparent text-primary/90 hover:bg-primary/5 data-[state=open]:bg-primary/5"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        className: "bg-transparent text-destructive/90 hover:bg-destructive/5 data-[state=open]:bg-destructive/5"
-      },
-      {
-        variant: "ghost",
-        mode: "icon",
-        className: "text-muted-foreground"
-      },
-      {
-        size: "sm",
-        mode: "icon",
-        className: "w-7 h-7 p-0 [[&_svg:not([class*=size-])]:size-3.5"
-      },
-      {
-        size: "md",
-        mode: "icon",
-        className: "w-8.5 h-8.5 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      {
-        size: "icon",
-        className: "w-8.5 h-8.5 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      {
-        size: "lg",
-        mode: "icon",
-        className: "w-10 h-10 p-0 [&_svg:not([class*=size-])]:size-4"
-      },
-      {
-        mode: "input",
-        placeholder: true,
-        variant: "outline",
-        className: "font-normal text-muted-foreground"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "sm",
-        className: "gap-1.25"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "md",
-        className: "gap-1.5"
-      },
-      {
-        mode: "input",
-        variant: "outline",
-        size: "lg",
-        className: "gap-1.5"
-      }
-    ],
-    defaultVariants: {
-      variant: "primary",
-      mode: "default",
-      size: "md",
-      shape: "default",
-      appearance: "default"
-    }
-  }
-);
-function BaseButton({
-  render,
-  asChild = false,
-  children,
-  className,
-  selected,
-  variant,
-  shape,
-  appearance,
-  mode,
-  size,
-  autoHeight,
-  underlined,
-  underline,
-  placeholder = false,
-  ...props
-}) {
-  const controlLabelProps = getControlLabelProps({
-    children,
-    fallbackLabel: "Button",
-    label: props["aria-label"],
-    labelledBy: props["aria-labelledby"],
-    title: props.title
-  });
-  const defaultProps = {
-    ...controlLabelProps,
-    "data-slot": "button",
-    className: cn(
-      baseButtonVariants({
-        variant,
-        size,
-        shape,
-        appearance,
-        mode,
-        autoHeight,
-        placeholder,
-        underlined,
-        underline,
-        className
-      }),
-      asChild && props.disabled && "pointer-events-none opacity-50"
-    ),
-    ...selected && { "data-state": "open" }
-  };
-  const renderElement = asChild && React45.isValidElement(children) ? children : render || /* @__PURE__ */ jsx("button", { type: "button", "aria-label": controlLabelProps["aria-label"] });
-  const finalProps = asChild && React45.isValidElement(children) ? mergeProps(defaultProps, props) : mergeProps(defaultProps, { ...props, children });
-  const element = useRender({
-    render: renderElement,
-    props: finalProps
-  });
-  return element;
-}
-function BaseButtonArrow({ icon: Icon = ChevronDown, className, ...props }) {
-  return /* @__PURE__ */ jsx(Icon, { "data-slot": "button-arrow", className: cn("ms-auto -me-1", className), ...props });
-}
 var Slot = React45.forwardRef(
   ({ children, className, style, ...props }, ref) => {
     const childArray = React45.Children.toArray(children);
@@ -4359,10 +4162,10 @@ function Spinner({ className }) {
     }
   );
 }
-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";
+function getIconSizeClass(size, iconSize3) {
+  if (iconSize3 === "sm") return "[&>svg]:size-3.5";
+  if (iconSize3 === "md") return "[&>svg]:size-3.5";
+  if (iconSize3 === "lg") return "[&>svg]:size-4";
   switch (size) {
     case "tiny":
       return "[&>svg]:size-3";
@@ -4377,10 +4180,10 @@ function getIconSizeClass(size, iconSize2) {
       return "[&>svg]:size-4";
   }
 }
-function getSpinnerSizeClass(size, iconSize2) {
-  if (iconSize2 === "sm") return "size-3.5";
-  if (iconSize2 === "md") return "size-3.5";
-  if (iconSize2 === "lg") return "size-4";
+function getSpinnerSizeClass(size, iconSize3) {
+  if (iconSize3 === "sm") return "size-3.5";
+  if (iconSize3 === "md") return "size-3.5";
+  if (iconSize3 === "lg") return "size-4";
   switch (size) {
     case "tiny":
       return "size-3";
@@ -4405,10 +4208,10 @@ function resolveShadowClass(shadow) {
   const level = shadow === true ? "md" : shadow;
   return SHADOW_CLASSES[level];
 }
-function ButtonContent({ loading, prefix, suffix, size, iconSize: iconSize2, children }) {
-  const iconSizeClass = getIconSizeClass(size, iconSize2);
+function ButtonContent({ loading, prefix, suffix, size, iconSize: iconSize3, children }) {
+  const iconSizeClass = getIconSizeClass(size, iconSize3);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    loading && /* @__PURE__ */ jsx(Spinner, { className: getSpinnerSizeClass(size, iconSize2) }),
+    loading && /* @__PURE__ */ jsx(Spinner, { className: getSpinnerSizeClass(size, iconSize3) }),
     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 })
@@ -4419,7 +4222,7 @@ var Button = ({
   variant,
   size,
   shape,
-  iconSize: iconSize2,
+  iconSize: iconSize3,
   asChild = false,
   loading = false,
   disabled,
@@ -4437,7 +4240,7 @@ var Button = ({
     Comp,
     {
       ref,
-      className: cn(buttonVariants({ variant, size, shape, iconSize: iconSize2 }), shadowClass, className),
+      className: cn(buttonVariants({ variant, size, shape, iconSize: iconSize3 }), shadowClass, className),
       disabled: isDisabled,
       "aria-busy": loading || void 0,
       ...props,
@@ -4448,7 +4251,7 @@ var Button = ({
           prefix,
           suffix,
           size,
-          iconSize: iconSize2,
+          iconSize: iconSize3,
           children
         }
       )
@@ -4461,7 +4264,7 @@ var ButtonLink = ({
   variant,
   size,
   shape,
-  iconSize: iconSize2,
+  iconSize: iconSize3,
   prefix,
   suffix,
   shadow,
@@ -4481,7 +4284,7 @@ var ButtonLink = ({
     {
       ref,
       className: cn(
-        buttonVariants({ variant, size, shape, iconSize: iconSize2 }),
+        buttonVariants({ variant, size, shape, iconSize: iconSize3 }),
         shadowClass,
         loading && "pointer-events-none opacity-50",
         className
@@ -4495,7 +4298,7 @@ var ButtonLink = ({
           prefix,
           suffix,
           size,
-          iconSize: iconSize2,
+          iconSize: iconSize3,
           children
         }
       )
@@ -4542,21 +4345,21 @@ var BentoCard = ({
       children: [
         /* @__PURE__ */ jsx("div", { children: background }),
         /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "pointer-events-none z-10 flex transform-gpu flex-col gap-1 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300 lg:group-hover:-translate-y-10", children: [
-            /* @__PURE__ */ jsx(IconComponent, { className: "h-12 w-12 origin-left transform-gpu text-muted-foreground transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300 ease-in-out group-hover:scale-75" }),
+          /* @__PURE__ */ jsxs("div", { className: "pointer-events-none z-10 flex transform-gpu flex-col gap-1 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal lg:group-hover:-translate-y-10", children: [
+            /* @__PURE__ */ jsx(IconComponent, { className: "h-12 w-12 origin-left transform-gpu text-muted-foreground transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal ease-[var(--ease-brand)] group-hover:scale-75" }),
             /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-foreground", children: name }),
             /* @__PURE__ */ jsx("p", { className: "max-w-lg text-muted-foreground", children: description })
           ] }),
-          href && /* @__PURE__ */ jsx("div", { className: "pointer-events-none flex w-full translate-y-0 transform-gpu flex-row items-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300 group-hover:translate-y-0 group-hover:opacity-100 lg:hidden", children: /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, size: "sm", className: "pointer-events-auto p-0", children: /* @__PURE__ */ jsxs("a", { href, children: [
+          href && /* @__PURE__ */ jsx("div", { className: "pointer-events-none flex w-full translate-y-0 transform-gpu flex-row items-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal group-hover:translate-y-0 group-hover:opacity-100 lg:hidden", children: /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, size: "sm", className: "pointer-events-auto p-0", children: /* @__PURE__ */ jsxs("a", { href, children: [
             cta,
             /* @__PURE__ */ jsx(ArrowRight, { className: "ms-2 h-4 w-4 rtl:rotate-180" })
           ] }) }) })
         ] }),
-        href && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 hidden w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300 group-hover:translate-y-0 group-hover:opacity-100 lg:flex", children: /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, size: "sm", className: "pointer-events-auto p-0", children: /* @__PURE__ */ jsxs("a", { href, children: [
+        href && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 hidden w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal group-hover:translate-y-0 group-hover:opacity-100 lg:flex", children: /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, size: "sm", className: "pointer-events-auto p-0", children: /* @__PURE__ */ jsxs("a", { href, children: [
           cta,
           /* @__PURE__ */ jsx(ArrowRight, { className: "ms-2 h-4 w-4 rtl:rotate-180" })
         ] }) }) }),
-        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 transform-gpu transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-300 group-hover:bg-black/[.03] group-hover:dark:bg-muted/50" })
+        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 transform-gpu transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-reveal group-hover:bg-foreground/[.03]" })
       ]
     }
   );
@@ -4975,8 +4778,9 @@ function DefaultGlyph({ className }) {
 }
 var Breadcrumb = ({
   ref,
+  "aria-label": ariaLabel = "breadcrumb",
   ...props
-}) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props });
+}) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": ariaLabel, ...props });
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = ({
   className,
@@ -5586,6 +5390,128 @@ function useBulkSelection({
     selectItems
   };
 }
+
+// src/tokens/components/calendar.ts
+var calendarTokens = {
+  /** Square day cell. Matches the `sm` control height so a month reads as a form row grid. */
+  cellSize: primitiveSizing.sm,
+  cellRadius: primitiveRadius.md,
+  cellFontSize: primitiveFontSize.sm,
+  weekdayFontSize: primitiveFontSize.xs,
+  captionFontSize: primitiveFontSize.sm,
+  navButtonSize: primitiveSizing.tiny,
+  navIconSize: primitiveFontSize.base,
+  padding: primitiveSpacing[3],
+  /** Gap between side-by-side months when `numberOfMonths > 1`. */
+  monthGap: primitiveSpacing[4],
+  captionGap: primitiveSpacing[2]
+};
+function getCalendarStyle(style) {
+  return {
+    "--calendar-cell-size": `${calendarTokens.cellSize}px`,
+    "--calendar-cell-radius": `${calendarTokens.cellRadius}px`,
+    "--calendar-cell-font-size": `${calendarTokens.cellFontSize}px`,
+    "--calendar-weekday-font-size": `${calendarTokens.weekdayFontSize}px`,
+    "--calendar-caption-font-size": `${calendarTokens.captionFontSize}px`,
+    "--calendar-nav-button-size": `${calendarTokens.navButtonSize}px`,
+    "--calendar-nav-icon-size": `${calendarTokens.navIconSize}px`,
+    "--calendar-padding": `${calendarTokens.padding}px`,
+    "--calendar-month-gap": `${calendarTokens.monthGap}px`,
+    "--calendar-caption-gap": `${calendarTokens.captionGap}px`,
+    ...style
+  };
+}
+var navButtonClassName = cn(
+  "inline-flex size-[var(--calendar-nav-button-size)] items-center justify-center",
+  "rounded-[var(--calendar-cell-radius)] text-muted-foreground",
+  "transition-colors duration-micro ease-out",
+  "hover:bg-accent hover:text-accent-foreground",
+  "aria-disabled:pointer-events-none aria-disabled:opacity-40",
+  "[&_svg]:size-[var(--calendar-nav-icon-size)]"
+);
+function CalendarDayButton({ day: _day, modifiers, className, ...props }) {
+  const isRangeMiddle = Boolean(modifiers.range_middle);
+  const isEndpoint = Boolean(modifiers.range_start) || Boolean(modifiers.range_end);
+  const isPill = Boolean(modifiers.selected) && !isRangeMiddle;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "calendar-day-button",
+      className: cn(
+        "relative flex size-[var(--calendar-cell-size)] items-center justify-center",
+        "text-[length:var(--calendar-cell-font-size)] font-normal tabular-nums",
+        "transition-colors duration-micro ease-out",
+        // No focus ring here: the unlayered global `:focus-visible` rule in
+        // design-tokens/static/base.css already outranks Tailwind utilities.
+        "disabled:pointer-events-none disabled:opacity-40",
+        // A middle day must not round, or the band it sits in breaks into beads.
+        isRangeMiddle ? "rounded-none" : "rounded-[var(--calendar-cell-radius)]",
+        isPill && "bg-primary font-medium text-primary-foreground hover:bg-primary",
+        isRangeMiddle && "bg-transparent text-accent-foreground hover:bg-accent/60",
+        !isPill && !isRangeMiddle && "text-foreground hover:bg-accent hover:text-accent-foreground",
+        // Today reads as an outline so it survives being selected on top of it.
+        Boolean(modifiers.today) && !isPill && "font-medium text-primary",
+        Boolean(modifiers.outside) && !isPill && "text-muted-foreground/60",
+        isEndpoint && "z-10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CalendarChevron({ orientation, className, ...props }) {
+  const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+  return /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: cn("shrink-0", className), ...props });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      "data-slot": "calendar",
+      showOutsideDays,
+      className: cn("p-[var(--calendar-padding)] text-foreground", className),
+      style: getCalendarStyle(style),
+      classNames: {
+        [UI.Months]: "relative flex flex-col gap-[var(--calendar-month-gap)] sm:flex-row",
+        [UI.Month]: "flex flex-col gap-[var(--calendar-caption-gap)]",
+        [UI.MonthCaption]: "flex h-[var(--calendar-nav-button-size)] items-center justify-center",
+        [UI.CaptionLabel]: "select-none text-[length:var(--calendar-caption-font-size)] font-medium text-foreground",
+        [UI.Nav]: "absolute inset-x-0 top-0 z-10 flex items-center justify-between",
+        [UI.PreviousMonthButton]: navButtonClassName,
+        [UI.NextMonthButton]: navButtonClassName,
+        [UI.MonthGrid]: "w-full border-collapse",
+        [UI.Weekdays]: "flex",
+        [UI.Weekday]: "w-[var(--calendar-cell-size)] select-none pb-1 text-[length:var(--calendar-weekday-font-size)] font-normal text-muted-foreground",
+        [UI.Week]: "mt-0.5 flex w-full",
+        // The cell carries the connective band; the button carries the pill.
+        [UI.Day]: "relative p-0 text-center",
+        [SelectionState.range_start]: "rounded-l-[var(--calendar-cell-radius)] bg-accent [&:has(+td[data-selected])]:rounded-r-none",
+        [SelectionState.range_middle]: "bg-accent",
+        [SelectionState.range_end]: "rounded-r-[var(--calendar-cell-radius)] bg-accent",
+        [DayFlag.outside]: "text-muted-foreground/60",
+        [DayFlag.disabled]: "opacity-40",
+        [DayFlag.hidden]: "invisible",
+        [UI.WeekNumber]: "w-[var(--calendar-cell-size)] select-none text-[length:var(--calendar-weekday-font-size)] text-muted-foreground",
+        [UI.WeekNumberHeader]: "w-[var(--calendar-cell-size)]",
+        [UI.Footer]: "pt-2 text-center text-xs text-muted-foreground",
+        ...classNames
+      },
+      components: {
+        Chevron: CalendarChevron,
+        DayButton: CalendarDayButton
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
 function CanvasRevealEffect({
   animationSpeed = 0.4,
   opacities = [0.3, 0.3, 0.3, 0.5, 0.5, 0.5, 0.8, 0.8, 0.8, 1],
@@ -5594,7 +5520,7 @@ function CanvasRevealEffect({
   dotSize = 3,
   showGradient = true
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("h-full relative bg-white w-full", containerClassName), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("h-full relative bg-background w-full", containerClassName), children: [
     /* @__PURE__ */ jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx(
       DotMatrix,
       {
@@ -5610,7 +5536,7 @@ function CanvasRevealEffect({
         center: ["x", "y"]
       }
     ) }),
-    showGradient && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-gray-950 to-[84%]" })
+    showGradient && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background to-[84%]" })
   ] });
 }
 CanvasRevealEffect.displayName = "CanvasRevealEffect";
@@ -5780,68 +5706,119 @@ function ShaderMaterial2({ source, uniforms, maxFps = 60 }) {
 function Shader({ source, uniforms, maxFps = 60 }) {
   return /* @__PURE__ */ jsx(Canvas, { className: "absolute inset-0 h-full w-full", children: /* @__PURE__ */ jsx(ShaderMaterial2, { source, uniforms, maxFps }) });
 }
-var Card = ({
+var cardVariants = cva(
+  "rounded-[var(--radius-card,var(--radius-lg))] text-card-foreground transition-[box-shadow,background-color] duration-micro",
+  {
+    variants: {
+      variant: {
+        default: "bg-card shadow-[var(--elevation-card)] ring-1 ring-[var(--edge-soft)]",
+        elevated: "bg-card shadow-ambient-md ring-1 ring-[var(--edge-soft)]",
+        outline: "bg-transparent ring-1 ring-border",
+        ghost: "bg-transparent"
+      },
+      padding: {
+        none: "",
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8"
+      },
+      interactive: {
+        true: "cursor-pointer hover:shadow-ambient-md",
+        false: ""
+      }
+    },
+    defaultVariants: { variant: "default", padding: "none", interactive: false }
+  }
+);
+var CardPaddedContext = React45.createContext(false);
+var CardRoot = ({
   className,
+  variant,
+  padding = "none",
+  interactive,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx(CardPaddedContext.Provider, { value: padding !== "none", children: /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn(
-      "rounded-[var(--radius-lg)] border border-border bg-card text-card-foreground shadow-sm",
-      className
-    ),
+    className: cn(cardVariants({ variant, padding, interactive }), className),
     ...props
   }
-);
-Card.displayName = "Card";
-var CardHeader = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props });
+) });
+CardRoot.displayName = "Card";
+var CardHeader = ({ className, ref, ...props }) => {
+  const padded = React45.use(CardPaddedContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-1.5", !padded && "p-6", className),
+      ...props
+    }
+  );
+};
 CardHeader.displayName = "CardHeader";
-var CardTitle = ({
-  className,
-  children,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "h3",
+var CardTitle = ({ className, as: Tag = "h3", ref, ...props }) => /* @__PURE__ */ jsx(
+  Tag,
   {
     ref,
-    className: cn("text-2xl font-semibold leading-none tracking-tight", className),
-    ...props,
-    children
+    className: cn("text-lg font-semibold leading-tight tracking-tight text-foreground", className),
+    ...props
   }
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = ({
-  className,
-  as: Tag = "p",
+var CardDescription = ({ className, as: Tag = "p", ref, ...props }) => React45.createElement(Tag, {
   ref,
+  className: cn("text-sm leading-relaxed text-muted-foreground", className),
   ...props
-}) => {
-  return React45.createElement(Tag, {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  });
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = ({ className, ref, ...props }) => {
+  const padded = React45.use(CardPaddedContext);
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(padded ? "mt-4 first:mt-0" : "p-6 pt-0", className), ...props });
+};
+CardContent.displayName = "CardContent";
+var CardFooter = ({ className, ref, ...props }) => {
+  const padded = React45.use(CardPaddedContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center",
+        padded ? "mt-6 border-t border-border/50 pt-4 first:mt-0" : "p-6 pt-0",
+        className
+      ),
+      ...props
+    }
+  );
 };
-CardDescription.displayName = "CardDescription";
-var CardContent = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props });
-CardContent.displayName = "CardContent";
-var CardFooter = ({
-  className,
-  ref,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props });
 CardFooter.displayName = "CardFooter";
+var iconSize = { sm: "size-8", md: "size-10", lg: "size-12" };
+var CardIcon = ({ className, size = "md", ref, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex shrink-0 items-center justify-center rounded-[var(--radius-lg)] bg-muted/50",
+      iconSize[size],
+      className
+    ),
+    ...props
+  }
+);
+CardIcon.displayName = "CardIcon";
+var Card = Object.assign(CardRoot, {
+  Header: CardHeader,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Body: CardContent,
+  Footer: CardFooter,
+  Icon: CardIcon
+});
+var CardBody = CardContent;
 function CardSpotlight({
   children,
   radius = 350,
@@ -6415,35 +6392,36 @@ function IndeterminateGlyph({
     }
   );
 }
-var getInputClasses = (checked, disabled, indeterminate) => {
-  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";
-      className += indeterminate ? " stroke-geist-gray-500" : " fill-geist-gray-100 stroke-geist-gray-100";
-    } else {
-      className += " bg-geist-gray-600 border-geist-gray-600 fill-geist-gray-600 stroke-geist-gray-100";
-    }
-  } else {
-    if (!checked || indeterminate) {
-      className += " bg-geist-background-100 border-geist-gray-700 group-hover:bg-geist-gray-200";
-      className += indeterminate ? " stroke-geist-gray-700" : " fill-geist-background-100 stroke-geist-background-100 group-hover:stroke-geist-gray-200 group-hover:fill-geist-gray-200";
-    } else {
-      className += " bg-geist-gray-1000 border-geist-gray-1000 fill-geist-gray-1000 stroke-geist-gray-100";
-    }
-  }
-  return className;
+
+// src/primitives/form-control.ts
+var formControlFocusClassNames = {
+  input: "outline-none focus:border-ring focus:ring-[length:var(--input-focus-ring-width)] focus:ring-ring/30",
+  textarea: "outline-none focus:border-ring focus:ring-[length:var(--textarea-focus-ring-width)] focus:ring-ring/30",
+  select: "outline-none focus:border-ring focus:ring-[length:var(--select-focus-ring-width)] focus:ring-ring/30"
 };
+var formControlInvalidClassNames = {
+  input: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20",
+  textarea: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20",
+  select: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20"
+};
+var controlFocusProxyClassName = "peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-[hsl(var(--ring))]";
+var boxClassName = (on) => cn(
+  "relative inline-flex size-4 shrink-0 items-center justify-center rounded-[4px] border",
+  "stroke-current fill-none transition-[background-color,border-color,color] duration-micro",
+  on ? "border-primary bg-primary text-primary-foreground" : "border-[var(--control-border)] bg-background text-transparent group-hover:border-muted-foreground",
+  "peer-disabled:opacity-50",
+  controlFocusProxyClassName
+);
 var Checkbox = ({
   checked: controlledChecked,
   defaultChecked = false,
-  onChange,
+  onChange: legacyOnChange,
+  onCheckedChange: onChange = legacyOnChange,
   disabled = false,
   indeterminate = false,
   children,
   className,
-  id,
-  name
+  ...inputProps
 }) => {
   const [internalChecked, setInternalChecked] = React45__default.useState(defaultChecked);
   const isControlled = controlledChecked !== void 0;
@@ -6452,34 +6430,28 @@ var Checkbox = ({
     "label",
     {
       className: cn(
-        "flex items-center text-[13px] font-sans group",
-        disabled ? "text-geist-gray-500 cursor-not-allowed" : "text-geist-gray-1000 cursor-pointer",
+        "group flex items-center text-[13px] font-sans",
+        disabled ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer text-foreground",
         className
       ),
       children: [
         /* @__PURE__ */ jsx(
           "input",
           {
-            id,
-            name,
+            ...inputProps,
             disabled,
             type: "checkbox",
             checked,
+            "aria-checked": indeterminate ? "mixed" : void 0,
             onChange: (e) => {
-              if (!indeterminate) {
-                if (!isControlled) {
-                  setInternalChecked(e.target.checked);
-                }
-                if (onChange) {
-                  onChange(e.target.checked);
-                }
-              }
+              if (indeterminate) return;
+              if (!isControlled) setInternalChecked(e.target.checked);
+              onChange?.(e.target.checked);
             },
-            "aria-label": typeof children === "string" ? children : "checkbox",
-            className: "sr-only"
+            className: "peer sr-only"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: getInputClasses(checked, disabled, indeterminate), children: indeterminate ? /* @__PURE__ */ jsx(IndeterminateGlyph, {}) : /* @__PURE__ */ jsx(CheckGlyph, {}) }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: boxClassName(checked || indeterminate), children: indeterminate ? /* @__PURE__ */ jsx(IndeterminateGlyph, {}) : /* @__PURE__ */ jsx(CheckGlyph, {}) }),
         children && /* @__PURE__ */ jsx("span", { className: "ml-2", children })
       ]
     }
@@ -6779,7 +6751,8 @@ function ChoiceboxGroupRoot({
   showLabel = false,
   value: controlledValue,
   defaultValue,
-  onChange,
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
   disabled = false,
   className,
   children
@@ -7094,9 +7067,9 @@ var overlayPrimitiveClassNames = {
     menuItemBaseClassName,
     "min-h-8 gap-2",
     menuHighlightedClassName,
-    "data-[variant=destructive]:text-destructive",
+    "data-[variant=destructive]:text-destructive-strong",
     "data-[variant=destructive]:data-[highlighted]:bg-destructive/10",
-    "data-[variant=destructive]:data-[highlighted]:text-destructive"
+    "data-[variant=destructive]:data-[highlighted]:text-destructive-strong"
   ].join(" "),
   menuItem: [menuItemBaseClassName, menuHighlightedClassName].join(" "),
   menuSubTrigger: [
@@ -7220,7 +7193,7 @@ var DropdownMenuSubContent = ({
   style,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Menu$1.Portal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, { children: /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx(Menu$1.Portal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, { style: { zIndex: overlayZIndex.popover }, children: /* @__PURE__ */ jsx(
   Menu$1.Popup,
   {
     ref,
@@ -7250,6 +7223,7 @@ var DropdownMenuContent = ({
     align,
     alignOffset,
     side,
+    style: { zIndex: overlayZIndex.popover },
     children: /* @__PURE__ */ jsx(
       Menu$1.Popup,
       {
@@ -7550,7 +7524,8 @@ function CodeBlock(props) {
     onLineReference,
     languageIcons,
     showLanguageIcon = true,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    copyLabel = "Copy code"
   } = props;
   const resolvedHide = props.hideLineNumbers;
   const resolvedShow = props.showLineNumbers;
@@ -7772,7 +7747,9 @@ function CodeBlock(props) {
               /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "max-h-60 overflow-y-auto", children: controlledSwitcher.options.map((opt) => /* @__PURE__ */ jsxs(
                 DropdownMenuItem,
                 {
-                  onClick: () => controlledSwitcher.onChange(opt.value),
+                  onClick: () => (controlledSwitcher.onValueChange ?? controlledSwitcher.onChange)?.(
+                    opt.value
+                  ),
                   className: cn(
                     "text-xs",
                     opt.value === controlledSwitcher.value && "bg-accent font-medium"
@@ -7844,7 +7821,7 @@ function CodeBlock(props) {
                 type: "button",
                 onClick: () => copyToClipboard(code),
                 className: "inline-flex h-8 w-8 items-center justify-center rounded-[var(--radius-md)] hover:bg-accent hover:text-accent-foreground",
-                "aria-label": "Copy code",
+                "aria-label": copyLabel,
                 children: copied ? /* @__PURE__ */ jsx(
                   motion.div,
                   {
@@ -8078,25 +8055,33 @@ var CollapsibleContent = ({
 };
 CollapsibleContent.displayName = "CollapsibleContent";
 var colorBadgeVariants = {
-  gray: "bg-muted text-white fill-white",
-  "gray-subtle": "bg-muted text-muted-foreground fill-gray-900",
-  blue: "bg-blue-700 text-white fill-white",
-  "blue-subtle": "bg-blue-200 text-blue-900 fill-blue-900",
+  gray: "bg-muted text-muted-foreground fill-muted-foreground",
+  "gray-subtle": "bg-muted text-muted-foreground fill-muted-foreground",
+  blue: "bg-info text-info-foreground fill-info-foreground",
+  "blue-subtle": "bg-blue-3 text-blue-11 fill-blue-11",
+  // allow-palette: categorical hue with no token equivalent (purple/violet has no semantic slot; --category-N is too desaturated for a solid badge fill)
   purple: "bg-purple-700 text-white fill-white",
+  // allow-palette: categorical hue with no token equivalent (purple/violet has no semantic slot)
   "purple-subtle": "bg-purple-200 text-purple-900 fill-purple-900",
-  amber: "bg-amber-600 text-black fill-black",
-  "amber-subtle": "bg-amber-200 text-amber-900 fill-amber-900",
-  red: "bg-red-700 text-white fill-white",
-  "red-subtle": "bg-red-200 text-red-900 fill-red-900",
+  amber: "bg-warning text-warning-foreground fill-warning-foreground",
+  "amber-subtle": "bg-warning/15 text-warning-strong fill-warning-strong",
+  red: "bg-destructive text-destructive-foreground fill-destructive-foreground",
+  "red-subtle": "bg-destructive/15 text-destructive-strong fill-destructive-strong",
+  // allow-palette: categorical hue with no token equivalent (pink has no semantic slot)
   pink: "bg-pink-700 text-white fill-white",
+  // allow-palette: categorical hue with no token equivalent (pink has no semantic slot)
   "pink-subtle": "bg-pink-300 text-pink-900 fill-pink-900",
-  green: "bg-green-700 text-white fill-white",
-  "green-subtle": "bg-green-200 text-green-900 fill-green-900",
-  teal: "bg-teal-700 text-white fill-white",
-  "teal-subtle": "bg-teal-300 text-teal-900 fill-teal-900",
-  inverted: "bg-muted text-muted-foreground fill-gray-100 dark:fill-gray-900",
-  trial: "bg-gradient-to-br from-blue-500 to-pink-500 text-white fill-white",
-  turbo: "bg-gradient-to-br from-rose-500 to-blue-500 text-white fill-white",
+  green: "bg-success text-success-foreground fill-success-foreground",
+  "green-subtle": "bg-success/15 text-success-strong fill-success-strong",
+  teal: "bg-cyan-11 text-cyan-1 fill-cyan-1",
+  "teal-subtle": "bg-cyan-3 text-cyan-11 fill-cyan-11",
+  inverted: "bg-muted text-muted-foreground fill-background dark:fill-foreground",
+  // The same trial / turbo gradients Badge uses (--ds-trial-*, --ds-turbo-*),
+  // not a second hand-picked pair. Fixed and vivid in both themes: white ink.
+  // allow-palette: fixed vivid gradient, white ink in both themes
+  trial: "bg-gradient-to-br from-trial-start to-trial-end text-white fill-white",
+  // allow-palette: fixed vivid gradient, white ink in both themes
+  turbo: "bg-gradient-to-br from-turbo-start to-turbo-end text-white fill-white",
   pill: "bg-background text-foreground fill-foreground border border-border"
 };
 var colorBadgeSizes = {
@@ -8152,11 +8137,7 @@ var commandFrameClassName = cn(
   "[&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-2.5",
   "[&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4"
 );
-var commandInputWrapperClassName = cn(
-  "flex items-center border-b border-border px-3",
-  "transition-[border-color] duration-micro ease-out",
-  "has-[:focus-visible]:border-ring/60"
-);
+var commandInputWrapperClassName = cn("flex items-center border-b border-border px-3");
 var commandInputClassName = cn(
   "flex h-11 w-full appearance-none border-0 bg-transparent py-3 text-sm text-foreground shadow-none outline-none",
   "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
@@ -8587,6 +8568,7 @@ function PopoverContent({
   return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
     Popover$1.Positioner,
     {
+      style: { zIndex: overlayZIndex.popover },
       "data-slot": "popover-positioner",
       sideOffset,
       align,
@@ -8601,7 +8583,7 @@ function PopoverContent({
             overlayPrimitiveClassNames.popoverSurface,
             className
           ),
-          style: { zIndex: overlayZIndex.popover, ...style },
+          style,
           ...props,
           children: [
             children,
@@ -8677,7 +8659,11 @@ var comboboxSizeTokens = {
 var comboboxTriggerVariants = cva(
   [
     "flex w-full items-center justify-between gap-2 whitespace-nowrap",
-    "h-[var(--combobox-trigger-height)] rounded-[var(--radius-md)] border border-input bg-background px-[var(--combobox-trigger-padding-x)]",
+    // --input-radius, not the generic md step: this trigger is a form control and
+    // should round like Input and Select do. Reading the scale step meant it
+    // tracked whatever a language did to medium surfaces instead of what it
+    // decided for its fields.
+    "h-[var(--combobox-trigger-height)] rounded-[var(--input-radius,var(--radius-md))] border border-input bg-background px-[var(--combobox-trigger-padding-x)]",
     "text-[length:var(--combobox-font-size)] ring-offset-background",
     "transition-colors duration-micro ease-out",
     "placeholder:text-muted-foreground",
@@ -8789,7 +8775,8 @@ function toCssLength(value) {
 function ComboboxRoot({
   options,
   value: controlledValue,
-  onChange,
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
   defaultValue = null,
   disabled = false,
   errored,
@@ -9163,18 +9150,6 @@ var inputTokens = {
   },
   focusRingWidth: 3,
   fieldGap: primitiveSpacing[2] - primitiveSpacing[1] / 2};
-
-// src/primitives/form-control.ts
-var formControlFocusClassNames = {
-  input: "outline-none focus:border-ring focus:ring-[length:var(--input-focus-ring-width)] focus:ring-ring/30",
-  textarea: "outline-none focus:border-ring focus:ring-[length:var(--textarea-focus-ring-width)] focus:ring-ring/30",
-  select: "outline-none focus:border-ring focus:ring-[length:var(--select-focus-ring-width)] focus:ring-ring/30"
-};
-var formControlInvalidClassNames = {
-  input: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20",
-  textarea: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20",
-  select: "aria-invalid:border-destructive/60 aria-invalid:focus:border-destructive aria-invalid:focus:ring-destructive/20"
-};
 var inputVariants = cva(
   [
     "flex h-[var(--input-height)] w-full rounded-[var(--input-radius)]",
@@ -9221,7 +9196,7 @@ var inputVariants = cva(
        * the ring surrounds the whole group rather than a box inside it.
        */
       tone: {
-        bordered: `border border-input bg-background shadow-xs ${formControlFocusClassNames.input}`,
+        bordered: `border border-input bg-background ${formControlFocusClassNames.input}`,
         bare: "border-0 bg-transparent shadow-none"
       }
     },
@@ -9250,7 +9225,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",
+    "hover:bg-accent hover:text-accent-foreground",
     "focus-visible:outline-none",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:size-[var(--input-control-icon-size)]"
@@ -9260,7 +9235,7 @@ var fieldMessageVariants = cva("text-xs", {
   variants: {
     tone: {
       description: "text-muted-foreground",
-      error: "font-medium text-destructive"
+      error: "font-medium text-destructive-strong"
     }
   }
 });
@@ -9327,6 +9302,7 @@ var Input = ({
     revealable,
     revealLabel = "Show password",
     hideLabel = "Hide password",
+    clearLabel = "Clear input",
     clearOnEscape,
     wrapperClassName,
     fieldClassName,
@@ -9477,7 +9453,7 @@ var Input = ({
           "button",
           {
             type: "button",
-            "aria-label": "Clear input",
+            "aria-label": clearLabel,
             disabled,
             className: inputControlButtonVariants(),
             style: getInputStyle(size, void 0),
@@ -9582,13 +9558,13 @@ function ConfirmDialog({
       confirmVariant: "default"
     },
     destructive: {
-      icon: /* @__PURE__ */ jsx(Trash, { className: "size-6 text-destructive" }),
+      icon: /* @__PURE__ */ jsx(Trash, { className: "size-6 text-destructive-strong" }),
       iconBg: "bg-destructive/10",
       confirmVariant: "destructive"
     },
     warning: {
-      icon: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-amber-600" }),
-      iconBg: "bg-amber-100 dark:bg-amber-900/30",
+      icon: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-warning-strong" }),
+      iconBg: "bg-warning/10",
       confirmVariant: "default"
     }
   };
@@ -9734,7 +9710,7 @@ function DestructiveActionModalContent({
                       verificationLabel,
                       " "
                     ] }) : null,
-                    /* @__PURE__ */ jsxs("span", { className: "font-mono text-destructive", children: [
+                    /* @__PURE__ */ jsxs("span", { className: "font-mono text-destructive-strong", children: [
                       '"',
                       verificationPhrase,
                       '"'
@@ -9758,7 +9734,7 @@ function DestructiveActionModalContent({
                   value
                 }
               ),
-              errorMessage2 ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-destructive", role: "alert", children: errorMessage2 }) : null
+              errorMessage2 ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-destructive-strong", role: "alert", children: errorMessage2 }) : null
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
               /* @__PURE__ */ jsx(Button, { disabled: loading, onClick: onCancel, type: "button", variant: "outline", children: cancelLabel }),
@@ -9779,7 +9755,7 @@ function DestructiveActionModalContent({
             {
               id: irreversibleId,
               className: cn(
-                "flex items-start gap-2 border-t border-destructive/20 px-6 py-3 text-sm text-destructive",
+                "flex items-start gap-2 border-t border-destructive/20 px-6 py-3 text-sm text-destructive-strong",
                 "bg-[repeating-linear-gradient(-45deg,hsl(var(--destructive)/0.08),hsl(var(--destructive)/0.08)_1px,transparent_1px,transparent_7px)]"
               ),
               children: [
@@ -9871,12 +9847,12 @@ function BulkActionConfirmDialogContent({
       iconBg: "bg-primary/10"
     },
     destructive: {
-      icon: /* @__PURE__ */ jsx(Trash, { className: "size-6 text-destructive" }),
+      icon: /* @__PURE__ */ jsx(Trash, { className: "size-6 text-destructive-strong" }),
       iconBg: "bg-destructive/10"
     },
     warning: {
-      icon: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-amber-600" }),
-      iconBg: "bg-amber-100 dark:bg-amber-900/30"
+      icon: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-warning-strong" }),
+      iconBg: "bg-warning/10"
     }
   };
   const styles = variantStyles[variant];
@@ -9899,7 +9875,7 @@ function BulkActionConfirmDialogContent({
           " ",
           itemType,
           ".",
-          variant === "destructive" && /* @__PURE__ */ jsxs("span", { className: "font-semibold text-destructive", children: [
+          variant === "destructive" && /* @__PURE__ */ jsxs("span", { className: "font-semibold text-destructive-strong", children: [
             " ",
             "This action cannot be undone."
           ] })
@@ -10128,7 +10104,7 @@ var ContextCardTrigger = ({
         align,
         sideOffset,
         alignOffset,
-        className: "z-50",
+        style: { zIndex: overlayZIndex.popover },
         children: /* @__PURE__ */ jsx(
           Popover$1.Popup,
           {
@@ -10150,7 +10126,7 @@ var ContextCardTrigger = ({
               "rounded-[var(--context-card-radius)] border border-border bg-popover",
               "px-[var(--context-card-padding-x)] py-[var(--context-card-padding-y)]",
               "text-[length:var(--context-card-body-size)] text-popover-foreground shadow-md outline-none",
-              "transition-[opacity,transform,display] duration-[var(--context-card-duration)] ease-[var(--context-card-easing)]",
+              "transition-[opacity,transform] 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",
               "",
@@ -10248,6 +10224,7 @@ var ContextMenuContent = ({
 }) => /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
   ContextMenu$1.Positioner,
   {
+    style: { zIndex: overlayZIndex.popover },
     alignOffset,
     align,
     sideOffset,
@@ -10700,7 +10677,7 @@ var iconToneClassName = {
   "no-results": "text-muted-foreground",
   cleared: "text-muted-foreground",
   permission: "text-muted-foreground",
-  error: "text-destructive"
+  error: "text-destructive-strong"
 };
 var emptyStateCssVars = (size) => ({
   "--empty-state-min-height": `${emptyStateTokens.root.minHeight[size]}px`,
@@ -10800,10 +10777,41 @@ var EmptyStateRoot = ({
   );
 };
 EmptyStateRoot.displayName = "EmptyState.Root";
-var EmptyState = {
+var toneVariant = {
+  default: "blank-slate",
+  branded: "informational",
+  subtle: "guide"
+};
+function EmptyStateSimple({
+  title,
+  description,
+  mascot,
+  icon,
+  action,
+  secondaryAction,
+  tone = "default",
+  size = "md",
+  className
+}) {
+  const visual = mascot ?? icon ?? (tone === "branded" ? /* @__PURE__ */ jsx(BrandMark, { size: size === "lg" ? "lg" : "md" }) : null);
+  return /* @__PURE__ */ jsx(
+    EmptyStateRoot,
+    {
+      action,
+      className: cn(tone === "subtle" && "border-0 bg-transparent", className),
+      description,
+      icon: visual ? /* @__PURE__ */ jsx(EmptyStateIcon, { icon: visual }) : void 0,
+      link: secondaryAction,
+      size,
+      title,
+      variant: toneVariant[tone]
+    }
+  );
+}
+var EmptyState = Object.assign(EmptyStateSimple, {
   Root: EmptyStateRoot,
   Icon: EmptyStateIcon
-};
+});
 function asCssLength(value) {
   if (value === void 0) return void 0;
   return typeof value === "number" ? `${value}px` : value;
@@ -11283,6 +11291,189 @@ function DataList({
   );
 }
 DataList.displayName = "DataList";
+var ISO_DATE_FORMAT = "yyyy-MM-dd";
+function parseIsoDate(value) {
+  if (!value) return void 0;
+  const parsed = parse(value, ISO_DATE_FORMAT, /* @__PURE__ */ new Date());
+  return isValid(parsed) ? parsed : void 0;
+}
+function toIsoDate(date) {
+  return format(date, ISO_DATE_FORMAT);
+}
+function getFieldStyle(size, style) {
+  const token = inputTokens.sizes[size];
+  return {
+    "--input-height": `${token.height}px`,
+    "--input-padding-x": `${token.paddingX}px`,
+    "--input-padding-left": `${token.affixWidth}px`,
+    "--input-padding-right": `${token.affixWidth}px`,
+    "--input-font-size": `${token.fontSize}px`,
+    "--input-radius": `${token.radius}px`,
+    "--input-affix-inset": `${token.affixInset}px`,
+    "--input-control-inset": `${token.controlInset}px`,
+    "--input-control-size": `${token.controlSize}px`,
+    "--input-control-icon-size": `${token.controlIconSize}px`,
+    "--input-icon-size": `${token.iconSize}px`,
+    "--input-focus-ring-width": `${inputTokens.focusRingWidth}px`,
+    borderRadius: "var(--input-radius)",
+    outline: "none",
+    ...style
+  };
+}
+function joinIds(...ids) {
+  return ids.filter(Boolean).join(" ") || void 0;
+}
+function DatePicker({
+  value,
+  defaultValue,
+  onValueChange,
+  label,
+  id,
+  name,
+  placeholder,
+  description,
+  error,
+  size = "md",
+  disabled,
+  required,
+  min,
+  max,
+  displayFormat = ISO_DATE_FORMAT,
+  triggerLabel = "Open calendar",
+  className,
+  fieldClassName,
+  wrapperClassName,
+  locale,
+  weekStartsOn,
+  numberOfMonths,
+  fixedWeeks,
+  showOutsideDays,
+  dir,
+  ...fieldProps
+}) {
+  const isControlled = value !== void 0;
+  const generatedId = React45.useId();
+  const fieldId = id ?? generatedId;
+  const [internalValue, setInternalValue] = React45.useState(defaultValue ?? "");
+  const currentValue = isControlled ? value : internalValue;
+  const selected = parseIsoDate(currentValue);
+  const minDate = parseIsoDate(min);
+  const maxDate = parseIsoDate(max);
+  const [draft, setDraft] = React45.useState(null);
+  const [open, setOpen] = React45.useState(false);
+  const displayValue = draft ?? (selected ? format(selected, displayFormat) : currentValue ?? "");
+  const descriptionId = description ? `${fieldId}-description` : void 0;
+  const errorId = typeof error === "string" ? `${fieldId}-error` : void 0;
+  const invalid = error === true || typeof error === "string";
+  const commit = React45.useCallback(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  const handleTextChange = (event) => {
+    const text = event.target.value;
+    setDraft(text);
+    if (text === "") {
+      commit("");
+      return;
+    }
+    const parsed = parse(text, displayFormat, /* @__PURE__ */ new Date());
+    if (isValid(parsed)) commit(toIsoDate(parsed));
+  };
+  const handleBlur = () => setDraft(null);
+  const handleSelect = (next) => {
+    setDraft(null);
+    commit(next ? toIsoDate(next) : "");
+    setOpen(false);
+  };
+  const disabledMatcher = [
+    ...minDate ? [{ before: minDate }] : [],
+    ...maxDate ? [{ after: maxDate }] : []
+  ];
+  const control = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "date-picker",
+      className: cn("relative flex items-center", wrapperClassName),
+      style: getFieldStyle(size, void 0),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "off",
+            "data-slot": "date-picker-input",
+            "aria-invalid": invalid || void 0,
+            "aria-describedby": joinIds(descriptionId, errorId),
+            ...fieldProps,
+            id: fieldId,
+            name,
+            className: cn(inputVariants({ size, affix: "suffix", tone: "bordered" }), className),
+            style: getFieldStyle(size, void 0),
+            placeholder: placeholder ?? displayFormat,
+            value: displayValue,
+            onChange: handleTextChange,
+            onBlur: handleBlur,
+            disabled,
+            required
+          }
+        ),
+        /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": triggerLabel,
+              disabled,
+              className: inputControlButtonVariants(),
+              style: getFieldStyle(size, void 0),
+              children: /* @__PURE__ */ jsx(Calendar$1, { "aria-hidden": "true" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              ...selected ? { selected, defaultMonth: selected } : {},
+              onSelect: handleSelect,
+              ...disabledMatcher.length > 0 ? { disabled: disabledMatcher } : {},
+              ...minDate ? { startMonth: minDate } : {},
+              ...maxDate ? { endMonth: maxDate } : {},
+              ...locale ? { locale } : {},
+              ...weekStartsOn !== void 0 ? { weekStartsOn } : {},
+              ...numberOfMonths !== void 0 ? { numberOfMonths } : {},
+              ...fixedWeeks !== void 0 ? { fixedWeeks } : {},
+              ...showOutsideDays !== void 0 ? { showOutsideDays } : {},
+              ...dir !== void 0 ? { dir } : {},
+              autoFocus: true
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+  if (!label && !description && typeof error !== "string") {
+    return control;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "date-picker-field",
+      className: cn("grid gap-[var(--input-field-gap)]", fieldClassName),
+      style: { "--input-field-gap": `${inputTokens.fieldGap}px` },
+      children: [
+        label && /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: "text-sm font-medium text-foreground", children: label }),
+        control,
+        description && !error && /* @__PURE__ */ jsx("p", { id: descriptionId, className: "text-xs text-muted-foreground", children: description }),
+        typeof error === "string" && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive-strong", children: error })
+      ]
+    }
+  );
+}
+DatePicker.displayName = "DatePicker";
 var Description = function Description2({
   ref,
   title,
@@ -11300,25 +11491,25 @@ var Description = function Description2({
 };
 function DisplayCard({
   className,
-  icon = /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-blue-300" }),
+  icon = /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-blue-11" }),
   title = "Featured",
   description = "Discover amazing content",
   date = "Just now",
-  titleClassName = "text-blue-500"
+  titleClassName = "text-blue-11"
 }) {
   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",
+        "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-cinematic",
         "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",
+        "hover:border-foreground/20 hover:bg-muted",
         "[&>*]:flex [&>*]:items-center [&>*]:gap-2",
         className
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "relative inline-block rounded-full bg-blue-800 p-1", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "relative inline-block rounded-full bg-blue-4 p-1", children: icon }),
           /* @__PURE__ */ jsx("p", { className: cn("text-lg font-medium", titleClassName), children: title })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "whitespace-nowrap text-lg", children: description }),
@@ -11329,10 +11520,10 @@ function DisplayCard({
 }
 var DEFAULT_CARDS = [
   {
-    className: "[grid-area:stack] hover:-translate-y-10 before:absolute before:w-[100%] before:outline-1 before:rounded-[var(--radius-xl)] before:outline-border before:h-[100%] before:content-[''] before:bg-blend-overlay before:bg-background/50 grayscale-[100%] hover:before:opacity-0 before:transition-opacity before:duration-700 hover:grayscale-0 before:left-0 before:top-0"
+    className: "[grid-area:stack] hover:-translate-y-10 before:absolute before:w-[100%] before:outline-1 before:rounded-[var(--radius-xl)] before:outline-border before:h-[100%] before:content-[''] before:bg-blend-overlay before:bg-background/50 grayscale-[100%] hover:before:opacity-0 before:transition-opacity before:duration-cinematic hover:grayscale-0 before:left-0 before:top-0"
   },
   {
-    className: "[grid-area:stack] translate-x-16 translate-y-10 hover:-translate-y-1 before:absolute before:w-[100%] before:outline-1 before:rounded-[var(--radius-xl)] before:outline-border before:h-[100%] before:content-[''] before:bg-blend-overlay before:bg-background/50 grayscale-[100%] hover:before:opacity-0 before:transition-opacity before:duration-700 hover:grayscale-0 before:left-0 before:top-0"
+    className: "[grid-area:stack] translate-x-16 translate-y-10 hover:-translate-y-1 before:absolute before:w-[100%] before:outline-1 before:rounded-[var(--radius-xl)] before:outline-border before:h-[100%] before:content-[''] before:bg-blend-overlay before:bg-background/50 grayscale-[100%] hover:before:opacity-0 before:transition-opacity before:duration-cinematic hover:grayscale-0 before:left-0 before:top-0"
   },
   {
     className: "[grid-area:stack] translate-x-32 translate-y-20 hover:translate-y-10"
@@ -11344,7 +11535,7 @@ function DisplayCards({ cards, className }) {
     "div",
     {
       className: cn(
-        "grid [grid-template-areas:'stack'] place-items-center opacity-100 animate-in fade-in-0 duration-700",
+        "grid [grid-template-areas:'stack'] place-items-center opacity-100 animate-in fade-in-0 duration-cinematic",
         className
       ),
       children: displayCards.map((cardProps, index) => /* @__PURE__ */ jsx(DisplayCard, { ...cardProps }, index))
@@ -11536,7 +11727,7 @@ function DitheringBackground({
             pxSize: config.pxSize,
             scale: config.scale,
             style: {
-              height: "100vh",
+              height: "100dvh",
               width: "100vw"
             }
           }
@@ -12497,7 +12688,8 @@ function TocExpandedMenu({
   firstMenuItemRef,
   onClose,
   onHover,
-  onJump
+  onJump,
+  closeLabel = "Close table of contents"
 }) {
   return /* @__PURE__ */ jsxs(
     m.div,
@@ -12519,7 +12711,7 @@ function TocExpandedMenu({
             "button",
             {
               type: "button",
-              "aria-label": "Close table of contents",
+              "aria-label": closeLabel,
               onClick: onClose,
               className: "text-muted-foreground transition-colors duration-micro hover:text-foreground focus-visible:text-foreground focus-visible:outline-none",
               children: /* @__PURE__ */ jsx(Cross, { className: "h-5 w-5", "aria-hidden": "true" })
@@ -12577,7 +12769,7 @@ function TocMenuItem({
       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",
-        isActive && "bg-foreground/10 font-medium text-foreground",
+        isActive && "bg-foreground/10 text-foreground",
         !isActive && isHovered && "bg-foreground/5 text-foreground/85",
         !isActive && !isHovered && "bg-transparent text-foreground/45"
       ),
@@ -12602,7 +12794,8 @@ function DynamicIslandTOC({
   ariaLabel = "Table of contents",
   menuHeading = "TABLE OF CONTENTS",
   emptyLabel = "Contents",
-  className
+  className,
+  closeLabel = "Close table of contents"
 }) {
   const reduceMotion = useReducedMotion() ?? false;
   const menuLabelId = useId();
@@ -12786,6 +12979,7 @@ function DynamicIslandTOC({
                     {
                       isExpanded,
                       ariaLabel,
+                      closeLabel,
                       menuLabelId,
                       menuHeading,
                       headings,
@@ -13079,11 +13273,11 @@ function EditTool({
             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 > 0 && /* @__PURE__ */ jsxs("span", { className: "text-success-strong", children: [
                   "+",
                   stats.added
                 ] }),
-                stats.removed > 0 && /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+                stats.removed > 0 && /* @__PURE__ */ jsxs("span", { className: "text-destructive-strong", children: [
                   "-",
                   stats.removed
                 ] })
@@ -13103,8 +13297,8 @@ function EditTool({
             {
               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 === "add" && "bg-[hsl(var(--success)/0.1)] text-success-strong",
+                op.type === "remove" && "bg-[hsl(var(--destructive)/0.1)] text-destructive-strong",
                 op.type === "context" && "text-foreground/80"
               ),
               children: [
@@ -13114,8 +13308,8 @@ function EditTool({
                     "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 === "add" && "text-success-strong",
+                      op.type === "remove" && "text-destructive-strong",
                       op.type === "context" && "text-muted-foreground/60"
                     ),
                     children: op.type === "add" ? "+" : op.type === "remove" ? "-" : " "
@@ -13138,8 +13332,11 @@ var InputOTP = ({
   children,
   render,
   ref,
-  ...props
+  onValueChange,
+  onChange: legacyOnChange,
+  ...rest
 }) => {
+  const props = { ...rest, onChange: onValueChange ?? legacyOnChange };
   const otpProps = render ? { render, ...props } : { children, ...props };
   return /* @__PURE__ */ jsx(
     OTPInput,
@@ -13413,17 +13610,17 @@ function DefaultErrorFallback({
         )
       ] });
     case "inline":
-      return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-sm text-red-600 dark:text-red-400", children: [
+      return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-sm text-destructive-strong", children: [
         /* @__PURE__ */ jsx(Warning, { className: "size-3" }),
         /* @__PURE__ */ jsx("span", { children: "Error" }),
         showRetry && /* @__PURE__ */ jsx("button", { type: "button", onClick: resetError, className: "text-primary hover:underline", children: "Retry" })
       ] });
     case "compact":
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-[var(--radius-lg)]", children: [
-        /* @__PURE__ */ jsx(Warning, { className: "size-5 text-red-600 dark:text-red-400 shrink-0" }),
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 bg-destructive/10 border border-destructive/20 rounded-[var(--radius-lg)]", children: [
+        /* @__PURE__ */ jsx(Warning, { className: "size-5 text-destructive-strong shrink-0" }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 truncate", children: componentName ? `${componentName} \u52A0\u8F7D\u5931\u8D25` : "\u7EC4\u4EF6\u52A0\u8F7D\u5931\u8D25" }),
-          process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400 truncate mt-0.5", children: error.message })
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive-strong truncate", children: componentName ? `${componentName} \u52A0\u8F7D\u5931\u8D25` : "\u7EC4\u4EF6\u52A0\u8F7D\u5931\u8D25" }),
+          process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive-strong truncate mt-0.5", children: error.message })
         ] }),
         showRetry && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: resetError, children: [
           /* @__PURE__ */ jsx(RefreshClockwise, { className: "size-3 mr-1" }),
@@ -13432,7 +13629,7 @@ function DefaultErrorFallback({
       ] });
     default:
       return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center p-6 bg-muted/50 border border-border rounded-[var(--radius-lg)]", children: [
-        /* @__PURE__ */ jsx("div", { className: "size-12 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-red-600 dark:text-red-400" }) }),
+        /* @__PURE__ */ jsx("div", { className: "size-12 rounded-full bg-destructive/15 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Warning, { className: "size-6 text-destructive-strong" }) }),
         /* @__PURE__ */ jsx("h3", { className: "text-base font-medium text-foreground mb-1", children: componentName ? `${componentName} \u51FA\u9519\u4E86` : "\u7EC4\u4EF6\u51FA\u9519\u4E86" }),
         /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 text-center", children: "\u6B64\u90E8\u5206\u6682\u65F6\u65E0\u6CD5\u52A0\u8F7D\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" }),
         process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx("div", { className: "w-full max-w-md p-2 bg-muted rounded mb-4", children: /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground break-all", children: error.message }) }),
@@ -13453,10 +13650,10 @@ function TableErrorBoundary({
       componentName: tableName || "\u8868\u683C",
       variant: "compact",
       fallback: ({ error, resetError }) => /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-[var(--radius-lg)] overflow-hidden", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 bg-red-50 dark:bg-red-900/20", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 bg-destructive/10", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Warning, { className: "size-4 text-red-600 dark:text-red-400" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: tableName ? `${tableName}\u52A0\u8F7D\u5931\u8D25` : "\u8868\u683C\u52A0\u8F7D\u5931\u8D25" })
+            /* @__PURE__ */ jsx(Warning, { className: "size-4 text-destructive-strong" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-destructive-strong", children: tableName ? `${tableName}\u52A0\u8F7D\u5931\u8D25` : "\u8868\u683C\u52A0\u8F7D\u5931\u8D25" })
           ] }),
           /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: resetError, children: [
             /* @__PURE__ */ jsx(RefreshClockwise, { className: "size-3 mr-1" }),
@@ -13492,7 +13689,7 @@ var textSize = {
   medium: "text-sm",
   large: "text-base"
 };
-var iconSize = {
+var iconSize2 = {
   small: 12,
   medium: 14,
   large: 16
@@ -13528,9 +13725,13 @@ var ErrorMessage = ({
     {
       ref,
       role: "alert",
-      className: cn("inline-flex items-center gap-1.5 text-destructive", textSize[sz], className),
+      className: cn(
+        "inline-flex items-center gap-1.5 text-destructive-strong",
+        textSize[sz],
+        className
+      ),
       children: [
-        /* @__PURE__ */ jsx(Warning, { size: iconSize[sz], "aria-hidden": "true", className: "shrink-0" }),
+        /* @__PURE__ */ jsx(Warning, { size: iconSize2[sz], "aria-hidden": "true", className: "shrink-0" }),
         /* @__PURE__ */ jsxs("span", { children: [
           label && /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
             label,
@@ -13602,12 +13803,12 @@ var ErrorSurface = ({
           "span",
           {
             "aria-hidden": "true",
-            className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-destructive/20 bg-background text-destructive",
+            className: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-destructive/20 bg-background text-destructive-strong",
             children: /* @__PURE__ */ jsx(Warning, { size: surfaceIconSize[size] })
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          label && showLabel ? /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium uppercase tracking-normal text-destructive", children: label }) : null,
+          label && showLabel ? /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium uppercase tracking-normal text-destructive-strong", children: label }) : null,
           resolvedTitle ? /* @__PURE__ */ jsx("p", { className: "font-semibold leading-6 text-foreground", children: resolvedTitle }) : null,
           message ? /* @__PURE__ */ jsx("p", { className: cn("leading-5 text-muted-foreground", resolvedTitle && "mt-1"), children: message }) : null,
           resolvedErrorId ? /* @__PURE__ */ jsxs("details", { className: "mt-3 text-xs text-muted-foreground", children: [
@@ -13727,6 +13928,7 @@ var ExpandableGallery = function ExpandableGallery2({
             transition: activeTransition,
             className: cn(
               "relative w-full",
+              // allow-state-shift: open and closed are two different layouts — the expansion is the point
               isOpen ? "grid grid-cols-2 gap-6 px-4 md:gap-8 lg:grid-cols-3" : "flex flex-col items-center justify-start pt-4"
             ),
             children: [
@@ -13746,6 +13948,7 @@ var ExpandableGallery = function ExpandableGallery2({
                     const z = photo.zIndex ?? index;
                     const sharedClass = cn(
                       "overflow-hidden bg-muted",
+                      // allow-state-shift: the tile resizes as the gallery opens — the expansion is the point
                       isOpen ? "relative aspect-square rounded-[2rem] border-4 border-background shadow-lg md:rounded-[3rem] md:border-[6px]" : "absolute h-44 w-44 cursor-pointer rounded-[2.5rem] border-[6px] border-background shadow-[0_20px_50px_rgba(0,0,0,0.15)] md:h-60 md:w-60 md:rounded-[3rem]"
                     );
                     const inner = /* @__PURE__ */ jsx(
@@ -13800,14 +14003,14 @@ var ExpandableGallery = function ExpandableGallery2({
                             scale: 1.05,
                             y: y - 15,
                             rotate: rotation * 0.8,
-                            zIndex: 50,
+                            zIndex: 20,
                             transition: hoverTransition
                           },
                           whileFocus: {
                             scale: 1.05,
                             y: y - 15,
                             rotate: rotation * 0.8,
-                            zIndex: 50,
+                            zIndex: 20,
                             transition: hoverTransition
                           }
                         },
@@ -13835,29 +14038,19 @@ var ExpandableGallery = function ExpandableGallery2({
     }
   ) });
 };
-var buttonVariants2 = {
-  initial: {
-    gap: 0,
-    paddingLeft: ".5rem",
-    paddingRight: ".5rem"
-  },
-  animate: (isSelected) => ({
-    gap: isSelected ? ".5rem" : 0,
-    paddingLeft: isSelected ? "1rem" : ".5rem",
-    paddingRight: isSelected ? "1rem" : ".5rem"
-  })
-};
 var spanVariants = {
-  initial: { width: 0, opacity: 0 },
-  animate: { width: "auto", opacity: 1 },
-  exit: { width: 0, opacity: 0 }
+  initial: { opacity: 0, transform: "translateX(-4px)" },
+  animate: { opacity: 1, transform: "translateX(0px)" },
+  exit: { opacity: 0, transform: "translateX(-4px)" }
 };
-var transition2 = { delay: 0.1, type: "spring", bounce: 0, duration: 0.6 };
+var transition2 = { duration: 0.2, ease: [0.16, 1, 0.3, 1] };
 function ExpandableTabs({
   tabs,
   className,
   activeColor = "text-primary",
-  onChange
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
+  tabsLabel = "Navigation tabs"
 }) {
   const [selected, setSelected] = React45.useState(null);
   const outsideClickRef = React45.useRef(null);
@@ -13881,7 +14074,7 @@ function ExpandableTabs({
         className
       ),
       role: "tablist",
-      "aria-label": "Navigation tabs",
+      "aria-label": tabsLabel,
       children: tabs.map((tab, index) => {
         if (tab.type === "separator") {
           return /* @__PURE__ */ jsx(TabSeparator, {}, `separator-${index}`);
@@ -13891,36 +14084,25 @@ function ExpandableTabs({
         const tabClassName = cn(
           "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"
+          isSelected ? cn("bg-muted px-4", activeColor) : "px-2 text-muted-foreground hover:bg-muted hover:text-foreground"
         );
         const tabContent = (
           // biome-ignore lint/correctness/useJsxKeyInIterable: key is on the parent <button>
-          /* @__PURE__ */ jsxs(
-            motion.span,
-            {
-              variants: buttonVariants2,
-              initial: false,
-              animate: "animate",
-              custom: isSelected,
-              transition: activeTransition,
-              className: "flex items-center",
-              children: [
-                /* @__PURE__ */ jsx(Icon, { size: 20, "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isSelected && /* @__PURE__ */ jsx(
-                  motion.span,
-                  {
-                    variants: spanVariants,
-                    initial: "initial",
-                    animate: "animate",
-                    exit: "exit",
-                    transition: activeTransition,
-                    className: "overflow-hidden",
-                    children: tab.title
-                  }
-                ) })
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Icon, { size: 20, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isSelected && /* @__PURE__ */ jsx(
+              motion.span,
+              {
+                variants: spanVariants,
+                initial: "initial",
+                animate: "animate",
+                exit: "exit",
+                transition: activeTransition,
+                className: "overflow-hidden whitespace-nowrap",
+                children: tab.title
+              }
+            ) })
+          ] })
         );
         return isSelected ? /* @__PURE__ */ jsx(
           "button",
@@ -13979,7 +14161,7 @@ var textareaTokens = {
   focusRingWidth: 3,
   fieldGap: primitiveSpacing[2] - primitiveSpacing[1] / 2};
 var fieldMessageClassName = "text-xs text-muted-foreground";
-var fieldErrorClassName = "text-xs font-medium text-destructive";
+var fieldErrorClassName = "text-xs font-medium text-destructive-strong";
 function getTextareaStyle(size, style) {
   const token = textareaTokens.sizes[size];
   return {
@@ -14014,6 +14196,7 @@ var Textarea = ({
   description,
   error,
   fieldClassName,
+  tone = "bordered",
   id,
   onChange,
   onValueChange,
@@ -14039,10 +14222,10 @@ var Textarea = ({
     "textarea",
     {
       className: cn(
-        "flex min-h-[var(--textarea-min-height)] w-full resize-y rounded-[var(--textarea-radius)] border border-input bg-background",
-        "px-[var(--textarea-padding-x)] py-[var(--textarea-padding-y)] text-[length:var(--textarea-font-size)] text-foreground shadow-xs",
+        "flex min-h-[var(--textarea-min-height)] w-full resize-y rounded-[var(--textarea-radius)]",
+        "px-[var(--textarea-padding-x)] py-[var(--textarea-padding-y)] text-[length:var(--textarea-font-size)] text-foreground",
         "transition-[background-color,border-color,box-shadow,color] duration-micro ease-out placeholder:text-muted-foreground",
-        formControlFocusClassNames.textarea,
+        tone === "bordered" ? `border border-input bg-background ${formControlFocusClassNames.textarea}` : "border-0 bg-transparent shadow-none",
         "disabled:cursor-not-allowed disabled:opacity-50 read-only:cursor-default read-only:bg-muted/70",
         formControlInvalidClassNames.textarea,
         className
@@ -14357,6 +14540,7 @@ function FeatureArrowCard({
   cardContent,
   onArrowClick,
   className,
+  arrowLabel = "Go to feature",
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -14383,7 +14567,7 @@ function FeatureArrowCard({
             type: "button",
             onClick: onArrowClick,
             className: "absolute bottom-2 right-2 z-10 flex items-center gap-2 rounded-full border bg-background p-3 transition hover:-rotate-45",
-            "aria-label": "Go to feature",
+            "aria-label": arrowLabel,
             children: /* @__PURE__ */ jsx(ArrowRight, { className: "size-4 text-primary" })
           }
         )
@@ -14484,7 +14668,7 @@ function CircularUI({ label, circles, className }) {
           "border-primary": circle.pattern === "none",
           "border-primary bg-[repeating-linear-gradient(-45deg,hsl(var(--border)),hsl(var(--border))_1px,transparent_1px,transparent_4px)]": circle.pattern === "border",
           "border-primary bg-background bg-[repeating-linear-gradient(-45deg,hsl(var(--primary)),hsl(var(--primary))_1px,transparent_1px,transparent_4px)]": circle.pattern === "primary",
-          "z-[1] border-blue-500 bg-background bg-[repeating-linear-gradient(-45deg,theme(colors.blue.500),theme(colors.blue.500)_1px,transparent_1px,transparent_4px)]": circle.pattern === "blue"
+          "z-[1] border-info bg-background bg-[repeating-linear-gradient(-45deg,hsl(var(--info)),hsl(var(--info))_1px,transparent_1px,transparent_4px)]": circle.pattern === "blue"
         }),
         "aria-hidden": "true"
       },
@@ -14782,7 +14966,7 @@ function NativeSelect({
                   style: { borderRadius: "var(--select-radius)" },
                   className: cn(
                     "h-[var(--select-height)] w-full appearance-none rounded-[var(--select-radius)] border font-sans",
-                    "bg-background text-[length:var(--select-font-size)] text-foreground shadow-xs outline-none",
+                    "bg-background text-[length:var(--select-font-size)] text-foreground outline-none",
                     "transition-[background-color,border-color,box-shadow,color] duration-[var(--select-duration)] ease-[var(--select-easing)]",
                     formControlFocusClassNames.select,
                     "disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground",
@@ -14966,7 +15150,7 @@ var SelectTrigger = ({
     ref,
     className: cn(
       "flex h-[var(--select-height)] w-full items-center justify-between whitespace-nowrap rounded-[var(--select-radius)] border border-input bg-background",
-      "px-[var(--select-padding-x)] text-[length:var(--select-font-size)] text-foreground shadow-xs",
+      "px-[var(--select-padding-x)] text-[length:var(--select-font-size)] text-foreground",
       "transition-[background-color,border-color,box-shadow,color] duration-micro ease-out placeholder:text-muted-foreground",
       formControlFocusClassNames.select,
       "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
@@ -15000,6 +15184,7 @@ var SelectContent = ({
 }) => /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(
   Select$1.Positioner,
   {
+    style: { zIndex: overlayZIndex.popover },
     alignItemWithTrigger: position === "item-aligned",
     sideOffset: selectTokens.content.sideOffset,
     children: /* @__PURE__ */ jsx(
@@ -15144,7 +15329,8 @@ function FeedbackForm({
   dryRun,
   disabled,
   initialEmotion,
-  onDone
+  onDone,
+  topicLabel = "Feedback topic"
 }) {
   const promptId = React45.useId();
   const emotionName = React45.useId();
@@ -15205,7 +15391,7 @@ function FeedbackForm({
         onValueChange: (nextTopic) => setTopic(typeof nextTopic === "string" ? nextTopic : ""),
         disabled: disabled || submitting,
         children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Feedback topic", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a topic..." }) }),
+          /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": topicLabel, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a topic..." }) }),
           /* @__PURE__ */ jsx(SelectContent, { children: topics.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
         ]
       }
@@ -15227,7 +15413,7 @@ function FeedbackForm({
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--feedback-row-gap)]", children: [
         /* @__PURE__ */ jsx(MarkdownHint, {}),
-        error ? /* @__PURE__ */ jsx("p", { className: "text-destructive text-xs", id: errorId, role: "alert", children: error }) : null
+        error ? /* @__PURE__ */ jsx("p", { className: "text-destructive-strong text-xs", id: errorId, role: "alert", children: error }) : null
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex justify-end border-border border-t pt-[var(--feedback-padding)]", children: /* @__PURE__ */ jsx(Button, { disabled: !canSubmit, loading: submitting, size: "sm", type: "submit", children: "Send" }) })
@@ -15243,7 +15429,9 @@ function FeedbackDefault({
   dryRun,
   disabled,
   defaultOpen = false,
-  className
+  className,
+  topicLabel,
+  closeLabel = "Close feedback"
 }) {
   const triggerRef = React45.useRef(null);
   const [open, setOpen] = React45.useState(defaultOpen);
@@ -15281,7 +15469,7 @@ function FeedbackDefault({
             /* @__PURE__ */ jsx(
               "button",
               {
-                "aria-label": "Close feedback",
+                "aria-label": closeLabel,
                 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",
@@ -15299,6 +15487,7 @@ function FeedbackDefault({
               ...onSubmit ? { onSubmit } : {},
               ...dryRun !== void 0 ? { dryRun } : {},
               ...disabled !== void 0 ? { disabled } : {},
+              ...topicLabel !== void 0 ? { topicLabel } : {},
               onDone: closeAndReturnFocus
             }
           )
@@ -15317,7 +15506,8 @@ function FeedbackInline({
   dryRun,
   disabled,
   defaultExpanded = false,
-  className
+  className,
+  topicLabel
 }) {
   const rootRef = React45.useRef(null);
   const emotionName = React45.useId();
@@ -15344,7 +15534,6 @@ function FeedbackInline({
       ref: rootRef,
       className: cn(
         "m-0 min-w-0 w-fit overflow-hidden rounded-[var(--feedback-panel-radius)] border border-border bg-card p-0 text-card-foreground shadow-sm",
-        "transition-[max-height,width] duration-[var(--feedback-duration)] ease-[var(--feedback-easing)] motion-reduce:transition-none",
         expanded ? "w-[var(--feedback-width)]" : "max-w-full",
         className
       ),
@@ -15384,6 +15573,7 @@ function FeedbackInline({
             ...onSubmit ? { onSubmit } : {},
             ...dryRun !== void 0 ? { dryRun } : {},
             ...disabled !== void 0 ? { disabled } : {},
+            ...topicLabel !== void 0 ? { topicLabel } : {},
             onDone: () => {
               setExpanded(false);
               setSelectedEmotion(void 0);
@@ -15412,10 +15602,10 @@ var Field = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs("div", { ref, className: cn("grid gap-2", className), ...props, children: [
-    /* @__PURE__ */ jsx(Label, { htmlFor, className: cn(error && "text-destructive"), children: label }),
+    /* @__PURE__ */ jsx(Label, { htmlFor, className: cn(error && "text-destructive-strong"), children: label }),
     children,
     description && !error && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }),
-    error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: error })
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive-strong", children: error })
   ] });
 };
 Field.displayName = "Field";
@@ -15540,32 +15730,32 @@ function FileAttachment({
   );
 }
 var BANNER_COLOR = {
-  doc: "bg-blue-500 text-white",
-  pdf: "bg-red-500 text-white",
-  md: "bg-neutral-600 text-white",
-  mdx: "bg-neutral-600 text-white",
-  txt: "bg-gray-500 text-white",
-  csv: "bg-teal-700 text-white",
-  xls: "bg-emerald-600 text-white",
-  xlsx: "bg-emerald-600 text-white",
-  ppt: "bg-orange-500 text-white",
-  pptx: "bg-orange-500 text-white",
-  zip: "bg-purple-500 text-white",
-  rar: "bg-purple-600 text-white",
-  tar: "bg-yellow-600 text-white",
-  gz: "bg-yellow-700 text-white",
-  html: "bg-orange-600 text-white",
-  js: "bg-yellow-600 text-white",
-  jsx: "bg-blue-600 text-white",
-  css: "bg-blue-600 text-white",
-  json: "bg-yellow-500 text-white",
-  tsx: "bg-blue-600 text-white",
-  code: "bg-orange-600 text-white",
-  img: "bg-pink-500 text-white",
-  png: "bg-neutral-600 text-white",
-  jpg: "bg-green-700 text-white",
-  jpeg: "bg-green-700 text-white",
-  video: "bg-green-700 text-white"
+  doc: "bg-blue-11 text-blue-1",
+  pdf: "bg-neutral-10 text-neutral-1",
+  md: "bg-neutral-10 text-neutral-1",
+  mdx: "bg-neutral-10 text-neutral-1",
+  txt: "bg-neutral-10 text-neutral-1",
+  csv: "bg-cyan-11 text-cyan-1",
+  xls: "bg-cyan-11 text-cyan-1",
+  xlsx: "bg-cyan-11 text-cyan-1",
+  ppt: "bg-blue-11 text-blue-1",
+  pptx: "bg-blue-11 text-blue-1",
+  zip: "bg-neutral-10 text-neutral-1",
+  rar: "bg-neutral-10 text-neutral-1",
+  tar: "bg-neutral-10 text-neutral-1",
+  gz: "bg-neutral-10 text-neutral-1",
+  html: "bg-cyan-11 text-cyan-1",
+  js: "bg-blue-11 text-blue-1",
+  jsx: "bg-blue-11 text-blue-1",
+  css: "bg-cyan-11 text-cyan-1",
+  json: "bg-cyan-11 text-cyan-1",
+  tsx: "bg-blue-11 text-blue-1",
+  code: "bg-blue-11 text-blue-1",
+  img: "bg-neutral-10 text-neutral-1",
+  png: "bg-neutral-10 text-neutral-1",
+  jpg: "bg-neutral-10 text-neutral-1",
+  jpeg: "bg-neutral-10 text-neutral-1",
+  video: "bg-neutral-10 text-neutral-1"
 };
 function DefaultPlaceholder() {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -15663,7 +15853,7 @@ function ArchivePlaceholder() {
 function SlidePlaceholder() {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "bg-foreground/5 mb-1.5 space-y-1 rounded border p-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "size-3 rounded-[var(--radius-sm)] bg-orange-400/40" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "size-3 rounded-[var(--radius-sm)] bg-[var(--category-3)]/40" }) }),
       /* @__PURE__ */ jsx("div", { className: "bg-foreground/15 mx-auto h-0.75 w-8 rounded-full" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mb-1 flex justify-center gap-1", children: [
@@ -15678,14 +15868,14 @@ function SlidePlaceholder() {
 }
 function ImagePlaceholder() {
   return /* @__PURE__ */ jsxs("div", { className: "bg-foreground/5 mb-1.5 space-y-1 rounded border p-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "size-3 rounded-[var(--radius-sm)] bg-yellow-400/40" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "size-3 rounded-[var(--radius-sm)] bg-[var(--category-4)]/40" }) }),
     /* @__PURE__ */ jsx("div", { className: "bg-foreground/15 mx-auto mt-1 h-0.75 w-4 rounded-full" }),
     /* @__PURE__ */ jsx("div", { className: "bg-foreground/15 mx-auto h-0.75 w-8 rounded-full" })
   ] });
 }
 function VideoPlaceholder() {
   return /* @__PURE__ */ jsxs("div", { className: "bg-foreground/5 mb-1.5 space-y-1 rounded border p-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx(PlayFill, { className: "size-3 text-green-400/70", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-1", children: /* @__PURE__ */ jsx(PlayFill, { className: "size-3 text-chart-5/70", "aria-hidden": "true" }) }),
     /* @__PURE__ */ jsx("div", { className: "bg-foreground/15 mx-auto mt-1 h-0.75 w-4 rounded-full" }),
     /* @__PURE__ */ jsx("div", { className: "bg-foreground/15 mx-auto h-0.75 w-8 rounded-full" })
   ] });
@@ -15694,22 +15884,22 @@ function HtmlCodePlaceholder() {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: "<" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-emerald-400/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-chart-2/60" }),
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: ">" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 pl-1", children: [
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: "<" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2.5 rounded-full bg-sky-400/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2.5 rounded-full bg-chart-2/60" }),
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: ">" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 pl-1", children: [
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: "</" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2.5 rounded-full bg-sky-400/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2.5 rounded-full bg-chart-2/60" }),
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: ">" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: "<" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-1 rounded-full bg-emerald-400/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-1 rounded-full bg-chart-2/60" }),
       /* @__PURE__ */ jsx("div", { className: "text-foreground/30 font-mono text-[5px]", children: "/>" })
     ] })
   ] });
@@ -15718,16 +15908,16 @@ function CssPlaceholder() {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "text-foreground/40 font-mono text-[6px]", children: "{" }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pl-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-sky-400/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-sky-400/60" })
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-chart-2/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-chart-2/60" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pl-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-sky-400/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2 rounded-full bg-sky-400/60" })
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-chart-2/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-2 rounded-full bg-chart-2/60" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pl-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-sky-400/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-sky-400/60" })
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-3 rounded-full bg-chart-2/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-0.75 w-4 rounded-full bg-chart-2/60" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "text-foreground/40 font-mono text-[6px]", children: "}" }) })
   ] });
@@ -15779,11 +15969,11 @@ var PLACEHOLDER = {
 };
 var FileCard = function FileCard2({
   ref,
-  format: format2,
+  format: format3,
   className
 }) {
-  const Renderer = PLACEHOLDER[format2] ?? DefaultPlaceholder;
-  const bannerCls = BANNER_COLOR[format2];
+  const Renderer = PLACEHOLDER[format3] ?? DefaultPlaceholder;
+  const bannerCls = BANNER_COLOR[format3];
   return /* @__PURE__ */ jsxs("div", { ref, "aria-hidden": "true", className: cn("relative size-fit", className), children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -15792,7 +15982,7 @@ var FileCard = function FileCard2({
           "absolute -right-2 bottom-1.5 z-2 rounded px-1.5 py-0.5 text-[8px] font-medium uppercase",
           bannerCls
         ),
-        children: format2
+        children: format3
       }
     ),
     /* @__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, {}) })
@@ -16155,64 +16345,97 @@ var sizeMap = {
   }
 };
 var colorMap = {
+  // "blue" and "grey"/"black" have a real 12-step token scale (blue-N,
+  // neutral-N) to draw from, so they use it. Yellow/orange/red have no
+  // design-token equivalent -- the scale only covers blue, cyan and neutral --
+  // so those keep the Tailwind default palette (allow-palette per line) to
+  // stay a genuine "red/orange/yellow folder", not a brand-tinted one.
   blue: {
-    folder: "from-blue-400 to-blue-500",
-    flap: "bg-blue-300/50",
-    paperBack: "bg-blue-100/60",
-    paperFront: "bg-blue-50",
-    paperLine: "bg-blue-300/40",
-    paperBorder: "border-blue-200",
-    labelBg: "bg-blue-800/20",
+    folder: "from-blue-7 to-blue-8",
+    flap: "bg-blue-6/50",
+    paperBack: "bg-blue-3/60",
+    paperFront: "bg-blue-2",
+    paperLine: "bg-blue-6/40",
+    paperBorder: "border-blue-4",
+    labelBg: "bg-blue-8/20",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/30"
   },
   black: {
-    folder: "from-neutral-800 to-neutral-900",
-    flap: "bg-neutral-600/50",
-    paperBack: "bg-neutral-500/60",
-    paperFront: "bg-neutral-100",
-    paperLine: "bg-neutral-300",
-    paperBorder: "border-neutral-500",
+    folder: "from-neutral-8 to-neutral-9",
+    flap: "bg-neutral-6/50",
+    paperBack: "bg-neutral-5/60",
+    paperFront: "bg-neutral-2",
+    paperLine: "bg-neutral-4",
+    paperBorder: "border-neutral-5",
+    // allow-palette: label chip needs a light translucent tint against a near-black folder body regardless of brand or dark mode
     labelBg: "bg-white/10",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/10"
   },
   yellow: {
+    // allow-palette: categorical folder colour ("yellow folder") -- no yellow step exists in the blue/cyan/neutral token scale
     folder: "from-yellow-400 to-yellow-500",
+    // allow-palette: categorical folder colour, see above
     flap: "bg-yellow-200/50",
+    // allow-palette: categorical folder colour, see above
     paperBack: "bg-yellow-100/60",
+    // allow-palette: categorical folder colour, see above
     paperFront: "bg-yellow-50",
+    // allow-palette: categorical folder colour, see above
     paperLine: "bg-yellow-400/40",
+    // allow-palette: categorical folder colour, see above
     paperBorder: "border-yellow-200",
+    // allow-palette: categorical folder colour, see above
     labelBg: "bg-yellow-800/20",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/30"
   },
   orange: {
+    // allow-palette: categorical folder colour ("orange folder") -- no orange step exists in the blue/cyan/neutral token scale
     folder: "from-orange-400 to-orange-500",
+    // allow-palette: categorical folder colour, see above
     flap: "bg-orange-300/50",
+    // allow-palette: categorical folder colour, see above
     paperBack: "bg-orange-100/60",
+    // allow-palette: categorical folder colour, see above
     paperFront: "bg-orange-50",
+    // allow-palette: categorical folder colour, see above
     paperLine: "bg-orange-400/40",
+    // allow-palette: categorical folder colour, see above
     paperBorder: "border-orange-200",
+    // allow-palette: categorical folder colour, see above
     labelBg: "bg-orange-900/20",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/30"
   },
   red: {
+    // allow-palette: categorical folder colour ("red folder") -- no red step exists in the blue/cyan/neutral token scale
     folder: "from-red-400 to-red-500",
+    // allow-palette: categorical folder colour, see above
     flap: "bg-red-300/50",
+    // allow-palette: categorical folder colour, see above
     paperBack: "bg-red-100/60",
+    // allow-palette: categorical folder colour, see above
     paperFront: "bg-red-50",
+    // allow-palette: categorical folder colour, see above
     paperLine: "bg-red-400/40",
+    // allow-palette: categorical folder colour, see above
     paperBorder: "border-red-200",
+    // allow-palette: categorical folder colour, see above
     labelBg: "bg-red-900/20",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/30"
   },
   grey: {
-    folder: "from-gray-400 to-gray-500",
-    flap: "bg-gray-300/50",
-    paperBack: "bg-gray-200/60",
-    paperFront: "bg-gray-100",
-    paperLine: "bg-gray-400/40",
-    paperBorder: "border-gray-300",
-    labelBg: "bg-gray-800/20",
+    folder: "from-neutral-6 to-neutral-7",
+    flap: "bg-neutral-5/50",
+    paperBack: "bg-neutral-4/60",
+    paperFront: "bg-neutral-2",
+    paperLine: "bg-neutral-6/40",
+    paperBorder: "border-neutral-5",
+    labelBg: "bg-neutral-9/20",
+    // allow-palette: glossy paper-material highlight on the folder edge -- same fixed sheen for every color variant, not brand chrome
     folderBorder: "border-white/40"
   }
 };
@@ -16395,7 +16618,7 @@ var FormLabel = ({
     Label,
     {
       ref,
-      className: cn(error && "text-destructive", className),
+      className: cn(error && "text-destructive-strong", className),
       htmlFor: formItemId,
       ...props
     }
@@ -16452,7 +16675,7 @@ var FormMessage = ({
     {
       ref,
       id: formMessageId,
-      className: cn("text-sm font-medium text-destructive", className),
+      className: cn("text-sm font-medium text-destructive-strong", className),
       ...props,
       children: body
     }
@@ -16678,8 +16901,7 @@ var typeStyles = {
   success: "bg-success text-success-foreground",
   warning: "bg-warning text-warning-foreground",
   error: "bg-destructive text-destructive-foreground",
-  violet: "bg-violet text-white"
-  // Violet is often custom in Geist
+  violet: "bg-info text-info-foreground"
 };
 var getBaseAlign = (boxAlign) => {
   switch (boxAlign) {
@@ -16718,6 +16940,7 @@ var GeistTooltip = ({
     /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
       Tooltip$1.Positioner,
       {
+        style: { zIndex: overlayZIndex.tooltip },
         side: position,
         align: getBaseAlign(boxAlign),
         sideOffset: tip ? 5 : 8,
@@ -16757,10 +16980,10 @@ var GeistTooltip = ({
                       className: cn(
                         "w-2.5 h-2.5 rotate-45 border-none",
                         type === "default" && "bg-primary text-primary",
-                        type === "success" && "bg-success text-success",
-                        type === "warning" && "bg-warning text-warning",
-                        type === "error" && "bg-destructive text-destructive",
-                        type === "violet" && "bg-violet text-violet"
+                        type === "success" && "bg-success text-success-strong",
+                        type === "warning" && "bg-warning text-warning-strong",
+                        type === "error" && "bg-destructive text-destructive-strong",
+                        type === "violet" && "bg-info text-info"
                       ),
                       style: {
                         // Base UI naturally positions the arrow, but we add visual flair
@@ -16913,13 +17136,19 @@ var GitHubCalendar = ({
     }
   );
 };
+var DEFAULT_GITHUB_INLINE_DIFF_LABELS = {
+  diff: (fileName) => `Diff of ${fileName}`,
+  addComment: "Add inline comment",
+  closeThread: "Close thread"
+};
 function InlineThread({
   comments,
   resolved,
   onToggleResolve,
   onClose,
   onAddComment,
-  currentUser
+  currentUser,
+  closeLabel
 }) {
   const [draft, setDraft] = useState("");
   const textRef = useRef(null);
@@ -16952,7 +17181,7 @@ function InlineThread({
         {
           className: cn(
             "h-5 gap-1 px-1.5 text-[11px]",
-            resolved ? "bg-emerald-600 text-white hover:bg-emerald-600/90 dark:bg-emerald-500 dark:hover:bg-emerald-500/90" : "bg-secondary text-foreground dark:bg-muted dark:text-foreground"
+            resolved ? "bg-success text-success-foreground hover:bg-success/90" : "bg-secondary text-foreground"
           ),
           children: [
             resolved ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-3.5 w-3.5" }) : null,
@@ -16977,7 +17206,7 @@ function InlineThread({
           {
             variant: "ghost",
             size: "icon",
-            "aria-label": "Close thread",
+            "aria-label": closeLabel,
             onClick: onClose,
             className: "h-7 w-7",
             children: /* @__PURE__ */ jsx(Cross, { className: "h-4 w-4" })
@@ -17034,8 +17263,10 @@ function GithubInlineDiff({
   onAddComment,
   onResolveChange,
   currentUser = { name: "You", initials: "YO" },
+  labels: labelOverrides,
   className
 }) {
+  const labels = { ...DEFAULT_GITHUB_INLINE_DIFF_LABELS, ...labelOverrides };
   const rows = Array.isArray(diff) ? diff : [];
   const [openThreadAt, setOpenThreadAt] = useState(null);
   const [resolvedMap, setResolvedMap] = useState({});
@@ -17056,12 +17287,12 @@ function GithubInlineDiff({
     "div",
     {
       role: "table",
-      "aria-label": `Diff of ${fileName}`,
+      "aria-label": labels.diff(fileName),
       className: cn("rounded-[var(--radius-md)] border bg-card", className),
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b px-2 py-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium", children: fileName }),
-          /* @__PURE__ */ jsx(Badge, { variant: "secondary", "aria-label": "File status", className: "h-5 px-1.5 text-[11px]", children: fileStatus })
+          /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 px-1.5 text-[11px]", children: fileStatus })
         ] }) }),
         /* @__PURE__ */ jsx("ol", { role: "rowgroup", className: "divide-y", children: rows.map((line, idx) => {
           const isChange = line.kind === "add" || line.kind === "del";
@@ -17074,8 +17305,8 @@ function GithubInlineDiff({
               className: cn(
                 "group relative flex items-stretch text-[13px]",
                 line.kind === "hunk" && "bg-muted/50 text-muted-foreground",
-                line.kind === "add" && "bg-emerald-50/60 dark:bg-emerald-950/20",
-                line.kind === "del" && "bg-rose-50/60 dark:bg-rose-950/20"
+                line.kind === "add" && "bg-success/10",
+                line.kind === "del" && "bg-destructive/10"
               ),
               children: [
                 /* @__PURE__ */ jsx("div", { className: "absolute -left-4 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100", children: line.kind !== "hunk" && /* @__PURE__ */ jsxs(Tooltip, { children: [
@@ -17084,7 +17315,7 @@ function GithubInlineDiff({
                     {
                       size: "icon",
                       variant: "secondary",
-                      "aria-label": "Add inline comment",
+                      "aria-label": labels.addComment,
                       className: "h-5 w-5 rounded-full shadow-sm",
                       onClick: () => setOpenThreadAt(isOpen ? null : idx),
                       children: /* @__PURE__ */ jsx(Message, { className: "h-3 w-3" })
@@ -17121,8 +17352,8 @@ function GithubInlineDiff({
                             "aria-hidden": true,
                             className: cn(
                               "mr-1 inline-block w-2 text-center font-semibold",
-                              line.kind === "add" && "text-emerald-600",
-                              line.kind === "del" && "text-rose-600"
+                              line.kind === "add" && "text-success-strong",
+                              line.kind === "del" && "text-destructive-strong"
                             ),
                             children: line.kind === "add" ? "+" : line.kind === "del" ? "-" : " "
                           }
@@ -17139,7 +17370,8 @@ function GithubInlineDiff({
                       onToggleResolve: () => toggleResolve(idx),
                       onClose: () => setOpenThreadAt(null),
                       onAddComment: (comment) => handleAddComment(idx, comment),
-                      currentUser
+                      currentUser,
+                      closeLabel: labels.closeThread
                     }
                   ) })
                 ] })
@@ -18106,20 +18338,29 @@ var HoverCardContent = ({
   style,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, { side, align, sideOffset, children: /* @__PURE__ */ jsx(
-  Popover$1.Popup,
+}) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+  Popover$1.Positioner,
   {
-    ref,
-    className: cn(
-      overlayClassNames.popoverSurface,
-      overlayPrimitiveClassNames.popoverSurface,
-      "w-64",
-      className
-    ),
-    style: { zIndex: overlayZIndex.popover, ...style },
-    ...props
+    style: { zIndex: overlayZIndex.popover },
+    side,
+    align,
+    sideOffset,
+    children: /* @__PURE__ */ jsx(
+      Popover$1.Popup,
+      {
+        ref,
+        className: cn(
+          overlayClassNames.popoverSurface,
+          overlayPrimitiveClassNames.popoverSurface,
+          "w-64",
+          className
+        ),
+        style: { zIndex: overlayZIndex.popover, ...style },
+        ...props
+      }
+    )
   }
-) }) });
+) });
 HoverCardContent.displayName = "HoverCardContent";
 var HoverCardTrigger = ({
   asChild,
@@ -18446,9 +18687,15 @@ 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-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 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` : (
+    // allow-palette: fixed frosted-glass surface, same design category as shadow-glow-accent
+    `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 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" : (
+    // allow-palette: fixed frosted-glass surface, same design category as shadow-glow-accent
+    "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",
@@ -18809,8 +19056,8 @@ function KpiCard({ title, value, icon, trend, description, className }) {
       /* @__PURE__ */ jsx("p", { className: "mt-2 text-3xl font-bold text-foreground", children: typeof value === "number" ? value.toLocaleString() : value }),
       trend && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-1", children: [
         trend.isPositive ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ChartTrendingUp, { className: "size-4 text-green-600" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-green-600", children: [
+          /* @__PURE__ */ jsx(ChartTrendingUp, { className: "size-4 text-success-strong" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-success-strong", children: [
             "+",
             Math.abs(trend.value),
             "%"
@@ -18819,8 +19066,8 @@ function KpiCard({ title, value, icon, trend, description, className }) {
           /* @__PURE__ */ jsx(Minus, { className: "size-4 text-muted-foreground" }),
           /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: "0%" })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ChartTrendingDown, { className: "size-4 text-red-600" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-red-600", children: [
+          /* @__PURE__ */ jsx(ChartTrendingDown, { className: "size-4 text-destructive-strong" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-destructive-strong", children: [
             trend.value,
             "%"
           ] })
@@ -19608,7 +19855,8 @@ function McpTool({
   maxArgsShown = MCP_DEFAULT_MAX_ARGS_SHOWN,
   maxArgValueChars = MCP_DEFAULT_MAX_ARG_VALUE_CHARS,
   maxOutputChars = MCP_DEFAULT_MAX_OUTPUT_CHARS,
-  className
+  className,
+  outputLabel = "Tool output"
 }) {
   const outputId = useId();
   const humanized = humanizeToolName(name);
@@ -19682,7 +19930,7 @@ function McpTool({
         expandable && isOpen && /* @__PURE__ */ jsx(
           "section",
           {
-            "aria-label": "Tool output",
+            "aria-label": outputLabel,
             className: "overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card",
             children: /* @__PURE__ */ jsx(
               "pre",
@@ -19834,7 +20082,7 @@ var MenuItem = function MenuItem2({
     /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children }),
     suffix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex shrink-0 [&_svg]:size-4", children: suffix })
   ] });
-  const errorClass = type === "error" ? "text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive" : "";
+  const errorClass = type === "error" ? "text-destructive-strong data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive-strong" : "";
   const passthrough = {};
   if (onClick !== void 0) passthrough.onClick = onClick;
   if (disabled !== void 0) passthrough.disabled = disabled;
@@ -20867,6 +21115,7 @@ var MultiSelectContent = ({
   alignOffset = 0,
   width = "md",
   onKeyDown,
+  "aria-label": ariaLabel = "Multi select options",
   ref,
   ...props
 }) => {
@@ -20882,7 +21131,7 @@ var MultiSelectContent = ({
     {
       align,
       alignOffset,
-      className: "z-50",
+      style: { zIndex: overlayZIndex.popover },
       side,
       sideOffset,
       children: /* @__PURE__ */ jsx(
@@ -20890,11 +21139,11 @@ var MultiSelectContent = ({
         {
           ref: composeRefs2(contentRef, ref),
           role: "dialog",
-          "aria-label": "Multi select options",
+          "aria-label": ariaLabel,
           className: cn(
             "z-50 max-h-[var(--multi-select-content-max-height)] w-[var(--multi-select-width)] overflow-y-auto",
             "rounded-[var(--multi-select-content-radius)] border border-border bg-popover p-[var(--multi-select-content-padding)] text-popover-foreground shadow-md outline-none",
-            "transition-[opacity,transform,display] duration-[var(--multi-select-popover-duration)] ease-[var(--multi-select-easing)]",
+            "transition-[opacity,transform] duration-[var(--multi-select-popover-duration)] ease-[var(--multi-select-easing)]",
             "data-starting-style:translate-y-1 data-starting-style:opacity-0 data-ending-style:translate-y-1 data-ending-style:opacity-0",
             "motion-reduce:transition-none motion-reduce:data-starting-style:translate-y-0 motion-reduce:data-ending-style:translate-y-0",
             className
@@ -21120,7 +21369,8 @@ CommandEmpty2.displayName = "CommandEmpty";
 var MultipleSelector = ({
   ref,
   value,
-  onChange,
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
   placeholder,
   defaultOptions: arrayDefaultOptions = [],
   options: arrayOptions,
@@ -21141,7 +21391,9 @@ var MultipleSelector = ({
   triggerSearchOnFocus = false,
   commandProps,
   inputProps,
-  hideClearAllButton = false
+  hideClearAllButton = false,
+  removeLabel = (optionLabel) => `Remove ${optionLabel}`,
+  clearAllLabel = "Clear all"
 }) => {
   const inputRef = React45.useRef(null);
   const [open, setOpen] = React45.useState(false);
@@ -21354,7 +21606,7 @@ var MultipleSelector = ({
                           e.stopPropagation();
                         },
                         onClick: () => handleUnselect(option),
-                        "aria-label": "Remove",
+                        "aria-label": removeLabel(option.label),
                         children: /* @__PURE__ */ jsx(Cross, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
                       }
                     )
@@ -21406,7 +21658,7 @@ var MultipleSelector = ({
                     "absolute end-0 top-0 flex size-9 items-center justify-center rounded-[var(--radius-lg)] border border-transparent text-muted-foreground/80 transition-colors hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring/70",
                     (hideClearAllButton || disabled || selected.length < 1 || selected.filter((s) => s.fixed).length === selected.length) && "hidden"
                   ),
-                  "aria-label": "Clear all",
+                  "aria-label": clearAllLabel,
                   children: /* @__PURE__ */ jsx(Cross, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
                 }
               )
@@ -21425,7 +21677,7 @@ var MultipleSelector = ({
             children: open && /* @__PURE__ */ jsx(
               CommandList,
               {
-                className: "bg-popover text-popover-foreground shadow-lg shadow-black/5 outline-none",
+                className: "bg-popover text-popover-foreground shadow-lg shadow-foreground/5 outline-none",
                 onMouseLeave: () => setOnScrollbar(false),
                 onMouseEnter: () => setOnScrollbar(true),
                 onMouseUp: () => inputRef?.current?.focus(),
@@ -23022,16 +23274,16 @@ function ProgressiveBlur({
 }
 var variantMap = {
   success: {
-    container: "border-success/40 bg-success/10 text-success fill-success",
-    cta: "text-success decoration-success/50 hover:text-success hover:decoration-success"
+    container: "border-success/40 bg-success/10 text-success-strong fill-success-strong",
+    cta: "text-success-strong decoration-success/50 hover:text-success-strong hover:decoration-success"
   },
   warning: {
-    container: "border-warning/40 bg-warning/10 text-warning fill-warning",
-    cta: "text-warning decoration-warning/50 hover:text-warning hover:decoration-warning"
+    container: "border-warning/40 bg-warning/10 text-warning-strong fill-warning-strong",
+    cta: "text-warning-strong decoration-warning/50 hover:text-warning-strong hover:decoration-warning"
   },
   error: {
-    container: "border-destructive/40 bg-destructive/10 text-destructive fill-destructive",
-    cta: "text-destructive decoration-destructive/50 hover:text-destructive hover:decoration-destructive"
+    container: "border-destructive/40 bg-destructive/10 text-destructive-strong fill-destructive-strong",
+    cta: "text-destructive-strong decoration-destructive/50 hover:text-destructive-strong hover:decoration-destructive"
   },
   info: {
     container: "border-border bg-muted text-foreground fill-foreground",
@@ -23510,6 +23762,8 @@ function QuestionToolState({
   onSubmitAnswer,
   output,
   headerLabel = "Question",
+  previousQuestionLabel = "Previous question",
+  nextQuestionLabel = "Next question",
   className
 }) {
   const totalQuestions = totalQuestionsProp ?? questions.length;
@@ -23570,7 +23824,7 @@ function QuestionToolState({
                 onClick: goPrev,
                 disabled: !canGoPrev,
                 className: "inline-flex size-5 items-center justify-center rounded-[var(--radius-sm)] transition-colors duration-micro hover:bg-accent disabled:pointer-events-none disabled:opacity-40",
-                "aria-label": "Previous question",
+                "aria-label": previousQuestionLabel,
                 children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
               }
             ),
@@ -23586,7 +23840,7 @@ function QuestionToolState({
                 onClick: goNext,
                 disabled: !canGoNext,
                 className: "inline-flex size-5 items-center justify-center rounded-[var(--radius-sm)] transition-colors duration-micro hover:bg-accent disabled:pointer-events-none disabled:opacity-40",
-                "aria-label": "Next question",
+                "aria-label": nextQuestionLabel,
                 children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
               }
             )
@@ -23640,13 +23894,15 @@ var itemStyle = {
   "--radio-motion-easing": radioTokens.motion.easing
 };
 var radioControlClassName = cn(
-  "relative inline-flex shrink-0 items-center justify-center rounded-[var(--radius-full)] border-[length:var(--radio-border-width)] border-border bg-background text-foreground",
+  "relative inline-flex shrink-0 items-center justify-center rounded-[var(--radius-full)] border-[length:var(--radio-border-width)] border-[var(--control-border)] bg-background text-foreground",
   "size-[var(--radio-control-size)]",
   "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-disabled:border-[var(--neutral-5)] peer-disabled:bg-muted peer-disabled:text-[var(--neutral-8)]"
+  "after:size-[var(--radio-dot-size)] after:scale-95 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-['']",
+  // "On" is the action colour, as for checkbox / toggle / slider / choicebox —
+  // it was --neutral-12, which only matched the House ink by coincidence.
+  "peer-checked:border-primary peer-checked:text-primary peer-checked:after:scale-100 peer-checked:after:opacity-100",
+  controlFocusProxyClassName,
+  "peer-disabled:border-neutral-5 peer-disabled:bg-muted peer-disabled:text-neutral-8"
 );
 function useRadioGroupContext() {
   return use(RadioGroupContext);
@@ -23908,7 +24164,8 @@ function ReactionChip({
   onSelect,
   className,
   emojis = ["\u{1F44D}", "\u2764\uFE0F", "\u{1F602}", "\u{1F389}"],
-  selected
+  selected,
+  addReactionLabel = "Add reaction"
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: ARIA pattern
@@ -23922,7 +24179,7 @@ function ReactionChip({
           className
         ),
         role: "group",
-        "aria-label": "Add reaction",
+        "aria-label": addReactionLabel,
         children: emojis.map((em) => {
           const isActive = selected === em;
           const btnClassName = cn(
@@ -24948,7 +25205,8 @@ function SearchTool({
   expanded,
   onExpandedChange,
   maxResultsHeightPx = SEARCH_DEFAULT_MAX_HEIGHT_PX,
-  className
+  className,
+  resultsLabel = "Search results"
 }) {
   const panelId = useId();
   const [internalOpen, setInternalOpen] = useState(defaultOpen);
@@ -25013,7 +25271,7 @@ function SearchTool({
                   "\u201D"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "overflow-y-auto bg-card", style: { maxHeight: `${maxResultsHeightPx}px` }, children: /* @__PURE__ */ jsx("ul", { "aria-label": "Search results", className: "flex flex-col gap-1 p-1", children: results.map((result) => /* @__PURE__ */ jsx(SearchResultRow, { result }, getSearchResultKey(result))) }) })
+              /* @__PURE__ */ jsx("div", { className: "overflow-y-auto bg-card", style: { maxHeight: `${maxResultsHeightPx}px` }, children: /* @__PURE__ */ jsx("ul", { "aria-label": resultsLabel, className: "flex flex-col gap-1 p-1", children: results.map((result) => /* @__PURE__ */ jsx(SearchResultRow, { result }, getSearchResultKey(result))) }) })
             ]
           }
         )
@@ -25139,6 +25397,7 @@ var SheetContent = ({
   noOverlay = false,
   showClose,
   close,
+  closeLabel = "Close",
   style,
   ref,
   ...props
@@ -25160,7 +25419,7 @@ var SheetContent = ({
           shouldRenderClose ? /* @__PURE__ */ jsxs(
             SheetClose,
             {
-              "aria-label": "Close",
+              "aria-label": closeLabel,
               className: cn(
                 "absolute right-[var(--sheet-close-offset)] top-[var(--sheet-close-offset)] inline-flex size-[var(--sheet-close-size)] items-center justify-center rounded-[var(--sheet-close-radius)] text-muted-foreground",
                 "transition-[background-color,color,box-shadow] duration-[var(--motion-duration-micro)] ease-[var(--ease-out)] hover:bg-muted hover:text-foreground",
@@ -25169,7 +25428,7 @@ var SheetContent = ({
               ),
               children: [
                 /* @__PURE__ */ jsx(Cross, { "aria-hidden": "true", className: "size-[var(--sheet-close-icon-size)]" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: closeLabel })
               ]
             }
           ) : null
@@ -25396,13 +25655,7 @@ var ShowMore = ({
       style: cssVars,
       ...props,
       children: [
-        !noBorder && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn("h-px flex-1 bg-[var(--neutral-7)]", dividerClassName)
-          }
-        ),
+        !noBorder && /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: cn("h-px flex-1 bg-neutral-7", dividerClassName) }),
         /* @__PURE__ */ jsx("div", { className: "shrink-0 bg-background px-[var(--show-more-gap)]", children: /* @__PURE__ */ jsxs(
           "button",
           {
@@ -25436,13 +25689,7 @@ var ShowMore = ({
             ]
           }
         ) }),
-        !noBorder && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn("h-px flex-1 bg-[var(--neutral-7)]", dividerClassName)
-          }
-        )
+        !noBorder && /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: cn("h-px flex-1 bg-neutral-7", dividerClassName) })
       ]
     }
   );
@@ -25618,6 +25865,8 @@ var SliderNumberFlow = ({
   className,
   value,
   ref,
+  /** Accessible name for the slider thumb. Pass a translated string. */
+  valueLabel = "Slider Value",
   ...props
 }) => /* @__PURE__ */ jsxs(
   Slider$1.Root,
@@ -25632,7 +25881,7 @@ var SliderNumberFlow = ({
         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 disabled:pointer-events-none disabled:opacity-50",
-          "aria-label": "Slider Value",
+          "aria-label": valueLabel,
           children: (Array.isArray(value) ? value[0] : value) != null && /* @__PURE__ */ jsx(
             NumberFlow,
             {
@@ -26282,7 +26531,7 @@ function Stepper({
                         className: cn(
                           "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 === "completed" && "border-primary bg-primary text-primary-foreground",
                           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",
@@ -26421,7 +26670,17 @@ function ProgressStepper({
         style: { width: `${progress}%` }
       }
     ) }),
-    labels && labels.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-between text-xs text-muted-foreground", children: labels.map((label, index) => /* @__PURE__ */ jsx("span", { className: cn(index <= currentStep && "text-primary/90 font-medium"), children: label }, index)) }),
+    labels && labels.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-between text-xs text-muted-foreground", children: labels.map((label, index) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "font-medium",
+          index <= currentStep ? "text-primary/90" : "text-muted-foreground"
+        ),
+        children: label
+      },
+      index
+    )) }),
     /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-muted-foreground", children: [
       "\u6B65\u9AA4 ",
       currentStep + 1,
@@ -26608,6 +26867,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",
+              controlFocusProxyClassName,
               "",
               "peer-disabled:pointer-events-none peer-disabled:text-muted-foreground/60",
               "[&_svg]:size-[var(--switch-icon-size)]"
@@ -27294,7 +27554,8 @@ function isThemeSwitcherValue(value) {
 var ThemeSwitcher = ({
   value,
   defaultValue = "system",
-  onChange,
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
   disabled = false,
   size = "medium",
   name,
@@ -27437,7 +27698,8 @@ function playToggleSound(lastPlayedAt) {
 var ThemeToggle = ({
   value,
   defaultValue,
-  onChange,
+  onChange: legacyOnChange,
+  onValueChange: onChange = legacyOnChange,
   size = "md",
   sound = false,
   applyToDocument = false,
@@ -27784,7 +28046,8 @@ var TodoTool = memo(function TodoTool2({
   mode = "updating",
   todos = [],
   dimmed = false,
-  className
+  className,
+  listLabel = "To-dos"
 }) {
   if (state === "loading") {
     return /* @__PURE__ */ jsx("div", { className: cn("text-sm leading-relaxed", className), children: /* @__PURE__ */ jsx(TextShimmer, { as: "span", className: "text-sm", children: LOADING_LABEL[mode] }) });
@@ -27793,7 +28056,7 @@ var TodoTool = memo(function TodoTool2({
   return /* @__PURE__ */ jsx(
     "ol",
     {
-      "aria-label": "To-dos",
+      "aria-label": listLabel,
       className: cn("flex flex-col gap-2 text-sm leading-relaxed", className),
       children: todos.map((todo, idx) => {
         const key = todo.id ?? `${idx}-${todo.content.slice(0, 16)}`;
@@ -27899,6 +28162,7 @@ var Toggle = ({
         "aria-hidden": "true",
         className: cn(
           "relative inline-flex h-[var(--toggle-track-height)] w-[var(--toggle-track-width)] items-center rounded-[var(--toggle-radius)] border bg-[var(--toggle-track-off)] p-px",
+          controlFocusProxyClassName,
           "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)]",
@@ -28448,7 +28712,8 @@ function UpgradeBanner({
   onDismiss,
   variant = "inline",
   secondaryAction,
-  className
+  className,
+  dismissLabel = "Dismiss"
 }) {
   const [dismissed, setDismissed] = useState(false);
   if (dismissed) return null;
@@ -28499,7 +28764,7 @@ function UpgradeBanner({
               {
                 type: "button",
                 onClick: handleDismiss,
-                "aria-label": "Dismiss",
+                "aria-label": dismissLabel,
                 className: "rounded-[var(--radius-md)] p-1 text-neutral-10 transition-colors hover:bg-neutral-3 hover:text-neutral-12",
                 children: /* @__PURE__ */ jsx(Cross, { className: "h-3.5 w-3.5" })
               }
@@ -28516,13 +28781,13 @@ var formatTime = (seconds) => {
   const remainingSeconds = Math.floor(seconds % 60);
   return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
 };
-var CustomSlider = ({ value, onChange, className }) => {
+var CustomSlider = ({ value, onValueChange, className }) => {
   const shouldReduceMotion = useReducedMotion() ?? false;
   const handleClick = (e) => {
     const rect = e.currentTarget.getBoundingClientRect();
     const x = e.clientX - rect.left;
     const percentage = x / rect.width * 100;
-    onChange(Math.min(Math.max(percentage, 0), 100));
+    onValueChange(Math.min(Math.max(percentage, 0), 100));
   };
   return /* @__PURE__ */ jsx(
     motion.div,
@@ -28621,6 +28886,7 @@ var VideoPlayer = ({
     motion.div,
     {
       className: cn(
+        // allow-palette: frame scrim sits over arbitrary video content, not the app surface
         "relative mx-auto w-full max-w-4xl overflow-hidden rounded-[var(--radius-xl)] bg-black/60 shadow-lg backdrop-blur-sm",
         className
       ),
@@ -28656,7 +28922,7 @@ var VideoPlayer = ({
             children: [
               /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-sm text-white", children: formatTime(currentTime) }),
-                /* @__PURE__ */ jsx(CustomSlider, { value: progress, onChange: handleSeek, className: "flex-1" }),
+                /* @__PURE__ */ jsx(CustomSlider, { value: progress, onValueChange: handleSeek, className: "flex-1" }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm text-white", children: formatTime(duration) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -28696,7 +28962,7 @@ var VideoPlayer = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx("div", { className: "w-24", children: /* @__PURE__ */ jsx(CustomSlider, { value: volume * 100, onChange: handleVolumeChange }) })
+                    /* @__PURE__ */ jsx("div", { className: "w-24", children: /* @__PURE__ */ jsx(CustomSlider, { value: volume * 100, onValueChange: handleVolumeChange }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: speeds.map((speed) => /* @__PURE__ */ createElement(
@@ -28712,7 +28978,9 @@ var VideoPlayer = ({
                       variant: "ghost",
                       size: "icon",
                       className: cn(
+                        // allow-palette: control button sits on the dark video control scrim, not the app surface
                         "text-white hover:bg-white/10 hover:text-white",
+                        // allow-palette: active-speed highlight sits on the dark video control scrim
                         playbackSpeed === speed && "bg-white/20"
                       ),
                       "aria-label": `${speed}x speed`,
@@ -29185,6 +29453,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, 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 };
+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, BentoCard, BentoGrid, BitbucketAvatar, Book, BorderTrail, Box, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Browser, BrowserMockup, BulkActionBar, BulkActionConfirmDialog, Button, ButtonLink, Calendar, CanvasRevealEffect, Card, CardBody, CardContent, CardDescription, CardErrorBoundary, CardFooter, CardHeader, CardIcon, CardRoot, 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, DEFAULT_GITHUB_INLINE_DIFF_LABELS, DITHERING_SHAPES, DITHERING_TYPES, DataList, DatePicker, 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, ISO_DATE_FORMAT, 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, breakpoints, buttonVariants, cardVariants, choiceboxItemVariants, colorBadgeSizes, colorBadgeVariants, containerWidths, contrastRequirements, fixNumberedListBreaks, flexLayouts, focusRing, formatShortRelative, getCurrentBreakpoint, getDensitySpacing, getSpacing, gridLayouts, isBreakpoint, labelVariants, mediaQueries, minTouchTarget, navigationMenuTriggerStyle, normalizeCodeBlockLanguage, normalizeCodeFenceLanguages, normalizeMessageMarkdown, parseIsoDate, prefersReducedMotion, progressIndicatorVariants, progressVariants, resolveCodeBlockLanguageIcon, responsive, responsivePatterns, skipLinkStyle, spacing, spacingPatterns, spacingToCss, statusBadgeVariants, tabsContentVariants, tabsListVariants, tabsTriggerVariants, toIsoDate, 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