@hilum/ui 3.6.10 → 3.6.12

package/dist/index.js

@@ -1,7 +1,7 @@
 import { tokens } from './chunk-RI6QJR2L.js';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React16 from 'react';
+import * as React17 from 'react';
 import { createContext, forwardRef, useRef, useState, useCallback, useEffect, useContext, isValidElement, cloneElement, useMemo, useId, Children, useLayoutEffect, createElement } from 'react';
 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 { 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';
@@ -526,15 +526,15 @@ var controlSurfaceClasses = "border border-border bg-background hover:border-gro
 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) => {
+  const containerRef = React17.useRef(null);
+  const itemRefs = React17.useRef(/* @__PURE__ */ new Map());
+  const frameRef = React17.useRef(null);
+  const [activeIndex, setActiveIndex] = React17.useState(null);
+  const registerItem = React17.useCallback((index, node) => {
     if (node) itemRefs.current.set(index, node);
     else itemRefs.current.delete(index);
   }, []);
-  const onPointerMove = React16.useCallback(
+  const onPointerMove = React17.useCallback(
     (event) => {
       if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
       const pointer = axis === "x" ? event.clientX : event.clientY;
@@ -558,14 +558,14 @@ function useProximityIndex(axis = "y") {
     },
     [axis]
   );
-  const clearActiveIndex = React16.useCallback(() => {
+  const clearActiveIndex = React17.useCallback(() => {
     if (frameRef.current !== null) {
       cancelAnimationFrame(frameRef.current);
       frameRef.current = null;
     }
     setActiveIndex(null);
   }, []);
-  React16.useEffect(
+  React17.useEffect(
     () => () => {
       if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
     },
@@ -679,7 +679,7 @@ 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: [
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenu.Content,
@@ -705,7 +705,7 @@ var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, ...pr
   ) })
 ] }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React16.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React17.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenu.Item,
   {
     ref,
@@ -723,7 +723,7 @@ var DropdownMenuItem = React16.forwardRef(({ className, inset, destructive, ...p
   }
 ));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenu.CheckboxItem,
   {
     ref,
@@ -742,7 +742,7 @@ var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, ...pro
   }
 ));
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenu.RadioItem,
   {
     ref,
@@ -761,7 +761,7 @@ var DropdownMenuRadioItem = React16.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenu.Label,
   {
     ref,
@@ -770,7 +770,7 @@ var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenu.Separator,
   {
     ref,
@@ -779,7 +779,7 @@ var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenu.SubTrigger,
   {
     ref,
@@ -798,7 +798,7 @@ var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(
     DropdownMenu.SubContent,
@@ -833,7 +833,7 @@ var sizeMap = {
   lg: "size-10 body-lg",
   xl: "size-12 subheading"
 };
-var Avatar = React16.forwardRef(
+var Avatar = React17.forwardRef(
   ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
     Avatar$1.Root,
     {
@@ -848,7 +848,7 @@ var Avatar = React16.forwardRef(
   )
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Avatar$1.Image,
   {
     ref,
@@ -860,7 +860,7 @@ var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Avatar$1.Fallback,
   {
     ref,
@@ -885,7 +885,7 @@ var statusSizeMap = {
   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: [
+var AvatarWithStatus = React17.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",
@@ -899,7 +899,7 @@ var AvatarWithStatus = React16.forwardRef(({ status, size = "md", className, chi
   )
 ] }));
 AvatarWithStatus.displayName = "AvatarWithStatus";
-var AccountMenuContent = React16.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccountMenuContent = React17.forwardRef(({ className, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuContent,
   {
     ref,
@@ -912,7 +912,7 @@ var AccountMenuContent = React16.forwardRef(({ className, sideOffset = 8, ...pro
   }
 ));
 AccountMenuContent.displayName = "AccountMenuContent";
-var AccountMenuHeader = React16.forwardRef(
+var AccountMenuHeader = React17.forwardRef(
   ({ name, email, avatarSrc, avatarAlt, fallback, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -931,11 +931,11 @@ var AccountMenuHeader = React16.forwardRef(
   )
 );
 AccountMenuHeader.displayName = "AccountMenuHeader";
-var AccountMenuSection = React16.forwardRef(
+var AccountMenuSection = React17.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(
+var AccountMenuItem = React17.forwardRef(({ icon, trailing, description, destructive, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuItem,
   {
     ref,
@@ -959,7 +959,7 @@ var AccountMenuItem = React16.forwardRef(({ icon, trailing, description, destruc
   }
 ));
 AccountMenuItem.displayName = "AccountMenuItem";
-var AccountMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-border", className), ...props }));
+var AccountMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator, { ref, className: cn("m-0 bg-border", className), ...props }));
 AccountMenuSeparator.displayName = "AccountMenuSeparator";
 
 // src/lib/springs.ts
@@ -1949,7 +1949,7 @@ ActivityFeed.displayName = "ActivityFeed";
 var AlertDialogRoot = AlertDialog.Root;
 var AlertDialogTrigger = AlertDialog.Trigger;
 var AlertDialogPortal = AlertDialog.Portal;
-var AlertDialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialog.Overlay,
   {
     ref,
@@ -1964,7 +1964,7 @@ var AlertDialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = "AlertDialogOverlay";
-var AlertDialogContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+var AlertDialogContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
   /* @__PURE__ */ jsx("style", { children: mobileDialogSheetStyle }),
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
@@ -2003,7 +2003,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialog.Title,
   {
     ref,
@@ -2012,7 +2012,7 @@ var AlertDialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = "AlertDialogTitle";
-var AlertDialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialog.Description,
   {
     ref,
@@ -2021,7 +2021,7 @@ var AlertDialogDescription = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = "AlertDialogDescription";
-var AlertDialogAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialog.Action,
   {
     ref,
@@ -2039,7 +2039,7 @@ var AlertDialogAction = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = "AlertDialogAction";
-var AlertDialogCancel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialog.Cancel,
   {
     ref,
@@ -2072,11 +2072,11 @@ var alertVariants = cva(
     defaultVariants: { variant: "default" }
   }
 );
-var Alert = React16.forwardRef(
+var Alert = React17.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })
 );
 Alert.displayName = "Alert";
-var AlertTitle = React16.forwardRef(
+var AlertTitle = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -2087,11 +2087,11 @@ var AlertTitle = React16.forwardRef(
   )
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React16.forwardRef(
+var AlertDescription = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("body text-pretty opacity-90", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
-var AspectRatioRoot = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AspectRatioRoot = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AspectRatio.Root,
   {
     ref,
@@ -3414,9 +3414,9 @@ var Badge = forwardRef(
   }
 );
 Badge.displayName = "Badge";
-var Breadcrumb = React16.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React17.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React16.forwardRef(
+var BreadcrumbList = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "ol",
     {
@@ -3427,15 +3427,15 @@ var BreadcrumbList = React16.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React16.forwardRef(
+var BreadcrumbItem = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React16.forwardRef(
+var BreadcrumbLink = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("a", { ref, className: cn("transition-colors hover:text-foreground", className), ...props })
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React16.forwardRef(
+var BreadcrumbPage = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -3657,6 +3657,8 @@ var cardVariants = cva(["rounded-xl", motionClasses], {
   variants: {
     variant: {
       default: "bg-card shadow-natural",
+      outlined: "border border-border bg-card shadow-natural",
+      elevated: "border border-border bg-card shadow-elevated",
       muted: "bg-muted shadow-natural",
       ghost: "bg-transparent",
       responsive: "border border-border bg-card p-5 shadow-natural sm:rounded-xl max-sm:rounded-none max-sm:border-x-0 max-sm:border-y max-sm:bg-transparent max-sm:px-0 max-sm:py-5 max-sm:shadow-none"
@@ -3666,7 +3668,7 @@ var cardVariants = cva(["rounded-xl", motionClasses], {
     variant: "default"
   }
 });
-var Card = React16.forwardRef(
+var Card = React17.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3678,7 +3680,7 @@ var Card = React16.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React16.forwardRef(
+var CardHeader = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3690,7 +3692,7 @@ var CardHeader = React16.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React16.forwardRef(
+var CardTitle = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h3",
     {
@@ -3702,7 +3704,7 @@ var CardTitle = React16.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React16.forwardRef(
+var CardDescription = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -3714,11 +3716,11 @@ var CardDescription = React16.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React16.forwardRef(
+var CardContent = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React16.forwardRef(
+var CardFooter = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3730,7 +3732,7 @@ var CardFooter = React16.forwardRef(
   )
 );
 CardFooter.displayName = "CardFooter";
-var CardAction = React16.forwardRef(
+var CardAction = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3742,7 +3744,7 @@ var CardAction = React16.forwardRef(
   )
 );
 CardAction.displayName = "CardAction";
-var CardMedia = React16.forwardRef(
+var CardMedia = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3754,9 +3756,9 @@ var CardMedia = React16.forwardRef(
   )
 );
 CardMedia.displayName = "CardMedia";
-var CarouselContext = React16.createContext(null);
+var CarouselContext = React17.createContext(null);
 function useCarousel() {
-  const context = React16.useContext(CarouselContext);
+  const context = React17.useContext(CarouselContext);
   if (!context) throw new Error("useCarousel must be used within a <Carousel />");
   return context;
 }
@@ -3776,20 +3778,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React16.useState(false);
-  const [canScrollNext, setCanScrollNext] = React16.useState(false);
-  const onSelect = React16.useCallback((api) => {
+  const [canScrollPrev, setCanScrollPrev] = React17.useState(false);
+  const [canScrollNext, setCanScrollNext] = React17.useState(false);
+  const onSelect = React17.useCallback((api) => {
     if (!api) return;
     setCanScrollPrev(api.canScrollPrev());
     setCanScrollNext(api.canScrollNext());
   }, []);
-  const scrollPrev = React16.useCallback(() => {
+  const scrollPrev = React17.useCallback(() => {
     emblaApi?.scrollPrev();
   }, [emblaApi]);
-  const scrollNext = React16.useCallback(() => {
+  const scrollNext = React17.useCallback(() => {
     emblaApi?.scrollNext();
   }, [emblaApi]);
-  const handleKeyDown = React16.useCallback(
+  const handleKeyDown = React17.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -3801,7 +3803,7 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!emblaApi) return;
     onSelect(emblaApi);
     emblaApi.on("reInit", onSelect);
@@ -3811,7 +3813,7 @@ function Carousel({
       emblaApi.off("select", onSelect);
     };
   }, [emblaApi, onSelect]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!emblaApi || !setApi) return;
     setApi(emblaApi);
   }, [emblaApi, setApi]);
@@ -3931,9 +3933,9 @@ var CHART_COLORS = {
   dark: tokens.semantic.light.foreground
 };
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React16.createContext(null);
+var ChartContext = React17.createContext(null);
 function useChart() {
-  const context = React16.useContext(ChartContext);
+  const context = React17.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -3948,16 +3950,16 @@ function ChartContainer({
   style,
   ...props
 }) {
-  const uniqueId = React16.useId();
+  const uniqueId = React17.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  const containerRef = React16.useRef(null);
-  const [canRenderChart, setCanRenderChart] = React16.useState(false);
-  const initialDimension = React16.useMemo(
+  const containerRef = React17.useRef(null);
+  const [canRenderChart, setCanRenderChart] = React17.useState(false);
+  const initialDimension = React17.useMemo(
     () => ({ width: 800, height: typeof height === "number" ? height : 450 }),
     [height]
   );
   const resolvedStyle = height === void 0 ? style : { ...style, height };
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -4067,9 +4069,9 @@ function ChartTooltipContent({
   nameKey,
   labelKey
 }) {
-  const chartContext = React16.useContext(ChartContext);
+  const chartContext = React17.useContext(ChartContext);
   const config = chartContext?.config ?? {};
-  const tooltipLabel = React16.useMemo(() => {
+  const tooltipLabel = React17.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -4406,7 +4408,7 @@ var ChatMessage = forwardRef(
   }
 );
 ChatMessage.displayName = "ChatMessage";
-var CheckboxRoot = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CheckboxRoot = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Checkbox.Root,
   {
     ref,
@@ -4426,6 +4428,40 @@ var CheckboxRoot = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CheckboxRoot.displayName = "Checkbox";
+var CheckboxCard = React17.forwardRef(
+  ({ checked, disabled, label, description, onCheckedChange, className, children, ...props }, ref) => {
+    const checkboxProps = {
+      ...checked !== void 0 ? { checked } : {},
+      ...disabled !== void 0 ? { disabled } : {},
+      ...onCheckedChange ? { onCheckedChange } : {}
+    };
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        ref,
+        "aria-disabled": disabled || void 0,
+        className: cn(
+          "group flex min-w-0 items-start gap-3 rounded-lg border border-border bg-card p-3",
+          "text-sm text-foreground shadow-natural transition-[background-color,border-color,box-shadow,opacity,scale]",
+          "hover:bg-muted/40 active:scale-[0.98]",
+          "has-[:focus-visible]:ring-1 has-[:focus-visible]:ring-[#6B97FF]",
+          "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(CheckboxRoot, { ...checkboxProps, className: "mt-0.5" }),
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium leading-5 text-foreground", children: label }),
+            description ? /* @__PURE__ */ jsx("span", { className: "text-[12px] leading-4 text-muted-foreground", children: description }) : null,
+            children
+          ] })
+        ]
+      }
+    );
+  }
+);
+CheckboxCard.displayName = "CheckboxCard";
 var CheckboxGroupContext = createContext(null);
 function useCheckboxGroup() {
   const ctx = useContext(CheckboxGroupContext);
@@ -7966,8 +8002,8 @@ function ColorInput2({
   presets
 }) {
   const shape3 = useShape();
-  const [hex, setHex] = React16.useState(value);
-  React16.useEffect(() => {
+  const [hex, setHex] = React17.useState(value);
+  React17.useEffect(() => {
     setHex(value);
   }, [value]);
   const commitHex = (next) => {
@@ -8040,20 +8076,20 @@ function Combobox({
   className
 }) {
   const shape3 = useShape();
-  const [open, setOpen] = React16.useState(false);
-  const [query, setQuery] = React16.useState("");
-  const [activeIndex, setActiveIndex] = React16.useState(-1);
-  const containerRef = React16.useRef(null);
-  const inputRef = React16.useRef(null);
-  const listboxId = React16.useId();
+  const [open, setOpen] = React17.useState(false);
+  const [query, setQuery] = React17.useState("");
+  const [activeIndex, setActiveIndex] = React17.useState(-1);
+  const containerRef = React17.useRef(null);
+  const inputRef = React17.useRef(null);
+  const listboxId = React17.useId();
   const selectedOption = options.find((o) => o.value === value);
   const filtered = query === "" ? options : options.filter(
     (o) => o.label.toLowerCase().includes(query.toLowerCase()) || o.description?.toLowerCase().includes(query.toLowerCase())
   );
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     setActiveIndex(-1);
   }, [filtered.length, open]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     function onMouseDown(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -8373,9 +8409,9 @@ function CommandPalette({
   placeholder = "Search...",
   emptyText = "No results found."
 }) {
-  const [query, setQuery] = React16.useState("");
-  const inputRef = React16.useRef(null);
-  React16.useEffect(() => {
+  const [query, setQuery] = React17.useState("");
+  const inputRef = React17.useRef(null);
+  React17.useEffect(() => {
     if (open) {
       setTimeout(() => inputRef.current?.focus(), 50);
       setQuery("");
@@ -8442,19 +8478,19 @@ function CommandPalette({
   ] }) });
 }
 CommandPalette.displayName = "CommandPalette";
-var CommandCtx = React16.createContext({
+var CommandCtx = React17.createContext({
   query: "",
   setQuery: () => {
   },
   reportVisible: () => {
   }
 });
-var CommandVisibleCtx = React16.createContext(0);
+var CommandVisibleCtx = React17.createContext(0);
 function Command({ className, children, onSelect, ...props }) {
-  const [query, setQuery] = React16.useState("");
-  const visibleIds = React16.useRef(/* @__PURE__ */ new Set());
-  const [visibleCount, setVisibleCount] = React16.useState(0);
-  const reportVisible = React16.useCallback((id, visible) => {
+  const [query, setQuery] = React17.useState("");
+  const visibleIds = React17.useRef(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React17.useState(0);
+  const reportVisible = React17.useCallback((id, visible) => {
     const had = visibleIds.current.has(id);
     if (visible && !had) {
       visibleIds.current.add(id);
@@ -8482,8 +8518,8 @@ function Command({ className, children, onSelect, ...props }) {
     }
   );
 }
-var CommandInput = React16.forwardRef(({ className, ...props }, ref) => {
-  const { query, setQuery } = React16.useContext(CommandCtx);
+var CommandInput = React17.forwardRef(({ className, ...props }, ref) => {
+  const { query, setQuery } = React17.useContext(CommandCtx);
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
     /* @__PURE__ */ jsx(Search, { size: 14, className: "shrink-0 text-muted-foreground" }),
     /* @__PURE__ */ jsx(
@@ -8507,10 +8543,10 @@ var CommandInput = React16.forwardRef(({ className, ...props }, ref) => {
   ] });
 });
 CommandInput.displayName = "CommandInput";
-var CommandList = React16.forwardRef(
+var CommandList = React17.forwardRef(
   ({ className, ...props }, ref) => {
-    const listRef = React16.useRef(null);
-    const combinedRef = React16.useCallback(
+    const listRef = React17.useRef(null);
+    const combinedRef = React17.useCallback(
       (el) => {
         listRef.current = el;
         if (typeof ref === "function") ref(el);
@@ -8545,9 +8581,9 @@ var CommandList = React16.forwardRef(
   }
 );
 CommandList.displayName = "CommandList";
-var CommandEmpty = React16.forwardRef(
+var CommandEmpty = React17.forwardRef(
   ({ className, children = "No results found.", ...props }, ref) => {
-    const visibleCount = React16.useContext(CommandVisibleCtx);
+    const visibleCount = React17.useContext(CommandVisibleCtx);
     if (visibleCount > 0) return null;
     return /* @__PURE__ */ jsx(
       "div",
@@ -8561,20 +8597,20 @@ var CommandEmpty = React16.forwardRef(
   }
 );
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React16.forwardRef(
+var CommandGroup = React17.forwardRef(
   ({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, role: "group", className: cn("py-1", className), ...props, children: [
     heading && /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-0.5 label text-muted-foreground", children: heading }),
     children
   ] })
 );
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React16.forwardRef(
+var CommandItem = React17.forwardRef(
   ({ className, value = "", keywords, disabled, onSelect, children, ...props }, ref) => {
-    const { query, onSelect: ctxOnSelect, reportVisible } = React16.useContext(CommandCtx);
-    const id = React16.useId();
+    const { query, onSelect: ctxOnSelect, reportVisible } = React17.useContext(CommandCtx);
+    const id = React17.useId();
     const searchText = (keywords ?? [value]).join(" ").toLowerCase();
     const isVisible = !query || searchText.includes(query.toLowerCase());
-    React16.useLayoutEffect(() => {
+    React17.useLayoutEffect(() => {
       reportVisible(id, isVisible && !disabled);
       return () => reportVisible(id, false);
     }, [id, isVisible, disabled, reportVisible]);
@@ -8615,7 +8651,7 @@ var CommandItem = React16.forwardRef(
   }
 );
 CommandItem.displayName = "CommandItem";
-var CommandSeparator = React16.forwardRef(
+var CommandSeparator = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("my-1 h-px bg-muted", className), ...props })
 );
 CommandSeparator.displayName = "CommandSeparator";
@@ -8652,7 +8688,7 @@ var ContextMenuGroup = ContextMenu.Group;
 var ContextMenuPortal = ContextMenu.Portal;
 var ContextMenuSub = ContextMenu.Sub;
 var ContextMenuRadioGroup = ContextMenu.RadioGroup;
-var ContextMenuContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var ContextMenuContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(
     ContextMenu.Content,
@@ -8677,7 +8713,7 @@ var ContextMenuContent = React16.forwardRef(({ className, ...props }, ref) => /*
   ) })
 ] }));
 ContextMenuContent.displayName = "ContextMenuContent";
-var ContextMenuItem = React16.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuItem = React17.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenu.Item,
   {
     ref,
@@ -8693,7 +8729,7 @@ var ContextMenuItem = React16.forwardRef(({ className, inset, destructive, ...pr
   }
 ));
 ContextMenuItem.displayName = "ContextMenuItem";
-var ContextMenuCheckboxItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenu.CheckboxItem,
   {
     ref,
@@ -8712,7 +8748,7 @@ var ContextMenuCheckboxItem = React16.forwardRef(({ className, children, ...prop
   }
 ));
 ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
-var ContextMenuRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenu.RadioItem,
   {
     ref,
@@ -8731,7 +8767,7 @@ var ContextMenuRadioItem = React16.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
-var ContextMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenu.Label,
   {
     ref,
@@ -8740,7 +8776,7 @@ var ContextMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = "ContextMenuLabel";
-var ContextMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenu.Separator,
   {
     ref,
@@ -8749,7 +8785,7 @@ var ContextMenuSeparator = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSeparator.displayName = "ContextMenuSeparator";
-var ContextMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenu.SubTrigger,
   {
     ref,
@@ -8768,7 +8804,7 @@ var ContextMenuSubTrigger = React16.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
-var ContextMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var ContextMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(
     ContextMenu.SubContent,
@@ -8965,8 +9001,8 @@ function DataTable({
   pageSize = 10,
   showPagination = true
 }) {
-  const [sorting, setSorting] = React16.useState([]);
-  const [columnFilters, setColumnFilters] = React16.useState([]);
+  const [sorting, setSorting] = React17.useState([]);
+  const [columnFilters, setColumnFilters] = React17.useState([]);
   const table = useReactTable({
     data,
     columns,
@@ -9819,7 +9855,7 @@ DataTransferControls.displayName = "DataTransferControls";
 var PopoverRoot = Popover.Root;
 var PopoverTrigger = Popover.Trigger;
 var PopoverClose = Popover.Close;
-var PopoverContent = React16.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var PopoverContent = React17.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
     Popover.Content,
@@ -9927,7 +9963,7 @@ var DrawerRoot = Drawer.Root;
 var DrawerTrigger = Drawer.Trigger;
 var DrawerPortal = Drawer.Portal;
 var DrawerClose = Drawer.Close;
-var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer.Overlay,
   {
     ref,
@@ -9936,7 +9972,7 @@ var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+var DrawerContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs(
     Drawer.Content,
@@ -9959,7 +9995,7 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { cla
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col gap-2 px-6 pb-6", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer.Title,
   {
     ref,
@@ -9968,7 +10004,7 @@ var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer.Description,
   {
     ref,
@@ -9988,7 +10024,7 @@ function EmptyState({ icon, title, description, action, className }) {
   ] });
 }
 EmptyState.displayName = "EmptyState";
-var Label = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Label$1.Root,
   {
     ref,
@@ -10089,12 +10125,12 @@ function FileDropzone({
   onClick,
   ...props
 }) {
-  const [isDragging, setIsDragging] = React16.useState(false);
-  const inputId = React16.useId();
+  const [isDragging, setIsDragging] = React17.useState(false);
+  const inputId = React17.useId();
   const resolvedId = id ?? inputId;
   const fileSummary = getFileSummary(selectedFiles ?? []);
   const isUnavailable = Boolean(disabled || loading);
-  const emitFiles = React16.useCallback(
+  const emitFiles = React17.useCallback(
     (fileList) => {
       if (!fileList || isUnavailable) return;
       onFilesSelected?.(Array.from(fileList));
@@ -10293,11 +10329,11 @@ function HelpTooltip({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React16.useState(false);
-  const rootRef = React16.useRef(null);
+  const [open, setOpen] = React17.useState(false);
+  const rootRef = React17.useRef(null);
   const url = learnMoreUrl ?? learnMoreURL;
   const body = text.length > 120 ? `${text.slice(0, 117)}...` : text;
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!open) return;
     const onPointerDown = (event) => {
       if (!rootRef.current?.contains(event.target)) {
@@ -10352,7 +10388,7 @@ function HelpTooltip({
 HelpTooltip.displayName = "HelpTooltip";
 var HoverCardRoot = HoverCard.Root;
 var HoverCardTrigger = HoverCard.Trigger;
-var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(HoverCard.Portal, { children: /* @__PURE__ */ jsx(
+var HoverCardContent = React17.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(HoverCard.Portal, { children: /* @__PURE__ */ jsx(
   HoverCard.Content,
   {
     ref,
@@ -11455,7 +11491,7 @@ var InputMessage = forwardRef(
   }
 );
 InputMessage.displayName = "InputMessage";
-var InputNumber = React16.forwardRef(
+var InputNumber = React17.forwardRef(
   ({
     value,
     onChange,
@@ -11475,16 +11511,16 @@ var InputNumber = React16.forwardRef(
     ...rest
   }, ref) => {
     const shape3 = useShape();
-    const formatValue = React16.useCallback(
+    const formatValue = React17.useCallback(
       (next) => next === null ? mixedLabel : next.toFixed(precision),
       [mixedLabel, precision]
     );
-    const [text, setText] = React16.useState(formatValue(value));
-    React16.useEffect(() => {
+    const [text, setText] = React17.useState(formatValue(value));
+    React17.useEffect(() => {
       setText(formatValue(value));
     }, [formatValue, value]);
-    const clamp = React16.useCallback((n) => Math.min(max, Math.max(min, n)), [min, max]);
-    const parseAndClamp = React16.useCallback(
+    const clamp = React17.useCallback((n) => Math.min(max, Math.max(min, n)), [min, max]);
+    const parseAndClamp = React17.useCallback(
       (raw) => {
         const n = parseFloat(raw);
         if (Number.isFinite(n)) {
@@ -11604,7 +11640,7 @@ var InputNumber = React16.forwardRef(
   }
 );
 InputNumber.displayName = "InputNumber";
-var InputOTP = React16.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+var InputOTP = React17.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
   OTPInput,
   {
     ref,
@@ -11614,12 +11650,12 @@ var InputOTP = React16.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React16.forwardRef(
+var InputOTPGroup = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React16.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React16.useContext(OTPInputContext);
+var InputOTPSlot = React17.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React17.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -11642,11 +11678,11 @@ var InputOTPSlot = React16.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React16.forwardRef(
+var InputOTPSeparator = React17.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, { size: 14, className: "text-muted-foreground" }) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
-var Kbd = React16.forwardRef(
+var Kbd = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "kbd",
     {
@@ -11932,7 +11968,7 @@ var MenuItem = forwardRef(
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenubarRoot = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarRoot = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Menubar.Root,
   {
     ref,
@@ -11948,7 +11984,7 @@ var MenubarMenu = Menubar.Menu;
 var MenubarGroup = Menubar.Group;
 var MenubarSub = Menubar.Sub;
 var MenubarRadioGroup = Menubar.RadioGroup;
-var MenubarTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Menubar.Trigger,
   {
     ref,
@@ -11963,7 +11999,7 @@ var MenubarTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = "MenubarTrigger";
-var MenubarContent = React16.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var MenubarContent = React17.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(Menubar.Portal, { children: /* @__PURE__ */ jsx(
     Menubar.Content,
@@ -11991,7 +12027,7 @@ var MenubarContent = React16.forwardRef(({ className, align = "start", alignOffs
   ) })
 ] }));
 MenubarContent.displayName = "MenubarContent";
-var MenubarItem = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   Menubar.Item,
   {
     ref,
@@ -12007,7 +12043,7 @@ var MenubarItem = React16.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = "MenubarItem";
-var MenubarCheckboxItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarCheckboxItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   Menubar.CheckboxItem,
   {
     ref,
@@ -12026,7 +12062,7 @@ var MenubarCheckboxItem = React16.forwardRef(({ className, children, ...props },
   }
 ));
 MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
-var MenubarRadioItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   Menubar.RadioItem,
   {
     ref,
@@ -12045,7 +12081,7 @@ var MenubarRadioItem = React16.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = "MenubarRadioItem";
-var MenubarLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   Menubar.Label,
   {
     ref,
@@ -12054,9 +12090,9 @@ var MenubarLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = "MenubarLabel";
-var MenubarSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Menubar.Separator, { ref, className: cn("mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Menubar.Separator, { ref, className: cn("mx-1 my-1 h-px bg-muted", className), ...props }));
 MenubarSeparator.displayName = "MenubarSeparator";
-var MenubarSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MenubarSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   Menubar.SubTrigger,
   {
     ref,
@@ -12075,7 +12111,7 @@ var MenubarSubTrigger = React16.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = "MenubarSubTrigger";
-var MenubarSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var MenubarSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("style", { children: mobilePopperSheetStyle }),
   /* @__PURE__ */ jsx(
     Menubar.SubContent,
@@ -12106,7 +12142,7 @@ MenubarShortcut.displayName = "MenubarShortcut";
 var SheetRoot = Dialog$1.Root;
 var SheetTrigger = Dialog$1.Trigger;
 var SheetClose = Dialog$1.Close;
-var SheetOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Dialog$1.Overlay,
   {
     ref,
@@ -12141,7 +12177,7 @@ var sheetContentVariants = cva(
     }
   }
 );
-var SheetContent = React16.forwardRef(
+var SheetContent = React17.forwardRef(
   ({ className, children, side = "right", ...props }, ref) => /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
     /* @__PURE__ */ jsxs(
@@ -12181,7 +12217,7 @@ function SheetFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-end gap-2 mt-6", className), ...props });
 }
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Dialog$1.Title,
   {
     ref,
@@ -12190,7 +12226,7 @@ var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Dialog$1.Description,
   {
     ref,
@@ -12218,7 +12254,7 @@ function MobileDrawer({
   ] });
 }
 MobileDrawer.displayName = "MobileDrawer";
-var NativeSelect = React16.forwardRef(({ className, children, ...props }, ref) => {
+var NativeSelect = React17.forwardRef(({ className, children, ...props }, ref) => {
   const shape3 = useShape();
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(
@@ -12248,11 +12284,11 @@ var NativeSelect = React16.forwardRef(({ className, children, ...props }, ref) =
   ] });
 });
 NativeSelect.displayName = "NativeSelect";
-var NativeSelectOption = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx("option", { ref, ...props }));
+var NativeSelectOption = React17.forwardRef((props, ref) => /* @__PURE__ */ jsx("option", { ref, ...props }));
 NativeSelectOption.displayName = "NativeSelectOption";
-var NativeSelectOptGroup = React16.forwardRef((props, ref) => /* @__PURE__ */ jsx("optgroup", { ref, ...props }));
+var NativeSelectOptGroup = React17.forwardRef((props, ref) => /* @__PURE__ */ jsx("optgroup", { ref, ...props }));
 NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
-var NavItem = React16.forwardRef(
+var NavItem = React17.forwardRef(
   ({ icon, active, trailing, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "a",
     {
@@ -12302,7 +12338,7 @@ function NavMenu({ items, className, ...props }) {
   );
 }
 NavMenu.displayName = "NavMenu";
-var NavigationMenuRoot = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuRoot = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenu.Root,
   {
     ref,
@@ -12312,7 +12348,7 @@ var NavigationMenuRoot = React16.forwardRef(({ className, children, ...props },
   }
 ));
 NavigationMenuRoot.displayName = "NavigationMenu";
-var NavigationMenuList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenu.List,
   {
     ref,
@@ -12322,7 +12358,7 @@ var NavigationMenuList = React16.forwardRef(({ className, ...props }, ref) => /*
 ));
 NavigationMenuList.displayName = "NavigationMenuList";
 var NavigationMenuItem = NavigationMenu.Item;
-var NavigationMenuTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenu.Trigger,
   {
     ref,
@@ -12349,7 +12385,7 @@ var NavigationMenuTrigger = React16.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
-var NavigationMenuContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenu.Content,
   {
     ref,
@@ -12366,7 +12402,7 @@ var NavigationMenuContent = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 NavigationMenuContent.displayName = "NavigationMenuContent";
-var NavigationMenuLink = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuLink = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenu.Link,
   {
     ref,
@@ -12380,7 +12416,7 @@ var NavigationMenuLink = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 NavigationMenuLink.displayName = "NavigationMenuLink";
-var NavigationMenuViewport = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
   NavigationMenu.Viewport,
   {
     ref,
@@ -12395,7 +12431,7 @@ var NavigationMenuViewport = React16.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = "NavigationMenuViewport";
-var NavigationMenuIndicator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenu.Indicator,
   {
     ref,
@@ -12497,7 +12533,7 @@ function PageHeading({
   className
 }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("border-b border-border pb-6", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "mb-3 flex items-center gap-1.5", "aria-label": "Breadcrumb", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "mb-3 flex items-center gap-1.5", "aria-label": "Breadcrumb", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsx(ChevronRight, { size: 12, className: "text-muted-foreground shrink-0" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -12554,11 +12590,11 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React16.forwardRef(
+var PaginationContent = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React16.forwardRef(
+var PaginationItem = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
@@ -12614,7 +12650,7 @@ var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
-var ProgressRoot = React16.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var ProgressRoot = React17.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   Progress.Root,
   {
     ref,
@@ -13077,7 +13113,7 @@ function ResizableHandle({ className, withHandle = true, ...props }) {
   );
 }
 ResizableHandle.displayName = "ResizableHandle";
-var Separator2 = React16.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator2 = React17.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   Separator.Root,
   {
     ref,
@@ -13190,25 +13226,25 @@ function RichTextEditor({
   toolbarClassName,
   onRequestImageUrl
 }) {
-  const editorRef = React16.useRef(null);
-  const savedRangeRef = React16.useRef(null);
-  const [showLinkInput, setShowLinkInput] = React16.useState(false);
-  const [linkUrl, setLinkUrl] = React16.useState("");
-  React16.useEffect(() => {
+  const editorRef = React17.useRef(null);
+  const savedRangeRef = React17.useRef(null);
+  const [showLinkInput, setShowLinkInput] = React17.useState(false);
+  const [linkUrl, setLinkUrl] = React17.useState("");
+  React17.useEffect(() => {
     const editor = editorRef.current;
     if (!editor || document.activeElement === editor || editor.innerHTML === value) return;
     editor.innerHTML = value;
   }, [value]);
-  const emitChange = React16.useCallback(() => {
+  const emitChange = React17.useCallback(() => {
     if (editorRef.current) onChange(editorRef.current.innerHTML);
   }, [onChange]);
-  const saveSelection = React16.useCallback(() => {
+  const saveSelection = React17.useCallback(() => {
     const selection = window.getSelection();
     if (selection && selection.rangeCount > 0) {
       savedRangeRef.current = selection.getRangeAt(0).cloneRange();
     }
   }, []);
-  const restoreSelection = React16.useCallback(() => {
+  const restoreSelection = React17.useCallback(() => {
     const range = savedRangeRef.current;
     const selection = window.getSelection();
     if (!range || !selection) return;
@@ -13216,7 +13252,7 @@ function RichTextEditor({
     selection.addRange(range);
     savedRangeRef.current = null;
   }, []);
-  const runCommand = React16.useCallback(
+  const runCommand = React17.useCallback(
     (command, commandValue) => {
       editorRef.current?.focus();
       switch (command) {
@@ -13252,7 +13288,7 @@ function RichTextEditor({
     },
     [emitChange]
   );
-  const insertLink = React16.useCallback(() => {
+  const insertLink = React17.useCallback(() => {
     const url = linkUrl.trim();
     if (!url) return;
     restoreSelection();
@@ -13262,7 +13298,7 @@ function RichTextEditor({
     setShowLinkInput(false);
     emitChange();
   }, [emitChange, linkUrl, restoreSelection]);
-  const insertImage = React16.useCallback(async () => {
+  const insertImage = React17.useCallback(async () => {
     const url = await onRequestImageUrl?.() ?? (typeof window !== "undefined" ? window.prompt("Image URL:") : null);
     if (!url) return;
     const image = document.createElement("img");
@@ -13333,7 +13369,7 @@ function RichTextEditor({
             role: "toolbar",
             "aria-label": "Text formatting",
             children: [
-              toolbarGroups.map((group, index) => /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+              toolbarGroups.map((group, index) => /* @__PURE__ */ jsxs(React17.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ jsx(Separator2, { orientation: "vertical", className: "mx-1 h-6" }),
                 group.map(renderToolbarButton)
               ] }, `toolbar-group-${index}`)),
@@ -13458,14 +13494,14 @@ function RichTextEditor({
   );
 }
 RichTextEditor.displayName = "RichTextEditor";
-var ScrollAreaRoot = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+var ScrollAreaRoot = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
   /* @__PURE__ */ jsx(ScrollArea.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
   /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
   /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
   /* @__PURE__ */ jsx(ScrollArea.Corner, {})
 ] }));
 ScrollAreaRoot.displayName = "ScrollArea";
-var ScrollAreaScrollbar = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollAreaScrollbar = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollArea.Scrollbar,
   {
     ref,
@@ -13607,14 +13643,14 @@ function SearchableTable({
   tableClassName,
   pagination
 }) {
-  const [sort, setSort] = React16.useState(null);
-  const rows = React16.useMemo(() => Array.isArray(data) ? data : [], [data]);
+  const [sort, setSort] = React17.useState(null);
+  const rows = React17.useMemo(() => Array.isArray(data) ? data : [], [data]);
   const normalizedSearchTerm = searchTerm.trim().toLowerCase();
-  const filteredRows = React16.useMemo(() => {
+  const filteredRows = React17.useMemo(() => {
     if (!normalizedSearchTerm) return rows;
     return rows.filter((item) => getSearchableText(item).includes(normalizedSearchTerm));
   }, [normalizedSearchTerm, rows]);
-  const sortedData = React16.useMemo(() => {
+  const sortedData = React17.useMemo(() => {
     if (!sort) return filteredRows;
     const column = columns.find((candidate) => candidate.key === sort.key);
     if (!column || !column.sortable && !column.sortAccessor) return filteredRows;
@@ -13795,8 +13831,8 @@ var SIDEBAR_WIDTH_ICON = "3.5rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React16.useState(false);
-  React16.useEffect(() => {
+  const [isMobile, setIsMobile] = React17.useState(false);
+  React17.useEffect(() => {
     const mediaQuery = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => setIsMobile(mediaQuery.matches);
     onChange();
@@ -13805,14 +13841,14 @@ function useIsMobile() {
   }, []);
   return isMobile;
 }
-var SidebarContext = React16.createContext(null);
+var SidebarContext = React17.createContext(null);
 function useSidebar() {
-  const ctx = React16.useContext(SidebarContext);
+  const ctx = React17.useContext(SidebarContext);
   if (!ctx) throw new Error("useSidebar must be used inside SidebarProvider");
   return ctx;
 }
 function useOptionalSidebar() {
-  return React16.useContext(SidebarContext);
+  return React17.useContext(SidebarContext);
 }
 function SidebarProvider({
   defaultOpen = true,
@@ -13824,10 +13860,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React16.useState(false);
-  const [_open, _setOpen] = React16.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React17.useState(false);
+  const [_open, _setOpen] = React17.useState(defaultOpen);
   const open = openProp !== void 0 ? openProp : _open;
-  const setOpen = React16.useCallback(
+  const setOpen = React17.useCallback(
     (value) => {
       const nextOpen = typeof value === "function" ? value(open) : value;
       if (onOpenChange) {
@@ -13839,14 +13875,14 @@ function SidebarProvider({
     },
     [onOpenChange, open]
   );
-  const toggleSidebar = React16.useCallback(() => {
+  const toggleSidebar = React17.useCallback(() => {
     if (isMobile) {
       setOpenMobile((currentOpen) => !currentOpen);
       return;
     }
     setOpen((currentOpen) => !currentOpen);
   }, [isMobile, setOpen]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     function handleKeyDown(event) {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -13857,7 +13893,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React16.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       state,
       open,
@@ -14256,7 +14292,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React16.useMemo(() => {
+  const width = React17.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -14442,7 +14478,7 @@ function StatCardGrid({
   className,
   showEmptySlots = false
 }) {
-  const childrenArray = React16.Children.toArray(children);
+  const childrenArray = React17.Children.toArray(children);
   const emptySlots = showEmptySlots ? Math.max(0, maxSlots - childrenArray.length) : 0;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -16059,7 +16095,7 @@ var toggleVariants = cva(
     }
   }
 );
-var ToggleRoot = React16.forwardRef(
+var ToggleRoot = React17.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
     Toggle.Root,
     {
@@ -16070,11 +16106,11 @@ var ToggleRoot = React16.forwardRef(
   )
 );
 ToggleRoot.displayName = "Toggle";
-var ToggleGroupContext = React16.createContext({
+var ToggleGroupContext = React17.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroupRoot = React16.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var ToggleGroupRoot = React17.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroup.Root,
   {
     ref,
@@ -16084,8 +16120,8 @@ var ToggleGroupRoot = React16.forwardRef(({ className, variant, size, children,
   }
 ));
 ToggleGroupRoot.displayName = "ToggleGroup";
-var ToggleGroupItem = React16.forwardRef(({ className, variant, size, ...props }, ref) => {
-  const context = React16.useContext(ToggleGroupContext);
+var ToggleGroupItem = React17.forwardRef(({ className, variant, size, ...props }, ref) => {
+  const context = React17.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroup.Item,
     {
@@ -16223,6 +16259,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, IconProvider, Input, InputCopy, InputField, InputGroup, InputMessage, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, MediaAssetGrid, MediaAssetGridItem, 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, StatusTile, StatusTileGrid, Steps, SummaryTile, SummaryTileGrid, 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 };
+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, CheckboxCard, 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, MediaAssetGrid, MediaAssetGridItem, 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, StatusTile, StatusTileGrid, Steps, SummaryTile, SummaryTileGrid, 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