@hilum/ui 3.5.3 → 3.6.0

package/dist/index.js

@@ -3,11 +3,7 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React16 from 'react';
 import { createContext, forwardRef, useRef, useState, useCallback, useEffect, useContext, isValidElement, cloneElement, useMemo, useId, Children, useLayoutEffect } from 'react';
-import { DropdownMenu, Avatar as Avatar$1, AlertDialog, AspectRatio, Checkbox, Collapsible, ContextMenu, Popover, Label as Label$1, HoverCard, Menubar, Dialog as Dialog$1, NavigationMenu, Progress, Separator, ScrollArea, Toggle, ToggleGroup, Slot as Slot$1 } from 'radix-ui';
 import { Check, Circle, ChevronRight, Minus, Search, X, ChevronDown, CornerDownRight, SkipForward, Pencil, Inbox, MessageCircle, Home, Pause, Play, RotateCcw, Link, ImageIcon, User, Globe, Brain, Paintbrush, Heart, Rocket, Lightbulb, Palette, Shield, Bell, Mail, Lock, Users, Loader, ArrowUp, ArrowRight, ArrowLeft, Plus, Settings, Star, Clock, SquareLibrary, RectangleHorizontal, Moon, Sun, Monitor, Dot, Menu, Copy, Pipette, MoreHorizontal, ChevronLeft, ChevronsUpDown, ChevronUp, CalendarIcon, Upload, File, CircleHelp, Info, AlertTriangle, AlertCircle, CheckCircle, GripVertical, Bold, Italic, Underline, Strikethrough, Heading1, Heading2, Heading3, List as List$1, ListOrdered, AlignLeft, FileText, Image as Image$1, Filter, ArrowDown, PanelLeft, TrendingDown, TrendingUp, Download, XCircle, Loader2 } from 'lucide-react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { AnimatePresence, motion, useMotionValue, useTransform, animate, useReducedMotion, Reorder } from 'framer-motion';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { IconCornerDownRight, IconPlayerSkipForward, IconPencil, IconInbox, IconMessageCircle, IconHome, IconPlayerPause, IconPlayerPlay, IconRotate2, IconCheck, IconLink, IconPhoto, IconUser, IconGlobe, IconBrain, IconBrush, IconHeart, IconRocket, IconBulb, IconPalette, IconShield, IconBell, IconMail, IconLock, IconUsers, IconLoader2, IconSearch, IconArrowUp, IconArrowRight, IconArrowLeft, IconPlus, IconSettings, IconStar, IconClock, IconLibrary, IconCircle, IconSquare, IconMoon, IconSun, IconDeviceDesktop, IconPoint, IconMenu2, IconCopy, IconX, IconColorPicker, IconChevronDown, IconChevronRight } from '@tabler/icons-react';
 import { ArrowElbowDownRight, SkipForward as SkipForward$1, Pencil as Pencil$1, Tray, ChatCircle, House, Pause as Pause$1, Play as Play$1, ArrowCounterClockwise, Check as Check$1, Link as Link$1, Image, User as User$1, Globe as Globe$1, Brain as Brain$1, PaintBrush, Heart as Heart$1, Rocket as Rocket$1, Lightbulb as Lightbulb$1, Palette as Palette$1, Shield as Shield$1, Bell as Bell$1, Envelope, Lock as Lock$1, Users as Users$1, Spinner as Spinner$1, MagnifyingGlass, ArrowUp as ArrowUp$1, ArrowRight as ArrowRight$1, ArrowLeft as ArrowLeft$1, Plus as Plus$1, Gear, Star as Star$1, Clock as Clock$1, Books, Circle as Circle$1, Rectangle, Moon as Moon$1, Sun as Sun$1, Monitor as Monitor$1, DotOutline, List, Copy as Copy$1, X as X$1, Eyedropper, CaretDown, CaretRight } from '@phosphor-icons/react';
 import { HugeiconsIcon } from '@hugeicons/react';
@@ -55,6 +51,10 @@ import HiPencil from '@hugeicons/core-free-icons/PencilEdit01Icon';
 import HiSkipForward from '@hugeicons/core-free-icons/NextIcon';
 import HiCornerDownRight from '@hugeicons/core-free-icons/ArrowMoveDownRightIcon';
 import { CornerDownRight as CornerDownRight$1, SkipForward as SkipForward$2, Pencil01, Inbox01, MessageCircle01, Home01, RefreshCcw01, Check as Check$2, Link01, Image01, User01, Globe01, CpuChip01, Brush01, Heart as Heart$2, Rocket01, Lightbulb01, Palette as Palette$2, Shield01, Bell01, Mail01, Lock01, Users01, Loading01, SearchMd, ArrowUp as ArrowUp$2, ArrowRight as ArrowRight$2, ArrowLeft as ArrowLeft$2, Plus as Plus$2, Settings01, Star01, Clock as Clock$2, BookClosed, Circle as Circle$2, Square, Moon01, Sun as Sun$2, Monitor01, Menu01, Copy01, XClose, Dropper, ChevronDown as ChevronDown$1, ChevronRight as ChevronRight$1 } from '@untitledui/icons';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { DropdownMenu, Avatar as Avatar$1, AlertDialog, AspectRatio, Checkbox, Collapsible, ContextMenu, Popover, Label as Label$1, HoverCard, Menubar, Dialog as Dialog$1, NavigationMenu, Progress, Separator, ScrollArea, Toggle, ToggleGroup, Slot as Slot$1 } from 'radix-ui';
+import { AnimatePresence, motion, useMotionValue, useTransform, animate, useReducedMotion, Reorder } from 'framer-motion';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { DayPicker } from 'react-day-picker';
@@ -79,469 +79,59 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var motionClasses = "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-150 ease-out motion-reduce:transition-none";
-var springMotionClasses = "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-200 ease-[cubic-bezier(0.2,0.9,0.2,1.15)] motion-reduce:transition-none";
-var pressClasses = "active:scale-[0.97] motion-reduce:active:scale-100";
-var focusRingClasses = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30 focus-visible:ring-offset-1";
-var iconStrokeClasses = "[&_svg]:transition-[stroke-width,transform,color] [&_svg]:duration-150 [&_svg]:ease-out group-hover:[&_svg]:stroke-[2]";
-var controlSurfaceClasses = "border border-border bg-card shadow-natural hover:border-ground-200 hover:shadow-elevated";
-var menuItemClasses = "relative flex min-h-10 cursor-default select-none items-center gap-2 rounded-md px-2.5 py-2 body outline-none transition-[background-color,color,box-shadow] duration-150 ease-out";
-var menuItemActiveClasses = "focus:bg-muted focus:text-foreground data-[highlighted]:bg-muted";
-function useProximityIndex(axis = "y") {
-  const containerRef = React16.useRef(null);
-  const itemRefs = React16.useRef(/* @__PURE__ */ new Map());
-  const frameRef = React16.useRef(null);
-  const [activeIndex, setActiveIndex] = React16.useState(null);
-  const registerItem = React16.useCallback((index, node) => {
-    if (node) itemRefs.current.set(index, node);
-    else itemRefs.current.delete(index);
-  }, []);
-  const onPointerMove = React16.useCallback(
-    (event) => {
-      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
-      const pointer = axis === "x" ? event.clientX : event.clientY;
-      frameRef.current = requestAnimationFrame(() => {
-        frameRef.current = null;
-        let closestIndex = null;
-        let closestDistance = Number.POSITIVE_INFINITY;
-        itemRefs.current.forEach((node, index) => {
-          const rect = node.getBoundingClientRect();
-          const start = axis === "x" ? rect.left : rect.top;
-          const size = axis === "x" ? rect.width : rect.height;
-          const center = start + size / 2;
-          const distance = Math.abs(pointer - center);
-          if (distance < closestDistance) {
-            closestDistance = distance;
-            closestIndex = index;
-          }
-        });
-        setActiveIndex(closestIndex);
-      });
-    },
-    [axis]
-  );
-  const clearActiveIndex = React16.useCallback(() => {
-    if (frameRef.current !== null) {
-      cancelAnimationFrame(frameRef.current);
-      frameRef.current = null;
-    }
-    setActiveIndex(null);
-  }, []);
-  React16.useEffect(
-    () => () => {
-      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
-    },
-    []
-  );
-  return {
-    activeIndex,
-    containerRef,
-    registerItem,
-    handlers: {
-      onPointerMove,
-      onPointerLeave: clearActiveIndex
-    }
+var iconLibraryOrder = [
+  "lucide",
+  "tabler",
+  "phosphor",
+  "hugeicons",
+  "untitledui"
+];
+var iconLibraryLabels = {
+  lucide: "Lucide",
+  tabler: "Tabler",
+  phosphor: "Phosphor",
+  hugeicons: "HugeIcons",
+  untitledui: "Untitled UI"
+};
+function tabler(Icon) {
+  return function TablerAdapter({ size, strokeWidth, className }) {
+    const props = {};
+    if (size !== void 0) props.size = size;
+    if (strokeWidth !== void 0) props.stroke = strokeWidth;
+    if (className !== void 0) props.className = className;
+    return /* @__PURE__ */ jsx(Icon, { ...props });
   };
 }
-
-// src/lib/mobile-popper-sheet.ts
-var mobileDialogSheetContentClassName = [
-  "fixed inset-x-0 bottom-0 z-50 max-h-[calc(100dvh-1rem)] w-full overflow-y-auto",
-  "rounded-t-2xl border border-border bg-card p-6 shadow-elevated",
-  "max-sm:pb-[calc(1.5rem+env(safe-area-inset-bottom))] max-sm:pt-8",
-  "max-sm:before:absolute max-sm:before:left-1/2 max-sm:before:top-3 max-sm:before:h-1 max-sm:before:w-9",
-  "max-sm:before:-translate-x-1/2 max-sm:before:rounded-full max-sm:before:bg-muted-foreground/35"
-].join(" ");
-var desktopDialogContentClassName = "sm:bottom-auto sm:left-1/2 sm:top-1/2 sm:max-h-[calc(100dvh-2rem)] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-2xl";
-var dialogSheetMotionClassName = [
-  "data-[state=open]:animate-in data-[state=closed]:animate-out",
-  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-  "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-  "sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:zoom-in-95"
-].join(" ");
-var mobilePopperSheetPositionClassName = [
-  "max-sm:!fixed max-sm:!inset-x-3 max-sm:!bottom-3 max-sm:!top-auto max-sm:!left-3 max-sm:!right-3",
-  "max-sm:!w-auto max-sm:!min-w-0 max-sm:!max-w-none max-sm:!transform-none"
-].join(" ");
-var mobilePopperSheetSurfaceClassName = "max-sm:max-h-[min(70dvh,28rem)] max-sm:rounded-2xl max-sm:border max-sm:border-border max-sm:shadow-elevated";
-var mobilePopperSheetMotionClassName = [
-  "max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:slide-in-from-bottom"
-].join(" ");
-var mobilePopperSheetStyle = `
-@media (max-width: 639px) {
-  [data-radix-popper-content-wrapper]:has([data-hilum-mobile-sheet="true"]) {
-    position: fixed !important;
-    inset: 0 !important;
-    min-width: 0 !important;
-    transform: none !important;
-    pointer-events: none;
-    z-index: 50 !important;
-  }
-
-  [data-radix-popper-content-wrapper]:has([data-hilum-mobile-sheet="true"][data-state="open"])::before {
-    content: "";
-    position: fixed;
-    inset: 0;
-    background: rgb(0 0 0 / 0.3);
-    backdrop-filter: blur(4px);
-    pointer-events: auto;
-  }
-
-  [data-hilum-mobile-sheet="true"] {
-    position: fixed !important;
-    left: 0.75rem !important;
-    right: 0.75rem !important;
-    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
-    top: auto !important;
-    width: calc(100dvw - 1.5rem) !important;
-    min-width: 0 !important;
-    max-width: none !important;
-    transform: none !important;
-    pointer-events: auto;
-    transform-origin: bottom center !important;
-    overscroll-behavior: contain;
-  }
-
-  [data-hilum-mobile-sheet="true"]::before {
-    content: "";
-    position: absolute;
-    top: 0.5rem;
-    left: 50%;
-    width: 2.25rem;
-    height: 0.25rem;
-    border-radius: 999px;
-    background: hsl(var(--muted-foreground) / 0.35);
-    transform: translateX(-50%);
-  }
+function phosphor(Icon) {
+  return function PhosphorAdapter({ size, strokeWidth, className }) {
+    const weight = strokeWidth != null && strokeWidth >= 1.75 ? "regular" : "light";
+    const props = { weight };
+    if (size !== void 0) props.size = size;
+    if (className !== void 0) props.className = className;
+    return /* @__PURE__ */ jsx(Icon, { ...props });
+  };
 }
-`;
-var DropdownMenuRoot = DropdownMenu.Root;
-var DropdownMenuTrigger = DropdownMenu.Trigger;
-var DropdownMenuGroup = DropdownMenu.Group;
-var DropdownMenuPortal = DropdownMenu.Portal;
-var DropdownMenuSub = DropdownMenu.Sub;
-var DropdownMenuRadioGroup = DropdownMenu.RadioGroup;
-var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
-  /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenu.Content,
-    {
-      ref,
-      "data-hilum-mobile-sheet": "true",
-      sideOffset,
-      className: cn(
-        "z-50 min-w-[8rem] rounded-xl border border-border bg-card p-1 shadow-elevated",
-        mobilePopperSheetPositionClassName,
-        mobilePopperSheetSurfaceClassName,
-        "max-sm:overflow-y-auto max-sm:px-2 max-sm:pb-2 max-sm:pt-5",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        mobilePopperSheetMotionClassName,
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
-        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
-        className
-      ),
-      ...props
-    }
-  ) })
-] }));
-DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React16.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenu.Item,
-  {
-    ref,
-    className: cn(
-      menuItemClasses,
-      motionClasses,
-      pressClasses,
-      destructive ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-muted-foreground focus:bg-muted focus:text-foreground",
-      !destructive && menuItemActiveClasses,
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenu.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      menuItemClasses,
-      menuItemActiveClasses,
-      "py-2 pl-8 pr-2.5 text-muted-foreground",
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 13, className: "text-foreground" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenu.RadioItem,
-  {
-    ref,
-    className: cn(
-      menuItemClasses,
-      menuItemActiveClasses,
-      "py-2 pl-8 pr-2.5 text-muted-foreground",
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { size: 8, className: "fill-foreground text-foreground" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenu.Label,
-  {
-    ref,
-    className: cn("px-2.5 py-1 label text-muted-foreground", inset && "pl-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenu.Separator,
-  {
-    ref,
-    className: cn("mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenu.SubTrigger,
-  {
-    ref,
-    className: cn(
-      menuItemClasses,
-      menuItemActiveClasses,
-      "text-muted-foreground data-[state=open]:bg-muted",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "ml-auto text-muted-foreground" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
-  /* @__PURE__ */ jsx(
-    DropdownMenu.SubContent,
-    {
-      ref,
-      "data-hilum-mobile-sheet": "true",
-      className: cn(
-        "z-50 min-w-[8rem] rounded-xl border border-border bg-card p-1 shadow-elevated",
-        mobilePopperSheetPositionClassName,
-        mobilePopperSheetSurfaceClassName,
-        "max-sm:overflow-y-auto max-sm:px-2 max-sm:pb-2 max-sm:pt-5",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        mobilePopperSheetMotionClassName,
-        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
-function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto caption text-muted-foreground", className), ...props });
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var sizeMap = {
-  xs: "size-5 caption-xs",
-  sm: "size-7 caption",
-  md: "size-8 body",
-  lg: "size-10 body-lg",
-  xl: "size-12 subheading"
-};
-var Avatar = React16.forwardRef(
-  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
-    Avatar$1.Root,
-    {
-      ref,
-      className: cn(
-        "relative flex shrink-0 overflow-hidden rounded-full",
-        sizeMap[size],
-        className
-      ),
-      ...props
-    }
-  )
-);
-Avatar.displayName = "Avatar";
-var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Avatar$1.Image,
-  {
-    ref,
-    className: cn(
-      "aspect-square h-full w-full object-cover outline outline-1 -outline-offset-1 outline-black/10 dark:outline-white/10",
-      className
-    ),
-    ...props
-  }
-));
-AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Avatar$1.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted body font-semibold text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = "AvatarFallback";
-var statusColorMap = {
-  online: "bg-brand-secondary",
-  offline: "bg-muted",
-  busy: "bg-destructive",
-  away: "bg-brand-secondary"
-};
-var statusSizeMap = {
-  xs: "size-1.5 ring-1",
-  sm: "size-2 ring-1",
-  md: "size-2.5 ring-[1.5px]",
-  lg: "size-3 ring-2",
-  xl: "size-3.5 ring-2"
-};
-var AvatarWithStatus = React16.forwardRef(({ status, size = "md", className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "relative inline-flex shrink-0", children: [
-  /* @__PURE__ */ jsx(Avatar, { ref, size, className, ...props, children }),
-  status && /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "absolute bottom-0 right-0 rounded-full ring-background",
-        statusColorMap[status],
-        statusSizeMap[size]
-      )
-    }
-  )
-] }));
-AvatarWithStatus.displayName = "AvatarWithStatus";
-var AccountMenuContent = React16.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuContent,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "w-72 overflow-hidden rounded-xl border border-border bg-card p-0 text-foreground shadow-elevated",
-      className
-    ),
-    ...props
-  }
-));
-AccountMenuContent.displayName = "AccountMenuContent";
-var AccountMenuHeader = React16.forwardRef(
-  ({ name, email, avatarSrc, avatarAlt, fallback, className, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn("flex flex-col items-center px-5 py-5 text-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "mb-3", children: [
-          avatarSrc && /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: avatarAlt ?? "" }),
-          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-brand-primary text-primary-foreground", children: fallback })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "body font-medium leading-tight text-foreground", children: name }),
-        email && /* @__PURE__ */ jsx("p", { className: "caption text-muted-foreground", children: email })
-      ]
-    }
-  )
-);
-AccountMenuHeader.displayName = "AccountMenuHeader";
-var AccountMenuSection = React16.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-2", className), ...props })
-);
-AccountMenuSection.displayName = "AccountMenuSection";
-var AccountMenuItem = React16.forwardRef(({ icon, trailing, description, destructive, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuItem,
-  {
-    ref,
-    className: cn(
-      "min-h-10 rounded-md px-2.5 py-2",
-      "group",
-      destructive ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-foreground focus:bg-muted focus:text-foreground",
-      "data-[disabled]:opacity-40",
-      "[&_svg:not([class*='size-'])]:size-4",
-      className
-    ),
-    ...props,
-    children: [
-      icon && /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", children: icon }),
-      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "body truncate font-medium leading-tight", children }),
-        description && /* @__PURE__ */ jsx("span", { className: "caption truncate font-normal text-muted-foreground group-focus:text-muted-foreground", children: description })
-      ] }),
-      trailing && /* @__PURE__ */ jsx("span", { className: "caption ml-3 shrink-0 text-muted-foreground", children: trailing })
-    ]
-  }
-));
-AccountMenuItem.displayName = "AccountMenuItem";
-var AccountMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-border", className), ...props }));
-AccountMenuSeparator.displayName = "AccountMenuSeparator";
-function tabler(Icon) {
-  return function TablerAdapter({ size, strokeWidth, className }) {
-    const props = {};
-    if (size !== void 0) props.size = size;
-    if (strokeWidth !== void 0) props.stroke = strokeWidth;
-    if (className !== void 0) props.className = className;
-    return /* @__PURE__ */ jsx(Icon, { ...props });
-  };
-}
-function phosphor(Icon) {
-  return function PhosphorAdapter({ size, strokeWidth, className }) {
-    const weight = strokeWidth != null && strokeWidth >= 1.75 ? "regular" : "light";
-    const props = { weight };
-    if (size !== void 0) props.size = size;
-    if (className !== void 0) props.className = className;
-    return /* @__PURE__ */ jsx(Icon, { ...props });
-  };
-}
-function hugeicons(iconDef) {
-  return function HugeIconsAdapter({ size, strokeWidth, className }) {
-    const props = {};
-    if (size !== void 0) props.size = size;
-    if (strokeWidth !== void 0) props.strokeWidth = strokeWidth;
-    if (className !== void 0) props.className = className;
-    return /* @__PURE__ */ jsx(
-      HugeiconsIcon,
-      {
-        icon: iconDef,
-        ...props
-      }
-    );
-  };
-}
-function untitledui(Icon) {
-  return function UntitledUiAdapter({ size, strokeWidth, className }) {
-    const props = {};
-    if (size !== void 0) {
-      props.width = size;
-      props.height = size;
+function hugeicons(iconDef) {
+  return function HugeIconsAdapter({ size, strokeWidth, className }) {
+    const props = {};
+    if (size !== void 0) props.size = size;
+    if (strokeWidth !== void 0) props.strokeWidth = strokeWidth;
+    if (className !== void 0) props.className = className;
+    return /* @__PURE__ */ jsx(
+      HugeiconsIcon,
+      {
+        icon: iconDef,
+        ...props
+      }
+    );
+  };
+}
+function untitledui(Icon) {
+  return function UntitledUiAdapter({ size, strokeWidth, className }) {
+    const props = {};
+    if (size !== void 0) {
+      props.width = size;
+      props.height = size;
     }
     if (strokeWidth !== void 0) props.strokeWidth = strokeWidth;
     if (className !== void 0) props.className = className;
@@ -797,19 +387,560 @@ var untitleduiMap = {
   "skip-forward": untitledui(SkipForward$2),
   "corner-down-right": untitledui(CornerDownRight$1)
 };
-var iconMap = {
-  lucide: lucideMap,
-  tabler: tablerMap,
-  phosphor: phosphorMap,
-  hugeicons: hugeiconsMap,
-  untitledui: untitleduiMap
+var iconMap = {
+  lucide: lucideMap,
+  tabler: tablerMap,
+  phosphor: phosphorMap,
+  hugeicons: hugeiconsMap,
+  untitledui: untitleduiMap
+};
+var IconContext = createContext(null);
+function useIconLibrary() {
+  const ctx = useContext(IconContext);
+  if (!ctx) throw new Error("useIconLibrary must be used within an IconProvider");
+  return ctx;
+}
+function useIcon(name) {
+  const ctx = useContext(IconContext);
+  if (!ctx) return iconMap.lucide[name];
+  return iconMap[ctx.iconLibrary][name];
+}
+function useIcons() {
+  const ctx = useContext(IconContext);
+  const lib = ctx?.iconLibrary ?? "lucide";
+  return useMemo(() => iconMap[lib], [lib]);
+}
+function IconProvider({
+  children,
+  defaultLibrary = "lucide"
+}) {
+  const [iconLibrary, setIconLibraryState] = useState(defaultLibrary);
+  const setIconLibrary = useCallback((next) => {
+    setIconLibraryState(next);
+  }, []);
+  useEffect(() => {
+    const onKeyDown = (e) => {
+      if (e.key !== "i" && e.key !== "I") return;
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      const tag = e.target?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || e.target?.isContentEditable)
+        return;
+      e.preventDefault();
+      setIconLibraryState((prev) => {
+        const idx = iconLibraryOrder.indexOf(prev);
+        return iconLibraryOrder[(idx + 1) % iconLibraryOrder.length];
+      });
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, []);
+  return /* @__PURE__ */ jsx(IconContext.Provider, { value: { iconLibrary, setIconLibrary }, children });
+}
+var shapeOrder = ["rounded", "pill"];
+var shapeMap = {
+  pill: {
+    item: "rounded-[20px]",
+    bg: "rounded-[20px]",
+    // +2px over `item` because the focus ring sits 2px outside the element
+    // (top/left -2, width/height +4); this keeps the corners concentric so a
+    // pill element gets a pill ring (matches the rounded-mode 8px→10px bump).
+    focusRing: "rounded-[22px]",
+    mergedBg: "rounded-2xl",
+    container: "rounded-3xl",
+    button: "rounded-[20px]",
+    input: "rounded-[20px]",
+    bgRadius: 20,
+    mergedRadius: 16
+  },
+  rounded: {
+    item: "rounded-lg",
+    bg: "rounded-lg",
+    focusRing: "rounded-[10px]",
+    mergedBg: "rounded-lg",
+    container: "rounded-xl",
+    button: "rounded-lg",
+    input: "rounded-lg",
+    bgRadius: 8,
+    mergedRadius: 8
+  }
+};
+var ShapeContext = createContext(null);
+function useShape() {
+  const ctx = useContext(ShapeContext);
+  if (!ctx) return shapeMap.rounded;
+  return ctx.classes;
+}
+function useShapeContext() {
+  const ctx = useContext(ShapeContext);
+  if (!ctx) throw new Error("useShapeContext must be used within a ShapeProvider");
+  return ctx;
+}
+function transitionShape(callback) {
+  const root = document.documentElement;
+  root.classList.add("transitioning");
+  void root.offsetHeight;
+  callback();
+  setTimeout(() => root.classList.remove("transitioning"), 200);
+}
+function ShapeProvider({
+  children,
+  defaultShape = "rounded"
+}) {
+  const [shape3, setShapeState] = useState(defaultShape);
+  const setShape = useCallback((next) => {
+    transitionShape(() => setShapeState(next));
+  }, []);
+  useEffect(() => {
+    const onKeyDown = (e) => {
+      if (e.key !== "r" && e.key !== "R") return;
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      const tag = e.target?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || e.target?.isContentEditable)
+        return;
+      e.preventDefault();
+      transitionShape(() => {
+        setShapeState((prev) => {
+          const idx = shapeOrder.indexOf(prev);
+          return shapeOrder[(idx + 1) % shapeOrder.length];
+        });
+      });
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, []);
+  return /* @__PURE__ */ jsx(ShapeContext.Provider, { value: { shape: shape3, setShape, classes: shapeMap[shape3] }, children });
+}
+var SurfaceContext = createContext(1);
+function useSurface() {
+  return useContext(SurfaceContext);
+}
+function SurfaceProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(SurfaceContext.Provider, { value: Math.max(1, Math.min(8, value)), children });
+}
+var motionClasses = "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-150 ease-out motion-reduce:transition-none";
+var springMotionClasses = "transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-200 ease-[cubic-bezier(0.2,0.9,0.2,1.15)] motion-reduce:transition-none";
+var pressClasses = "active:scale-[0.97] motion-reduce:active:scale-100";
+var focusRingClasses = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30 focus-visible:ring-offset-1";
+var iconStrokeClasses = "[&_svg]:transition-[stroke-width,transform,color] [&_svg]:duration-150 [&_svg]:ease-out group-hover:[&_svg]:stroke-[2]";
+var controlSurfaceClasses = "border border-border bg-background hover:border-ground-200";
+var menuItemClasses = "relative flex min-h-10 cursor-default select-none items-center gap-2 rounded-md px-2.5 py-2 body outline-none transition-[background-color,color,box-shadow] duration-150 ease-out";
+var menuItemActiveClasses = "focus:bg-muted focus:text-foreground data-[highlighted]:bg-muted";
+function useProximityIndex(axis = "y") {
+  const containerRef = React16.useRef(null);
+  const itemRefs = React16.useRef(/* @__PURE__ */ new Map());
+  const frameRef = React16.useRef(null);
+  const [activeIndex, setActiveIndex] = React16.useState(null);
+  const registerItem = React16.useCallback((index, node) => {
+    if (node) itemRefs.current.set(index, node);
+    else itemRefs.current.delete(index);
+  }, []);
+  const onPointerMove = React16.useCallback(
+    (event) => {
+      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+      const pointer = axis === "x" ? event.clientX : event.clientY;
+      frameRef.current = requestAnimationFrame(() => {
+        frameRef.current = null;
+        let closestIndex = null;
+        let closestDistance = Number.POSITIVE_INFINITY;
+        itemRefs.current.forEach((node, index) => {
+          const rect = node.getBoundingClientRect();
+          const start = axis === "x" ? rect.left : rect.top;
+          const size = axis === "x" ? rect.width : rect.height;
+          const center = start + size / 2;
+          const distance = Math.abs(pointer - center);
+          if (distance < closestDistance) {
+            closestDistance = distance;
+            closestIndex = index;
+          }
+        });
+        setActiveIndex(closestIndex);
+      });
+    },
+    [axis]
+  );
+  const clearActiveIndex = React16.useCallback(() => {
+    if (frameRef.current !== null) {
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = null;
+    }
+    setActiveIndex(null);
+  }, []);
+  React16.useEffect(
+    () => () => {
+      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+    },
+    []
+  );
+  return {
+    activeIndex,
+    containerRef,
+    registerItem,
+    handlers: {
+      onPointerMove,
+      onPointerLeave: clearActiveIndex
+    }
+  };
+}
+
+// src/lib/mobile-popper-sheet.ts
+var mobileDialogSheetContentClassName = [
+  "fixed inset-x-0 bottom-0 z-50 max-h-[calc(100dvh-1rem)] w-full overflow-y-auto",
+  "rounded-t-2xl border border-border bg-card p-6 shadow-elevated",
+  "max-sm:pb-[calc(1.5rem+env(safe-area-inset-bottom))] max-sm:pt-8",
+  "max-sm:before:absolute max-sm:before:left-1/2 max-sm:before:top-3 max-sm:before:h-1 max-sm:before:w-9",
+  "max-sm:before:-translate-x-1/2 max-sm:before:rounded-full max-sm:before:bg-muted-foreground/35"
+].join(" ");
+var desktopDialogContentClassName = "sm:bottom-auto sm:left-1/2 sm:top-1/2 sm:max-h-[calc(100dvh-2rem)] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-2xl";
+var dialogSheetMotionClassName = [
+  "data-[state=open]:animate-in data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+  "sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:zoom-in-95"
+].join(" ");
+var mobilePopperSheetPositionClassName = [
+  "max-sm:!fixed max-sm:!inset-x-3 max-sm:!bottom-3 max-sm:!top-auto max-sm:!left-3 max-sm:!right-3",
+  "max-sm:!w-auto max-sm:!min-w-0 max-sm:!max-w-none max-sm:!transform-none"
+].join(" ");
+var mobilePopperSheetSurfaceClassName = "max-sm:max-h-[min(70dvh,28rem)] max-sm:rounded-2xl max-sm:border max-sm:border-border max-sm:shadow-elevated";
+var mobilePopperSheetMotionClassName = [
+  "max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:slide-in-from-bottom"
+].join(" ");
+var mobilePopperSheetStyle = `
+@media (max-width: 639px) {
+  [data-radix-popper-content-wrapper]:has([data-hilum-mobile-sheet="true"]) {
+    position: fixed !important;
+    inset: 0 !important;
+    min-width: 0 !important;
+    transform: none !important;
+    pointer-events: none;
+    z-index: 50 !important;
+  }
+
+  [data-radix-popper-content-wrapper]:has([data-hilum-mobile-sheet="true"][data-state="open"])::before {
+    content: "";
+    position: fixed;
+    inset: 0;
+    background: rgb(0 0 0 / 0.3);
+    backdrop-filter: blur(4px);
+    pointer-events: auto;
+  }
+
+  [data-hilum-mobile-sheet="true"] {
+    position: fixed !important;
+    left: 0.75rem !important;
+    right: 0.75rem !important;
+    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
+    top: auto !important;
+    width: calc(100dvw - 1.5rem) !important;
+    min-width: 0 !important;
+    max-width: none !important;
+    transform: none !important;
+    pointer-events: auto;
+    transform-origin: bottom center !important;
+    overscroll-behavior: contain;
+  }
+
+  [data-hilum-mobile-sheet="true"]::before {
+    content: "";
+    position: absolute;
+    top: 0.5rem;
+    left: 50%;
+    width: 2.25rem;
+    height: 0.25rem;
+    border-radius: 999px;
+    background: hsl(var(--muted-foreground) / 0.35);
+    transform: translateX(-50%);
+  }
+}
+`;
+var DropdownMenuRoot = DropdownMenu.Root;
+var DropdownMenuTrigger = DropdownMenu.Trigger;
+var DropdownMenuGroup = DropdownMenu.Group;
+var DropdownMenuPortal = DropdownMenu.Portal;
+var DropdownMenuSub = DropdownMenu.Sub;
+var DropdownMenuRadioGroup = DropdownMenu.RadioGroup;
+var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
+  /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu.Content,
+    {
+      ref,
+      "data-hilum-mobile-sheet": "true",
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[8rem] rounded-xl border border-border bg-card p-1 shadow-elevated",
+        mobilePopperSheetPositionClassName,
+        mobilePopperSheetSurfaceClassName,
+        "max-sm:overflow-y-auto max-sm:px-2 max-sm:pb-2 max-sm:pt-5",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        mobilePopperSheetMotionClassName,
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) })
+] }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = React16.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenu.Item,
+  {
+    ref,
+    className: cn(
+      menuItemClasses,
+      motionClasses,
+      pressClasses,
+      destructive ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-muted-foreground focus:bg-muted focus:text-foreground",
+      !destructive && menuItemActiveClasses,
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenu.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      menuItemClasses,
+      menuItemActiveClasses,
+      "py-2 pl-8 pr-2.5 text-muted-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 13, className: "text-foreground" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenu.RadioItem,
+  {
+    ref,
+    className: cn(
+      menuItemClasses,
+      menuItemActiveClasses,
+      "py-2 pl-8 pr-2.5 text-muted-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { size: 8, className: "fill-foreground text-foreground" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenu.Label,
+  {
+    ref,
+    className: cn("px-2.5 py-1 label text-muted-foreground", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenu.Separator,
+  {
+    ref,
+    className: cn("mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenu.SubTrigger,
+  {
+    ref,
+    className: cn(
+      menuItemClasses,
+      menuItemActiveClasses,
+      "text-muted-foreground data-[state=open]:bg-muted",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "ml-auto text-muted-foreground" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
+  /* @__PURE__ */ jsx(
+    DropdownMenu.SubContent,
+    {
+      ref,
+      "data-hilum-mobile-sheet": "true",
+      className: cn(
+        "z-50 min-w-[8rem] rounded-xl border border-border bg-card p-1 shadow-elevated",
+        mobilePopperSheetPositionClassName,
+        mobilePopperSheetSurfaceClassName,
+        "max-sm:overflow-y-auto max-sm:px-2 max-sm:pb-2 max-sm:pt-5",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        mobilePopperSheetMotionClassName,
+        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto caption text-muted-foreground", className), ...props });
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var sizeMap = {
+  xs: "size-5 caption-xs",
+  sm: "size-7 caption",
+  md: "size-8 body",
+  lg: "size-10 body-lg",
+  xl: "size-12 subheading"
+};
+var Avatar = React16.forwardRef(
+  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex shrink-0 overflow-hidden rounded-full",
+        sizeMap[size],
+        className
+      ),
+      ...props
+    }
+  )
+);
+Avatar.displayName = "Avatar";
+var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Avatar$1.Image,
+  {
+    ref,
+    className: cn(
+      "aspect-square h-full w-full object-cover outline outline-1 -outline-offset-1 outline-black/10 dark:outline-white/10",
+      className
+    ),
+    ...props
+  }
+));
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Avatar$1.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted body font-semibold text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = "AvatarFallback";
+var statusColorMap = {
+  online: "bg-brand-secondary",
+  offline: "bg-muted",
+  busy: "bg-destructive",
+  away: "bg-brand-secondary"
 };
-var IconContext = createContext(null);
-function useIcon(name) {
-  const ctx = useContext(IconContext);
-  if (!ctx) return iconMap.lucide[name];
-  return iconMap[ctx.iconLibrary][name];
-}
+var statusSizeMap = {
+  xs: "size-1.5 ring-1",
+  sm: "size-2 ring-1",
+  md: "size-2.5 ring-[1.5px]",
+  lg: "size-3 ring-2",
+  xl: "size-3.5 ring-2"
+};
+var AvatarWithStatus = React16.forwardRef(({ status, size = "md", className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "relative inline-flex shrink-0", children: [
+  /* @__PURE__ */ jsx(Avatar, { ref, size, className, ...props, children }),
+  status && /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute bottom-0 right-0 rounded-full ring-background",
+        statusColorMap[status],
+        statusSizeMap[size]
+      )
+    }
+  )
+] }));
+AvatarWithStatus.displayName = "AvatarWithStatus";
+var AccountMenuContent = React16.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuContent,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "w-72 overflow-hidden rounded-xl border border-border bg-card p-0 text-foreground shadow-elevated",
+      className
+    ),
+    ...props
+  }
+));
+AccountMenuContent.displayName = "AccountMenuContent";
+var AccountMenuHeader = React16.forwardRef(
+  ({ name, email, avatarSrc, avatarAlt, fallback, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col items-center px-5 py-5 text-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "mb-3", children: [
+          avatarSrc && /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: avatarAlt ?? "" }),
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-brand-primary text-primary-foreground", children: fallback })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "body font-medium leading-tight text-foreground", children: name }),
+        email && /* @__PURE__ */ jsx("p", { className: "caption text-muted-foreground", children: email })
+      ]
+    }
+  )
+);
+AccountMenuHeader.displayName = "AccountMenuHeader";
+var AccountMenuSection = React16.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-2", className), ...props })
+);
+AccountMenuSection.displayName = "AccountMenuSection";
+var AccountMenuItem = React16.forwardRef(({ icon, trailing, description, destructive, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuItem,
+  {
+    ref,
+    className: cn(
+      "min-h-10 rounded-md px-2.5 py-2",
+      "group",
+      destructive ? "text-destructive focus:bg-destructive/10 focus:text-destructive" : "text-foreground focus:bg-muted focus:text-foreground",
+      "data-[disabled]:opacity-40",
+      "[&_svg:not([class*='size-'])]:size-4",
+      className
+    ),
+    ...props,
+    children: [
+      icon && /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", children: icon }),
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx("span", { className: "body truncate font-medium leading-tight", children }),
+        description && /* @__PURE__ */ jsx("span", { className: "caption truncate font-normal text-muted-foreground group-focus:text-muted-foreground", children: description })
+      ] }),
+      trailing && /* @__PURE__ */ jsx("span", { className: "caption ml-3 shrink-0 text-muted-foreground", children: trailing })
+    ]
+  }
+));
+AccountMenuItem.displayName = "AccountMenuItem";
+var AccountMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-border", className), ...props }));
+AccountMenuSeparator.displayName = "AccountMenuSeparator";
 
 // src/lib/springs.ts
 var spring = {
@@ -958,33 +1089,6 @@ function useProximityHover(containerRef, options = {}) {
     measureItems
   };
 }
-var shapeMap = {
-  pill: {
-    item: "rounded-[20px]",
-    bg: "rounded-[20px]",
-    // +2px over `item` because the focus ring sits 2px outside the element
-    // (top/left -2, width/height +4); this keeps the corners concentric so a
-    // pill element gets a pill ring (matches the rounded-mode 8px→10px bump).
-    focusRing: "rounded-[22px]",
-    mergedBg: "rounded-2xl",
-    container: "rounded-3xl",
-    button: "rounded-[20px]",
-    input: "rounded-[20px]",
-    bgRadius: 20,
-    mergedRadius: 16
-  },
-  rounded: {
-    item: "rounded-lg",
-    bg: "rounded-lg",
-    focusRing: "rounded-[10px]",
-    container: "rounded-xl"}
-};
-var ShapeContext = createContext(null);
-function useShape() {
-  const ctx = useContext(ShapeContext);
-  if (!ctx) return shapeMap.pill;
-  return ctx.classes;
-}
 var AccordionGroupContext = createContext(null);
 function useAccordionGroup() {
   return useContext(AccordionGroupContext);
@@ -1691,7 +1795,7 @@ var Button = forwardRef(
                 className: "transition-[stroke-width] duration-80 group-hover:stroke-[2]"
               }
             ),
-            /* @__PURE__ */ jsx("span", { children }),
+            LeadingIcon || TrailingIcon ? /* @__PURE__ */ jsx("span", { children }) : children,
             TrailingIcon && /* @__PURE__ */ jsx(
               TrailingIcon,
               {
@@ -4616,13 +4720,6 @@ CheckboxItem.displayName = "CheckboxItem";
 var CollapsibleRoot = Collapsible.Root;
 var CollapsibleTrigger = Collapsible.Trigger;
 var CollapsibleContent = Collapsible.Content;
-var SurfaceContext = createContext(1);
-function useSurface() {
-  return useContext(SurfaceContext);
-}
-function SurfaceProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(SurfaceContext.Provider, { value: Math.max(1, Math.min(8, value)), children });
-}
 
 // src/lib/surface-classes.ts
 var SURFACE_BG = {
@@ -7846,6 +7943,7 @@ function ColorInput2({
   disabled,
   presets
 }) {
+  const shape3 = useShape();
   const [hex, setHex] = React16.useState(value);
   React16.useEffect(() => {
     setHex(value);
@@ -7858,8 +7956,9 @@ function ColorInput2({
     "div",
     {
       className: cn(
-        "inline-flex h-8 items-stretch gap-0 rounded-md border border-border bg-card overflow-hidden",
-        "shadow-natural focus-within:ring-2 focus-within:ring-brand-primary/20 focus-within:border-brand-primary",
+        "inline-flex h-8 items-stretch gap-0 overflow-hidden border border-border bg-background",
+        shape3.input,
+        "focus-within:border-brand-primary focus-within:ring-2 focus-within:ring-brand-primary/20",
         motionClasses,
         disabled && "opacity-50 pointer-events-none",
         className
@@ -7918,6 +8017,7 @@ function Combobox({
   emptyText = "No results found.",
   className
 }) {
+  const shape3 = useShape();
   const [open, setOpen] = React16.useState(false);
   const [query, setQuery] = React16.useState("");
   const [activeIndex, setActiveIndex] = React16.useState(-1);
@@ -7999,9 +8099,10 @@ function Combobox({
           "aria-activedescendant": open && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
           "aria-autocomplete": "list",
           className: cn(
-            "flex h-10 w-full rounded-lg border border-border bg-card pr-10 body text-foreground",
+            "flex h-10 w-full border border-border bg-background pr-10 body text-foreground",
+            shape3.input,
             "placeholder:text-muted-foreground",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:border-border",
+            "focus-visible:border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30",
             "disabled:cursor-not-allowed disabled:opacity-50",
             selectedOption?.avatar && !open ? "pl-8" : selectedOption?.statusColor && !open ? "pl-7" : "pl-3"
           ),
@@ -8797,13 +8898,15 @@ var TableCaption = forwardRef(
 );
 TableCaption.displayName = "TableCaption";
 function Input({ className, type, ...props }) {
+  const shape3 = useShape();
   return /* @__PURE__ */ jsx(
     "input",
     {
       type,
       "data-slot": "input",
       className: cn(
-        "flex h-10 w-full rounded-md px-3 py-1",
+        "flex h-10 w-full px-3 py-1",
+        shape3.input,
         "body text-foreground placeholder:text-muted-foreground",
         controlSurfaceClasses,
         motionClasses,
@@ -10514,6 +10617,7 @@ var InputGroup = forwardRef(
   }, ref) => {
     const itemsRef = useRef(/* @__PURE__ */ new Map());
     const [activeIndex, setActiveIndex] = useState(null);
+    const shape3 = useShape();
     const registerItem = useCallback((index, element) => {
       if (element) {
         itemsRef.current.set(index, element);
@@ -10546,7 +10650,8 @@ var InputGroup = forwardRef(
         {
           ref,
           className: cn(
-            "relative flex items-center gap-2 rounded-[var(--radius-input)] border bg-background px-3 py-2 text-[13px] transition-colors",
+            "relative flex items-center gap-2 border bg-background px-3 py-2 text-[13px] transition-colors",
+            shape3.input,
             error ? "border-destructive/50" : "border-border",
             disabled && "opacity-50",
             pill && "rounded-full",
@@ -11333,6 +11438,7 @@ var InputNumber = React16.forwardRef(
     onKeyDown,
     ...rest
   }, ref) => {
+    const shape3 = useShape();
     const formatValue = React16.useCallback(
       (next) => next === null ? mixedLabel : next.toFixed(precision),
       [mixedLabel, precision]
@@ -11342,13 +11448,16 @@ var InputNumber = React16.forwardRef(
       setText(formatValue(value));
     }, [formatValue, value]);
     const clamp = React16.useCallback((n) => Math.min(max, Math.max(min, n)), [min, max]);
-    const parseAndClamp = React16.useCallback((raw) => {
-      const n = parseFloat(raw);
-      if (Number.isFinite(n)) {
-        return clamp(n);
-      }
-      return null;
-    }, [clamp]);
+    const parseAndClamp = React16.useCallback(
+      (raw) => {
+        const n = parseFloat(raw);
+        if (Number.isFinite(n)) {
+          return clamp(n);
+        }
+        return null;
+      },
+      [clamp]
+    );
     const commit = (raw) => {
       const next = parseAndClamp(raw);
       if (next === null) {
@@ -11380,8 +11489,9 @@ var InputNumber = React16.forwardRef(
       "div",
       {
         className: cn(
-          "inline-flex h-8 items-stretch rounded-md border border-border bg-card overflow-hidden",
-          "focus-within:ring-2 focus-within:ring-brand-primary/20 focus-within:border-brand-primary",
+          "inline-flex h-8 items-stretch overflow-hidden border border-border bg-background",
+          shape3.input,
+          "focus-within:border-brand-primary focus-within:ring-2 focus-within:ring-brand-primary/20",
           disabled && "opacity-50 pointer-events-none",
           className
         ),
@@ -12045,31 +12155,35 @@ function MobileDrawer({
   ] });
 }
 MobileDrawer.displayName = "MobileDrawer";
-var NativeSelect = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-  /* @__PURE__ */ jsx(
-    "select",
-    {
-      ref,
-      className: cn(
-        "peer h-10 w-full appearance-none rounded-lg border border-border bg-card pl-3 pr-8",
-        "body text-foreground",
-        "focus:outline-none focus:ring-2 focus:ring-ring/30 focus:border-border",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:ring-destructive/20",
-        className
-      ),
-      ...props,
-      children
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    ChevronDown,
-    {
-      size: 14,
-      className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground peer-disabled:opacity-50"
-    }
-  )
-] }));
+var NativeSelect = React16.forwardRef(({ className, children, ...props }, ref) => {
+  const shape3 = useShape();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        ref,
+        className: cn(
+          "peer h-10 w-full appearance-none border border-border bg-background pl-3 pr-8",
+          shape3.input,
+          "body text-foreground",
+          "focus:border-border focus:outline-none focus:ring-2 focus:ring-ring/30",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:ring-destructive/20",
+          className
+        ),
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        size: 14,
+        className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground peer-disabled:opacity-50"
+      }
+    )
+  ] });
+});
 NativeSelect.displayName = "NativeSelect";
 var NativeSelectOption = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx("option", { ref, ...props }));
 NativeSelectOption.displayName = "NativeSelectOption";
@@ -14181,6 +14295,7 @@ function StatCard({
   label,
   title,
   value,
+  variant = "default",
   trend,
   icon,
   children,
@@ -14201,11 +14316,12 @@ function StatCard({
     down: TrendingDown,
     neutral: Minus
   };
+  const surfaceClass = variant === "responsive" ? "min-w-0 border-border bg-transparent p-4 sm:rounded-xl sm:border sm:bg-card sm:p-5 sm:shadow-natural" : "min-w-0 rounded-xl border border-border bg-card p-4 shadow-natural sm:p-5";
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "min-w-0 rounded-xl border border-border bg-card p-4 shadow-natural sm:p-5",
+        surfaceClass,
         containerClassName,
         className
       ),
@@ -15343,12 +15459,14 @@ var TabsSubtlePanel = forwardRef(
 );
 TabsSubtlePanel.displayName = "TabsSubtlePanel";
 function Textarea({ className, ...props }) {
+  const shape3 = useShape();
   return /* @__PURE__ */ jsx(
     "textarea",
     {
       "data-slot": "textarea",
       className: cn(
-        "flex min-h-[80px] w-full rounded-md px-3 py-2",
+        "flex min-h-[80px] w-full px-3 py-2",
+        shape3.input,
         "body text-foreground placeholder:text-muted-foreground",
         "resize-none",
         controlSurfaceClasses,
@@ -15933,6 +16051,6 @@ function UsageBar({
   ] });
 }
 
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AskUserQuestions, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput2 as ColorInput, ColorPicker, ColorPickerPopover, ColorPickerPortalContainer, ColorSwatch, ColorTile, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTransferControls, DatePicker, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, Field, FileDropzone, FileThumbnail, GridList, GridListAccentCard, GridListCard, HelpTooltip, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, Input, InputCopy, InputField, InputGroup, InputMessage, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, NavMenu, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, SectionHeading, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, SliderControl, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, StatCardSlot, StatusBadge, Steps, Switch, TabItem, TabPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, ThinkingStep, ThinkingStepDetails, ThinkingStepImage, ThinkingStepSource, ThinkingStepSources, ThinkingSteps, ThinkingStepsContent, ThinkingStepsHeader, TitledCard, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip3 as Tooltip, TooltipContent, TooltipPortalContainer, TooltipProvider, TooltipRoot, TooltipTrigger, UrlRedirectPrompt, UsageBar, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useOptionalSidebar, useSidebar };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AskUserQuestions, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput2 as ColorInput, ColorPicker, ColorPickerPopover, ColorPickerPortalContainer, ColorSwatch, ColorTile, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTransferControls, DatePicker, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, Field, FileDropzone, FileThumbnail, GridList, GridListAccentCard, GridListCard, HelpTooltip, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, IconProvider, Input, InputCopy, InputField, InputGroup, InputMessage, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, NavMenu, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, SectionHeading, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShapeProvider, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, SliderControl, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, StatCardSlot, StatusBadge, Steps, SurfaceProvider, Switch, TabItem, TabPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, ThinkingStep, ThinkingStepDetails, ThinkingStepImage, ThinkingStepSource, ThinkingStepSources, ThinkingSteps, ThinkingStepsContent, ThinkingStepsHeader, TitledCard, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip3 as Tooltip, TooltipContent, TooltipPortalContainer, TooltipProvider, TooltipRoot, TooltipTrigger, UrlRedirectPrompt, UsageBar, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, iconLibraryLabels, iconLibraryOrder, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, shapeMap, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useIcon, useIconLibrary, useIcons, useOptionalSidebar, useShape, useShapeContext, useSidebar, useSurface };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map