@nebutra/ui 0.2.3 → 2.0.0

package/dist/primitives/index.js

@@ -1,11 +1,11 @@
 "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 { 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 * as React46 from 'react';
+import React46__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 { cva } from 'class-variance-authority';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
@@ -18,6 +18,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 +35,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 +44,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';
@@ -225,14 +226,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,15 +243,15 @@ 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 = {
@@ -975,7 +976,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 +1010,78 @@ 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: "fixed inset-0 bg-black/40 backdrop-blur-sm transition-[opacity,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)] data-ending-style:opacity-0 data-starting-style:opacity-0 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",
     "rounded-[var(--radius-xl)]",
     shadowClasses["2xl"],
     "outline-none",
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
+    "transition-[opacity,transform,display] 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",
     "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,display] 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",
     "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,display] 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,display] 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",
     "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,display] 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",
     "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,display] 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-[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)]",
+    "transition-[opacity,backdrop-filter,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
     "data-ending-style:opacity-0 data-starting-style:opacity-0 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)]",
+    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
     "data-ending-style:opacity-0 data-starting-style:opacity-0 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",
+    "transition-[color,background-color,border-color,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(" "),
@@ -1210,7 +1209,7 @@ var AlertDialogTrigger = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       AlertDialog$1.Trigger,
       {
@@ -1294,7 +1293,7 @@ var AlertDialogAction = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       AlertDialog$1.Close,
       {
@@ -1315,7 +1314,7 @@ var AlertDialogCancel = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       AlertDialog$1.Close,
       {
@@ -1371,37 +1370,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 +1410,7 @@ function MotionDiv(props) {
 function AnimateIn(props) {
   const {
     children,
-    preset = "emerge",
+    preset = "fade",
     delay = 0,
     duration,
     inView = false,
@@ -1419,7 +1418,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;
@@ -1553,9 +1552,9 @@ function AnimatedBeam({
   endYOffset = 0
 }) {
   const shouldReduceMotion = useReducedMotion2();
-  const id = React45.useId().replace(/:/g, "");
-  const [pathD, setPathD] = React45.useState("");
-  const [svgDimensions, setSvgDimensions] = React45.useState({
+  const id = React46.useId().replace(/:/g, "");
+  const [pathD, setPathD] = React46.useState("");
+  const [svgDimensions, setSvgDimensions] = React46.useState({
     width: 0,
     height: 0
   });
@@ -1567,7 +1566,7 @@ function AnimatedBeam({
   const resolvedPathColor = pathColor ?? toneToken.pathColor;
   const resolvedStartColor = gradientStartColor ?? toneToken.startColor;
   const resolvedStopColor = gradientStopColor ?? toneToken.stopColor;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const updatePath = () => {
       if (!containerRef.current || !fromRef.current || !toRef.current) {
         return;
@@ -1926,7 +1925,7 @@ function AnimatedGroup({ children, className, variants, preset }) {
       animate: "visible",
       variants: containerVariants,
       className: cn(className),
-      children: React45.Children.map(children, (child, index) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, index))
+      children: React46.Children.map(children, (child, index) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, index))
     }
   );
 }
@@ -2004,11 +2003,11 @@ function AnimatedListItem({ children }) {
   };
   return /* @__PURE__ */ jsx(motion.div, { ...animations, layout: !shouldReduceMotion, className: "mx-auto w-full", children });
 }
-var AnimatedList = React45__default.memo(
+var AnimatedList = React46__default.memo(
   ({ children, className, delay = 1e3, ...props }) => {
     const [index, setIndex] = useState(0);
     const shouldReduceMotion = useReducedMotion();
-    const childrenArray = useMemo(() => React45__default.Children.toArray(children), [children]);
+    const childrenArray = useMemo(() => React46__default.Children.toArray(children), [children]);
     useEffect(() => {
       if (shouldReduceMotion) {
         setIndex(Math.max(childrenArray.length - 1, 0));
@@ -2197,11 +2196,11 @@ function Badge({
     label
   ] });
   if (asChild) {
-    const childArray = React45.Children.toArray(children);
+    const childArray = React46.Children.toArray(children);
     const child = childArray.length === 1 ? childArray[0] : null;
-    if (React45.isValidElement(child)) {
+    if (React46.isValidElement(child)) {
       const childProps = child.props;
-      return React45.cloneElement(child, {
+      return React46.cloneElement(child, {
         ...props,
         ...childProps,
         "data-slot": "badge",
@@ -2637,7 +2636,7 @@ var sizeClasses = {
   xl: { root: "h-20 w-20", fallback: "text-2xl" }
 };
 var numericAvatarClass = "h-[var(--avatar-size)] w-[var(--avatar-size)]";
-var AvatarContext = React45.createContext(null);
+var AvatarContext = React46.createContext(null);
 function isPresetSize(size) {
   return typeof size === "string";
 }
@@ -2746,7 +2745,7 @@ var AvatarFallback = ({
   ref,
   ...props
 }) => {
-  const context = React45.use(AvatarContext);
+  const context = React46.use(AvatarContext);
   const resolvedSize = size ?? context?.size ?? "md";
   const fallbackLabel = ariaLabel ?? (typeof children === "string" && children.trim().length > 0 ? `Avatar with initials: ${children}` : context?.title);
   return /* @__PURE__ */ jsx(
@@ -2912,7 +2911,7 @@ var GitLabIcon = () => /* @__PURE__ */ jsxs(
   }
 );
 var BitbucketIcon = () => {
-  const gradientId = React45.useId().replace(/:/g, "");
+  const gradientId = React46.useId().replace(/:/g, "");
   return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", height: "14", viewBox: "-2 -2 65 59", width: "14", className: "scale-[65%]", children: [
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "104.953%", x2: "46.569%", y1: "21.921%", y2: "75.234%", children: [
       /* @__PURE__ */ jsx("stop", { offset: "7%", stopColor: "white", stopOpacity: ".4" }),
@@ -3042,19 +3041,54 @@ function DiceBearAvatar({
   ] });
 }
 var DEFAULT_TOOLTIP_DELAY_MS = 150;
+var SKIP_DELAY_WINDOW_MS = 400;
+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] = React46.useReducer((count) => count + 1, 0);
+  React46.useEffect(() => {
+    skipDelayListeners.add(tick);
+    return () => {
+      skipDelayListeners.delete(tick);
+    };
+  }, []);
+  return shouldSkipDelay();
+}
+var TooltipInstantContext = React46.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,
@@ -3062,7 +3096,7 @@ var TooltipTrigger = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Tooltip$1.Trigger,
       {
@@ -3084,25 +3118,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 = React46.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("|");
@@ -3900,8 +3938,8 @@ function BaseBadgeButton({
     role: "button",
     "data-slot": "badge-button"
   };
-  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 renderElement = asChild && React46.isValidElement(children) ? children : render || /* @__PURE__ */ jsx("button", { type: "button", "aria-label": controlLabelProps["aria-label"] });
+  const finalProps = asChild && React46.isValidElement(children) ? mergeProps(defaultProps, props) : mergeProps(defaultProps, { ...props, children });
   const element = useRender({
     render: renderElement,
     props: finalProps
@@ -3934,8 +3972,8 @@ function BaseBadge({
     className: cn(baseBadgeVariants({ variant, size, appearance, shape, disabled }), className),
     "data-slot": "badge"
   };
-  const renderElement = asChild && React45.isValidElement(children) ? children : render || /* @__PURE__ */ jsx("span", {});
-  const finalProps = asChild && React45.isValidElement(children) ? mergeProps(defaultProps, props) : mergeProps(defaultProps, { ...props, children });
+  const renderElement = asChild && React46.isValidElement(children) ? children : render || /* @__PURE__ */ jsx("span", {});
+  const finalProps = asChild && React46.isValidElement(children) ? mergeProps(defaultProps, props) : mergeProps(defaultProps, { ...props, children });
   const element = useRender({
     render: renderElement,
     props: finalProps
@@ -4304,8 +4342,8 @@ function BaseButton({
     ),
     ...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 renderElement = asChild && React46.isValidElement(children) ? children : render || /* @__PURE__ */ jsx("button", { type: "button", "aria-label": controlLabelProps["aria-label"] });
+  const finalProps = asChild && React46.isValidElement(children) ? mergeProps(defaultProps, props) : mergeProps(defaultProps, { ...props, children });
   const element = useRender({
     render: renderElement,
     props: finalProps
@@ -4315,11 +4353,11 @@ function BaseButton({
 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(
+var Slot = React46.forwardRef(
   ({ children, className, style, ...props }, ref) => {
-    const childArray = React45.Children.toArray(children);
+    const childArray = React46.Children.toArray(children);
     const child = childArray.length === 1 ? childArray[0] : null;
-    if (child == null || !React45.isValidElement(child)) {
+    if (child == null || !React46.isValidElement(child)) {
       return /* @__PURE__ */ jsx("span", { ref, className, style, ...props, children });
     }
     const childProps = child.props;
@@ -4340,7 +4378,7 @@ var Slot = React45.forwardRef(
       className: mergedClass,
       style: { ...childProps.style, ...style }
     };
-    return React45.cloneElement(
+    return React46.cloneElement(
       child,
       merged
     );
@@ -4542,21 +4580,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-black/[.03] group-hover:dark:bg-muted/50" })
       ]
     }
   );
@@ -4897,7 +4935,7 @@ var BoxBase = function BoxInner({
     getSpacingClass("ml", ml)
   );
   const component = as ?? "div";
-  return React45.createElement(
+  return React46.createElement(
     component,
     {
       ...props,
@@ -5139,7 +5177,7 @@ function assignRef(ref, value) {
     ref.current = value;
   }
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? React45.useEffect : React45.useLayoutEffect;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React46.useEffect : React46.useLayoutEffect;
 var MiddleTruncate = ({
   value,
   minStartChars = DEFAULT_MIN_START_CHARS,
@@ -5151,9 +5189,9 @@ var MiddleTruncate = ({
   ref: forwardedRef,
   ...props
 }) => {
-  const localRef = React45.useRef(null);
-  const [measurements, setMeasurements] = React45.useState({ width: 0, font: "" });
-  const setRef = React45.useCallback(
+  const localRef = React46.useRef(null);
+  const [measurements, setMeasurements] = React46.useState({ width: 0, font: "" });
+  const setRef = React46.useCallback(
     (node) => {
       localRef.current = node;
       assignRef(forwardedRef, node);
@@ -5195,7 +5233,7 @@ var MiddleTruncate = ({
       observer.disconnect();
     };
   }, []);
-  const parts = React45.useMemo(
+  const parts = React46.useMemo(
     () => computeMiddleTruncation(
       value,
       measurements.width,
@@ -5206,7 +5244,7 @@ var MiddleTruncate = ({
     ),
     [ellipsis, measurements.font, measurements.width, minEndChars, minStartChars, value]
   );
-  const handleCopy = React45.useCallback(
+  const handleCopy = React46.useCallback(
     (event) => {
       onCopy?.(event);
       if (event.defaultPrevented) return;
@@ -5432,7 +5470,7 @@ function BulkActionBar({
   position = "bottom",
   fixed = true
 }) {
-  const [loadingActions, setLoadingActions] = React45.useState(/* @__PURE__ */ new Set());
+  const [loadingActions, setLoadingActions] = React46.useState(/* @__PURE__ */ new Set());
   if (selectedCount === 0) {
     return null;
   }
@@ -5545,7 +5583,7 @@ function useBulkSelection({
   items,
   getItemId
 }) {
-  const [selectedIds, setSelectedIds] = React45.useState(/* @__PURE__ */ new Set());
+  const [selectedIds, setSelectedIds] = React46.useState(/* @__PURE__ */ new Set());
   const selectedItems = items.filter((item) => selectedIds.has(getItemId(item)));
   function isSelected(item) {
     return selectedIds.has(getItemId(item));
@@ -5586,6 +5624,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],
@@ -5712,7 +5872,7 @@ function ShaderMaterial2({ source, uniforms, maxFps = 60 }) {
     const timeLocation = material2.uniforms.u_time;
     timeLocation.value = timestamp;
   });
-  const getUniforms = React45__default.useCallback(() => {
+  const getUniforms = React46__default.useCallback(() => {
     const preparedUniforms = {};
     for (const uniformName in uniforms) {
       const uniform = uniforms[uniformName];
@@ -5823,7 +5983,7 @@ var CardDescription = ({
   ref,
   ...props
 }) => {
-  return React45.createElement(Tag, {
+  return React46.createElement(Tag, {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
@@ -5917,9 +6077,9 @@ function CardSpotlight({
   );
 }
 CardSpotlight.displayName = "CardSpotlight";
-var CarouselContext = React45.createContext(null);
+var CarouselContext = React46.createContext(null);
 function useCarousel() {
-  const context = React45.use(CarouselContext);
+  const context = React46.use(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -5942,22 +6102,22 @@ var Carousel = ({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React45.useState(false);
-  const [canScrollNext, setCanScrollNext] = React45.useState(false);
-  const onSelect = React45.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React46.useState(false);
+  const [canScrollNext, setCanScrollNext] = React46.useState(false);
+  const onSelect = React46.useCallback((api2) => {
     if (!api2) {
       return;
     }
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React45.useCallback(() => {
+  const scrollPrev = React46.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React45.useCallback(() => {
+  const scrollNext = React46.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React46.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -5969,13 +6129,13 @@ var Carousel = ({
     },
     [scrollPrev, scrollNext]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!api || !setApi) {
       return;
     }
     setApi(api);
   }, [api, setApi]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!api) {
       return;
     }
@@ -6117,9 +6277,9 @@ var CarouselNext = ({
 };
 CarouselNext.displayName = "CarouselNext";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React45.createContext(null);
+var ChartContext = React46.createContext(null);
 function useChart() {
-  const context = React45.use(ChartContext);
+  const context = React46.use(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -6133,7 +6293,7 @@ var ChartContainer = ({
   ref,
   ...props
 }) => {
-  const uniqueId = React45.useId();
+  const uniqueId = React46.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -6206,7 +6366,7 @@ var ChartTooltipContent = ({
   labelKey
 }) => {
   const { config } = useChart();
-  const tooltipLabel = React45.useMemo(() => {
+  const tooltipLabel = React46.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -6445,7 +6605,7 @@ var Checkbox = ({
   id,
   name
 }) => {
-  const [internalChecked, setInternalChecked] = React45__default.useState(defaultChecked);
+  const [internalChecked, setInternalChecked] = React46__default.useState(defaultChecked);
   const isControlled = controlledChecked !== void 0;
   const checked = isControlled ? controlledChecked : internalChecked;
   return /* @__PURE__ */ jsxs(
@@ -6512,9 +6672,9 @@ function CheckboxGroup({
   );
 }
 CheckboxGroup.displayName = "CheckboxGroup";
-var ChoiceboxContext = React45.createContext(null);
+var ChoiceboxContext = React46.createContext(null);
 function useChoiceboxContext() {
-  const context = React45.use(ChoiceboxContext);
+  const context = React46.use(ChoiceboxContext);
   if (!context) {
     throw new Error("ChoiceboxGroup.Item must be used within a ChoiceboxGroup");
   }
@@ -6568,10 +6728,10 @@ function ChoiceboxItem({
     navigateItem,
     getFirstItemValue
   } = useChoiceboxContext();
-  const ref = React45.useRef(null);
+  const ref = React46.useRef(null);
   const isDisabled = groupDisabled || itemDisabled;
   const isSelected = type === "radio" ? groupValue === value : Array.isArray(groupValue) && groupValue.includes(value);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const registeredValue = value;
     registerItem(registeredValue, ref.current);
     return () => registerItem(registeredValue, null);
@@ -6784,15 +6944,15 @@ function ChoiceboxGroupRoot({
   className,
   children
 }) {
-  const [internalValue, setInternalValue] = React45.useState(() => {
+  const [internalValue, setInternalValue] = React46.useState(() => {
     if (controlledValue !== void 0) return controlledValue;
     if (defaultValue !== void 0) return defaultValue;
     return type === "checkbox" ? [] : "";
   });
   const currentValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const itemRefs = React45.useRef(/* @__PURE__ */ new Map());
-  const itemOrder = React45.useRef([]);
-  const registerItem = React45.useCallback((itemValue, el) => {
+  const itemRefs = React46.useRef(/* @__PURE__ */ new Map());
+  const itemOrder = React46.useRef([]);
+  const registerItem = React46.useCallback((itemValue, el) => {
     if (el) {
       itemRefs.current.set(itemValue, el);
       if (!itemOrder.current.includes(itemValue)) {
@@ -6803,7 +6963,7 @@ function ChoiceboxGroupRoot({
       itemOrder.current = itemOrder.current.filter((v) => v !== itemValue);
     }
   }, []);
-  const onItemSelect = React45.useCallback(
+  const onItemSelect = React46.useCallback(
     (itemValue) => {
       if (type === "radio") {
         if (controlledValue === void 0) setInternalValue(itemValue);
@@ -6817,7 +6977,7 @@ function ChoiceboxGroupRoot({
     },
     [type, currentValue, controlledValue, onChange]
   );
-  const navigateItem = React45.useCallback(
+  const navigateItem = React46.useCallback(
     (fromValue, dir) => {
       const order = itemOrder.current;
       let idx = order.indexOf(fromValue);
@@ -6837,7 +6997,7 @@ function ChoiceboxGroupRoot({
     },
     [onItemSelect]
   );
-  const getFirstItemValue = React45.useCallback(() => itemOrder.current[0], []);
+  const getFirstItemValue = React46.useCallback(() => itemOrder.current[0], []);
   if (process.env.NODE_ENV !== "production") {
     if (type === "checkbox" && typeof controlledValue === "string") {
       console.warn(
@@ -6850,7 +7010,7 @@ function ChoiceboxGroupRoot({
       );
     }
   }
-  const contextValue = React45.useMemo(
+  const contextValue = React46.useMemo(
     () => ({
       type,
       value: currentValue,
@@ -6862,7 +7022,7 @@ function ChoiceboxGroupRoot({
     }),
     [type, currentValue, onItemSelect, disabled, registerItem, navigateItem, getFirstItemValue]
   );
-  const labelId = React45.useId();
+  const labelId = React46.useId();
   const containerClass = cn(
     "flex",
     direction === "row" ? "flex-row" : "flex-col",
@@ -7136,7 +7296,7 @@ var overlayPrimitiveClassNames = {
     "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
   ].join(" ")
 };
-var DropdownMenuContext = React45.createContext(null);
+var DropdownMenuContext = React46.createContext(null);
 function DropdownMenu({
   open: controlledOpen,
   defaultOpen = false,
@@ -7144,7 +7304,7 @@ function DropdownMenu({
   children,
   ...props
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React45.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React46.useState(defaultOpen);
   const open = controlledOpen ?? uncontrolledOpen;
   function setOpen(nextOpen, eventDetails) {
     if (controlledOpen === void 0) {
@@ -7163,11 +7323,11 @@ var DropdownMenuTrigger = ({
   ref,
   ...props
 }) => {
-  const context = React45.use(DropdownMenuContext);
+  const context = React46.use(DropdownMenuContext);
   function openFromTrigger() {
     context?.setOpen(true);
   }
-  const childRenderElement = asChild && React45.isValidElement(children) ? React45.cloneElement(children, {
+  const childRenderElement = asChild && React46.isValidElement(children) ? React46.cloneElement(children, {
     onMouseDown: (event) => {
       children.props.onMouseDown?.(event);
       if (!event.defaultPrevented) {
@@ -7220,7 +7380,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 +7410,7 @@ var DropdownMenuContent = ({
     align,
     alignOffset,
     side,
+    style: { zIndex: overlayZIndex.popover },
     children: /* @__PURE__ */ jsx(
       Menu$1.Popup,
       {
@@ -7970,7 +8131,7 @@ var Collapse = function Collapse2({
     }
   );
 };
-var CollapsibleContext = React45.createContext({});
+var CollapsibleContext = React46.createContext({});
 var Collapsible = ({
   className,
   open: openProp,
@@ -7981,10 +8142,10 @@ var Collapsible = ({
   ref,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React45.useState(defaultOpen || false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React46.useState(defaultOpen || false);
   const isControlled = openProp !== void 0;
   const open = isControlled ? openProp : uncontrolledOpen;
-  const handleOpenChange = React45.useCallback(
+  const handleOpenChange = React46.useCallback(
     (nextOpen) => {
       if (!isControlled) {
         setUncontrolledOpen(nextOpen);
@@ -8013,8 +8174,8 @@ var CollapsibleTrigger = ({
   ref,
   ...props
 }) => {
-  const { open, onOpenChange, disabled } = React45.use(CollapsibleContext);
-  const handleClick = React45.useCallback(
+  const { open, onOpenChange, disabled } = React46.use(CollapsibleContext);
+  const handleClick = React46.useCallback(
     (e) => {
       if (disabled) return;
       onOpenChange?.(!open);
@@ -8022,8 +8183,8 @@ var CollapsibleTrigger = ({
     },
     [disabled, open, onOpenChange, props.onClick]
   );
-  if (asChild && React45.isValidElement(children)) {
-    return React45.cloneElement(children, {
+  if (asChild && React46.isValidElement(children)) {
+    return React46.cloneElement(children, {
       ref,
       onClick: handleClick,
       "data-state": open ? "open" : "closed",
@@ -8057,7 +8218,7 @@ var CollapsibleContent = ({
   ref,
   ...props
 }) => {
-  const { open } = React45.use(CollapsibleContext);
+  const { open } = React46.use(CollapsibleContext);
   const shouldReduceMotion = useReducedMotion();
   return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx(
     motion.div,
@@ -8127,7 +8288,7 @@ function ColorBadge({
     className
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", iconSizes[size]), children: React45.isValidElement(icon) ? React45.cloneElement(icon, {
+    icon && /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", iconSizes[size]), children: React46.isValidElement(icon) ? React46.cloneElement(icon, {
       className: cn(
         "size-full",
         icon.props.className
@@ -8174,7 +8335,7 @@ var DialogTrigger = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Dialog$1.Trigger,
       {
@@ -8193,7 +8354,7 @@ var DialogClose = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Dialog$1.Close,
       {
@@ -8332,7 +8493,7 @@ function subscribePlatform() {
   return () => void 0;
 }
 function usePlatform() {
-  return React45.useSyncExternalStore(subscribePlatform, getClientPlatform, () => "apple");
+  return React46.useSyncExternalStore(subscribePlatform, getClientPlatform, () => "apple");
 }
 function normalizeKey(children) {
   if (typeof children !== "string") {
@@ -8517,7 +8678,7 @@ var CommandResults = ({
 CommandResults.displayName = "CommandResults";
 var shortcutKeyId = (key) => {
   if (typeof key === "string" || typeof key === "number") return String(key);
-  if (React45.isValidElement(key) && key.key != null) return String(key.key);
+  if (React46.isValidElement(key) && key.key != null) return String(key.key);
   return String(key);
 };
 var CommandShortcut = ({ className, keys, label, children, ...props }) => {
@@ -8548,7 +8709,7 @@ function Popover({ ...props }) {
   return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ asChild, children, render, ...props }) {
-  const renderElement = asChild && React45.isValidElement(children) ? children : render;
+  const renderElement = asChild && React46.isValidElement(children) ? children : render;
   return /* @__PURE__ */ jsx(
     Popover$1.Trigger,
     {
@@ -8677,7 +8838,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",
@@ -8702,9 +8867,9 @@ var comboboxTriggerVariants = cva(
     }
   }
 );
-var ComboboxContext = React45.createContext(null);
+var ComboboxContext = React46.createContext(null);
 function useComboboxContext() {
-  const ctx = React45.use(ComboboxContext);
+  const ctx = React46.use(ComboboxContext);
   if (!ctx) {
     throw new Error("Combobox sub-components must be used within <Combobox>");
   }
@@ -8720,7 +8885,7 @@ var ComboboxOptionItem = ({
 }) => {
   const { selectedValue, onSelect } = useComboboxContext();
   const isSelected = selectedValue === value;
-  const keywords = React45.useMemo(() => {
+  const keywords = React46.useMemo(() => {
     if (label) return [label];
     if (typeof children === "string") return [children];
     return void 0;
@@ -8810,14 +8975,14 @@ function ComboboxRoot({
   "aria-label": ariaLabel,
   ...props
 }) {
-  const [internalValue, setInternalValue] = React45.useState(defaultValue);
+  const [internalValue, setInternalValue] = React46.useState(defaultValue);
   const selectedValue = controlledValue !== void 0 ? controlledValue : internalValue;
   const normalizedSize = comboboxSizeMap[size];
   const isErrored = errored ?? error;
-  const selectedValueRef = React45.useRef(selectedValue);
+  const selectedValueRef = React46.useRef(selectedValue);
   selectedValueRef.current = selectedValue;
-  const [open, setOpen] = React45.useState(false);
-  const handleSelect = React45.useCallback(
+  const [open, setOpen] = React46.useState(false);
+  const handleSelect = React46.useCallback(
     (incoming) => {
       const current = selectedValueRef.current;
       const next = incoming === current ? null : incoming;
@@ -8827,19 +8992,19 @@ function ComboboxRoot({
     },
     [controlledValue, onChange]
   );
-  const selectedLabel = React45.useMemo(() => {
+  const selectedLabel = React46.useMemo(() => {
     if (!selectedValue) return "";
     if (!options) return selectedValue;
     return options.find((o) => o.value === selectedValue)?.label ?? selectedValue;
   }, [options, selectedValue]);
-  const labelId = React45.useId();
-  const triggerId = React45.useId();
-  const listboxId = React45.useId();
-  const contextValue = React45.useMemo(
+  const labelId = React46.useId();
+  const triggerId = React46.useId();
+  const listboxId = React46.useId();
+  const contextValue = React46.useMemo(
     () => ({ selectedValue: selectedValue ?? null, onSelect: handleSelect }),
     [selectedValue, handleSelect]
   );
-  const groupedOptions = React45.useMemo(() => {
+  const groupedOptions = React46.useMemo(() => {
     if (!options) return null;
     const grouped = /* @__PURE__ */ new Map();
     for (const opt of options) {
@@ -8977,7 +9142,7 @@ var CommandMenuItem = ({
   ref,
   ...props
 }) => {
-  const handleSelect = React45.useCallback(
+  const handleSelect = React46.useCallback(
     (value) => {
       onSelect?.(value);
       callback?.();
@@ -9250,7 +9415,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)]"
@@ -9345,16 +9510,16 @@ var Input = ({
     ...rest
   } = props;
   const isControlled = value !== void 0;
-  const baseId = React45.useId();
-  const inputRef = React45.useRef(null);
+  const baseId = React46.useId();
+  const inputRef = React46.useRef(null);
   const descriptionId = description && id ? `${id}-description` : void 0;
   const errorId = typeof error === "string" && id ? `${id}-error` : void 0;
   const prefixDescriptionId = isTextAffix(prefix) ? `${id ?? baseId}-prefix` : void 0;
   const suffixDescriptionId = isTextAffix(suffix) ? `${id ?? baseId}-suffix` : void 0;
-  const [internalValue, setInternalValue] = React45.useState(
+  const [internalValue, setInternalValue] = React46.useState(
     typeof defaultValue === "string" || typeof defaultValue === "number" ? String(defaultValue) : ""
   );
-  const [passwordVisible, setPasswordVisible] = React45.useState(false);
+  const [passwordVisible, setPasswordVisible] = React46.useState(false);
   const currentValue = isControlled ? String(value ?? "") : internalValue;
   const clearOnEscapeEnabled = clearOnEscape ?? type === "search";
   const canRevealPassword = Boolean(revealable && type === "password");
@@ -9374,7 +9539,7 @@ var Input = ({
     errorId
   );
   const valueProps = isControlled ? { value } : clearable || shortcut || clearOnEscapeEnabled ? { value: currentValue } : { defaultValue };
-  const setInputRef = React45.useCallback(
+  const setInputRef = React46.useCallback(
     (node) => {
       const input = node instanceof HTMLInputElement ? node : null;
       inputRef.current = input;
@@ -9382,7 +9547,7 @@ var Input = ({
     },
     [forwardedRef]
   );
-  const emitNativeInput = React45.useCallback(
+  const emitNativeInput = React46.useCallback(
     (nextValue) => {
       const input = inputRef.current;
       if (!input) {
@@ -9399,7 +9564,7 @@ var Input = ({
     },
     [isControlled, onValueChange]
   );
-  const syncInputValue = React45.useCallback(
+  const syncInputValue = React46.useCallback(
     (event) => {
       if (!isControlled) setInternalValue(event.currentTarget.value);
       onValueChange?.(event.currentTarget.value);
@@ -9407,12 +9572,12 @@ var Input = ({
     },
     [isControlled, onChange, onValueChange]
   );
-  const handleClear = React45.useCallback(() => {
+  const handleClear = React46.useCallback(() => {
     emitNativeInput("");
     onClear?.();
     inputRef.current?.focus();
   }, [emitNativeInput, onClear]);
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React46.useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented || event.key !== "Escape" || !clearOnEscapeEnabled || currentValue.length === 0 || disabled) {
@@ -9559,7 +9724,7 @@ function ConfirmDialog({
   icon,
   children
 }) {
-  const [isLoading, setIsLoading] = React45.useState(false);
+  const [isLoading, setIsLoading] = React46.useState(false);
   const handleConfirm = async () => {
     setIsLoading(true);
     try {
@@ -9664,13 +9829,13 @@ function DestructiveActionModalContent({
   cancelLabel = "Cancel",
   className
 }) {
-  const [value, setValue] = React45.useState("");
-  const inputRef = React45.useRef(null);
-  const inputId = React45.useId();
-  const promptId = React45.useId();
-  const descriptionId = React45.useId();
-  const errorId = React45.useId();
-  const irreversibleId = React45.useId();
+  const [value, setValue] = React46.useState("");
+  const inputRef = React46.useRef(null);
+  const inputId = React46.useId();
+  const promptId = React46.useId();
+  const descriptionId = React46.useId();
+  const errorId = React46.useId();
+  const irreversibleId = React46.useId();
   const isVerified = value === verificationPhrase;
   const errorMessage2 = getErrorMessage(error);
   const describedBy = [
@@ -9678,7 +9843,7 @@ function DestructiveActionModalContent({
     errorMessage2 ? errorId : void 0,
     irreversibleDescription ? irreversibleId : void 0
   ].filter(Boolean).join(" ");
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const timer = window.setTimeout(() => inputRef.current?.focus(), 0);
     return () => window.clearTimeout(timer);
@@ -9848,8 +10013,8 @@ function BulkActionConfirmDialogContent({
   description,
   previewItems = EMPTY_PREVIEW_ITEMS
 }) {
-  const [inputValue, setInputValue] = React45.useState("");
-  const [isLoading, setIsLoading] = React45.useState(false);
+  const [inputValue, setInputValue] = React46.useState("");
+  const [isLoading, setIsLoading] = React46.useState(false);
   const needsInputConfirmation = requireInputConfirmation && itemCount >= inputConfirmationThreshold;
   const confirmationText = itemCount.toString();
   const isConfirmEnabled = !needsInputConfirmation || inputValue === confirmationText;
@@ -9959,8 +10124,8 @@ function BulkActionConfirmDialogContent({
 function useConfirmDialog({
   onConfirm
 }) {
-  const [isOpen, setIsOpen] = React45.useState(false);
-  const [data, setData] = React45.useState(null);
+  const [isOpen, setIsOpen] = React46.useState(false);
+  const [data, setData] = React46.useState(null);
   function open(newData) {
     setData(newData);
     setIsOpen(true);
@@ -10070,31 +10235,31 @@ var ContextCardTrigger = ({
   children,
   className
 }) => {
-  const [open, setOpen] = React45.useState(false);
-  const triggerRef = React45.useRef(null);
-  const panelRef = React45.useRef(null);
-  const openTimerRef = React45.useRef(null);
-  const closeTimerRef = React45.useRef(null);
-  const clearTimers = React45.useCallback(() => {
+  const [open, setOpen] = React46.useState(false);
+  const triggerRef = React46.useRef(null);
+  const panelRef = React46.useRef(null);
+  const openTimerRef = React46.useRef(null);
+  const closeTimerRef = React46.useRef(null);
+  const clearTimers = React46.useCallback(() => {
     if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
     if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);
     openTimerRef.current = null;
     closeTimerRef.current = null;
   }, []);
-  const scheduleOpen = React45.useCallback(() => {
+  const scheduleOpen = React46.useCallback(() => {
     clearTimers();
     openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
   }, [clearTimers, openDelay]);
-  const scheduleClose = React45.useCallback(() => {
+  const scheduleClose = React46.useCallback(() => {
     clearTimers();
     closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
   }, [clearTimers, closeDelay]);
-  const closeNow = React45.useCallback(() => {
+  const closeNow = React46.useCallback(() => {
     clearTimers();
     setOpen(false);
   }, [clearTimers]);
-  React45.useEffect(() => clearTimers, [clearTimers]);
-  const triggerElement = React45.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  React46.useEffect(() => clearTimers, [clearTimers]);
+  const triggerElement = React46.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
   const renderTrigger = triggerElement;
   return /* @__PURE__ */ jsxs(Popover$1.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(
@@ -10225,7 +10390,7 @@ var ContextMenuTrigger = ({
   ref,
   ...props
 }) => {
-  const renderElement = asChild && React45.isValidElement(children) ? children : render;
+  const renderElement = asChild && React46.isValidElement(children) ? children : render;
   return /* @__PURE__ */ jsx(
     ContextMenu$1.Trigger,
     {
@@ -10613,8 +10778,8 @@ function CopyableField({ value, label, truncate = true, className }) {
 }
 function useCopyToClipboard(options = {}) {
   const { successMessage = "Copied to clipboard", showToast = true, timeout = 2e3 } = options;
-  const [copied, setCopied] = React45.useState(false);
-  const copy = React45.useCallback(
+  const [copied, setCopied] = React46.useState(false);
+  const copy = React46.useCallback(
     async (value) => {
       try {
         await navigator.clipboard.writeText(value);
@@ -10756,7 +10921,7 @@ var EmptyStateRoot = ({
   ...props
 }) => {
   const actions = children ?? [action, link].filter(Boolean);
-  const hasActions = React45.Children.toArray(actions).length > 0;
+  const hasActions = React46.Children.toArray(actions).length > 0;
   return /* @__PURE__ */ jsx(
     "section",
     {
@@ -11283,6 +11448,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 = React46.useId();
+  const fieldId = id ?? generatedId;
+  const [internalValue, setInternalValue] = React46.useState(defaultValue ?? "");
+  const currentValue = isControlled ? value : internalValue;
+  const selected = parseIsoDate(currentValue);
+  const minDate = parseIsoDate(min);
+  const maxDate = parseIsoDate(max);
+  const [draft, setDraft] = React46.useState(null);
+  const [open, setOpen] = React46.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 = React46.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", children: error })
+      ]
+    }
+  );
+}
+DatePicker.displayName = "DatePicker";
 var Description = function Description2({
   ref,
   title,
@@ -11310,7 +11658,7 @@ function DisplayCard({
     "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",
         "[&>*]:flex [&>*]:items-center [&>*]:gap-2",
@@ -11329,10 +11677,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 +11692,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))
@@ -12004,7 +12352,7 @@ function DotPattern({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  const dots = React45__default.useMemo(() => {
+  const dots = React46__default.useMemo(() => {
     const cols = Math.ceil(dimensions.width / width);
     const rows = Math.ceil(dimensions.height / height);
     const count = cols * rows;
@@ -12078,7 +12426,7 @@ function DottedMap({
     mapSamples
   });
   const processedMarkers = addMarkers(markers);
-  const { xStep, yToRowIndex } = React45.useMemo(() => {
+  const { xStep, yToRowIndex } = React46.useMemo(() => {
     const sorted = [...points].sort((a, b) => a.y - b.y || a.x - b.x);
     const rowMap = /* @__PURE__ */ new Map();
     let step = 0;
@@ -12160,7 +12508,7 @@ function DottedWorldMap({
   );
 }
 DottedWorldMap.displayName = "DottedWorldMap";
-var DrawerRootContext = React45.createContext({});
+var DrawerRootContext = React46.createContext({});
 function formatDrawerHeight(height) {
   if (height == null) {
     return void 0;
@@ -12197,7 +12545,7 @@ function Drawer({
       }
     };
   }
-  const contextValue = React45.useMemo(() => {
+  const contextValue = React46.useMemo(() => {
     const resolvedHeight = customHeight ?? height;
     return resolvedHeight === void 0 ? {} : { height: resolvedHeight };
   }, [customHeight, height]);
@@ -12235,7 +12583,7 @@ function DrawerContent({
   style,
   ...props
 }) {
-  const rootContext = React45.use(DrawerRootContext);
+  const rootContext = React46.use(DrawerRootContext);
   const resolvedHeight = formatDrawerHeight(height ?? rootContext.height);
   const contentStyle = resolvedHeight === void 0 ? style : {
     "--drawer-height": resolvedHeight,
@@ -13167,7 +13515,7 @@ var InputOTPSlot = ({
   ref,
   ...props
 }) => {
-  const inputOTPContext = React45.use(OTPInputContext);
+  const inputOTPContext = React46.use(OTPInputContext);
   const slot = inputOTPContext.slots[index];
   const char = slot?.char ?? "";
   const hasFakeCaret = slot?.hasFakeCaret ?? false;
@@ -13835,32 +14183,20 @@ 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
 }) {
-  const [selected, setSelected] = React45.useState(null);
-  const outsideClickRef = React45.useRef(null);
+  const [selected, setSelected] = React46.useState(null);
+  const outsideClickRef = React46.useRef(null);
   const shouldReduceMotion = useReducedMotion();
   const activeTransition = shouldReduceMotion ? { duration: 0 } : transition2;
   useOnClickOutside(outsideClickRef, () => {
@@ -13891,36 +14227,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",
@@ -14022,13 +14347,13 @@ var Textarea = ({
   ref,
   ...props
 }) => {
-  const baseId = React45.useId();
+  const baseId = React46.useId();
   const textareaId = id ?? (label || description || typeof error === "string" ? baseId : void 0);
   const resolvedInvalid = isInvalid2(error, ariaInvalid);
   const descriptionId = description && textareaId ? `${textareaId}-description` : void 0;
   const errorId = typeof error === "string" && textareaId ? `${textareaId}-error` : void 0;
   const describedBy = joinDescriptionIds2(ariaDescribedBy, descriptionId, errorId);
-  const handleChange = React45.useCallback(
+  const handleChange = React46.useCallback(
     (event) => {
       onValueChange?.(event.currentTarget.value);
       onChange?.(event);
@@ -14088,8 +14413,8 @@ var ExpandingTextarea = ({
   ref,
   ...props
 }) => {
-  const textareaRef = React45.useRef(null);
-  const setTextareaRef = React45.useCallback(
+  const textareaRef = React46.useRef(null);
+  const setTextareaRef = React46.useCallback(
     (node) => {
       textareaRef.current = node;
       if (typeof ref === "function") {
@@ -14102,16 +14427,16 @@ var ExpandingTextarea = ({
     },
     [ref]
   );
-  const resize = React45.useCallback(() => {
+  const resize = React46.useCallback(() => {
     const target = textareaRef.current;
     if (!target) return;
     target.style.height = "auto";
     target.style.height = `${target.scrollHeight}px`;
   }, []);
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     resize();
   }, [resize]);
-  const handleChange = React45.useCallback(
+  const handleChange = React46.useCallback(
     (event) => {
       const target = event.currentTarget;
       target.style.height = "auto";
@@ -14678,7 +15003,7 @@ function textOf(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(textOf).join("");
-  if (React45.isValidElement(node)) {
+  if (React46.isValidElement(node)) {
     const props = node.props;
     return textOf(props.children);
   }
@@ -14686,8 +15011,8 @@ function textOf(node) {
 }
 function optionsFromChildren(children) {
   const options = [];
-  React45.Children.forEach(children, (child) => {
-    if (!React45.isValidElement(child)) return;
+  React46.Children.forEach(children, (child) => {
+    if (!React46.isValidElement(child)) return;
     if (child.type !== "option") return;
     const props = child.props;
     const value = String(props.value ?? "");
@@ -14698,8 +15023,8 @@ function optionsFromChildren(children) {
 }
 function hasNativeOptionChildren(children) {
   let hasNativeChildren = false;
-  React45.Children.forEach(children, (child) => {
-    if (!React45.isValidElement(child)) return;
+  React46.Children.forEach(children, (child) => {
+    if (!React46.isValidElement(child)) return;
     if (child.type === "option" || child.type === "optgroup") {
       hasNativeChildren = true;
     }
@@ -14741,7 +15066,7 @@ function NativeSelect({
   "aria-describedby": ariaDescribedBy,
   ...props
 }) {
-  const generatedId = React45.useId();
+  const generatedId = React46.useId();
   const selectId = id ?? generatedId;
   const errorId = error ? `${selectId}-error` : void 0;
   const describedBy = [ariaDescribedBy, errorId].filter(Boolean).join(" ") || void 0;
@@ -14834,12 +15159,12 @@ function OptionsListboxSelect({
   "aria-describedby": ariaDescribedBy,
   "data-testid": dataTestId
 }) {
-  const generatedId = React45.useId();
+  const generatedId = React46.useId();
   const selectId = id ?? generatedId;
   const errorId = error ? `${selectId}-error` : void 0;
   const describedBy = [ariaDescribedBy, errorId].filter(Boolean).join(" ") || void 0;
   const labelId = label ? `${selectId}-label` : void 0;
-  const options = React45.useMemo(() => {
+  const options = React46.useMemo(() => {
     const fromProp = optionsProp?.map((o) => ({
       value: String(o.value),
       label: o.label,
@@ -14848,12 +15173,12 @@ function OptionsListboxSelect({
     if (fromProp?.length) return fromProp;
     return optionsFromChildren(children);
   }, [optionsProp, children]);
-  const items = React45.useMemo(
+  const items = React46.useMemo(
     () => Object.fromEntries(options.map((o) => [o.value, o.label])),
     [options]
   );
   const isControlled = value !== void 0;
-  const [uncontrolled, setUncontrolled] = React45.useState(
+  const [uncontrolled, setUncontrolled] = React46.useState(
     () => defaultValue !== void 0 ? String(defaultValue) : ""
   );
   const current = isControlled ? String(value ?? "") : uncontrolled;
@@ -15146,16 +15471,16 @@ function FeedbackForm({
   initialEmotion,
   onDone
 }) {
-  const promptId = React45.useId();
-  const emotionName = React45.useId();
-  const errorId = React45.useId();
-  const textareaRef = React45.useRef(null);
-  const [emotion, setEmotion] = React45.useState(initialEmotion);
-  const [message, setMessage] = React45.useState("");
-  const [topic, setTopic] = React45.useState("");
-  const [submitting, setSubmitting] = React45.useState(false);
-  const [error, setError] = React45.useState();
-  React45.useEffect(() => {
+  const promptId = React46.useId();
+  const emotionName = React46.useId();
+  const errorId = React46.useId();
+  const textareaRef = React46.useRef(null);
+  const [emotion, setEmotion] = React46.useState(initialEmotion);
+  const [message, setMessage] = React46.useState("");
+  const [topic, setTopic] = React46.useState("");
+  const [submitting, setSubmitting] = React46.useState(false);
+  const [error, setError] = React46.useState();
+  React46.useEffect(() => {
     textareaRef.current?.focus();
   }, []);
   const canSubmit = message.trim().length > 0 && !submitting && !disabled;
@@ -15245,13 +15570,13 @@ function FeedbackDefault({
   defaultOpen = false,
   className
 }) {
-  const triggerRef = React45.useRef(null);
-  const [open, setOpen] = React45.useState(defaultOpen);
-  const resolvedTopics = React45.useMemo(
+  const triggerRef = React46.useRef(null);
+  const [open, setOpen] = React46.useState(defaultOpen);
+  const resolvedTopics = React46.useMemo(
     () => normalizeTopics(topics, showTopics),
     [topics, showTopics]
   );
-  const closeAndReturnFocus = React45.useCallback(() => {
+  const closeAndReturnFocus = React46.useCallback(() => {
     setOpen(false);
     window.requestAnimationFrame(() => triggerRef.current?.focus());
   }, []);
@@ -15319,15 +15644,15 @@ function FeedbackInline({
   defaultExpanded = false,
   className
 }) {
-  const rootRef = React45.useRef(null);
-  const emotionName = React45.useId();
-  const [selectedEmotion, setSelectedEmotion] = React45.useState();
-  const [expanded, setExpanded] = React45.useState(defaultExpanded);
-  const resolvedTopics = React45.useMemo(
+  const rootRef = React46.useRef(null);
+  const emotionName = React46.useId();
+  const [selectedEmotion, setSelectedEmotion] = React46.useState();
+  const [expanded, setExpanded] = React46.useState(defaultExpanded);
+  const resolvedTopics = React46.useMemo(
     () => normalizeTopics(topics, showTopics),
     [topics, showTopics]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!expanded) return;
     function handlePointerDown(event) {
       if (!rootRef.current?.contains(event.target)) {
@@ -15344,7 +15669,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
       ),
@@ -15779,11 +16103,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 +16116,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, {}) })
@@ -15818,7 +16142,7 @@ var countActiveClass = "text-current/80 ml-1 tabular-nums";
 function FilterPills(props) {
   const { options, size = "md", variant = "solid", className } = props;
   const isMultiple = props.type === "multiple";
-  const isActive = React45.useCallback(
+  const isActive = React46.useCallback(
     (optionValue) => {
       if (isMultiple) {
         return props.value.includes(optionValue);
@@ -15827,7 +16151,7 @@ function FilterPills(props) {
     },
     [isMultiple, props]
   );
-  const handleSelect = React45.useCallback(
+  const handleSelect = React46.useCallback(
     (optionValue) => {
       if (isMultiple) {
         const multipleProps = props;
@@ -15841,7 +16165,7 @@ function FilterPills(props) {
     },
     [isMultiple, props]
   );
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React46.useCallback(
     (event, optionValue) => {
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
@@ -15949,7 +16273,7 @@ var Flex = ({
   ref,
   ...props
 }) => {
-  return React45.createElement(
+  return React46.createElement(
     Component2,
     {
       ...props,
@@ -16351,15 +16675,15 @@ var Folder = function Folder2({
   ) });
 };
 var Form = FormProvider;
-var FormFieldContext = React45.createContext({});
+var FormFieldContext = React46.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React45.use(FormFieldContext);
-  const itemContext = React45.use(FormItemContext);
+  const fieldContext = React46.use(FormFieldContext);
+  const itemContext = React46.use(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -16375,13 +16699,13 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React45.createContext({});
+var FormItemContext = React46.createContext({});
 var FormItem = ({
   className,
   ref,
   ...props
 }) => {
-  const id = React45.useId();
+  const id = React46.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
 };
 FormItem.displayName = "FormItem";
@@ -16704,7 +17028,7 @@ var GeistTooltip = ({
   rootProps,
   popupProps
 }) => {
-  const [open, setOpen] = React45.useState(false);
+  const [open, setOpen] = React46.useState(false);
   const shouldReduceMotion = useReducedMotion();
   const delayMs = typeof delay === "number" ? delay : delay ? 500 : 0;
   const colorClasses = typeStyles[type] || typeStyles.default;
@@ -16712,7 +17036,7 @@ var GeistTooltip = ({
     /* @__PURE__ */ jsx(
       Tooltip$1.Trigger,
       {
-        render: React45.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children })
+        render: React46.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children })
       }
     ),
     /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
@@ -17335,7 +17659,7 @@ function GradientAnimatedText({
   const fromColor = gradientFrom ?? colors2.from;
   const toColor = gradientTo ?? colors2.to;
   const styleId = `gradient-anim-${variant}`;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (typeof document === "undefined") return;
     if (document.getElementById(styleId)) return;
     const styleEl = document.createElement("style");
@@ -17398,7 +17722,7 @@ function GridFeatureCard({
   className,
   ...props
 }) {
-  const pattern = React45.useMemo(() => generateRandomPattern(5), []);
+  const pattern = React46.useMemo(() => generateRandomPattern(5), []);
   return /* @__PURE__ */ jsxs("div", { className: cn("relative overflow-hidden p-6", className), ...props, children: [
     /* @__PURE__ */ jsx(DecorativeGridOverlay, { size: gridSize, pattern }),
     /* @__PURE__ */ jsx(Icon, { className: "size-6 text-foreground/75", strokeWidth: 1, "aria-hidden": true }),
@@ -17428,7 +17752,7 @@ function DecorativeGridOverlay({ size = 20, pattern }) {
   );
 }
 function GridPatternSvg({ width, height, x, y, squares, ...props }) {
-  const patternId = React45.useId();
+  const patternId = React46.useId();
   return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", ...props, children: [
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
       "pattern",
@@ -17555,7 +17879,7 @@ var defaultGridSystemContext = {
   guideWidth: `${gridTokens.guide.width}px`,
   useContainer: false
 };
-var GridSystemContext = React45.createContext(defaultGridSystemContext);
+var GridSystemContext = React46.createContext(defaultGridSystemContext);
 var responsiveBreakpoints = [
   ["md", gridTokens.breakpoints.md],
   ["lg", gridTokens.breakpoints.lg]
@@ -17722,7 +18046,7 @@ var GridSystem = ({
   ...props
 }) => {
   const guideWidthValue = toCssLength2(guideWidth);
-  const contextValue = React45.useMemo(
+  const contextValue = React46.useMemo(
     () => ({
       debug,
       guideWidth: guideWidthValue,
@@ -17767,8 +18091,8 @@ var GridRoot = ({
   ref,
   ...props
 }) => {
-  const system = React45.use(GridSystemContext);
-  const id = React45.useId();
+  const system = React46.use(GridSystemContext);
+  const id = React46.useId();
   const scopedClassName = toScopedClassName(id, "grid");
   const baseColumns = resolveResponsiveBase(columns, 1);
   const baseRows = resolveResponsiveBase(rows, 1);
@@ -17830,8 +18154,8 @@ var GridCell = ({
   ref,
   ...props
 }) => {
-  const system = React45.use(GridSystemContext);
-  const id = React45.useId();
+  const system = React46.use(GridSystemContext);
+  const id = React46.useId();
   const scopedClassName = toScopedClassName(id, "cell");
   const gridColumn = resolveCellColumn(column, span);
   const gridRow = resolveOptionalBase(row);
@@ -17989,7 +18313,7 @@ function HexGrid({
   const hexHeight = size * Math.sqrt(3);
   const horizSpacing = hexWidth * 0.75;
   const vertSpacing = hexHeight;
-  const hexagons = React45__default.useMemo(() => {
+  const hexagons = React46__default.useMemo(() => {
     if (dimensions.width === 0 || dimensions.height === 0) return [];
     const cols = Math.ceil(dimensions.width / horizSpacing) + 2;
     const rows = Math.ceil(dimensions.height / vertSpacing) + 2;
@@ -18127,7 +18451,7 @@ var HoverCardTrigger = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Popover$1.Trigger,
       {
@@ -18146,8 +18470,8 @@ var HoverCard = ({
   children,
   ...props
 }) => {
-  const [open, setOpen] = React45.useState(false);
-  const timeoutRef = React45.useRef(null);
+  const [open, setOpen] = React46.useState(false);
+  const timeoutRef = React46.useRef(null);
   function handleMouseEnter() {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setOpen(true), openDelay);
@@ -18197,14 +18521,14 @@ function InfiniteSlider({
   const shouldReduceMotion = useReducedMotion();
   const [isTransitioning, setIsTransitioning] = useState(false);
   const [_key, setKey] = useState(0);
-  const effectiveDuration = React45.useMemo(() => {
+  const effectiveDuration = React46.useMemo(() => {
     if (speed) {
       const size = direction === "horizontal" ? width : height;
       return size > 0 ? (size + gap) / speed : duration;
     }
     return currentDuration;
   }, [speed, width, height, gap, direction, currentDuration, duration]);
-  const effectiveDurationOnHover = React45.useMemo(() => {
+  const effectiveDurationOnHover = React46.useMemo(() => {
     if (speedOnHover) {
       const size = direction === "horizontal" ? width : height;
       return size > 0 ? (size + gap) / speedOnHover : durationOnHover;
@@ -19891,7 +20215,7 @@ function assignRef3(ref, value) {
     ref.current = value;
   }
 }
-var MenubarContext = React45.createContext({ activeMenu: null, setActiveMenu: () => {
+var MenubarContext = React46.createContext({ activeMenu: null, setActiveMenu: () => {
 } });
 var Menubar = ({
   className,
@@ -19899,10 +20223,10 @@ var Menubar = ({
   ref,
   ...props
 }) => {
-  const [activeMenu, setActiveMenu] = React45.useState(null);
-  const rootRef = React45.useRef(null);
+  const [activeMenu, setActiveMenu] = React46.useState(null);
+  const rootRef = React46.useRef(null);
   const contextValue = { activeMenu, setActiveMenu };
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     function handlePointerDown(event) {
       if (event.target instanceof Node && rootRef.current?.contains(event.target)) return;
       setActiveMenu(null);
@@ -19933,10 +20257,10 @@ var Menubar = ({
   ) });
 };
 Menubar.displayName = "Menubar";
-var MenubarMenuContext = React45.createContext({ value: "", isOpen: false });
+var MenubarMenuContext = React46.createContext({ value: "", isOpen: false });
 var MenubarMenu = ({ children }) => {
-  const { activeMenu } = React45.use(MenubarContext);
-  const value = React45.useId();
+  const { activeMenu } = React46.use(MenubarContext);
+  const value = React46.useId();
   const isOpen = activeMenu === value;
   const contextValue = { value, isOpen };
   return /* @__PURE__ */ jsx(MenubarMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: "relative inline-block text-left", children }) });
@@ -19949,8 +20273,8 @@ var MenubarTrigger = ({
   ref,
   ...props
 }) => {
-  const { activeMenu, setActiveMenu } = React45.use(MenubarContext);
-  const { value, isOpen } = React45.use(MenubarMenuContext);
+  const { activeMenu, setActiveMenu } = React46.use(MenubarContext);
+  const { value, isOpen } = React46.use(MenubarMenuContext);
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -19973,10 +20297,10 @@ var MenubarTrigger = ({
   );
 };
 MenubarTrigger.displayName = "MenubarTrigger";
-var MenubarSubContext = React45.createContext({ isOpen: false, setIsOpen: () => {
+var MenubarSubContext = React46.createContext({ isOpen: false, setIsOpen: () => {
 } });
 var MenubarSub = ({ children }) => {
-  const [isOpen, setIsOpen] = React45.useState(false);
+  const [isOpen, setIsOpen] = React46.useState(false);
   const contextValue = { isOpen, setIsOpen };
   return /* @__PURE__ */ jsx(MenubarSubContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     "div",
@@ -19995,7 +20319,7 @@ var MenubarSubTrigger = ({
   ref,
   ...props
 }) => {
-  const { isOpen } = React45.use(MenubarSubContext);
+  const { isOpen } = React46.use(MenubarSubContext);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -20021,7 +20345,7 @@ var MenubarSubContent = ({
   ref,
   ...props
 }) => {
-  const { isOpen } = React45.use(MenubarSubContext);
+  const { isOpen } = React46.use(MenubarSubContext);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsx(
     "div",
@@ -20049,10 +20373,10 @@ var MenubarContent = ({
   ref,
   ...props
 }) => {
-  const { isOpen } = React45.use(MenubarMenuContext);
-  const contentRef = React45.useRef(null);
-  const [side, setSide] = React45.useState("bottom");
-  React45.useLayoutEffect(() => {
+  const { isOpen } = React46.use(MenubarMenuContext);
+  const contentRef = React46.useRef(null);
+  const [side, setSide] = React46.useState("bottom");
+  React46.useLayoutEffect(() => {
     if (!isOpen) {
       setSide("bottom");
       return;
@@ -20098,7 +20422,7 @@ var MenubarItem = ({
   ref,
   ...props
 }) => {
-  const { setActiveMenu } = React45.use(MenubarContext);
+  const { setActiveMenu } = React46.use(MenubarContext);
   const activateMenuItem = (e) => {
     if (disabled) {
       e.preventDefault();
@@ -20112,9 +20436,9 @@ var MenubarItem = ({
       setActiveMenu(null);
     }
   };
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     const child = children;
-    return React45.cloneElement(child, {
+    return React46.cloneElement(child, {
       ref,
       role: child.props.role ?? "menuitem",
       tabIndex: disabled ? -1 : child.props.tabIndex ?? 0,
@@ -20355,7 +20679,7 @@ function MessageContent({
   className,
   style
 }) {
-  const content = React45.useMemo(() => normalizeMessageMarkdown(children), [children]);
+  const content = React46.useMemo(() => normalizeMessageMarkdown(children), [children]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -20676,13 +21000,13 @@ var multiSelectTokens = {
     easing: primitiveTransition.easing.default
   }
 };
-var MultiSelectContext = React45.createContext(null);
+var MultiSelectContext = React46.createContext(null);
 var ROW_SELECTOR = "[data-multi-select-row]";
 var CHECKBOX_SELECTOR = "[data-multi-select-checkbox]";
 var ACTION_SELECTOR = "[data-multi-select-action]";
 var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function useMultiSelectContext(component) {
-  const context = React45.use(MultiSelectContext);
+  const context = React46.use(MultiSelectContext);
   if (!context) {
     throw new Error(`${component} must be used inside MultiSelectRoot.`);
   }
@@ -20791,19 +21115,19 @@ function MultiSelectRoot({
   defaultOpen = false,
   onOpenChange
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React45.useState(defaultOpen);
-  const triggerRef = React45.useRef(null);
-  const contentRef = React45.useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = React46.useState(defaultOpen);
+  const triggerRef = React46.useRef(null);
+  const contentRef = React46.useRef(null);
   const isControlled = open !== void 0;
   const resolvedOpen = open ?? uncontrolledOpen;
-  const setOpen = React45.useCallback(
+  const setOpen = React46.useCallback(
     (nextOpen) => {
       if (!isControlled) setUncontrolledOpen(nextOpen);
       onOpenChange?.(nextOpen);
     },
     [isControlled, onOpenChange]
   );
-  const contextValue = React45.useMemo(
+  const contextValue = React46.useMemo(
     () => ({ open: resolvedOpen, setOpen, triggerRef, contentRef }),
     [resolvedOpen, setOpen]
   );
@@ -20872,7 +21196,7 @@ var MultiSelectContent = ({
 }) => {
   const { open, setOpen, triggerRef, contentRef } = useMultiSelectContext("MultiSelectContent");
   const cssVars = createMultiSelectCssVars(width);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const frame = window.requestAnimationFrame(() => focusFirstRow(contentRef.current));
     return () => window.cancelAnimationFrame(frame);
@@ -21143,18 +21467,18 @@ var MultipleSelector = ({
   inputProps,
   hideClearAllButton = false
 }) => {
-  const inputRef = React45.useRef(null);
-  const [open, setOpen] = React45.useState(false);
-  const [onScrollbar, setOnScrollbar] = React45.useState(false);
-  const [isLoading, setIsLoading] = React45.useState(false);
-  const dropdownRef = React45.useRef(null);
-  const [selected, setSelected] = React45.useState(value || []);
-  const [options, setOptions] = React45.useState(
+  const inputRef = React46.useRef(null);
+  const [open, setOpen] = React46.useState(false);
+  const [onScrollbar, setOnScrollbar] = React46.useState(false);
+  const [isLoading, setIsLoading] = React46.useState(false);
+  const dropdownRef = React46.useRef(null);
+  const [selected, setSelected] = React46.useState(value || []);
+  const [options, setOptions] = React46.useState(
     transToGroupOption(arrayDefaultOptions, groupBy)
   );
-  const [inputValue, setInputValue] = React45.useState("");
+  const [inputValue, setInputValue] = React46.useState("");
   const debouncedSearchTerm = useDebouncedValue(inputValue, delay || 500);
-  React45.useImperativeHandle(
+  React46.useImperativeHandle(
     ref,
     () => ({
       selectedValue: [...selected],
@@ -21164,13 +21488,13 @@ var MultipleSelector = ({
     }),
     [selected]
   );
-  const handleClickOutside = React45.useCallback((event) => {
+  const handleClickOutside = React46.useCallback((event) => {
     if (dropdownRef.current && !dropdownRef.current.contains(event.target) && inputRef.current && !inputRef.current.contains(event.target)) {
       setOpen(false);
       inputRef.current.blur();
     }
   }, []);
-  const handleUnselect = React45.useCallback(
+  const handleUnselect = React46.useCallback(
     (option) => {
       const newOptions = selected.filter((s) => s.value !== option.value);
       setSelected(newOptions);
@@ -21178,7 +21502,7 @@ var MultipleSelector = ({
     },
     [onChange, selected]
   );
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React46.useCallback(
     (e) => {
       const input = inputRef.current;
       if (input) {
@@ -21277,18 +21601,18 @@ var MultipleSelector = ({
     if (onSearch && debouncedSearchTerm.length > 0 && !isLoading) return Item;
     return void 0;
   };
-  const EmptyItem = React45.useCallback(() => {
+  const EmptyItem = React46.useCallback(() => {
     if (!emptyIndicator) return void 0;
     if (onSearch && !creatable && Object.keys(options).length === 0) {
       return /* @__PURE__ */ jsx(CommandItem, { value: "-", disabled: true, children: emptyIndicator });
     }
     return /* @__PURE__ */ jsx(CommandEmpty2, { children: emptyIndicator });
   }, [creatable, emptyIndicator, onSearch, options]);
-  const selectables = React45.useMemo(
+  const selectables = React46.useMemo(
     () => removePickedOption(options, selected),
     [options, selected]
   );
-  const commandFilter = React45.useCallback(() => {
+  const commandFilter = React46.useCallback(() => {
     if (commandProps?.filter) return commandProps.filter;
     if (creatable) {
       return (value2, search) => {
@@ -21473,7 +21797,7 @@ MultipleSelector.displayName = "MultipleSelector";
 var navigationMenuTriggerStyle = cva(
   `group inline-flex h-10 w-max items-center justify-center rounded-[var(--radius-md)] bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground ${overlayClassNames.focusRing} disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50`
 );
-var NavigationMenuContext = React45.createContext({ value: "", onValueChange: () => {
+var NavigationMenuContext = React46.createContext({ value: "", onValueChange: () => {
 } });
 var NavigationMenu = ({
   className,
@@ -21483,7 +21807,7 @@ var NavigationMenu = ({
   ref,
   ...props
 }) => {
-  const [uncontrolledValue, setUncontrolledValue] = React45.useState("");
+  const [uncontrolledValue, setUncontrolledValue] = React46.useState("");
   const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
   const setValue = onValueChange || setUncontrolledValue;
   const contextValue = { value, onValueChange: setValue };
@@ -21514,7 +21838,7 @@ var NavigationMenuList = ({
   }
 );
 NavigationMenuList.displayName = "NavigationMenuList";
-var NavigationMenuItemContext = React45.createContext({ value: "" });
+var NavigationMenuItemContext = React46.createContext({ value: "" });
 var NavigationMenuItem = ({
   className,
   value,
@@ -21522,7 +21846,7 @@ var NavigationMenuItem = ({
   ref,
   ...props
 }) => {
-  const defaultId = React45.useId();
+  const defaultId = React46.useId();
   const itemValue = value || defaultId;
   const contextValue = { value: itemValue };
   return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("li", { ref, className: cn("relative", className), ...props, children }) });
@@ -21534,8 +21858,8 @@ var NavigationMenuTrigger = ({
   ref,
   ...props
 }) => {
-  const { value: contextValue, onValueChange } = React45.use(NavigationMenuContext);
-  const { value: itemValue } = React45.use(NavigationMenuItemContext);
+  const { value: contextValue, onValueChange } = React46.use(NavigationMenuContext);
+  const { value: itemValue } = React46.use(NavigationMenuItemContext);
   const isOpen = contextValue === itemValue;
   return /* @__PURE__ */ jsxs(
     "button",
@@ -21568,8 +21892,8 @@ var NavigationMenuContent = ({
   ref,
   ...props
 }) => {
-  const { value: contextValue } = React45.use(NavigationMenuContext);
-  const { value: itemValue } = React45.use(NavigationMenuItemContext);
+  const { value: contextValue } = React46.use(NavigationMenuContext);
+  const { value: itemValue } = React46.use(NavigationMenuItemContext);
   const isOpen = contextValue === itemValue;
   if (!isOpen) return null;
   return /* @__PURE__ */ jsx(
@@ -21600,10 +21924,10 @@ var NavigationMenuLink = ({
   ref,
   ...props
 }) => {
-  const { onValueChange } = React45.use(NavigationMenuContext);
-  if (asChild && React45.isValidElement(children)) {
+  const { onValueChange } = React46.use(NavigationMenuContext);
+  if (asChild && React46.isValidElement(children)) {
     const child = children;
-    return React45.cloneElement(child, {
+    return React46.cloneElement(child, {
       ref,
       "data-active": active ? "" : void 0,
       onClick: (e) => {
@@ -23643,7 +23967,7 @@ 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",
   "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-['']",
+  "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-['']",
   "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)]"
@@ -24493,7 +24817,7 @@ var wrap = (min, max, v) => {
   const rangeSize = max - min;
   return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
 };
-var ScrollVelocityContext = React45__default.createContext(null);
+var ScrollVelocityContext = React46__default.createContext(null);
 function ScrollVelocityContainer({
   children,
   className,
@@ -24797,21 +25121,21 @@ function Scroller({
   style,
   ...props
 }) {
-  const viewportRef = React45.useRef(null);
-  const childrenContainerRef = React45.useRef(null);
-  const [edgeState, setEdgeState] = React45.useState({
+  const viewportRef = React46.useRef(null);
+  const childrenContainerRef = React46.useRef(null);
+  const [edgeState, setEdgeState] = React46.useState({
     left: false,
     right: false,
     top: false,
     bottom: false
   });
   const resolvedButtonAxis = resolveButtonAxis(overflow, buttonAxis);
-  const updateEdgeState = React45.useCallback(() => {
+  const updateEdgeState = React46.useCallback(() => {
     const viewport2 = viewportRef.current;
     if (!viewport2) return;
     setEdgeState(getEdgeState(viewport2));
   }, []);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     updateEdgeState();
     const viewport2 = viewportRef.current;
     const childrenContainer = childrenContainerRef.current;
@@ -24825,7 +25149,7 @@ function Scroller({
       window.removeEventListener("resize", updateEdgeState);
     };
   }, [updateEdgeState]);
-  const scrollToSibling = React45.useCallback(
+  const scrollToSibling = React46.useCallback(
     (direction) => {
       const viewport2 = viewportRef.current;
       if (!viewport2) return;
@@ -25064,7 +25388,7 @@ var SheetTrigger = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Dialog$1.Trigger,
       {
@@ -25084,7 +25408,7 @@ var SheetClose = ({
   ref,
   ...props
 }) => {
-  if (asChild && React45.isValidElement(children)) {
+  if (asChild && React46.isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Dialog$1.Close,
       {
@@ -25365,9 +25689,9 @@ var ShowMore = ({
   ref,
   ...props
 }) => {
-  const wasExpanded = React45.useRef(expanded);
+  const wasExpanded = React46.useRef(expanded);
   const label = expanded ? expandedLabel : getCollapsedLabel(hiddenCount, collapsedLabel);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (focusOnExpand && expanded && !wasExpanded.current) {
       focusTargetRef?.current?.focus();
     }
@@ -25520,9 +25844,9 @@ var Slider = ({
     valueMode: _valueMode,
     ...inputProps
   } = props;
-  const generatedId = React45.useId();
+  const generatedId = React46.useId();
   const sliderId = id ?? generatedId;
-  const [internalValue, setInternalValue] = React45.useState(
+  const [internalValue, setInternalValue] = React46.useState(
     () => normalizeSliderValue(defaultValue, min)
   );
   const currentValue = clamp(normalizeSliderValue(value, internalValue), min, max);
@@ -25900,7 +26224,7 @@ var Stack = ({
   ref,
   ...props
 }) => {
-  return React45.createElement(
+  return React46.createElement(
     Component2,
     {
       ...props,
@@ -26464,9 +26788,9 @@ var SubagentTool = memo(function SubagentTool2({
     }
   );
 });
-var SwitchContext = React45.createContext(null);
+var SwitchContext = React46.createContext(null);
 function useSwitchContext() {
-  const context = React45.use(SwitchContext);
+  const context = React46.use(SwitchContext);
   if (!context) {
     throw new Error("Switch.Control must be rendered inside Switch.");
   }
@@ -26514,9 +26838,9 @@ var SwitchRoot = function SwitchRoot2({
   ref,
   ...props
 }) {
-  const generatedName = React45.useId();
+  const generatedName = React46.useId();
   const resolvedName = name ?? generatedName;
-  const context = React45.useMemo(
+  const context = React46.useMemo(
     () => ({
       defaultValue,
       disabled,
@@ -26720,7 +27044,7 @@ var tabsContentVariants = cva(
     }
   }
 );
-var TabsContext = React45.createContext({
+var TabsContext = React46.createContext({
   activationMode: "manual",
   disabled: false,
   shape: "default",
@@ -26778,7 +27102,7 @@ function Tabs({
 }) {
   const rootValue = selected ?? value;
   const rootDefaultValue = defaultValue ?? getFirstEnabledValue(tabs);
-  const context = React45.useMemo(
+  const context = React46.useMemo(
     () => ({ activationMode, disabled, shape, size, variant }),
     [activationMode, disabled, shape, size, variant]
   );
@@ -26864,11 +27188,11 @@ function TabsList({
   children,
   ...props
 }) {
-  const context = React45.use(TabsContext);
+  const context = React46.use(TabsContext);
   const resolvedVariant = variant ?? context.variant;
   const resolvedShape = shape ?? context.shape;
   const resolvedActivateOnFocus = activateOnFocus ?? context.activationMode === "automatic";
-  const listContext = React45.useMemo(
+  const listContext = React46.useMemo(
     () => ({ ...context, shape: resolvedShape, variant: resolvedVariant }),
     [context, resolvedShape, resolvedVariant]
   );
@@ -26905,7 +27229,7 @@ function TabsList({
   ) });
 }
 function TabsTrigger({ badge, children, className, disabled, icon, ...props }) {
-  const context = React45.use(TabsContext);
+  const context = React46.use(TabsContext);
   const isDisabled = disabled ?? context.disabled;
   return /* @__PURE__ */ jsxs(
     BaseTrigger,
@@ -27303,10 +27627,10 @@ var ThemeSwitcher = ({
   ref,
   ...props
 }) => {
-  const generatedName = React45.useId();
+  const generatedName = React46.useId();
   const radioName = name ?? generatedName;
   const { isProviderBound, theme, forcedTheme, setTheme } = useTheme();
-  const [fallbackValue, setFallbackValue] = React45.useState(defaultValue);
+  const [fallbackValue, setFallbackValue] = React46.useState(defaultValue);
   const providerTheme = isThemeSwitcherValue(theme) ? theme : "system";
   const selectedTheme = forcedTheme ?? value ?? (isProviderBound ? providerTheme : fallbackValue);
   const isReadOnly = disabled || forcedTheme !== void 0;
@@ -27450,15 +27774,15 @@ var ThemeToggle = ({
   ref,
   ...props
 }) => {
-  const rawId = React45.useId();
+  const rawId = React46.useId();
   const maskId = `theme-toggle-mask-${rawId.replace(/:/g, "")}`;
   const shouldReduceMotion = useReducedMotion2();
-  const lastSoundAt = React45.useRef(0);
-  const [mounted, setMounted] = React45.useState(false);
-  const [internalValue, setInternalValue] = React45.useState(
+  const lastSoundAt = React46.useRef(0);
+  const [mounted, setMounted] = React46.useState(false);
+  const [internalValue, setInternalValue] = React46.useState(
     defaultValue ?? "light"
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (value === void 0 && defaultValue === void 0) {
       setInternalValue(readDocumentTheme());
     }
@@ -27473,7 +27797,7 @@ var ThemeToggle = ({
     whileHover: { scale: themeToggleTokens.motion.hoverScale },
     whileTap: { scale: themeToggleTokens.motion.tapScale }
   } : {};
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (applyToDocument && mounted) {
       applyDocumentTheme(currentValue);
     }
@@ -27688,7 +28012,7 @@ function Toaster({
   );
 }
 function useToasts() {
-  const message = React45.useCallback(
+  const message = React46.useCallback(
     ({
       text,
       preserve,
@@ -27734,16 +28058,16 @@ function useToasts() {
     },
     []
   );
-  const success = React45.useCallback((text, options = {}) => {
+  const success = React46.useCallback((text, options = {}) => {
     return toast.success(text, toExternalToast(options));
   }, []);
-  const warning = React45.useCallback((text, options = {}) => {
+  const warning = React46.useCallback((text, options = {}) => {
     return toast.warning(text, toExternalToast(options));
   }, []);
-  const error = React45.useCallback((text, options = {}) => {
+  const error = React46.useCallback((text, options = {}) => {
     return toast.error(text, toExternalToast(options));
   }, []);
-  const dismiss = React45.useCallback((id) => toast.dismiss(id), []);
+  const dismiss = React46.useCallback((id) => toast.dismiss(id), []);
   return {
     dismiss,
     error,
@@ -27852,13 +28176,13 @@ var Toggle = ({
   ...inputProps
 }) => {
   const isControlled = checkedProp !== void 0;
-  const [internalChecked, setInternalChecked] = React45.useState(defaultChecked);
-  const generatedId = React45.useId();
+  const [internalChecked, setInternalChecked] = React46.useState(defaultChecked);
+  const generatedId = React46.useId();
   const inputId = id ?? generatedId;
   const checked = isControlled ? checkedProp : internalChecked;
   const hasVisibleLabel = children != null;
   const visualDirection = direction === "switch-last" ? "label-first" : direction;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && !hasVisibleLabel && ariaLabel === void 0 && ariaLabelledBy === void 0) {
       globalThis.console.warn(
         "Toggle requires an accessible name. Pass children, aria-label, or aria-labelledby."
@@ -27987,21 +28311,21 @@ var toggleGroupItemVariants = cva(
     }
   }
 );
-var ToggleGroupTypeContext = React45.createContext(null);
-var ToggleGroupValueContext = React45.createContext(null);
-var ToggleGroupChangeContext = React45.createContext(
+var ToggleGroupTypeContext = React46.createContext(null);
+var ToggleGroupValueContext = React46.createContext(null);
+var ToggleGroupChangeContext = React46.createContext(
   null
 );
-var ToggleGroupDisabledContext = React45.createContext(void 0);
-var ToggleGroupVariantContext = React45.createContext(void 0);
-var ToggleGroupSizeContext = React45.createContext(void 0);
+var ToggleGroupDisabledContext = React46.createContext(void 0);
+var ToggleGroupVariantContext = React46.createContext(void 0);
+var ToggleGroupSizeContext = React46.createContext(void 0);
 function useToggleGroup() {
-  const type = React45.use(ToggleGroupTypeContext);
-  const value = React45.use(ToggleGroupValueContext);
-  const onValueChange = React45.use(ToggleGroupChangeContext);
-  const disabled = React45.use(ToggleGroupDisabledContext);
-  const variant = React45.use(ToggleGroupVariantContext);
-  const size = React45.use(ToggleGroupSizeContext);
+  const type = React46.use(ToggleGroupTypeContext);
+  const value = React46.use(ToggleGroupValueContext);
+  const onValueChange = React46.use(ToggleGroupChangeContext);
+  const disabled = React46.use(ToggleGroupDisabledContext);
+  const variant = React46.use(ToggleGroupVariantContext);
+  const size = React46.use(ToggleGroupSizeContext);
   if (type === null || value === null || onValueChange === null) {
     throw new Error("ToggleGroup internal components must be used within a ToggleGroup");
   }
@@ -28020,7 +28344,7 @@ var ToggleGroup = ({
   ref,
   ...props
 }) => {
-  const [uncontrolledValue, setUncontrolledValue] = React45.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React46.useState(
     defaultValue !== void 0 ? defaultValue : type === "single" ? "" : []
   );
   const isControlled = controlledValue !== void 0;
@@ -28747,7 +29071,7 @@ function VideoText({
   as: Component2 = "div"
 }) {
   const [svgMask, setSvgMask] = useState("");
-  const content = React45__default.Children.toArray(children).join("");
+  const content = React46__default.Children.toArray(children).join("");
   useEffect(() => {
     const updateSvgMask = () => {
       const responsiveFontSize = typeof fontSize === "number" ? `${fontSize}vw` : fontSize;
@@ -29185,6 +29509,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, BaseButton, BaseButtonArrow, BentoCard, BentoGrid, BitbucketAvatar, Book, BorderTrail, Box, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Browser, BrowserMockup, BulkActionBar, BulkActionConfirmDialog, Button, ButtonLink, Calendar, 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, 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, baseButtonVariants, breakpoints, buttonVariants, 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